@media screen and (max-width:1024px) {
    .ourcommitment-banner-section .img-block { padding-left: 0; }
    .ourcommitment-brand .img-wrap .img-block-wrap{padding: 0 15px !important;}

    /* akash  */
    .ourcommitment-achieved-number h3 { font-size: 42px !important; }
    .ourcommitment-envirnment-img { flex: 0 0 38%; max-width: 38%; }
    .ourcommitment-envirnment-detail { flex: 0 0 62%; max-width: 62%; }
    .ourcommitment-achieved-block { padding: 20px 15px; }
    .ourcommitment-envirnment-tab li { margin: 0 5px; }
    .ourcommitment-envirnment-tab li a h5 { font-size: 20px !important; margin: 5px 0 0; }
    .ourcommitment-envirnment-tab { margin-bottom: 50px; }
}
@media screen and (max-width:991px) {
    .ourcommitment-banner-section {margin: 0 -15px;}
    .ourcommitment-banner-section  .grid-5 { flex: 0 0 100%; max-width: 100%; width: 100% !important; }
    .ourcommitment-banner-section .grid-7 { flex: 0 0 100%; max-width: 100%; width: 100% !important; margin-left: 0; }

    .ourcommitment-brand .brand-list li a { padding: 10px 15px;min-height: 60px; }
    /* ourcommitment-tabbing-section */
    .ourcommitment-brand-nested-tabings .tab-nav-wrapper { max-width: 700px; }
    .ourcommitment-tabbing-section .ourcommitment-wrap { padding: 0 20px; }
    .ourcommitment-tabbing-section .ourcommitment-column .ourcommitment-inner-wrap { padding: 15px 20px 20px }
    .ourcommitment-tabbing-section .ourcommitment-image-block { max-width: 85% }

    
}
@media screen and (max-width:768px) {
    .science-landing.skinceuticals #content { padding-left: 10px !important }
}
@media screen and (max-width:767px) {
    .ourcommitment-section { padding: 30px 0; }
    .ourcommitment-section h1 { font-size: 30px !important; line-height: 30px; }
    .ourcommitment-section h2 { font-size: 24px !important; line-height: 26px; }
    .ourcommitment-section h3 { font-size: 21px !important; line-height: 23px; }
    .ourcommitment-section h4 { font-size: 20px !important; letter-spacing: 0.5px; line-height: 22px; }
    .ourcommitment-section h5 { font-size: 18px !important; }
    .ourcommitment-section h6 { font-size: 18px !important; line-height: 1.3; }
    .ourcommitment-section p { font-size: 16px !important; line-height: 22px !important; margin-bottom: 11px; letter-spacing: 0.25px; }
    .ourcommitment-section .tab-link a::after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #ebf5f6; }
    .ourcommitment-section.ourcommitment-corparate-section .tab-link a::after {border-top: 10px solid #f2f1f6;}
    .ourcommitment-section .ourcommitment-active::after { border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 19px solid #ebf5f6; }
    .ourcommitment-section .container { padding: 0; }
    .ourcommitment-section .col-lg-1, .ourcommitment-section .col-lg-10, .ourcommitment-section .col-lg-11, .ourcommitment-section .col-lg-12, .ourcommitment-section .col-lg-2, .ourcommitment-section .col-lg-3, .ourcommitment-section .col-lg-4, .ourcommitment-section .col-lg-5, .ourcommitment-section .col-lg-6, .ourcommitment-section .col-lg-7, .ourcommitment-section .col-lg-8, .ourcommitment-section .col-lg-9, .ourcommitment-section .col-md-1, .ourcommitment-section .col-md-10, .ourcommitment-section .col-md-11, .ourcommitment-section .col-md-12, .ourcommitment-section .col-md-2, .ourcommitment-section .col-md-3, .ourcommitment-section .col-md-4, .ourcommitment-section .col-md-5, .ourcommitment-section .col-md-6, .ourcommitment-section .col-md-7, .ourcommitment-section .col-md-8, .ourcommitment-section .col-md-9, .ourcommitment-section .col-sm-1, .ourcommitment-section .col-sm-10, .ourcommitment-section .col-sm-11, .ourcommitment-section .col-sm-12, .ourcommitment-section .col-sm-2, .ourcommitment-section .col-sm-3, .ourcommitment-section .col-sm-4, .ourcommitment-section .col-sm-5, .ourcommitment-section .col-sm-6, .ourcommitment-section .col-sm-7, .ourcommitment-section .col-sm-8, .ourcommitment-section .col-sm-9, .ourcommitment-section .col-xs-1, .ourcommitment-section .col-xs-10, .ourcommitment-section .col-xs-11, .ourcommitment-section .col-xs-12, .ourcommitment-section .col-xs-2, .ourcommitment-section .col-xs-3, .ourcommitment-section .col-xs-4, .ourcommitment-section .col-xs-5, .ourcommitment-section .col-xs-6, .ourcommitment-section .col-xs-7, .ourcommitment-section .col-xs-8, .ourcommitment-section .col-xs-9 { padding-left: 10px !important; padding-right: 10px !important; }
    .images-block-wrapper { margin: 0 -15px; }
    .images-block-wrapper .images-block { flex: 0 0 100%; max-width: 100%; padding: 0 15px; margin-bottom: 15px; }
    .nav-tabs { flex-wrap: nowrap; }
    .corporate-section nav .nav a { max-width: 120px; margin: 0 15px; }
    .tab-content { margin-top: 50px; }
    .corporate-section nav .nav .active:after { bottom: -44px; border-left: 38px solid transparent; border-right: 38px solid transparent; border-top: 38px solid #f2f1f6; }
    .inner-tab { padding: 15px 15px; }
    .nav-tabs .inner-tab, .inner-tab i { width: 100%; }
    .commitment-tab h3 { width: 100%; }
    .img-wrapper { margin-bottom: 30px; }

    /*------ourcommitment-banner-section------- */
    .ourcommitment-banner-section { padding: 40px 0;  }
    .ourcommitment-section.ourcommitment-banner-section .banner-wrap { display: block; padding: 0; margin: 0 !important; }
    .ourcommitment-banner-section .container-fluid { padding: 0 10px; }
    .ourcommitment-banner-section h1 { font-size: 30px !important; line-height: 34px; letter-spacing: 1.8px; }
    .ourcommitment-banner-section .grid-7 { padding: 0;  text-align: center; margin-bottom: 34px; width: 100% !important }
    .ourcommitment-banner-section .content-block { padding: 38px 14px; }
    .ourcommitment-banner-section .grid-5 {  margin: 0; width: 100% !important }
    .ourcommitment-banner-section p { font-size: 15px !important; line-height: 19px !important; padding: 0 ; text-align: left; }
    .ourcommitment-banner-section h2 { font-size: 22px !important; line-height: 26px !important; }
    .ourcommitment-banner-section:after { background-image: url("../images/banner_bg_mobile.jpg"); }
    .ourcommitment-brand  .img-wrap .img-block { padding: 0 10px !important; margin-bottom: 12px !important; }
    .ourcommitment-brand .row .col-sm-12 { padding: 0 10px !important; }

    /*------ourcommitment-banner-section end------- */

    /*-------ourcommitment-brand-------------*/
    .ourcommitment-brand a { display: inline-block !important; }
    .ourcommitment-brand a img { display: inline-block !important; }
    .ourcommitment-brand .brand-wrapper { padding: 0 10px; margin-bottom: 32px; }
    .ourcommitment-brand .brand-wrapper .brand-list-wrap { overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; }
    .ourcommitment-brand .brand-inner-list { margin-bottom: 12px; }
    .ourcommitment-brand .brand-inner-wrap:nth-child(3).custom-tab-content .img-wrap .col-md-4 { padding: 18px !important; }
    .ourcommitment-brand .brand-inner-wrap:nth-child(3).custom-tab-content .img-wrap { display: flex; }
    .ourcommitment-brand .img-wrap .col-sm-12 { padding: 0 10px !important; }
    .ourcommitment-brand .brand-inner-list li { max-width: 150px; }
    .ourcommitment-brand .brand-inner-list li.american-healthy { max-width: 280px; }
    .ourcommitment-brand .brand-inner-list li.exposome { max-width: 100px; }
    .ourcommitment-brand .brand-inner-list li.angel-faces { max-width: 280px; }
    .ourcommitment-brand .brand-list li a { padding: 12px 6px; }
    .ourcommitment-brand .brand-inner-wrap { margin-bottom: 14px; }
    .ourcommitment-brand h3 { font-size: 22px !important; line-height: 24px !important; margin-bottom: 6px; }
    .ourcommitment-brand .content-wrap p { line-height: 22px !important; text-align: center; margin: 0 auto; }
    .ourcommitment-brand .content-wrap { margin-bottom: 26px; }
    .ourcommitment-brand .img-wrap { display: block; margin: 0; }
    .ourcommitment-brand .img-wrap li { padding: 0; }
    .ourcommitment-brand .img-wrap li { margin-bottom: 16px; }
    .ourcommitment-brand .img-wrap li:last-child { margin-bottom: 0; }
    .ourcommitment-section.ourcommitment-brand .brand-list.custom-tabs-nav { min-width: 462px; }
    .ourcommitment-brand .brand-list li a { padding: 10px 6px; min-height: 60px; }
    .ourcommitment-brand .ourcommitment-title { margin-bottom: 8px; }
    .ourcommitment-brand .brand-wrapper .brand-list li { margin: 0 5px; }
    .ourcommitment-brand .brand-wrapper .brand-list-wrap { padding: 0 !important; margin: 0 -10px 30px; }
    .ourcommitment-brand .vichy-wrap a{font-size:16px !important;}

    /*-------ourcommitment-brand end -------------*/
    .our-commitment-modal .modal-inner { padding: 12px; }
    .popup-video { width: 250px; }
    .our-commitment-modal .close-icon { width: 10px; height: 10px; }
    .play-icon img { height: 45px; width: 45px; }

    /* ourcommitment-tabbing-section  */
    .ourcommitment-tabbing-section .ourcommitment-wrap { padding: 0; }
    .ourcommitment-tabbing-section .ourcommitment-column { padding: 0 10px }
    .ourcommitment-tabbing-section .ourcommitment-column .ourcommitment-inner-wrap { padding: 0 7% 10px }
    .ourcommitment-tabbing-section .ourcommitment-image-block { max-width: 100%; }
    .ourcommitment-tabbing-section .ourcommitment-content-block { margin-bottom: 30px; }
    .ourcommitment-tabbing-section .ourcommitment-content-block h4 { max-width: 100%; font-size: 18px !important; line-height: 19px; letter-spacing: 0.5px; margin-bottom: 8px; }
    .ourcommitment-tabbing-section .ourcommitment-content-block p { font-size: 16px !important; line-height: 22px !important; letter-spacing: 0.5px; }
    .ourcommitment-tabbing-section .ourcommitment-btn-block .ourcommitment-btn { padding: 8px 15px; font-size: 10px; }

    /* ourcommitment-brand-nested-tabings */
    .ourcommitment-brand-nested-tabings .tab-nav-wrapper { padding: 20px 0 }
    .ourcommitment-brand-nested-tabings .tab-link { padding: 0; max-width: 101px; }
    .ourcommitment-brand-nested-tabings .tab-link a { padding: 0 12px; margin-bottom: 12px; height: calc(100% - 12px); }
    .ourcommitment-brand-nested-tabings .tab-link a::after { bottom: -10px; top: auto }
    .ourcommitment-brand-nested-tabings .tab-link img { min-width: auto !important }
    .ourcommitment-brand-nested-tabings .tabs-stage { margin: 0; }

    /* ourcommitment-brand-detail */
    .ourcommitment-brand-detail .ourcommitment-img-block .ourcommitment-img-wrap { max-width: 285px; margin: 0 auto 38px; }
    .ourcommitment-brand-detail .ourcommitment-content-wrap .ourcommitment-inner-content-wrap { max-width: 100%; text-align: center }
    .ourcommitment-brand-detail .ourcommitment-content-wrap .ourcommitment-bold { font-size: 16px !important; letter-spacing: 0.07px; line-height: 22px !important }

    /* ourcommitment-corparate */
    .ourcommitment-corparate-section .tabs-stage { padding-bottom: 0; }
    .ourcommitment-corparate h3, .ourcommitment-corparate h6 { margin-bottom: 7px !important; }
    .ourcommitment-corparate-wrapper { justify-content: center !important; }
    .ourcommitment-corparate-section .tab-nav-wrapper { margin: 8px auto; }
    .ourcommitment-corparate-section .tab-nav-wrapper .tab-link { padding: 0 8px; max-width: 128px; }
    .ourcommitment-corparate-section .tab-nav-wrapper .tab-link a { padding: 5px 11px; margin-bottom: 12px; height: calc(100% - 12px); }
    .ourcommitment-corparate-section .tab-nav-wrapper .tab-link a::after { bottom: -10px; top: auto }
    .ourcommitment-corparate-section .ourcommitment-img-section-wrapper .ourcommitment-img-wrapper { max-width: 287px !important; }
    .ourcommitment-corparate-section .ourcommitment-corparate-img { margin-bottom: 20px; }
    .ourcommitment-corparate-section .tab-nav-wrapper img { min-width: auto !important; }
    .ourcommitment-corparate-section .ourcommitment-corparate-detail { text-align: center; }

    /* akash  */
    .ourcommitment-title h2 { letter-spacing: 0.9px; }
    .ourcommitment-title { margin-bottom: 22px; }
    .ourcommitment-title::after { height: 7px; }
    .ourcommitment-corparate-img { margin-bottom: 15px; }
    .ourcommitment-envirnment-video-section{max-width: 300px;}
    .ourcommitment-envirnment-tab li a h5 { font-size: 18px !important; }
    .ourcommitment-section .ourcommitment-envirnment-tab .tab-active a::after { border-width: 13px; }
    .ourcommitment-envirnment-wrapper, .ourcommitment-achievment-row { margin-left: -8px !important; margin-right: -8px !important }
    .ourcommitment-achievment-section { padding: 30px 0; }
    .ourcommitment-achievment-section h5 { margin-bottom: 8px; }
    .ourcommitment-achieved-block { max-width: 300px; margin: 0 auto;}
    .ourcommitment-envirnment-tab li a { padding: 8px; }
    .ourcommitment-envirnment-detail, .ourcommitment-achievment-wrapper, .ourcommitment-envirnment-img, .two-block .col-sm-4 { padding: 0 8px; flex: 0 0 100%; max-width: 100%; margin-bottom: 8px; }
    .ourcommitment-corparate-wrapper, .ourcommitment-envirnment-wrapper, .ourcommitment-achievment-row { flex-wrap: wrap; }
    .ourcommitment-section .ourcommitment-envirnment-tab .custom-tabs-nav img { min-width: 135px !important; }
    .ourcommitment-envirnment-tab { margin: 0 -10px 10px; width: calc(100vw + 0px); padding: 0 0px 30px; }
    .ourcommitment-climate-list { flex: 0 0 1; max-width: 100%; }
    .ourcommitment-envirnment-section .container-fluid { padding: 0; }    
    .ourcommitment-section .ourcommitment-envirnment-tab.tab-nav-wrapper::-webkit-scrollbar { display: none; }
    .ourcommitment-section .ourcommitment-envirnment-tab.tab-nav-wrapper { -ms-overflow-style: none; scrollbar-width: none; }
    .ourcommitment-climate-list ul li:before { left: 0; }
    .ourcommitment-climate-list ul { padding-left: 0; }
    .ourcommitment-img-section-wrapper { display: flex; margin: 0 -15px; justify-content: space-between; }
    .ourcommitment-img-section-wrapper .ourcommitment-img-wrapper { margin: 0 auto; padding: 0px; width: 100%; max-width: 300px; }
    .ourcommitment-climate-year { margin-bottom: 10px; }
    .ourcommitment-climate-year { flex: 0 0 100px; max-width: 100px; }
    .ourcommitment-climate-list ul li { padding-left: 20px; margin-bottom: 0px; font-size: 16px !important;}
    .ourcommitment-climate-list ul li:before { left: 0px; width: 10px; height: 2px; top: 7px; }

    /*ourcommitment-corparate*/
    .ourcommitment-section .row { margin: 0 -10px !important; }
    .ourcommitment-envirnment-img { padding: 0 10px; }
    .ourcommitment-img-section-wrapper { padding: 0; margin: 0; }
    .skinceuticals #content { padding-left: 10px !important }
    .ourcommitment-envirnment-list > h3 { margin-bottom: 15px !important; }
    .ourcommitment-envirnment-list h3 { margin-bottom: 5px; }
    .ourcommitment-img-section-wrapper .ourcommitment-img-wrapper, .flex-direction-reverse .ourcommitment-img-section-wrapper .ourcommitment-img-wrapper { padding: 0 8px; box-shadow: none !important; }
    .ourcommitment-img-section-wrapper .ourcommitment-img-wrapper img { box-shadow: 10px 8px 0 #f9f6f4; }

    .flex-direction-reverse .ourcommitment-img-section-wrapper { padding-left: 0; }
    .ourcommitment-envirnment-wrapper { margin-top: 30px !important; margin-bottom: 0 !important; }
    .ourcommitment-img-section-wrapper .ourcommitment-img-wrapper:last-child { margin-bottom: 20px; }
    .flex-direction-reverse .ourcommitment-img-section-wrapper .ourcommitment-img-wrapper img { box-shadow: -10px 8px 0 #f9f6f4; }
    .ourcommitment-envirnment-list-wrapper .ourcommitment-list-block { margin-bottom: 15px; }
    .ourcommitment-envirnment-video-section p { font-size: 16px !important; }
    .ourcommitment-envirnment-wrapper { padding: 20px 0 0; }
    .ourcommitment-envirnment-wrapper.flex-direction-reverse h3 { margin-bottom: 10px !important }
    .ourcommitment-envirnment-list-wrapper .ourcommitment-list-block.half-list { margin-bottom: 25px; }
    .ourcommitment-envirnment-tab li {
        width: 180px;
        max-width: 180px;
        min-width: 180px;
    }
}

@media screen and (max-width:575px){
    .ourcommitment-envirnment-content h6.text-center{max-width:84%;}
    .ourcommitment-brand .brand-list li a{min-height: 45px;}
}