/* @media (min-width: 1401px) {

  .container { max-width: 1200px;}

} */



/* ==========================================================================

    (Medium Desktop, 1400px and up)*

    ========================================================================== */

@media (max-width: 1400px) {

   .services-item-body p { font-size: 20px;}

   .services-item-footer h3,
   .service-price { font-size: 22px;}

   .secondary-btn,

   .primary-btn,

   .line-btn { font-size: 15px;}

   .footer { background-position: bottom right -200px;}

   .header-right a.header-phone { margin-right: 15px;}

   
   .header-right .primary-btn { padding: 18px 18px; padding-right: 50px; font-size: 14px;}
   .header-right .primary-btn::after { right: 17px;}
   .logo { margin-right: 25px;}
   .main-menu > ul > li { margin: 0 15px 0 0;}
   .commen-section-head h2 { font-size: 50px;}

}

 

 

/* ==========================================================================

   *Medium devices (tablets, 1200px and down)*

   ========================================================================== */

@media (max-width: 1200px) {

   h1 { font-size: 66px !important;}

   h2 { font-size: 50px !important;}

   .home-services-head h2 { font-size: 50px;}

   .owl-nav button,

   .owl-nav button span { width: 50px; height: 50px;}

   .primary-btn { padding: 18px 20px; padding-right: 60px; font-size: 13px;}

   .header-right a.header-phone { font-size: 14px; margin-right: 15px;}



   .main-menu > ul > li { margin-right: 10px;}

   .main-menu > ul > li > a { font-size: 15px;}

   .logo { margin-right: 20px;}

   .banner-cont p { font-size: 18px;}

   .banner,

   .banner-block { height: auto; min-height: 700px;}

   .home-about-box h5 { font-size: 18px;}



   .laser-gender { width: 25%;}

   .logo { max-width: 150px;}

   .header-right .primary-btn { transform: scale(0.9);}

}

 

 

/* ==========================================================================

   *Medium devices (tablets, 991px and down)*

   ========================================================================== */

 @media (max-width: 991px) {

   h1 { font-size: 40px !important; line-height: 1;}

   h2 { font-size: 32px !important; line-height: 1;}

   section { padding: 50px 0;}


   .header { z-index: 95;}


   .main-menu { display:none;}

   .mobile-menu { display:block; background:#000000; position: relative; z-index: 9; padding-top: 50px;}

   .mobile-menu .menu-toggle { display:block; z-index:1;  top: 5px; right:5px;}

   .menu-toggle { top: 20px; right: 10px; z-index: 999999;}

   .menu-toggle span.line { background: #ffffff;}

   .mobile-menu ul.menu-list { display:block;}

   .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;}

   .drop-links > li > a { font-size: 14px;}

   .drop-links li a:before { position: static; display: inline-block; margin-right: 20px;}



   .header-main-block .container { max-width: 100%;}

   .header { padding: 0;}

   

   .banner-block { min-height: 400px;}

   .banner,

   .banner-item { min-height: 400px; position: relative; justify-content: end;}

   .banner-item::after { content: ''; width: 100%; height: 100%; display: block; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(86, 130, 89, 0.808) 66.81%); position: absolute; left: 0; bottom: 0;}

   

   .banner-text { margin-bottom: 50px;}

   .services-item-body p { font-size: 16px;}

   .services-item-footer h3,
   .service-price { font-size: 18px; font-weight: 500;}

   .secondary-btn { padding: 16px 18px; padding-right: 50px; font-size: 14px;}

   .secondary-btn::after { margin-left: 0; right: 20px;}

   .services-item { padding-bottom: 50px;}

   .banner-next-prev,

   .owl-nav { width: 110px;}

   .banner-next-prev button,

   .banner-next-prev button span { width: 50px; height: 50px;}

   .padding-style1,

   .padding-style2 { padding: 50px 0;}

   .home-about-box h5 { font-size: 20px;}

   .home-about-box { padding: 15px 0; padding-right: 40px;}

   .home-about-right { display: block; padding-top: 20px;}

   .home-beauty-left { padding: 50px 0;}

   .home-beauty-right { margin-right: -50px;}

   .home-beauty-left-body p { margin-bottom: 20px;}

   .inner-banner-block { min-height: 300px;}

   .contact-form-block { margin-bottom: 20px; border-radius: 10px; padding: 30px;}



   .home-about-box .icon { top: 11px;}

   .laser-gender { width: 33.3%;}

   .review-head h3 { font-size: 30px;}

   .review-body p { font-size: 16px;}

   .candela-gentlemax-left { display: flex; flex-wrap: wrap;}

   .candela-gentlemax-left .candela-gentlemax-box { width: 50%;}

   .follow-insta-main .follow-insta { width: 33.3%;}

   .info-process-box { margin-top: 30px;}

   .header-right .primary-btn { transform: scale(1);}

   .accordion .data p { line-height: 1.5; font-size: 18px;}



   .mobile-menu { position: fixed; top: 0; right: -325px; width: 320px; background: #FF8F88; height: 100%; transition: all ease-out 0.3s; z-index: 100;}
   .mob-menu { z-index: 99;}
   .mobile-menu.expand { right: 0;}
   .overlay { display: block; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 98; background: #000000b0; transition: all ease-out 0.3s; opacity: 0; backdrop-filter: blur(5px); pointer-events: none;}
   .mobile-menu.expand~.overlay { opacity: 1; pointer-events: visible;}

   .body-filler-block ul { margin-bottom: 20px; display: block;}

 }

 





 



 

/* ==========================================================================

   *Small devices (landscape phones, less than 768px)*

   ========================================================================== */ 

@media (max-width: 767px) {

  h1 { font-size: 30px !important;}

  h2 { font-size: 26px !important;}



  .header-right { display: none;}

  .banner-cont p { font-size: 16px;}

  .banner-text { margin-bottom: 20px;}

  .home-services-head h2 span { padding-left: 0;}

  .commen-section-head span { padding-left: 0;}

  .home-about-left p { font-size: 18px;}

  .home-about-box h5 { font-size: 18px;}

  .accordion .data p { font-size: 16px; line-height: 1.5;}

  .accordion .accordion-item { padding: 18px 0; padding-right: 40px; font-size: 20px;}

  .plus-minus { width: 35px; height: 35px; top: 16px;}

  .home-beauty-left-body { max-width: 100%;}



  .laser-services-block .home-services-head { padding-right: 0;}

  .laser-men-women h3 { font-size: 20px;}

  .laser-gender { width: 50%;}

  .review-slider-left { max-width: 100%;}

  .commen-section-head h2 span { padding-left: 0;}

  .laser-reviews-block .banner-next-prev { position: static;}

  .laser-reviews-block .commen-section-head { text-align: center;}

  .review-slider-right { text-align: center; padding-top: 25px;}

  .candela-gentlemax-box { padding: 20px 15px; padding-top: 0;}

  .candela-gentlemax-box .icon { position: static;}

  .candela-gentlemax-image { margin-bottom: 20px;}

  .info-process-block h3 { font-size: 26px;}

  .info-process-box .icon { margin-bottom: 15px;}

  .info-process-box { margin-top: 15px;}

  .info-process-box p span { font-size: 20px;}

  .follow-insta-block h2 { text-align: center;}

  .book-consultation-btn { padding: 18px;}

  .body-filler-block p { font-size: 16px; font-weight: 300;}



  .latest-offer-slider .owl-nav { top: 45%; width: 100%;}

  .latest-offer-slider .owl-nav button, .latest-offer-slider .owl-nav button span { width: 40px; height: 40px;}

  .hydra-facial-block p,

  .home-about-left p { font-size: 16px; font-weight: 300;}


  .mobile-menu { width: 280px;}


}



/* ==========================================================================

   *Extra small devices (portrait phones, less than 576px)*

   ========================================================================== */ 

@media (max-width: 575px) {

   .laser-gender { width: 50%;}

   .gender-image { margin-bottom: 10px; max-width: 150px; height: 150px;}

   .laser-gender { height: auto; padding-bottom: 0;}

   .laser-gender .simple-line-btn { position: static;}

   .book-consultation-btn { padding: 18px 20px; font-size: 14px;}

   .home-before-after-block .banner-next-prev { position: static;}

   .slick-cont { padding-top: 15px;}

   .slick-cont h4 { font-size: 20px;}

   .slick-cont p { font-size: 16px;}

   .review-head h3 { font-size: 24px; margin-bottom: 10px;}

   .featured-logo { padding: 15px;}

   .candela-gentlemax-left .candela-gentlemax-box { width: 100%; padding: 0; text-align: center;}

   .follow-insta-main .follow-insta { width: 50%;}

   .accordion .accordion-item { font-size: 16px; padding: 15px 0; padding-right: 40px;}

   .plus-minus { width: 30px; height: 30px; top: 12px;}

}





/* ==========================================================================

   *Extra small devices (portrait phones, less than 480px)*

   ========================================================================== */ 

@media (max-width:480px) { 

   .follow-insta-main .follow-insta { width: 100%;}

   .gender-image { max-width: 125px; height: 125px;}

   .laser-gender .simple-line-btn { font-size: 13px; padding: 10px 15px;}

}