@media print {
    .header,
    .header__nav,
    .header__mobile-toggle,
    .footer__social { display:none; }
    .hero { page-break-after:always; }
}
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after { animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important; }
}

/*** 
====================================================================
  responsive page css 
====================================================================
***/

/* 1440 */
@media only screen and (max-width: 1600px) and (min-width: 1440px) {
.header__container > .header__logo { max-width:240px; }
.header__nav-link { font-size:15px; }


}
/* 1366 */
@media only screen and (max-width: 1439px) and (min-width: 1281px) {
.header__container > .header__logo { max-width:240px; }
.header__nav-link { font-size:15px; }

}

/* 1280 */
@media only screen and (max-width: 1280px) and (min-width: 1200px) {
.header__container > .header__logo { max-width:200px; }
.header__nav-link { font-size: 14px;}
.story__text { margin:0; }
	
}

/* 1024 */
@media only screen and (max-width: 1199px) {
body { padding-top:95px; }
.container { width:100%; padding:0 15px; }



header.header { height:95px; }
.header__container { padding:0 15px 0; }
.header__logo img { max-height:40px; }
.header__login { display:none; }
.header__nav-item--mobile-login { display:block; }
.header__mobile-toggle { display:flex; order:3; }
.header__nav { position:absolute; top:100%; left:0; right:0; background-color:rgba(0, 0, 0, 0.98); max-height:0; overflow:hidden; transition:max-height 0.3s ease; z-index:999; backdrop-filter:blur(10px); overflow-y:auto;}
.header__nav.active { max-height:630px; border-top:1px solid rgba(255, 255, 255, 0.1); display:block; }
.header__nav-item { width:100%; border-bottom:1px solid rgba(255, 255, 255, 0.1); }
.header__nav-item:last-child { border-bottom:none; }
.header__nav-link { display:block; padding:15px 20px; width:100%; font-size:14px; }
.header__nav-list { gap:0; }
.header__nav-link--active::after { display:none; }
.header__dropdown-icon { display:none; }
.header__nav-item--dropdown { position:static; display:flex; align-items:center; flex-wrap:wrap; }
.header__nav-item--dropdown .header__nav-link { flex:1; width:auto; padding-right:10px; min-width:0; }
header.header .header__dropdown a { font-size:14px; }
.header__toggle-submenu { display:inline-flex; flex-shrink:0; margin-left:auto; padding:20px 20px 20px 10px; }
.header__toggle-submenu .nav__arrow { display:block; }
.header__dropdown { position:static; opacity:1; visibility:visible; transform:none; background-color:rgba(255, 255, 255, 0.05); margin-top:0; padding:0; max-height:0; overflow:hidden; transition:max-height 0.3s ease; width:100%; order:10; }
.header__nav-list .header__dropdown .header__nav-item--dropdown .header__dropdown { position:static; opacity:1; visibility:visible; transform:none; background-color:rgba(255, 255, 255, 0.05); margin-top:0; padding:0; max-height:0; overflow:hidden; transition:max-height 0.3s ease; width:100%; order:10; max-width:100%; }
.header__nav-list .header__dropdown .header__nav-item--dropdown .header__dropdown .header__toggle-submenu {
    display: none;
}

header.header .header__nav-item {
    margin: 0;
}

.header__nav-item--dropdown:hover .header__dropdown { max-height:0; }
.header__nav-item--dropdown:hover .header__dropdown,
.header__nav-item--dropdown.active .header__dropdown { max-height:300px; }
.header__nav-item--open > .header__dropdown,
.header__nav-item--open .header__dropdown { max-height:440px !important; padding:0; }
.header__nav-item--dropdown:not(.header__nav-item--open) > .header__dropdown { max-height:0 !important; }
.header__dropdown a { padding:15px 60px; font-size:14px; }
.header__dropdown { gap:0; }
.header__dropdown .header__nav-item--dropdown { display:flex; align-items:center; flex-wrap:wrap; }
.header__dropdown .header__nav-item--dropdown .header__nav-link,
header.header .header__dropdown a{ flex:1; width:auto; padding-right:10px; min-width:0; padding:15px 40px 15px 60px; }

.header__dropdown .header__toggle-submenu { padding:15px 20px 15px 10px; }
.header__dropdown .header__dropdown { background-color:rgba(255, 255, 255, 0.08); margin-left:20px; max-height:0 !important; }
.header__dropdown .header__nav-item--open .header__dropdown { max-height:300px !important; }


.hero,
.hero__container { min-height:400px; } 

.services { padding:40px 0 40px; }
.services__title { font-size:42px; line-height:1.2; padding:0 0 40px; }

.instagram { padding:40px 0 40px; }
.instagram__title { font-size:42px; line-height:1.2; }

.story { height:auto; }
.story__content { grid-template-columns: repeat(1, 1fr); text-align:center; }
.story__title { font-size:42px; line-height:1.2; }
.story__text { margin:0; }

.feature { padding:40px 0 40px; }
.feature__title { font-size:42px; line-height:1.2; margin:0 0 40px; }

.showcase { padding-top:40px; }
.showcase__title { font-size:42px; line-height:1.2; }

.summary { padding:40px 0 40px; }
.summary__title { font-size:42px; line-height:1.2; margin:0 0 40px; }

.highlights { padding:40px 0 40px; }
.highlights__title { font-size:42px; line-height:1.2; margin:0 0 40px; }

.newsletter { padding:40px 0 40px; }
.newsletter__title { font-size:42px; line-height:1.2; }

.brands { padding:40px 0 40px; }
.brands__label { font-size:42px; line-height:1.2; }

.footer { padding:40px 0 40px; }
.footer__grid { margin:0 0 40px; }
/*** 
====================================================================
  injection page css 
====================================================================
***/
.cms-injection { padding:40px 0 40px; }
.cms-injection .injection-inner { grid-template-columns: repeat(1, 1fr); }
.cms-injection .injection-imgbig { max-width:580px; height:auto; text-align:center; margin:0 auto; }
.cms-injection .injection-imgsmall { right: 0; bottom: -40px; width: 190px; height: 210px; }
.cms-injection .injection-rht { padding:40px 0 0; }
/*** 
====================================================================
  plastic surgery page css 
====================================================================
***/
.surgery-content { padding:40px 0 40px; }
.image-gallery { padding:40px 0 40px; }
/*** 
====================================================================
  blog page css 
====================================================================
***/
.cms-press { padding:40px 0 40px; }
.cms-press .section-header { padding:0 0 40px; }
.cms-press .press-grid { grid-template-columns: repeat(2, 1fr); }



	
	
}

/* 768 */
@media only screen and (max-width: 1023px) {


.services__grid { grid-template-columns: repeat(1, 1fr); gap:50px; }
.services__card-image { margin:0 0 20px; }
.services__card-link { margin:20px 0 0; }

.feature__inner { grid-template-columns: repeat(1, 1fr); }
.feature__image { order:-1; margin:0 0 30px; }

.showcase__inner--image-left { grid-template-columns: repeat(1, 1fr); }
.showcase__content { order:-1; }
.showcase__media { text-align:center; margin:30px 0 0; }

.summary__columns { grid-template-columns: repeat(1, 1fr); gap: 25px; margin: 0 0 40px;}

.highlights__grid { grid-template-columns: repeat(1, 1fr); max-width:480px; row-gap:40px; }
.highlights__item { text-align:center; }
.highlights__icon { width:auto; }

.brands__label { text-align:center; }
.brands__logos { gap:40px; }
/*** 
====================================================================
  book-consultation page css 
====================================================================
***/
.cms-contact { padding:40px 0 40px; }
.cms-contact .contact-inner { grid-template-columns: repeat(1, 1fr); top:0; }
.cms-contact .btn-box { text-align:center; }
/*** 
====================================================================
  contact page css 
====================================================================
***/
.contact-info { padding:40px 0 20px; }
.contact-info .contact-info-inner { grid-template-columns: repeat(1, 1fr); }
.contact-info .info-lft { padding:0 0 30px; }
.all-location { padding:40px 0 40px; }
.all-location .location-title { font-size:24px; }
.cms-contact-form { padding:40px 0 40px; }
.cms-contact-form .section-header { padding:0 0 40px; }
.cms-contact-form .form-inner { grid-template-columns: repeat(1, 1fr); }
.cms-contact-form .form-img { text-align:center; }
/*** 
====================================================================
  faq page css 
====================================================================
***/
.cms-faq { padding:40px 0 40px; }
.cms-faq .faq-inner { grid-template-columns: repeat(1, 1fr); row-gap:40px; }
.cms-answare { padding:40px 0 40px; }
/*** 
====================================================================
  injection page css 
====================================================================
***/
.cms-treatment { padding:40px 0 40px; }
.cms-treatment .treatments-inner { grid-template-columns: repeat(1, 1fr); }
.cms-treatment .treatments-lft { margin:0; padding:30px; text-align:center; border-radius:0px 0px 20px 20px; }
.cms-treatment .treatments-rht { margin:0; height:auto; order:-1; text-align:center; }
.cms-treatment img { height:auto; border-radius:20px 20px 0px 0px; }
/*** 
====================================================================
  injection detail page css 
====================================================================
***/
.surgery-banner .surgery-inner { grid-template-columns: repeat(1, 1fr); }
.surgery-banner .surgery-lft { padding:40px; }
.surgery-banner .surgery-rht { padding:40px; }
/*** 
====================================================================
  commercial page css 
====================================================================
***/
.commercial-banner .commercial-inner { grid-template-columns: repeat(1, 1fr); }
.commercial-banner .commercial-lft { padding:40px; }
.commercial-banner .commercial-rht { padding:40px; }
/*** 
====================================================================
  membership page css 
====================================================================
***/
.cms-membership { padding:40px 0 40px; }
.cms-membership .membership-inner { grid-template-columns: repeat(1, 1fr); }
.cms-membership .membership-lft { margin:0; padding:30px; text-align:center; border-radius:0px 0px 20px 20px; }
.cms-membership .membership-rht { margin:0; height:auto; order:-1; text-align:center; }
.cms-membership img { height:auto; border-radius:20px 20px 0px 0px; }
.pricing-table .ptable-item { width:100%; }
.membership-include .include-inner { grid-template-columns: repeat(1, 1fr); }
.membership-include .include-lft { padding:40px; }
.membership-include .include-rht { padding:40px; }
/*** 
====================================================================
  team profile page css 
====================================================================
***/
.profile-banner { padding:40px 0 0; }
.singleprofile-wrapper { grid-template-columns: repeat(1, 1fr); padding:20px; }
.team-top { grid-template-columns: repeat(1, 1fr); }
.team-two { padding:40px 0 40px; }
.team-bot { grid-template-columns: repeat(2, 1fr); }
.gallery img{height:auto}

	
}

/* 736 */
@media only screen and (max-width: 767px) {
.header__container > .header__logo { max-width:200px; } 
.header__phone a {
    font-size: 0;
}
	header.header {
    height: auto;
}
	body {
    padding-top: 80px;
}
.page-banner .mainhead { font-size:40px; } 
.mainhead { font-size:40px; } 
.heading { font-size:30px; } 
.commen-content-black h2 { font-size:30px;  }
.commen-content h2 { font-size:30px; } 


.hero,
.hero__container { min-height:300px; }
.hero__title { font-size: 42px; min-height: 60px; margin:0 0 40px; }

.services__title, 
.instagram__title, 
.story__title, 
.feature__title, 
.showcase__title, 
.summary__title, 
.highlights__title, 
.newsletter__title, 
.brands__label { font-size:32px;  }

.newsletter__input { padding:12px 12px; }

/*** 
====================================================================
  location page css 
====================================================================
***/
.cms-location { padding:40px 0 40px; }
.cms-location .location-inner { grid-template-columns: repeat(1, 1fr); }
.cms-location .location-title { font-size:20px; }
.cms-location .location-address ul li { font-size:16px; }
/*** 
====================================================================
  book-consultation page css 
====================================================================
***/
.cms-contact .contact-wrapper { grid-template-columns: repeat(1, 1fr); }
.cms-contact .contact-title { font-size:20px; }
.cms-contact .contact-address ul li { font-size:16px; }
.appointment-inner .content p { font-size:20px; }
/*** 
====================================================================
  contact page css 
====================================================================
***/
.all-location .location-inner { grid-template-columns: repeat(1, 1fr); row-gap:40px; }
/*** 
====================================================================
  faq page css 
====================================================================
***/
.question-block .question { min-height:60px; font-size:18px; padding-left: 15px;  padding-right: 60px; }
.question-block .question::before { width:44px; height:60px; background-size:16px; }
.question-item .answer { font-size:14px; }
.question-item.opened .answer { padding:15px; }
.cms-answare .answare-inner { grid-template-columns: repeat(1, 1fr); }
.cms-answare .answare-lft { margin:0; padding:30px; text-align:center; border-radius:0px 0px 20px 20px; }
.cms-answare .answare-rht { margin:0; height:auto; order:-1; text-align:center; }
.cms-answare img {  height:auto; border-radius:20px 20px 0px 0px; }
/*** 
====================================================================
  injection detail page css 
====================================================================
***/
.surgery-banner .surgery-lft { padding:20px; }
.surgery-banner .surgery-rht { padding:20px; }
.cms-surgery { padding:40px 0 40px; }
.cms-surgery .surgery-content { padding:20px; }
/*** 
====================================================================
  commercial page css 
====================================================================
***/
.commercial-banner .commercial-lft { padding:20px; }
.commercial-banner .commercial-rht { padding:20px; }
/*** 
====================================================================
  membership page css 
====================================================================
***/
.membership-include .include-lft { padding:20px; }
.membership-include .include-rht { padding:20px; }
/*** 
====================================================================
  team profile page css 
====================================================================
***/
.profile-box { flex-direction:column; }
.profile-box .profile-content { max-width:100%; padding:40px 0 0; }
.profile-box .mainhead { font-size:32px; }
.team-top .team-img { height:auto; }
.team-bot { grid-template-columns: repeat(1, 1fr); }
.team-bot .team-img { height:auto; }
/*** 
====================================================================
  plastic surgery page css 
====================================================================
***/
.surgery-content .surgery-wrapper { padding:20px; }
.gallery { grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); }
/*** 
====================================================================
  blog page css 
====================================================================
***/
.cms-press .press-grid { grid-template-columns: repeat(1, 1fr); }
.cms-press .press-box .press-content { padding: 20px 20px 25px;  margin-top: -40px; }
.search__grid {grid-template-columns: repeat(1, 1fr);gap: 20px;}

}

/* 600 */
@media only screen and (max-width: 666px) {
   
.footer__grid { grid-template-columns: repeat(1, 1fr); row-gap:40px; }
.footer__links li { margin:0 0 15px; }


}