@media (min-width: 1400px) {
   .container { max-width: 1200px;}
   .about-image {padding-top: 1300px;}
   .bbl-image {padding-top: 1100px }
   .hifu-img {height: 1600px; margin-bottom: -24px;}
   .ultherapy-img {height: 1590px;}
   .ultherapy-img1 {height: 990px;}
   .hydra-img1 {height: 1250px;}
   .oxyimg {height: 1470px;}

}

/* ==========================================================================
    (Medium Desktop, 1400px and up)*
    ========================================================================== */
@media (max-width: 1400px) {
   h1 { font-size: 56px; line-height: 65px;}
   .home-wellness-block { background-position: -160px;}
   .contact-first-block .round-element.medium { left: -320px; bottom: -250px;}
   .home-services-block .round-element { width: 400px; height: 400px;}
   .home-services-block .round-element::before { width: 500px; height: 500px;}
   .home-services-block .round-element.medium { top: inherit;}
   .home-services-block .round-element.medium::before { width: 400px; height: 400px;}
   .about-page .home-first-block .round-element.medium { left: -260px; bottom: -240px;}

   .ultherapy-first-block .home-first-left { background-position: left top !important;}
   .home-first-right { max-width: 100%; padding: 50px 15px; margin: 0;}
   .home-first-right h1 br { display: none; margin-bottom: 15px;}
   .home-first-right p { margin-bottom: 15px; text-align: justify; line-height: 30px;}

   .about-image {padding-top: 1100px;}
   .hifu-img {height: 1100px; margin-bottom: -24px;}
   .ultherapy-img {height: 900px;}
   .ultherapy-img1 {height: 900px;}
   .hydra-img1 {height: 970px;}
   .oxyimg {padding-top: 1260px;}


}
 
 
/* ==========================================================================
   *Medium devices (tablets, 1200px and down)*
   ========================================================================== */
@media (max-width: 1200px) {
   h1 { font-size: 65px; line-height: 45px;}
   h2 { font-size: 45px; line-height: 45px;}
   h3 { font-size: 35px; line-height: 35px;}
   .main-menu > ul > li > a { padding: 6px 10px; }
   .home-banner-cont h3 { font-size: 35px; line-height: 35px;}
   .home-services-block { padding: 70px 0;}
   .home-wellness-block { background-position: 0;}
   .home-wellness-content { min-height: auto;}
   .quick-link,
   .footer-info { margin-left: 5rem;}
   .footer-info p { line-height: 2rem;}
   .quick-link-list li { margin-left: 1.2rem;  }
   .quick-link h4 {margin-left:5rem; }
   
   .quick-link p {margin-left:5rem; line-height: 2rem;}
   .quick-link-list p { padding-right: 8px; margin-left: 4rem;}
   .home-blog-item { padding: 20px;}
   .home-blog-item p { font-size: 20px; line-height: 24px;}
   
   .round-element { display: none;}
   .logo { max-width: 310px;}
   .logo a { width: 200px;}
   .logo a img { display: block; margin-top: 1rem;}
   .drypskin-logo { width: 165px;}
   .main-menu > ul > li > a { font-size: 14px;}
   .main-menu > ul > li { margin: 0; }
   .social li {margin-left: 3.5rem; }
   .social li a {line-height: 50px; letter-spacing: -100px;}
   .home-first-right { max-width: 100%; padding: 50px 15px; margin: 0;}
   .home-first-right h1 br { display: none; margin-bottom: 15px;}
   .home-first-right p { margin-bottom: 15px; text-align: justify; line-height: 30px;}   

   .bbl-image {padding-top: 500px;}
   .hifu-img {margin-bottom: 50px;}
   .ultherapy-img {height: 1300px;}
   .oxyimg {height: 1260px;}
}
 
 
/* ==========================================================================
   *Medium devices (tablets, 991px and down)*
   ========================================================================== */
 @media (max-width: 991px) {
   h1 { font-size: 45px; line-height: 35px;}
   h2 { font-size: 40px; line-height: 40px;}
   h3 { font-size: 26px; line-height: 28px;}

   .header-main-block .container { max-width: 100%;}
   
   .main-menu { display:none; }
   .mobile-menu { display:block; background: transparent; position: relative; z-index: 9;}
   .mobile-menu .menu-toggle { display:block; z-index:1;  top: -50px; right:10px;}
   .mobile-menu ul.menu-list{display:none;}
   .mobile-menu > ul > li > span { display:none;}
   .mobile-menu > ul.menu-list > li > a.login { color: #fff; display:block; width:100%; font-size: 14px; text-transform: uppercase; padding: 8px 0; background:none; display: inline-block; line-height: normal; position: relative;  top:0px;  border-radius: 0px;}
   .mobile-menu > ul > li > a.active { color: #fff;}
   .header-right { margin-right: 50px;}
   .mobile-menu > ul.menu-list { padding: 10px 0;}
   .mobile-menu > ul > li > a { font-size: 14px; text-transform: uppercase;}
   .mobile-menu ul.menu-list > li > ul > li > a { font-size: 14px;}

   /* Menu Second Level 21-01-2021 */
   .mobile-menu ul.menu-list > li > ul{padding: 0;}
   .mobile-menu ul.menu-list > li > ul > li >ul{ display:none; background: #505050; padding: 0;}
   .mobile-menu ul.menu-list > li > ul > li >ul >li>a{font-size: 14px;}
   /* Menu Second Level END 21-01-2021 */

   .mega-drop { padding: 0 15px; position: relative; z-index: 3; left: inherit !important; top: inherit !important; right: inherit !important; bottom: inherit !important; width: 100% !important; display: none;  opacity: 1; transform: scale(1); pointer-events: auto; background: #1b1a1a; border-radius: 0px;}
   .mobile-menu ul > li > a { font-weight: 400; background-color: var(--primary-color);}
   .drop-links > li > a { font-size: 14px;}
   .drop-links li a:before { position: static; display: inline-block; margin-right: 20px;}

   .header-main-block { padding: 5px 0;}
   .home-banner-mobile .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end;}
   .home-banner-cont h3 { font-size: 26px; line-height: 28px;}
   .home-first-right { max-width: 100%; padding: 50px 15px; margin: 0;}
   .home-first-right h1 br { display: none; margin-bottom: 15px;}
   .home-first-right p { margin-bottom: 15px; text-align: justify; line-height: 30px;}  
   .home-first-left { min-height: 400px;}
   .iv-top-video { right: 0; left: 0;}
   
   .home-services-block { padding: 50px 0;}
   .services-item { margin: 0;}
   .home-services-block { padding: 0;}
   .home-wellness-block { background: var(--primary-color);}
   .home-wellness-content { padding: 50px 0;}
   .home-wellness-content h1,
   .home-wellness-content p { margin-bottom: 15px; text-align: justify; color: #ffffff;}
   .home-wellness-content h2 { margin-bottom: 15px; text-align: center; color: #ffffff;}

   .services-item h2 br { display: none;}
   .home-services-block .owl-carousel .owl-item:nth-child(even) { padding: 0;}
   .home-first-right { padding-bottom: 0;}
   .home-wellness-content .secondary-btn { margin: 10px 10px 0 0; padding: 8px 40px 8px 20px; font-size: 14px;}
   .secondary-btn::before { right: 18px; top: 13px;}

   .home-aesthetic-block { padding: 50px 0;}
   .home-benefit-block { padding: 50px 0;}
   .home-aesthetic-box { padding: 40px;}
   .home-benefit-box h2 { font-size: 35px;}
   .home-aesthetic-box h1 { line-height: 50px; margin-bottom: 15px;}
   .home-aesthetic-box p { margin-bottom: 15px; text-align: center;}
   .home-benefit-box-left { display: block; margin-bottom: 15px;}
   .home-blog { padding-top: 50px;}
   .commen-faq .accordion-box { margin-bottom: 10px;}
   .blog-faq-testimonials h1 { margin-bottom: 15px;}
   .home-blog h1 { margin-bottom: 30px;}

   .footer-about { margin-right: 0;}
   .footer h4 { margin-bottom: 15px;}
   .blog-faq-testimonials { padding-bottom: 50px; }


   
   .about-page .home-first-left { min-height: 530px;}
   .about-page .home-first-right { margin-right: 0; padding: 50px 0 35px;}
   .contact-first-block { padding: 50px 0;}
   .contact-first-address { margin-right: 0;}
   .sub-banner { padding-bottom: 50px;}
   
   .blog-block { padding: 50px 0;}
   .mobile-menu .primary-btn::before { display: none;}
   .iv-service-secion { padding: 50px 0;}
   .iv-service-secion h2 { font-size: 48px; line-height: 52px; margin-bottom: 10px; color: var(--primary-color);}
   .iv-service-secion h3 { margin-bottom: 10px !important;}

   .iv-drip-top-block { padding: 0 0 50px;}
   .iv-service-secion .iv-heading { line-height: 1.1;}
   .iv-service-secion h3 { line-height: 1.1;}
   .oligoscan-block .home-first-right { padding: 20px 0;}

   .hifu-second { padding-top: 50px;}


   .card-title {margin-left: 5.6rem;}
   .card{ background-color: #E0E7DC; border: 0; padding-left: 5px; width: 100%;  text-align: center; margin-left: 25px;}
   

   
 }
 


 

 
/* ==========================================================================
   *Small devices (landscape phones, less than 768px)*
   ========================================================================== */ 
@media (max-width: 767px) {
  h1 { font-size: 45px !important; line-height: 42px !important; text-align: center;}
  h2 { font-size: 26px !important; line-height: 29px !important; text-align: center;}
  p { line-height: 22px; font-size: 16px;}
  .home-banner-cont h3 { font-size: 20px; line-height: 24px;}
  .home-first-left { min-height: 300px;}
  .home-first-right { padding: 40px 0 30px;}
  .home-first-right h1 { margin-bottom: 15px; text-align: center;}

  .mobile-menu .menu-toggle { top: -50px;}

   .home-services-block .owl-carousel .owl-item:nth-child(even) { padding-top: 0;}
   .home-services-block .owl-carousel .owl-nav .owl-prev { left: 0px;}
   .home-services-block .owl-carousel .owl-nav .owl-next { right: 0px;}
   .home-services-block { padding: 0 0 50px 0;}
   .services-item { margin: 0; padding: 0;}
   .services-item h2 br { display: none;}

   .home-services-block { padding: 0 0 35px 0;}
   .home-wellness-content { padding: 40px 0;}
   .home-aesthetic-box { margin: 0; padding: 35px 20px;}
   .home-aesthetic-box-left { margin: 0;}
   .services-item:hover { box-shadow: none;}
   .home-banner-mobile h3 span { font-size: 20px; line-height: 24px; background: var(--primary-color); display: block; padding: 5px 20px 10px 20px; color: #ffffff; }
   .home-aesthetic-box { padding-top: 0;}
   .primary-btn { font-size: 14px; text-align: center;}
   .commen-list li { margin-bottom: 10px;}
   .home-blog .owl-dots { margin-top: 25px;}
   .home-blog .owl-dots button { margin: 0 4px;}
   .home-blog .owl-dots button span { width: 9px; height: 9px;}
   .plus-minus { width: 30px; height: 30px; top: 13px;}
   .commen-faq .accordion-box .accordion-item h5 span { font-size: 16px;}
   .commen-faq .accordion-box .data { padding: 20px;}
   .commen-faq .accordion-box .accordion-item { padding: 12px 18px; padding-right: 60px;}
   .home-testimonials h3 { font-size: 24px;}
   .home-testimonials { margin-top: 30px;}
   .blog-avatar { margin-bottom: 15px;}
   .footer-logo { margin-bottom: 10px; margin-left: 7rem;}
   .commen-faq .accordion-box .accordion-item h5 { font-size: 18px;}
   .footer h4 { margin-bottom: 10px;}
   .header-top-block p { font-size: 14px; line-height: 18px;}
   .home-benefit-box h2 { margin-bottom: 15px;}
   .logo { padding-right: 50px;}
   .drypskin-logo { width: 45%;}
   .logo a { width: 45%;}

   
   .contact-first-form { padding: 20px 25px; margin-top: 20px;}
   .sub-banner-cont { padding: 20px; margin-top: 180px;}
   .blog-box { max-width: 400px; margin: auto;}
   .blog-detail-block ul li { font-size: 16px;}

   .hifu-page .oligoscan-block .home-first-left { min-height: 300px;}
   .home-testimonials .test-item { width: 390px; }


   .card-title {margin-left: 2rem;}
   .card{ background-color: #E0E7DC; border: 0; padding-left: 5px; width: 50%;  text-align: center; margin-left: 25px;}
   .card-body{ background-color: #E0E7DC; border: 0; width: 120%;  text-align: center; }

   .hydra-img1 {padding-right: 250px;}

   
}



/* ==========================================================================
   *Extra small devices (portrait phones, less than 576px)*
   ========================================================================== */ 
@media (max-width: 575px) {
   .mobile-menu .menu-toggle { top: -45px;}
   .iv-service-secion .iv-heading { font-size: 32px !important;}
   .card-title {margin-left: 2rem;}
   .card{ background-color: #E0E7DC; border: 0; padding-left: 5px; width: 100%;  text-align: center; margin-left: 25px;}
   .card-body{ background-color: #E0E7DC; border: 0; width: 120%;  text-align: center; }
   
}


/* ==========================================================================
   *Extra small devices (portrait phones, less than 480px)*
   ========================================================================== */ 
@media (min-width:320px) and (max-width:480px) { 
   .about-page .home-first-left { min-height: 350px;}

   .card-title {margin-left: 0rem;}
   .card{ background-color: #E0E7DC; border: 0; width: 120%;  text-align: center; }
   .card-body{ background-color: #E0E7DC; border: 0; width: 120%;  text-align: center; }
   

}