/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*** 
    Created on : 10 Oct, 2025, 20:30:29 PM
    Author     : BDT
***/
/******** Custom Responsive Styles Start  ********/
@media (min-width: 1451px) {
  
}

@media (min-width: 768px) and (max-width: 1400px) {
  
}

@media (min-width: 768px) and (max-width: 968px) {
    footer.site-footer .bdt-site-footer-logo-links .bdt-site-footer-logo-container{
        position: relative;
        top: 12px;
    }
}

@media (min-width: 968px) and (max-width: 1200px) {
nav .clearfix.nav.navbar-nav{
    display: flex;
    flex-direction: row !important;
}
}

@media (min-width: 1300px) and (max-width: 1400px) {
  
}

@media screen and (max-width: 1300px) {
 
}

@media (min-width: 1024px) and (max-width: 1300px) {

}

@media screen and (max-width: 1024px) {
    .bdt-tab-details-container .bdt-tab-details-wrapper .bdt-tab-button-cards-container .bdt-tab-button-cards {
        flex-direction: column;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {

}


@media (min-width: 969px) {
.bdt-main-navigation-links {
    display: block !important;
  }
}

@media (min-width: 968px) {
    .mobile-menu-toggle {
      display: none;
    }

    .home_global_inno_text{
        gap: 25px !important;
        position: relative;
        top: -3em !important;
        top: -3em !important;
        left: 2.3em;
    }

    .solution_health p{
        padding-bottom: 10px;
    }
  
.global_container_text{
    padding-bottom: 10px;
}


.bdt-global-innovation-section .bdt-global-innovation-counter-wrapper .bdt-global-innovation-counter-item{
    border-radius: 20px !important;
}

    .bdt-main-navigation-container {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
      }
    
      .mobile-menu-toggle {
        display: none;
      }
    
    .bdt-big-title{
        font-size: 50px !important;
    }
    
    .bdt-big-title .bdt-green{
        font-size: 50px !important;
    }
    .bdt-global-innovation-section .bdt-global-innovation-title{
        font-size: 40px !important;
    }
    .bdt-global-innovation-title .bdt-green{
        font-size: 40px !important;
    }
    .bdt-global-innovation-counter-item .bdt-global-innovation-counter{
        font-size: 36px !important;;
    }
    
    .bdt-global-innovation-counter-item .bdt-global-innovation-counter-title{
        font-size: 18px !important;
    }
    .bdt-two-column-image-content-section.bdt-left-image .bdt-content-section .bdt-title.bdt-blue{
        font-size: 40px !important;
    }
    
    .bdt-two-column-image-content-section.bdt-left-image .bdt-content-section .bdt-title .bdt-green{
        font-size: 40px !important;
    }
    .bdt-proven-healing-title-warapper  .bdt-proven-healing-title.bdt-blue{
        font-size: 40px !important;
    }
    
    .bdt-proven-healing-title-warapper  .bdt-proven-healing-title .bdt-green{
        font-size: 40px !important;
    }
    .bdt-proven-healing-name-wrapper{
        font-size: 20px !important;
    }
    .bdt-two-column-image-content-section.bdt-right-image .bdt-content-section .bdt-title.bdt-blue{
        font-size: 40px !important;
    }
    
    .bdt-two-column-image-content-section.bdt-right-image .bdt-content-section .bdt-title .bdt-green{
        font-size: 40px !important;
    }
    .bdt-contact-box-section .bdt-main-sub-title.bdt-green{
        font-family: "Agenda-bold" !important;
        font-weight: 700;
    }
    .block-field-blocknodepagefield-products-tab ul.nav-tabs li.nav-item a.nav-link{
        font-size: 20px !important;
    }
    .bdt-tab-details-container .bdt-tab-details-wrapper .bdt-tab-main-title{
        font-size: 40px !important;
    }
    .bdt-tab-details-container .bdt-tab-details-wrapper .bdt-tab-main-title .bdt-green{
        font-size: 40px !important;
    }
    .bdt-tab-details-container .bdt-tab-product-cards-container .bdt-tab-product-cards .bdt-tab-product-card .bdt-tab-product-card-content-wrapper .bdt-tab-product-card-content-title{
        font-size: 18px !important;
    }
    .bdt-tab-details-container .bdt-tab-details-wrapper .bdt-tab-table table.table thead tr th{
        font-size: 20px !important;
    }
    .bdt-tab-details-container .bdt-tab-details-wrapper .bdt-tab-button-cards-container .bdt-tab-button-cards .bdt-tab-button-card a{
        font-size: 14px !important;
    }
    .bdt-proven-performance-complex-wrapper .bdt-blue.bdt-main-sub-title{
        font-size: 40px !important;
    }
    
    .bdt-proven-performance-complex-wrapper .bdt-blue.bdt-main-sub-title .bdt-green{
        font-size: 40px !important;
    }
    .bdt-data-report-section .bdt-blue.bdt-main-sub-title{
        font-size: 40px !important;
    }
    
    .bdt-data-report-section .bdt-blue.bdt-main-sub-title .bdt-green{
        font-size: 40px !important;
    }
    .bdt-contact-us-form-section .bdt-contact-us-title-wrapper .bdt-blue.bdt-main-sub-title{
        font-size: 40px !important;
    }
    .dermacell-column h4 {
        font-size: 16px !important;
    }
   
      .slick--view.slick--view--duplicate-of-proven-healing-view{
        display: none;
      }
      .slick--view--proven-healing-view{
        display: block;
      }
      .slick--view--duplicate-of-dermacell-awm-proven-healing-view{
        display: none;
      }
      .bdt-content-section.home-right-image{
        padding-left: 35px !important;
      }
      .bdt-global-innovation-section .bdt-global-innovation-counter-wrapper .bdt-global-innovation-counter-item{
        padding-left: 60px !important;
      }
      /* footer.site-footer .bdt-site-footer-logo-links .bdt-site-footer-logo-container{
        background-color: #003768 !important;
      }
      footer.site-footer .bdt-site-footer-logo-links .bdt-site-footer-logo-container ::after{
        background-color: #003768 !important;
      } */
}

@media (min-width: 1200px) and (max-width: 1400px) {
.bdt-two-column-image-content-section.bdt-right-image .bdt-main-image {
    width: 62%;
  }
  .bdt-two-column-image-content-section.bdt-left-image .bdt-content-section .bdt-title.bdt-blue{
    font-size: 37px !important;
  }
  .dermacell-address-section{
    padding: 70px 20px !important;
  }
  .dermacell-awm-img{
    height: 430px !important;
  }
}

@media screen and (max-width:968px){
.slick--view.slick--view--duplicate-of-proven-healing-view{
    display: block;
  }
  .slick--view--proven-healing-view{
    display: none;
  }

  .bdt-global-innovation-section .bdt-global-innovation-counter-wrapper .bdt-global-innovation-counter-item .bdt-global-innovation-counter{
    font-size: 36px !important;
  }


footer.site-footer .bdt-site-footer-logo-links .bdt-site-footer-link-container ul.nav li.nav-item a.nav-link {
  padding: 10px 5px;
}

  .bdt-global-innovation-section .bdt-global-innovation-counter-wrapper .bdt-global-innovation-counter-item .bdt-global-innovation-counter-title{
    font-size: 18px !important;
  }
  .bdt-global-innovation-section .bdt-global-innovation-title{
    font-size: 36px !important;
  }

  .bdt-global-innovation-section .bdt-global-innovation-title span{
    font-size: 36px !important;
  }
  
  .slick--view--duplicate-of-proven-healing-view ul.blazy li.list-group-item{
    width: 100%;
    padding: 20px;
  }
  .slick--view--duplicate-of-dermacell-awm-proven-healing-view ul.blazy li.list-group-item{
    width: 100%;
    padding: 20px;
  }
  .slick--view--duplicate-of-proven-healing-view ul.blazy li.list-group-item,.slick--view--duplicate-of-dermacell-awm-proven-healing-view ul.blazy li.list-group-item {
    overflow: auto !important; /* enable scroll */
    -ms-overflow-style: none; /* hide scrollbar in IE and Edge */
    scrollbar-width: none; /* hide scrollbar in Firefox */
  }
  
  .slick--view--duplicate-of-proven-healing-view ul.blazy li.list-group-item::-webkit-scrollbar ,.slick--view--duplicate-of-dermacell-awm-proven-healing-view ul.blazy li.list-group-item::-webkit-scrollbar {
    display: none; /* hide scrollbar in Chrome, Safari */
  }
  .slide__description{
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: center;
  }
  .bdt-tab-details-container .bdt-tab-product-cards-container .bdt-tab-product-cards .bdt-tab-product-card{
    width: 100% !important;
  }
  .slide__description .views-field.views-field-title .field-content{
    font-family: "Agenda-bold" !important;
    font-weight: 700;
  }
  .slick--view--duplicate-of-dermacell-awm-proven-healing-view{
    display: block;
  }
  .slick--view--dermacell-awm-proven-healing-view {
    display: none;
  }

  /* Main container */
.bdt-main-navigation-container {
    display: flex;
    flex-direction: row; /* default: logo + hamburger side by side */
    align-items: center;
    justify-content: space-between;
    background: #fff;
    padding: 10px;
    position: relative;
    width: 100%;
    flex-wrap: wrap; /* allows wrapping when switching to column */
  }
  
  /* Logo styling */
  .bdt-main-navigation-logo {
    display: flex;
    align-items: center;
  }

  
  
  /* Hamburger */
  .mobile-menu-toggle {
    background: none;
    border: none;
    cursor: pointer;
    margin-left: auto;
    z-index: 2;
  }
  
  /* Menu links (hidden by default) */
  .bdt-main-navigation-links {
    display: none;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 10px;
    /* background: #fff; */
  }
  
  /* --- ACTIVE STATE --- */
  .bdt-main-navigation-container.menu-open {
    flex-direction: column; /* when open → stack vertically */
    align-items: center;
  }
  
  .bdt-main-navigation-container.menu-open .bdt-main-navigation-links {
    display: flex; /* show links */
  }
  header nav .bdt-main-navigation-container .bdt-main-navigation-links ul.nav li.nav-item .nav-link{
    text-align: center;
  }
  .views-field.views-field-field-profile-image{
    margin: 0 auto !important;
  }
  .bdt-proven-healing-slider-view-block .slick__arrow{
    left: 20% !important;
    width: 60% !important;
  }
  .bdt-two-column-image-content-section .bdt-main-content{
    padding-left: 0 !important;
  }
  .bdt-two-column-image-content-section .bdt-main-content .bdt-title{
    font-size: 28px !important;
  }
} 

@media screen and (max-width:370px){
.bdt-main-navigation-logo{
    width: 70% !important;
}
}

@media screen and (min-width:1400px){
    .bdt-two-column-image-content-section.bdt-left-image .bdt-content-section .bdt-title.bdt-blue{
    width: 80% !important;
}
.bdt-two-column-image-content-section.bdt-right-image .bdt-content-section .bdt-title.bdt-blue{
    width: 80% !important;
}
header nav .bdt-main-navigation-container .bdt-main-navigation-links ul.nav li.nav-item {
    padding-right: 30px;
}
.bdt-two-column-image-content-section.bdt-left-image .bdt-main-content .bdt-description.solution_health{
    width: 83%;
}
.bdt-two-column-image-content-section.bdt-left-image .bdt-main-content .bdt-description.about-us-section{
    width: 100%;
}
.bdt-two-column-image-content-section.bdt-right-image .bdt-content-section .bdt-title.bdt-blue.about-us-section{
    width: 100% !important;
}
.bdt-two-column-image-content-section.bdt-right-image .bdt-main-image.home-active-image-right{
    width: 58% !important;
}
.bdt-global-innovation-section .bdt-global-innovation-counter-wrapper .bdt-global-innovation-counter-item .bdt-global-innovation-counter-title{
    width: 80%  !important;
  }
  .dermacell-address-section{
    padding: 70px 20px !important;
  }
}

@media screen and (min-width: 1200px) {
.bdt-two-column-image-content-section.bdt-right-image .bdt-content-section.home-right-image{
    margin-top: -4em;
}

}

@media screen and (max-width: 767px) {
.bdt-dermacell-awm-proven-healing-slider-view-block ul.blazy li.list-group-item{
    height: 700px !important;
  }
   .bdt-proven-healing-slider-view-block ul.blazy li.list-group-item{
    height: 750px !important;
  }
  .bdt-proven-healing-slider-view-block .slick__arrow{
    top: 110% !important;
  }
  .bdt-data-report-section .bdt-description-lists-wrapper{
    padding: 20px !important;
  }
}
@media screen and (max-width: 400px) {
    .bdt-data-report-section .bdt-description-lists-wrapper .bdt-description-lists .bdt-description-list a{
     font-size: 16px !important;
    }
}

@media screen and (max-width: 768px) {

footer.site-footer .bdt-site-footer-logo-links{
    flex-wrap: wrap !important;
}

.bdt-site-footer-link-container li.nav-item{
    font-size: 15px !important;
}
.bdt-site-footer-link-container li.nav-item a{
    color: #fff !important;
}
footer.site-footer .bdt-site-footer-logo-links .bdt-site-footer-logo-container{
    width: 100% !important;
}
footer.site-footer{
    background-color: #003768;
    max-width: 100%;
}
footer.site-footer .bdt-site-footer-logo-links .bdt-site-footer-link-container{
    width: 100% !important;
}
footer.site-footer .bdt-site-footer-logo-links-wrapper:after{
    border-top-right-radius: 10px;
    border-bottom-width: 1px;
    border-bottom-color: #fff;
    height: 10px;
}
footer.site-footer .bdt-site-footer-social-icons-copyright-container .bdt-site-footer-social-icons-wrapper {
    width: 100%;
}
footer.site-footer .bdt-site-footer-social-icons-copyright-container{
    flex-direction: column;
}
footer.site-footer .bdt-site-footer-social-icons-copyright-container{
    gap: 25px;
}
footer.site-footer .bdt-site-footer-logo-links{
    gap: 0 !important;
}

.bdt-site-footer-copyright-wrapper p {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
white-space: nowrap;
/* gap: 6px; */
font-size: 13px;
color: #003366;
text-align: center;
font-weight: 600;
margin: 0;
}

.bdt-site-footer-copyright-wrapper p a {
color: #003366;
text-decoration: none;
font-size: inherit;   /* match text */
font-weight: inherit; /* match text */
}

.bdt-site-footer-copyright-wrapper p a:hover {
text-decoration: underline; /* highlight on hover */
}

/* Optional divider before link */
.bdt-site-footer-copyright-wrapper p a::before {
content: "|";
margin-right: 6px;
color: #003366;
}
footer.site-footer .bdt-site-footer-logo-links .bdt-site-footer-logo-container{
padding: 0 !important;
}
.bdt-site-footer-link-container ul.nav {
    max-width: 400px; /* controls wrap width */
    justify-content: center;
    gap: 12px 20px; /* vertical and horizontal spacing */
    margin: 0 auto;
  }
  .bdt-site-footer-link-container ul.nav li {
    text-align: center;
  }
  .bdt-proven-performance-complex-wrapper .bdt-proven-performance-complex-items{
    flex-direction: column;
  }
  .bdt-proven-performance-complex-wrapper .bdt-proven-performance-complex-items .bdt-proven-performance-complex-item{
    width: 100%;
  }
  .bdt-proven-performance-complex-wrapper .bdt-proven-performance-complex-items .bdt-proven-performance-complex-item div.bdt-proven-performance-complex-contents{
    top: -16em !important;
  }
}
@media screen and (max-width: 968px) {

    /* ---------- Existing Section Adjustments ---------- */
    .bdt-two-column-image-content-section {
        flex-direction: column;
    }

    .bdt-contact-box-section .bdt-contact-box-desc, .bdt-two-column-image-content-section .bdt-main-content .bdt-description{
        padding: 7px !important;
    }
    .bdt-two-column-image-content-section .bdt-main-image .field--type-image{
        text-align: center !important;
    }

    .bdt-proven-performance-complex-wrapper .bdt-proven-performance-complex-items{
        flex-direction: column;
        text-align: center;
      }
      .bdt-proven-performance-complex-wrapper .bdt-proven-performance-complex-items .bdt-proven-performance-complex-item{
        width: 100%;
      }
      .bdt-proven-performance-complex-wrapper .bdt-proven-performance-complex-items .bdt-proven-performance-complex-item div.bdt-proven-performance-complex-contents{
        top: -16em !important;
      }

    .bdt-two-column-image-content-section .bdt-main-content .bdt-title{
        text-align: center !important;
    }

    footer.site-footer .bdt-site-footer-social-icons-copyright-container .bdt-site-footer-copyright-wrapper{
      padding-right: 0 !important;
    }
    footer.site-footer .copyright-section{
      padding-top: 20px !important;
    }
    .bdt-main-image {
        order: -1; /* move image above text */
        width: 100%;
    }

    .bdt-main-content {
        width: 100%;
    }

    .bdt-main-content .bdt-big-title,
    .bdt-main-content .bdt-description,
    .bdt-main-content .bdt-link {
        text-align: center; /* optional: center text & button */
    }

    .bdt-two-column-image-content-section .bdt-main-content{
        width: 100% !important;
    }

    .bdt-two-column-image-content-section .bdt-main-image{
        width: 100% !important;
    }

    .bdt-tab-details-container .bdt-tab-product-cards-container .bdt-tab-product-cards .bdt-tab-product-card .bdt-tab-product-card-content-wrapper{
        overflow: scroll !important;
    }
    .bdt-tab-details-container 
.bdt-tab-product-cards-container 
.bdt-tab-product-cards 
.bdt-tab-product-card 
.bdt-tab-product-card-content-wrapper {
    overflow-x: auto;          /* horizontal scroll */
    overflow-y: hidden;        /* hide vertical scroll if any */
    -webkit-overflow-scrolling: touch; /* smooth scroll on iOS */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.bdt-tab-details-container 
.bdt-tab-product-cards-container 
.bdt-tab-product-cards 
.bdt-tab-product-card 
.bdt-tab-product-card-content-wrapper::-webkit-scrollbar {
    display: none;
}

.bdt-dermacell-awm-proven-healing-slider-view-block .slick__arrow{
    left: 20% !important;
    width: 60% !important;
    top: 110%;
}

.bdt-global-innovation-section .bdt-global-innovation-title{
    padding-top: 0 !important;
}

/* Hide scrollbar for IE, Edge */
.bdt-tab-details-container 
.bdt-tab-product-cards-container 
.bdt-tab-product-cards 
.bdt-tab-product-card 
.bdt-tab-product-card-content-wrapper {
    -ms-overflow-style: none;  /* IE and Edge */
}

/* Hide scrollbar for Firefox */
.bdt-tab-details-container 
.bdt-tab-product-cards-container 
.bdt-tab-product-cards 
.bdt-tab-product-card 
.bdt-tab-product-card-content-wrapper {
    scrollbar-width: none;     /* Firefox */
}


    .bdt-global-innovation-section .bdt-global-innovation-counter-wrapper .bdt-global-innovation-counter-item{
        text-align: center !important;
    }

    .bdt-global-innovation-section .bdt-global-innovation-counter-wrapper {
        flex-direction: column;
        gap: 20px;
    }

    .bdt-global-innovation-section .bdt-global-innovation-counter-wrapper .bdt-global-innovation-counter-item {
        width: 100%;
    }


    
    #toolbar-administration .toolbar-tab {
        font-size: 14px !important;
    }

    /* ---------- Navigation Section Fixed Alignment ---------- */

    .bdt-main-navigation-container {
        display: flex;
        align-items: center;            /* Center vertically logo + icon */
        justify-content: space-between; /* Logo left, icon right */
        width: 100%;
        padding: 8px 12px;
        box-sizing: border-box;
        background-color: #f5f5f5;      /* keep same background tone */
    }

    .bdt-main-navigation-logo {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .bdt-main-navigation-logo img {
        max-height: 42px;
        width: auto;
        display: block;
    }

    .mobile-menu-toggle {
        background: none;
        border: none;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 8px;
        width: auto;
    }

    .mobile-menu-toggle img {
        width: 28px;
        height: 28px;
        display: block;
    }

    .bdt-main-navigation-links {
        display: none; /* Hidden until toggled open */
        width: 100%;
        flex-direction: column;
        margin-top: 8px;
    }
      
    /* Make tabs horizontal and scrollable on mobile */
    #bootstrap-horizontal-tabs--2 {
        display: flex !important;          /* force horizontal flex */
        flex-wrap: nowrap;                 /* no wrap, scroll if overflow */
        overflow-x: auto;                  /* allow horizontal scroll */
        -webkit-overflow-scrolling: touch; /* smooth scroll on iOS */
        padding: 0 4px;                    /* small padding */
    }

    #bootstrap-horizontal-tabs--2 .nav-item {
        flex: 0 0 auto; /* prevent shrinking */
        margin-right: 8px; /* spacing between tabs */
    }

    #bootstrap-horizontal-tabs--2 .nav-link {
        white-space: nowrap; /* prevent text wrap */
        text-align: center;
        padding: 6px 12px;
        font-size: 14px; /* optional: smaller on mobile */
    }

    /* Optional: hide scrollbar on some browsers */
    #bootstrap-horizontal-tabs--2::-webkit-scrollbar {
        display: none;
    }
    .bdt-tab-details-container{
        overflow-x:scroll !important ;
    }

    .bdt-tab-details-wrapper.bdt-tab-flex-wrapper {
        display: flex;
        flex-direction: column; /* stack vertically */
        align-items: center;    /* center content optionally */
    }

    .bdt-tab-content-flex-block,
    .bdt-tab-img-flex-block {
        width: 100% !important; /* full width */
    }

    .bdt-tab-img-flex-block {
        order: -1; /* move image to the top */
        margin-bottom: 16px; /* spacing below image */
        text-align: center;  /* center the image */
    }

    .bdt-tab-prod-img {
        max-width: 100%;
        height: auto;
    }

    .bdt-tab-content-flex-block {
        order: 1; /* description comes after image */
    }

    .bdt-tab-desc p {
        text-align: center; /* optional: center text on mobile */
    }

    .bdt-tab-main-title {
        text-align: center !important; /* optional: center title on mobile */
    }
    .bdt-tab-details-container .bdt-tab-details-wrapper .bdt-tab-desc p{
        text-align: center !important;
        padding: 0 !important;
    }
    .bdt-tab-details-container .bdt-tab-product-cards-container .bdt-tab-product-cards{
        flex-direction: column;
    }
    .bdt-tab-details-container .bdt-tab-details-wrapper .bdt-tab-button-cards-container .bdt-tab-button-cards{
        gap: 20px;
    }
    .bdt-tab-details-container .bdt-tab-details-wrapper .bdt-tab-button-cards-container .bdt-tab-button-cards .bdt-tab-button-card a{
        width: 300px;
    }
    .bdt-proven-performance-complex-wrapper .bdt-proven-performance-complex-items .bdt-proven-performance-complex-item .bdt-proven-performance-complex-contents {
        top: 0 !important;
    }
    .bdt-description ul li{
        text-align: left !important;
    }
    .bdt-contact-us-form-section form.bdt-contact-us-form{
        margin: 0 !important;
    }
    .bdt-contact-us-form-section form.bdt-contact-us-form .form-actions input.form-submit {
     width: 100% !important;
    }
    
}



  

  
/******** Custom Responsive Styles End  ********/