/*
Theme Name: Cosmetic Digital Theme
Author: Cosmetic Digital
Author URI: www.cosmeticdigital.co.uk
Version: 1.0.0
*/


header.main .details .menu-overlay ul > li > a{font-weight: 400;}

.mb-contactStrip-container .right a{color:#000;}

header.main .details a.mhlink{display:none;}

@media all and (max-width:1250px){
	header.main span.add{font-size: 12px;}
	header.main .details a.hlink{font-size: 12px;}

}

@media all and (max-width:1075px){
	header.main .logo a img{width: 400px;max-width: 400px;}
		header.main span.add{display:none;}

}

@media all and (max-width:991px){


	header.main .details{text-align:left;}
	header.main .logo a img{width: 300px;max-width: 300px;margin-left: auto;margin-right: auto;}
	header.main.sticky .logo a img.white{display:none!important;}
	header.main .logo a{text-align:center;width: 100%;}
	header.main.sticky .details{margin-top: 18px;}
	
}


@media all and (max-width:768px){
	header.main .details a.hlink{width:100%; display:block; margin:0;}
header.main .logo a img{width: 200px;max-width: 200px;}
	
	.mainLinks ul li a{font-size: 14px;}
	.mainLinks ul li{margin: 0 15px;}
	.mainLinks ul li::after{right: -17px;width: 2px;}
	.mainLinks{padding:10px;}
	
	.mainInfo.process .tpslider .slick-arrow{right: 90px; top: -45px;}
	.mainInfo.process .tpslider .slick-arrow.right{right: 35px;}
	
	
	
	
	
}

@media all and (max-width:575px){
	header.main .details {margin-top: 8px;}
	header.main.sticky .details{margin-top: 8px;}
	header.main .logo{padding:0;}
	header.main .details a.hlink{display:none;}
	header.main .details a.mhlink{display:initial; position: relative;top: 10px;}
	header.main .details a.mhlink i{font-size: 24px;}
	header.main.sticky .logo a img{margin: 15px auto;}
}


@media all and (max-width:450px){
header.main .logo a img{width: 150px;max-width: 150px;}
}




@media all and (max-width:1075px){
	.homeBanner img{height: 400px;}

}

@media all and (max-width:575px){
.homeBanner img{height: 250px;}
}





@media all and (max-width:1024px){
	.featSec{margin-top: 40px;}
	.featSec img{height:auto;}
		.featSec .outer{margin-left:0; padding: 0 15px;}
}


@media all and (max-width:991px){
	.featSec .inner{right:65px;}
}

@media all and (max-width:650px){
	.featSec .inner{position: relative;top: 0;right: 0;width: 100%;padding: 0;margin-top: 30px;}
	.featSec .inner h2{font-size:20px;}
}



@media all and (max-width:1024px){
.fwContent.home{margin-top: 40px;padding-top: 40px;}
	.fwContent .inner h1{margin-top:0;}
	.fwContent.home .inner h1{margin-top:0;margin-bottom: 20px;}
	.fwContent.home .inner{padding: 0 15px;}
	.fwContent.home .spacer{margin-top: 45px;}
	.fwContent .inner p{font-size:18px;line-height: 30px;}
	
	
	
	.treatmentInfo{padding-top: 40px; padding-bottom: 40px;}
	
}

@media all and (max-width:768px){
	.fwContent.home .inner{text-align:center;}
	.fwContent .inner h1{font-size:22px;line-height: 28px;}
	.fwContent.home .spacer{margin-top:30px;}
	
	.treatmentInfo.home{padding-top: 25px;}
	.treatmentInfo .info .spacer{margin-top:30px;}
	.treatmentInfo .info h2{margin-bottom: 15px;}
.treatmentInfo.home img.bg{margin-top: 40px;}
}


.commonList .col-12{padding: 0 75px;}


@media all and (max-width:1200px){

	.commonList{padding: 50px 0;}
	.commonList .consslider .slick-slide .inner.btm{margin-top: 50px;}
	.commonList .consslider .slick-slide .inner{margin-top: 50px;}
	.commonList .col-12{padding: 0 15px;}
	.commonList .consslider .slick-arrow.right{right:40px;}
	.commonList .consslider .slick-arrow{right: 100px;}
	
}

@media all and (max-width:991px){
	.commonList .consslider .slick-slide .inner{padding: 0 10px;}
}

@media all and (max-width:550px){
	.commonList .consslider{padding-left: 20px;}
	.commonList .consslider .slick-slide .inner.btm{margin-top: 35px;}
}


@media all and (max-width:450px){
	.commonList .consslider .slick-arrow{top: -75px;}
}




@media all and (max-width:1200px){
	.mainInfo.process .info{padding-left: 25px;}
	.mainInfo.process{padding: 75px 0;}
	.mainInfo.process .info .spacer{margin-bottom: 40px;}
}


@media all and (max-width:768px){
	.mainInfo.process{padding: 50px 0 0 0; background:#f7f4f2;}
	.mainInfo.process .info .spacer{background:transparent;}
	
	.blogFeed .pressItem .blog-image{padding:0 10px;}
	.blogFeed .blogItem{padding-right: 15px;}
	.blogFeed .blogItem.blog{padding: 0 25px!important;}
	

}


.revSec .rev br{display:none;}


@media all and (max-width:1024px){
	.revSec.home .rev{margin-top: 50px;padding: 0 20px;}
	.revSec.home .img img.overlay{left:0;}
	.revSec .rev .spacer{margin-top: 50px;}
}


@media all and (max-width:991px){
	.revSec{padding-top:0;}
	.revSec.home .rev{margin-top:0;}
}


@media all and (max-width:650px){
	.revSec.home .img{padding: 0 20px;}
	.revSec.home .img img.overlay{position:relative;}
	.revSec.home .img img.main{margin-top: 30px;}
}



.blogFeed .pressItem img{height: 325px; object-fit:cover;}


section.blogArchive article .featured-image{height: 320px;}


@media all and (max-width:1200px){
	.blogFeed{margin-top: 50px;}
	.blogFeed .pressItem img{height: auto;}
}

@media all and (max-width:991px){
	.blogFeed .inner{padding: 0;}
	.blogFeed .blogItem.blog{padding:0 15px; margin:0;}
}


.comLogos ul li img{height: 100px;}


@media all and (max-width:1200px){
	.ourClinics .container{padding: 40px 15px;}
	
	.comLogos{padding-top:60px;}
	body.home .comLogos{padding-top:0; padding-bottom: 40px;}
	
	.comLogos ul{margin:0; padding:0;}
	.comLogos ul li img{height: 70px;}
	.comLogos ul li{margin: 0 10px;}
	
}

@media all and (max-width:991px){
	.ourClinics .item{padding:0 15px;}
	.ourClinics h2{padding:0;}
	.ourClinics .item h3{margin-top:20px;}
}


@media all and (max-width:650px){
	.comLogos ul li img{height: 45px;}
}

@media all and (max-width:450px){
	.comLogos ul li{margin: 5px 0;}
}



@media all and (max-width:768px){
	footer.main img.color{height: 40px;margin-bottom: 20px; width:auto!important;}
	footer.main h2{margin-bottom: 20px;}
	footer.main p.address.right{margin-top:0;}
	footer.main p{font-size:14px;}
}


@media all and (max-width:991px){

	.heroBanner .container{padding:20px;}
	.heroBanner .image{flex: 0 0 100%;max-width: 100%;}
	.heroBanner .info{flex: 0 0 100%;max-width: 100%;}
	.heroBanner .inner{width: 100%;padding: 20px;background: #fff;position: relative;left: 25px;margin-top: -25px;}
	.heroBanner img.bg{height: auto;}

	.fwContent{margin-bottom:0;}
}

@media all and (max-width:550px){
	.heroBanner .inner h1{font-size: 24px;}

}


@media all and (max-width:1200px){
	.faqSec{padding:0 15px;}
	.faqSec .container{padding: 30px;}
	.faqSec ul{margin-top:0;}
	
	
	.mainInfo.pricing .container{padding: 0 20px;}
	.mainInfo.pricing .item{margin-top: 35px;}
	.mainInfo.pricing{padding-bottom: 50px;}
	.revSec .rev{padding: 0 15px;}
}

@media all and (max-width:991px){
	.revSec .img{padding-right: 15px;margin-top: 30px;}
}



section.reviewsFeed-container{background:#f6f4f2;}

.form-container h2{font-size: 2.4em;margin: 0;text-transform: capitalize;font-weight: 400;}

@media all and (max-width:768px){
	.treatmentInfo.consult{padding: 40px 0;}
	.mainInfo.pricing.con .item{width:50%;}
	
	.treatmentInfo.contact{padding-bottom: 15px;}
	.treatmentInfo.contact .info{margin-top:0;}
	.treatmentInfo.contact .image{margin-top:20px;}
	
	.faqSec ul li h4{  font-size: 16px;}
	.faqSec ul li .spacer{margin-bottom: 30px;}
	
	.faqSec .col-lg-12{padding:0;}
	
	.fullwidthInfo.revs{padding: 50px 0;}
	.gallery-section{padding: 30px 15px}
	.mainInfo.pricing .item{width:100%;}
	
	
	.treatmentInfo .info{margin-top: 30px;}
	.treatmentInfo .info h2{font-size:1.1em;}
	
	.contactIntro-container{padding:0;}
	
	.contactIntro-container form{margin-top:0;}
	
	.form-container .info{margin-bottom: 20px;}

}



@media all and (max-width:550px){
	
	.form-container h2{font-size: 24px;}

	
}
