/*
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;}

	
}



footer .footerLinks form{position:relative;}
	footer .footerLinks form input{background: transparent !important;
    border: 1px solid #fff !important; color:#fff!important; font-size: 14px!important; font-weight: 300!important;}
    footer .footerLinks form br{display:none!important;}
    footer .footerLinks form .wpcf7-submit{width: auto;display: inline-block;max-width: auto;min-width: auto;border: none !important;font-weight: 700 !important; margin: 0;     position: absolute;top: 2px;right: 5px;cursor: pointer;z-index: 9;}
    
    footer .footerLinks form .wpcf7-spinner{display:none;}
    
    
    
    
    footer .footerLinks form input::placeholder{color:#fff!important; opacity:1!important;}
	
		body.page-id-9701 .treatmentInfo.consult{width: 50%; float:left; background: #fff!important;}
		body.page-id-9701 .treatmentInfo.consult .info{margin-left: 0!important;flex: 0 0 100%!important;
        max-width: 100%!important;}
		body.page-id-9701 .treatmentInfo.consult h3{margin-bottom:0;}
		body.page-id-9701 .treatmentInfo.consult img{width: 100%; height:auto;}
		body.page-id-9701 .comLogos{padding-top:0; clear:both;}
		body.page-id-9701 .fwContent{display:none;}
		
		body.page-id-9692 .revSec{display:none;}
		
		.mainInfo.pricing.con .item{ margin-top: 30px;   width: 100%;}
		
		.featSec .inner h2,
		.revSec .rev h2{    font-size: 24px;}
		
		
		ul.primary-nav{
		
		height: 700px;
    overflow-y: scroll;
		}
		
		
		@media all and (max-width: 768px){
		
				body.page-id-9701 .treatmentInfo.consult{width: 100%;}

		
		}
		
		
				
		@media all and (max-width: 575px){
		
			header.main .details .menu-overlay ul > li > a{min-width: 295px;}

		
		}
		
		
		
	footer.main .compInfo .inner img.local{margin-top: 10px;}
	footer.main .compInfo .inner img.local:nth-child(2n){margin-right: 10px;}
	

	
	@media all and (max-width:768px){
		.footerLinks{display:none;}
		
		footer.main .compInfo .inner img.local{margin: 5px!important;}
		
		footer.main h4{margin-bottom:20px;}
		
	}