.btn-dark {
	font-size: 20px;
	font-weight: 400;
	padding: 16px 20px;
	max-width: 360px;
	background: linear-gradient(90deg, #1C4973 0%, #0C233F 100%);
    border: none;
}

.page-about-us .top-banner {
	background: url(https://cdn.citybeauty.com/images/about-us/new/banner-d.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	height: 70vh;
	position: relative;
	/* max-width: 1800px; */
	max-height: 594px;
	margin-left: auto;
	margin-right: auto;
}

.page-about-us .top-banner .text {
	position: absolute;
	top: 50%;
	left: 40%;
	transform: translate(-50%, -50%);
    max-width: 900px;
}

.page-about-us .top-banner h1 {
	margin-bottom: 25px;
	font-size: 50px;
}

.page-about-us .top-banner h2 {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
    max-width: 391px;
}


.page-about-us .top-banner p {
	margin-bottom: 20px;
}

.page-about-us .container.smaller {
	box-sizing: content-box;
	width: calc(100% - 30px);
}

.page-about-us .banner .text {
	position: absolute;
	top: 50%;
	left: 30%;
	transform: translate(-50%, -50%);
	max-width: 470px;
}
.page-about-us .banner .text br {
	display: none;
}
.page-about-us .banner .text p.large {
	margin: 10px auto 0;
	line-height: 1.5;
}

.our-mission{
	margin-top:60px;
	margin-bottom:60px;
}
.heading {
    color: #0c233f;
    font-family: Unna;
    font-size: 40px;
    line-height: 1.33;
    margin-bottom: 24px;
}
.our-mission h2 {
	min-width: 180px;
}

.our-mission p,.our-mission h2{
	text-align: center;
}
.our-mission .italics-facts{
	  font-family: Unna;
  font-size: 20px;
  font-style: italic;
  letter-spacing: 0.45px;
  line-height: 24px;
}

#our-mission-accordion.arrow-collapser.right-side-arrow > .title-box {
	padding: 30px 0 25px;
	border-top: 1px solid #d5d5d5;
}
#our-mission-accordion.arrow-collapser.right-side-arrow > .title-box:first-child {
	border-top: none;
}
#our-mission-accordion.arrow-collapser.right-side-arrow > .title-box h6 {
	font-size: 22px;
	font-weight: 300;
	letter-spacing: normal;
	margin: 0;
}
#our-mission-accordion .our-mission-collapse-content > p:first-child {
	margin: 0 0 30px;
}

.about-us-nav .nav-tabs {
	border-bottom: none;
	margin: auto;
	max-width: 960px;
}
.about-us-nav .nav-tabs .nav-item {
	padding: 0 3%;
}
.about-us-nav .nav-tabs .nav-link {
	border: none;
	border-bottom: solid 3px transparent;
	border-radius: initial;
	color: #333;
	font-size: 22px;
	font-weight: 300;
	line-height: 2;
	letter-spacing: 1.5px;
	padding: 0;
}
.about-us-nav .nav-tabs .nav-item.show .nav-link,
.about-us-nav .nav-tabs .nav-link.active {
	color: #333;
	background-color: initial;
	border-color: none;
	border-bottom: solid 4px #333;
}
.about-us-nav .tab-content .tab-pane {
	max-width: 960px;
	margin: auto;
	padding: 0 15px 50px;
	line-height: 28px;
	letter-spacing: 1px;	
}

.about-research-heavy {
	background-color: #f9f9f9;
}
.about-research-heavy .row {
	margin-right: -25px;
	margin-left: -25px;
	padding: 0 25px;
}
.about-research-heavy .row .col-sm-5,
.about-research-heavy .row .col-sm-7 {
	padding: 0 25px;
}

.about-clean-beauty .container > img {
	width: 45%;
	margin-right: -90px;
}
.about-clean-beauty .content {
	width: 100%;
	padding-right: 4%;
}
.about-clean-beauty p {
	margin-bottom: 25px;
	max-width: 520px;
}
.about-clean-beauty .nos {
	align-items: center;
	margin-bottom: 35px;
}
.about-clean-beauty .nos .img {
	width: 25px;
	text-align: center;
}
.about-clean-beauty .nos p {
	margin-left: 8px;
	margin-bottom: 0;
	line-height: 1.2;
}
.about-clean-beauty .btn-dark {
	margin-left: 0;
}

.our-mission p{
	max-width: 700px;
	margin: auto;
}
.image-gallery {
    width: 50%;
}
.img-fluid{
	height: 100%;
    object-fit: cover;
}
.fb-footer{
display: none;	
}
.ug-content{    
	max-width: 480px;    
	margin-left: 10%;
}
.work-sans{
	font-family: 'Work Sans';
}
@media handheld, only screen and (max-width: 1175px) {
	.about-clean-beauty .container > img {
		margin-right: calc(50% - 50vw);
		padding-right: 15px;
	}
}
@media handheld, only screen and (max-width: 991.98px) {
	.page-about-us .banner .text {
		max-width: 360px;
		left: 28%;
	}
	.about-clean-beauty .container {
		overflow: hidden;
	}
	.about-clean-beauty .content {
		max-width: 57%;
	}
	.about-clean-beauty .title1 {
		min-width: 500px;
	}
	.about-clean-beauty .nos {
		width: 50%;
	}
}
@media handheld, only screen and (max-width: 780px) {

	.page-about-us .top-banner h1 {
		font-size: 40px;
	}
}
@media handheld, only screen and (max-width: 767.98px) {
	.no-pad-mobile{
		padding: 40px 20px !important;
	}
	.image-gallery {
		width: auto;
        max-height: 238px;
        margin: auto;
	}

	.ug-content{    
		max-width: 480px;    
		margin-left: auto
	}
.heading {
	line-height: normal;
}
	.page-about-us .top-banner {
		background: url(https://cdn.citybeauty.com/images/about-us/new/banner-m.jpg) center bottom no-repeat;
        background-size: cover;
        height: 100vh;
        max-height: 85vh;	
	}

	.page-about-us .top-banner .text {
		position: static;
		transform: translate(0, 0);
		text-align: center;
		padding-top: 2%;
		max-width: 100vw;
	}
	.page-about-us .top-banner h1{
		margin-bottom:10px;
	}
	.page-about-us .top-banner h2{
		font-size: 16px;
		font-weight: 400;
		line-height: 1.5;
		max-width: 300px;
		margin: auto;
	}

	.page-about-us .top-banner .px-5{
		padding: 0 !important;
	}

.our-mission p,.our-mission h2{
	text-align: center;
}
	.page-about-us .banner {
		margin-top: -20px;
	}
	.page-about-us .banner .text {
		max-width: 49.5%;
	}
	.page-about-us .banner .text .title1 {
		font-size: 5.4vw;
	}
	.page-about-us .banner .text p.large {
		font-size: 2.8vw;
	}

	.our-mission .d-flex {
		flex-direction: column;
	}
	.our-mission .d-flex p.large {
		margin: 0 0 30px;
	}
	.our-mission #our-mission-accordion.margin-top-50 {
		margin-top: 0;
	}

	.about-research-heavy .container.smaller {
		max-width: 365px!important;
	}
	.about-research-heavy .title2 {
		margin-bottom: 50px;
	}
	.about-research-heavy .row {
		margin-top: 10px;
		margin-right: -15px;
		margin-left: -15px;
		padding: 0;
		flex-direction: column;
	}
	.about-research-heavy .row:nth-child(3) {
		flex-direction: column-reverse;
	}
	.about-research-heavy .row img {
		margin-bottom: 25px;
	}
	.about-research-heavy .row .col-md-5,
	.about-research-heavy .row .col-md-7 {
		max-width: 350px;
		margin: auto;
	}

	.about-clean-beauty .content,
	.about-clean-beauty p {
		max-width: initial;
		padding: 0;
	}
	.about-clean-beauty .title1 {
		min-width: initial;
	}
	.about-clean-beauty .content > img {
		margin: 35px auto;
		max-width: 320px;
		width: 100%;
	}
	.about-clean-beauty .nos {
		width: initial;
	}
	.about-clean-beauty .btn-dark {
		margin: auto;
	}

.img-fluid{
	height: auto;
	object-fit: contain;
}
}

@media handheld, only screen and (max-width: 575.98px) {
	.page-about-us .banner {
		margin: -50px -15px 0;
	}
	.page-about-us .banner .text {
		top: 8%;
		left: 5%;
		transform: none;
		max-width: initial;
	}
	.page-about-us .banner .text br {
		display: block;
	}
	.page-about-us .banner .text .title1 {
		font-size: 9.5vw;
	}
	.page-about-us .banner .text p.large {
		font-size: 5.6vw;
	}

	.our-mission.margin-top-80 {
		margin-top: 32px;
	}

	.about-research-heavy {
		padding-top: 35px;
	}

	.about-clean-beauty .content .flex-wrap {
		max-width: 280px;
		margin: auto;
	}
	.about-clean-beauty .nos {
		/*width: 50%;*/
	}
}
@media handheld, only screen and (max-width: 375px) {
	.about-research-heavy .title2 {
		font-size: 10vw;
	}
}