/*  1350px  */
@media all and (max-width: 1479px) {

.grid-1280 { width:1280px;}
	
	
}




/*  1240px  */
@media all and (max-width: 1339px) {
 
.grid-1280 { width:1200px;}
	
.top-navigation {margin-left:165px;}

header.darker .top-navigation {margin-left: 225px;}

.banner-text {  max-width: 1080px;}

button.accordion, button.accordion:hover {font-size:14px; font-weight:600;}

	
}




/*  980px  */
@media all and (max-width: 1239px) {

.grid-1280 { width:920px;}
	
.col-1-of-1, .col-1-of-2, .col-1-of-3, .col-1-of-4, .col-1-of-5, .col-1-of-6, .col-1-of-7, .col-1-of-8, .col-1-of-9, .col-1-of-10, .col-1-of-11, .col-1-of-12, .col-2-of-3, .col-2-of-5,  .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6, .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-7-of-8, .col-6-of-8, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8, .col-8-of-9,  .col-7-of-9,  .col-6-of-9, .col-5-of-9, .col-4-of-9, .col-3-of-9, .col-3-of-9, .col-2-of-9 {padding: 0px 10px;} 	
	
.responsive-menu-icon {display: block; width:53px; height:53px; padding:15px; background-color:#333;}
	
.top-navigation	 {display:none;}
	
header.darker, header {border-bottom:1px solid #ccc; transition: all 0.5s ease-in 0s;}

header.darker .logo, .logo  { margin:9px 0px; transition: all 0.5s ease-in 0s; margin-left:-15px;}

header.darker .logo img, .logo img { display:block; width:150px; transition: all 0.5s ease-in 0s;}

header.darker .top-navigation, .top-navigation { margin-top:10px; transition: all 0.5s ease-in 0s; margin-left:260px;}

header.darker .call-button, .call-button { margin-top:5px; margin-bottom:5px; transition: all 0.5s ease-in 0s; margin-right:17px;}
	
.top-navigation {width:100%; margin:0px; left:0px; top:53px; position:fixed; background-color:#fff; border-top:1px solid #ccc;}	

.top-navigation a {display:block; width:100%; padding:10px 25px; border-bottom:1px solid #ccc;}

.top-navigation a:hover {background-color:#f7f7f7;}

.header-gap {height:53px;}

h2 {font-size:36px;}

.contact-box2 {padding-top:0px;}

.contact-form {margin-left:-100px; padding:25px;}

.textbox1, .textbox2 {margin-bottom:10px; padding:12px;}

.submit-button {margin-bottom:0px; padding:12px;}

.contact-box1 span strong {font-size:24px;}

.contact-box1 span {width:320px;}

button.accordion {  padding: 15px;  font-size:15px;}

.faq-left {padding-top:0px;}

.right-content {  padding: 20px 0px 0px 40px;}

.left-content h3, .right-content h3 { font-weight: 500;  font-size: 14px;  line-height: 24px;}

body {  font-size: 14px;  line-height: 28px;}

.service-box h4 {  font-size: 16px;  line-height: 140%;}

.facts-and-figures {margin-bottom:40px;}

.banner-text {padding-top:40px;}

.banner-text h2 {  width: 400px;  margin-top: 10px;  margin-bottom: 10px;  font-size: 36px;}	

.slider .slide, .banner1, .banner2, .banner3 {height:350px; }

.banner-text {  max-width: 800px;}

.banner-text img {width:300px;}

#rounded-text {width: 120px; height: 120px; padding:20px;}

.center-logo { margin-top:-55px; }

.center-rounded-logo-holder img {width:60px;}

.center-rounded-logo-holder {top:34px;}

.aboutus {margin-top:30px; padding-bottom:40px;}
	
.page-title {line-height: 150px;}	

.inside-banner {height:150px;}

.half-left, .half-right {width:100%; float:none;}

.half-left {margin-bottom:30px;}

.listing2 li {    width: 100%;    float: none;}

header.darker .top-navigation, .top-navigation {margin:0px;}

button.accordion, button.accordion:hover {font-size:14px; font-weight:600; padding-right:40px;}

button.accordion::after {display:inline-block; margin-right:-15px;}

#certificates {  padding: 20px 40px 40px 40px;}
	
}




/*  768px  */
@media all and (max-width: 979px) {

.grid-1280 { width:740px;}	

.col-1-of-4  {width: 50%;}	

.col-1-of-5  {width: 33.33%;}	

.col-1-of-6  {width: 33.33%;}	

.col-1-of-7  {width: 25%;}	

.col-1-of-8  {width: 25%;}	
		
.col-1-of-9  {width: 20%;}	
		
.col-1-of-10  {width: 20%;}	
	
.col-1-of-11  {width: 16.66%;}
	
.col-1-of-12 {width: 16.66%;}
	
.col-5-of-8 {    width: 75%;	}
	
.col-3-of-9 {    width: 40.00%;	}
	
.col-1-of-9 {    width: 25%;}	
	
.col-2-of-9 {    width: 25%	}
	
.col-3-of-9 {    width: 50%;}	
	
.col-3-of-8 {    width: 50%;	}

.col-2-of-3, .col-2-of-5, .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6,  .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-7-of-8, .col-6-of-8, .col-8-of-9,  .col-7-of-9, .col-6-of-9, .col-5-of-9, .col-4-of-9 {width: 100%;}	

.aboutus .col-1-of-2,  .plastic-surgeon  .col-1-of-2, .our-team .col-1-of-2, .faq .col-1-of-2, .contact .col-1-of-2  {width:100%; max-width:590px;}

.accordion-holder {  width: 100%; margin-top: 30px;}

.contact-form {    margin-left: 0px;   padding: 35px;  }

.contact-box2, .faq-left {padding-left:0px; padding-top:40px;}

.follow-us {  display: block;  margin: auto;  width: 295px;}

.footer-links a {margin:5px;}

.our-services, .our-team, .contact {padding:30px 0px;}

.plastic-surgeon-content {  padding: 0px 0px 20px 0px;}

.faq   {padding:40px 0px 30px 0px;}

.plastic-surgeon {padding:40px 0px 50px 0px;}

.right-content {    padding: 40px 0px 0px 0px;  }	

.facts-and-figures .col-1-of-4:nth-child(1), .facts-and-figures .col-1-of-4:nth-child(2) {border-bottom:1px solid #d85c65;}

.aboutus-content {  padding: 40px 0px 0px 0px;}

.slider .slide, .banner1, .banner2, .banner3 {height:250px; }

.banner-text {  max-width: 700px;}

.aboutus .grid-1280, .plastic-surgeon .grid-1280, .our-team .grid-1280, .faq .grid-1280, .contact .grid-1280, .our-services .grid-1280, .our-services.details .grid-1280 {    width: 600px;  }

header.darker .logo, .logo {margin-left:0px;}

header.darker .call-button, .call-button {margin-right:33px;}

.banner-text {    max-width: 600px;  }

.slider_left img, .slider_right img {width:40px;}

.banner-text img {    width: 300px; display:none;  }

.banner-text h2 {    width: 300px;    margin-top: 10px;    margin-bottom: 10px;    font-size: 30px;  }

.left-content {  padding: 40px 0px 0px 0px;  display: table;}

.page-title {line-height: 100px;}	

.inside-banner {height:100px;}

.our-services.details .col-1-of-2 {width:100%;}

.service-details-pic {width:100%; margin-bottom:30px; display:block;}

.service-name {font-size:36px;}

.gynae-treatments h4 {  font-size: 36px;}

#certificates {    padding: 20px 0px 40px 0px;  }

	
}





/*  640px  */
@media all and (max-width: 767px) {

.grid-1280 { width:600px;}	
	
.col-1-of-1, .col-1-of-2, .col-1-of-3, .col-1-of-4, .col-1-of-5, .col-1-of-6, .col-1-of-7, .col-1-of-8, .col-1-of-9, .col-1-of-10, .col-1-of-11, .col-1-of-12, .col-2-of-3, .col-2-of-5,  .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6, .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-8-of-9, .col-7-of-9,  .col-6-of-9, .col-5-of-9, .col-4-of-9, .col-3-of-9, .col-2-of-9, .col-7-of-8, .col-6-of-8, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8 {padding: 0px 5px;} 
	
.slider .slide, .banner1, .banner2, .banner3 {height:300px; }	

.banner-text {    max-width: 540px; padding-top:50px;  }

.small-heading {font-size:10px;}

.banner-text h2 {    width: 250px;}

.slider .slider_left, .slider .slider_right {  padding: 0px 5px;}

.service-name {font-size:32px;}

#certificates {    padding: 20px 0px 40px 0px;  }

	
}





/*  480px  */
@media all and (max-width: 639px) {

.grid-1280 { width:440px;}	
	
.col-1-of-2, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8, .col-3-of-9, .col-2-of-9  {width: 100%; float: none;}	

.col-1-of-3  {width: 100%; float: none;}	
	
.col-1-of-4  {width: 100%; float: none;}	

.col-1-of-5  {width: 100%; float: none;}	

.col-1-of-6  {width: 50%;}	

.col-1-of-7  {width: 33.33%;}	

.col-1-of-8  {width: 33.33%;}
		
.col-1-of-9  {width: 33.33%;}
		
.col-1-of-10  {width: 33.33%;}
	
.col-1-of-11  {width: 33.33%;}
	
.col-1-of-12 {width: 33.33%;}
	
.aboutus .grid-1280, .plastic-surgeon .grid-1280, .our-team .grid-1280, .faq .grid-1280, .contact .grid-1280, .our-services .grid-1280, .our-services.details .grid-1280 {    width: 440px;  }

.facts-and-figures .col-1-of-4 {width:50%; float:left;}

.service-box h4 {    font-size: 20px;    line-height: 140%;  }
	
.slider .slide, .banner1, .banner2, .banner3 {height:250px; }	

.banner-text {    max-width: 380px; padding-top:20px;  }

.banner-text h2 {    width: 185px;    margin-top: 10px;    margin-bottom: 10px;    font-size: 25px;  }

.banner-text {    max-width: 380px;    padding-top: 40px;  }
	
.page-title {line-height: 80px; font-size:30px;}	

.inside-banner {height:80px;}

.aboutus {  padding: 40px 0px;}	

.float-right {float:none!important; clear:both;}

.anchor-name {    display: block;    margin-top: -100px;   height: 100px;  }

.address-line-2 {  font-size: 20px;}

.gynae-treatments h4 {  font-size: 32px;}
	
.service-anchor {  margin-top: -100px;}	

#certificates h2 {font-size:30px;}
	
}




/*  360px  */
@media all and (max-width: 479px) {

.grid-1280 { width:320px;}	
	
.col-1-of-6  {width: 100%; float: none;}	

.col-1-of-7  {width: 50%;}	

.col-1-of-8  {width: 50%;}
		
.col-1-of-9  {width: 50%;}
		
.col-1-of-10  {width: 50%;}
	
.col-1-of-11  {width: 50%;}
	
.col-1-of-12 {width: 50%;}	


.aboutus .grid-1280, .plastic-surgeon .grid-1280, .our-team .grid-1280, .faq .grid-1280, .contact .grid-1280, .our-services .grid-1280, .our-services.details .grid-1280 {    width: 320px;  }

.copyright {  font-size: 10px; letter-spacing:1px;}

.footer-address-1 {   padding-right: 20px;  line-height: 141%;  font-size: 12px;}

.footer-address-2 {  padding-left: 20px;  line-height: 141%;  font-size: 12px;}

.footer-links a {  text-transform: capitalize;  font-size: 12px;}

footer {padding-top:30px;}

.copyright {  margin-bottom: 20px;}

.footer-address-1 {text-align:right;}

.footer-address-1 img {float:right; margin-bottom:10px; margin-right:0px; margin-left:100px;}

.footer-address-1 br {display:none;}
	
.footer-address-2 img {float:none; margin-bottom:10px;}

.footer-address-2 br {display:none;}
	
.contact-form {    margin-left: 0px;    padding: 30px;  }

h2 {    font-size: 28px;  }

.contact-box1 span {    width: 268px; margin-top:-117px; margin-left:20px;  line-height: 145%;}

.contact-box1 span img {  float: left;  width: 45px; margin-right: 10px;}

.contact-box1 span strong {    font-size: 20px;  }

.our-services, .our-team, .contact {    padding: 20px 0px;  }

.facts-and-figures strong {  font-size: 40px;}

.facts-and-figures span {  font-size: 11px;}

.facts-and-figures .col-1-of-4 {  padding: 30px 0px;}

.facts-and-figures .col-1-of-4:nth-child(1), .facts-and-figures .col-1-of-4:nth-child(2) {    border-bottom: 1px solid #d85c65;  }

header.darker .call-button, .call-button, header.darker .call-button:hover, .call-button:hover {font-size:0px; margin:0px; border-radius:0px; margin-right:0px; padding:0px; width:53px; height:53px; background-position:center center; background-size:25px; position:fixed; right:53px; top:0px;}

.banner1 {background-image:url(../images/banner-1-mobile.webp);}
.banner2 {background-image:url(../images/banner-2-mobile.webp);}
.banner3 {background-image:url(../images/banner-3-mobile.webp);}

.slider .slide, .banner1, .banner2, .banner3 {height:650px; }	

.banner-text {    max-width: 300px;    padding-top: 20px; text-align:center;  }

.banner-text h2 {width:100%; font-size:28px;}

.banner-text img {    width: 285px;    display: block;    margin: auto;    padding-left: 20px;  }

button.accordion {position:relative; margin-bottom:10px; border:0px; border-radius:10px!important; padding-right:50px;}

button.accordion::after {  margin-right: 0px;  font-size: 20px;  line-height:35px; width:35px;   height:35px; text-align:center;  color: #fff;  background-color:#bc202b;  position: absolute;  right: 0;  top: 0;    border-radius:0px 10px 0px 10px;}

div.panel {border-radius:10px; background-color:transparent; }

.answer {margin-bottom:10px; margin-top:10px; border:1px solid #ddd; background-color:#f7f7f7; margin-bottom:20px; margin-top:0px; border-radius:10px; }

.page-title {line-height: 60px; font-size:24px;}	

.inside-banner {height:60px;}

.address-line-2 {  font-size: 15px;}

.address {  padding: 30px 20px 10px 20px;}

.service-name {font-size:30px;}

.gynae-treatments {    padding: 30px 20px;}

.gynae-treatments h4 {  font-size: 30px;}

.address-line-1 br {display:none;}

.address span img {  margin-right: 10px;}

.our-team {  padding: 20px 0px 40px 0px;  }

.hline {  border-bottom: 1px solid #ccc;  margin-bottom: 40px;  padding-top: 10px;}

.service-anchor {  margin-top: -100px;}

.our-services, .contact {    padding: 30px 0px;  }

button.accordion, button.accordion:hover {   padding-right: 45px;    font-size: 12px;  }

.panel.last .answer {  border-bottom: 1px solid #ddd;}

#certificates {    padding: 20px 0px 40px 0px;  }

#certificates h2 {    font-size: 26px;  }

}