@media screen and (min-width:992px){
   header .navbar-nav .dropdown:hover .dropdown-menu_1 {display: block;width: 100%;left: -1px;background-color: var(--head-blue);padding: 35px;border-radius:20px;}
    header .navbar-nav .dropdown-menu_1, .navbar-nav .dropdown-menu_2 {margin-top: 0;display: none;}
    .service_menu{display:flex; gap:60px;}
    header .navbar-nav .dropdown:hover .dropdown-menu_2{display: block;width: max-content;left: -280%;background-color: var(--head-blue);padding: 35px;border-radius:20px}
    /* .ft_list li:hover a {
    padding-left: 5px;
    transition: all 0.3s ease;
} */
  .arrow_circle:hover svg{transform: rotate(45deg);}
  .arrow_circle svg{ transition: all 0.3s ease-in-out; }
  .arrow_circle_preview:hover svg{transform: rotate(-45deg);}
  .arrow_circle_preview svg{ transition: all 0.3s ease-in-out; }
  header .nav-link {padding: 0px !important;}
}
@media screen and (min-width:1700px){
    .container{max-width: 1600px;}
     .navbar-nav , .gap-50 {
         gap: 50px !important;
    }

}
@media screen and (max-width:1800px){
        .container-fluid {max-width: 1650px;}

    
}
@media screen and (max-width:1600px){
    .container-fluid {max-width: 1500px;}
    .container{max-width: 1440px;}
    .address_card{    padding: 25px 25px;}
    
}
@media screen and (max-width:1500px){
   .container{max-width: 1440px;}
} 
    @media screen and (max-width:1537px){
    .container-fluid {max-width: 1436px;}
   
    }

    @media screen and (max-width:1441px){
        .accordion-button:before {height: 3px;width: 20px;}
.accordion-button.collapsed:after {left: 20px;height: 20px; width: 3px;}
        .faq_section .accordion-item{    padding-top: 4px; padding-bottom: 4px;}
        .faq_section .accordion-button{font-size: 20px;}
        .counter_card.counter_bg {padding: 50px 15px;}
    .container{max-width: 1250px;}
    .container-fluid {max-width: 1360px;}
    .p_24{font-size: 20px;line-height: 32px;}
   .section_pt {padding-top: 50px;}
.section_space{margin: 40px 0px;}
.sub_head{      font-size: 28px;  line-height: 36px;}
   .services_offercard{    gap: 20px;}
   .round_btn { padding: 26px 20px;}
   .Manufacturing_card {gap: 0px;}
   .why_choseus_counter {margin-top: 40px;}
.counter_card { padding: 16px 16px 0px 16px;}
.why_choseus_wrapper {padding-bottom: 14px; margin-top: 14px;}
.line_doted {margin: 0px 50px;}
.usp_card_title{font-size: 26px; line-height: 34px;    margin-bottom: 24px;}
.usp_card{    padding: 24px;}
.usp_card_text{font-size: 18px; line-height: 26px;}
.vector-arrow1 , .vector-arrow2 ,.vector-arrow3 ,.vector-arrow4{display: none;}
.vector-leaf3 {right: 30%;}
.vector-leaf4 {left: 30%;}
.ft_title{line-height: 60px; font-size: 52px;}
.social_items {gap: 10px;}
.border-svg{top: 15px;left: 6%;}
.thumbnails{    gap: 10px;}
.thumbnails-item{    padding: 10px;}
.thumbnails-item img{    height: 60px;}
.main_night_title {    font-size: 64px;}
    .address_card { padding: 30px 15px;}
        .address_subtitle{font-size: 18px;}
}

    @media screen and (max-width:1337px){
    .container-fluid {max-width: 1236px;}
    }
    @media screen and (max-width:1280px){
        .faq_section .accordion-button { font-size: 18px; padding-top: 15px; padding-bottom: 15px;}
        .faq_section .accordion-item{    padding-top: 0px; padding-bottom: 0px;}
        .footer_sapce{    margin-top: 70px;}
        .border_left {padding-left: 16px;padding-bottom: 5px;padding-top: 5px;}
        .event_date {gap: 12px;padding-left: 10px; padding-right: 10px;}
        .event_date h3{    font-size: 25px;}
        .event_card_content {padding: 20px;}
        .blog_subtitle {font-size: 20px; margin-bottom: 5px;}
        .container , .container-md {max-width: 1100px;}
        body {font-size: 14px;line-height: 23px;}
        .image-border-wrapper::after{ height: 100%;}
        .p_24 {font-size: 18px;line-height: 27px;}
    .main_night_title{    font-size: 60px;    line-height: 30px;}
    .main_head{font-size: 40px; line-height: 40px;}
        .sub_head { font-size: 24px; line-height: 30px;}
    .why_choseus_subtext{ font-size: 20px; line-height: 26px;}
    .arrow_circle svg{width: 80%;}
    .ft_list a{font-size: 14px;}
    .ft_menu_title{font-size: 16px;}
    /* .social_items {display: flex;justify-content: flex-start;align-items: center;gap: 14px 22px;flex-wrap: wrap;} */
    .skincare_card_title{font-size: 30px;}
    .zoomed-image-box{ height: 450px;}
    .lh_74{line-height: 70px;}
        .address_card { padding: 30px 15px;}
        .address_subtitle{font-size: 16px;}
        .brand_form .form-control , .brand_form .form-select{    padding: 5px 0px; margin-bottom: 20px;}
    }

    @media screen and (max-width:1120px){
        .container-fluid {max-width: 1020px;}
    }
   @media (min-width: 992px) {
  .custom-dropdown .dropdown-menu {
    display: none;
  }

  .custom-dropdown:hover .dropdown-menu {
    display: block;
  }
  .custom-dropdown > .nav-link {
    pointer-events: none;
  }

  .custom-dropdown:hover > .nav-link {
    pointer-events: auto;
  }
  .bottom-bar.sticky .dropdown .custom-menu{
    /* bottom: -131%;
    left: 54%; */

    bottom: 111%;
    left: 0;
    padding: 16px 18px;
    z-index: 2;
    border-radius: 20px 20px 0 0;
    top: unset;
  }
  .bottom-bar.sticky .custom-dropdown .custom-menu::before {
    content: none;
    position: absolute;
    bottom: 0%;
    left: -6%;
    border-right-color: #BFB2A6;
    border-top-color: #BFB2A6;
    top: unset;
}
.bottom-bar .custom-menu .hr-bottom{
    display: none;
}
.bottom-bar.sticky .custom-menu .hr-top {
   display: none;
}
.bottom-bar.sticky .custom-menu .hr-bottom {
    border: none;
    border-top: 1px solid #DDD;
    margin: 12px 0 68px;
    display: block;
}
}
    @media screen and (max-width:992px){
       .text_ft_items{ display: grid; grid-template-columns: 30% 30% 40%;}
   .svg-small{display: none;}
   .svg-hover{opacity: 1;}
           .main_head {font-size: 30px; line-height: 30px;}

        .main_night_title {font-size: 38px;line-height: 48px;}
    .container-fluid {max-width: calc(100% - 20px);}
    .container {max-width: calc(100% - 40px);}
    

    }
    @media screen and (max-width:768px){
        .text_ft_items{ display: grid; grid-template-columns: 50% 50%;}
            .skincare_card_title { font-size: 26px; margin-bottom: 25px;}
            .acnecare_card{ padding-bottom:30px;}
            .skincare_card ,.acnecare_wrapper{  gap: 10px;}
            .acnecare_card .svg-wrapper{ height: 30px;}
        .services_offercard{ border: 1px solid var(--wb-dusty-rose); padding: 20px;border-radius: 10px;}
        .nav-bg{border-radius: 0px;}
        .main_head {font-size: 30px; line-height: 30px;}
        .main_night_title {font-size: 34px;line-height: 44px;}
        .section_space {margin: 30px 0px;}
        .section_pt { padding-top: 50px; }
    .ft_title { font-size: 30px; line-height: 40px;}
    .border-svg{    top: 8px;left: 5%;}
    .p_24 {font-size: 14px;line-height: 22px;}
    .vector-wrapper{display: none;}
        .why_choseus_subtext {font-size: 18px;line-height: 22px;}
    .why_choseus_wrapper {padding-bottom: 10px;margin-top: 10px;}
    .why_choseus_counter { margin-top: 15px;}
    .youtube_icon svg{width: 50%;}
    .copyrigt_text {display: flex;flex-wrap: wrap;gap: 12px; flex-direction: column; align-items: center;}
    .ft_content { gap: 15px;margin-bottom: 26px;}
    .Manufacturing_card{justify-content: center;justify-items: center; gap: 20px;}
    .Manufacturing_img{width: 200px;}
    .arrow_circle svg{width: 60%;}
    }
    @media screen and (max-width:575px){
        .copyrigt_text {display: flex;flex-wrap: wrap;gap: 12px;}
    }