@media screen and (min-width: 1200px) {
    .container {max-width: 1160px;}
    .productDetailSec .container {max-width: 1430px;}

    /* Menu S */    
    .menu {
        margin: 0;
        padding: 0;
        margin-left: auto;
        position: relative;
        flex: 1;
        display: flex;
        justify-content: flex-end;
    }
    .menu:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }
    .menu ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    .menu ul {
        display: flex;
        align-items: center;
        gap: 15px;
        flex-direction: row;
   }
    .menu ul li {
        padding: 0;
        margin: 0;
    }
    .menu ul li a {
        display: block;
        color: var(--darkcolor);
        font-size: 18px;   
        font-weight: 300;     
        text-decoration: none;                
        padding: 12px 10px;
    }
    .menu ul li.current-menu-item a,
    .menu ul li.current_page_item a, .menu ul li.active a, .menu ul li:hover>a {
        color: var(--secondary);
    }
    .menu ul li a:after {
        content: '';
    }
    .menu ul li a:only-child:after {
        content: '';
    }
    .menu ul li:hover>a:after {
        content: '';
    }
    .menu ul li:hover>a:only-child:after {
        content: '';
    }
    .menu ul li:hover>.mega-menu,.menu ul li:hover>.sub-menu,.menu ul li:hover>.tab-menu {
        display: inherit;
    }
    .menu ul .sub-menu {
        display: none;
        position: absolute;
        background-color: #fff;
        padding: 10px 5px;
        border-radius: 5px;
    }
    .menu ul .sub-menu > li {
        padding: 0;
        margin: 0;
        float: none;
        display: list-item;
        position: relative;
    }
    .menu ul .sub-menu > li > a {
        display: block;
        padding: 5px 0;
        font-size: 14px;
        line-height: 150%;
    }
    .menu ul .sub-menu > li a:hover {
        color: #fff;
    }
    .menu ul .sub-menu li.active>a,.menu ul .sub-menu li:hover>a {
        color: var(--primary);
    }
    .menu ul .sub-menu .sub-menu li {
        position: relative;
        top: -41px;
        left: 200px;
    }
    .is-open,.menu__close,.menu__open,.menu_mobile_visibility {
        display: none!important;
    }
    .menu ul li {
        position: relative;
    }
    .menu ul li .sub-menu li {
        width: 100%;
        position: relative;
    }
    .menu ul li .sub-menu li a {
        padding-right: 25px;
        padding-left: 34px;
    }
    .menu ul li .sub-menu li a:before {
        left: 20px;
        position: absolute;
        content: "";
        background: #8c8c8c;
        width: 6px;
        height: 6px;
        display: inline-block;
        border-radius: 50%;
        top: 13px;
        transition: all .5s ease-in-out 0s;
    }
    .menu ul li .sub-menu ul {
        left: 100%;
        top: 0;
    }
    .menu ul li.is-open-a>a:after {
        margin-left: 5px;
        content: "";
        display: inline-block;
        vertical-align: middle;
        line-height: 100%;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='12' height='12'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z'/%3E%3C/svg%3E");
        width: 20px;
        height: 20px;
        background-size: 100%;
    }
    .sub-menu .is-open-a>a {
        position: relative;
    }
    .sub-menu .is-open-a>a:after {
        display: block;
        content: "\f105";
        font: normal normal 18px fontawesome;
        text-transform: inherit;
        margin: 0;
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
    }
    .menu ul li>.sub-menu {
        max-width: 250px;
        width: 100%;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }
    .menu ul .sub-menu .sub-menu li {
        left: auto;
        top: auto;
        width: 100%;
    }
    .menu ul li:hover>.sub-menu {
        opacity: 1;
        transform: rotateX(0);
        visibility: visible;
        z-index: 1;
    }
    .mobMenuShow {
        display: none;        
    }  
    /* Menu End */

    /* Banner S */    
    .bannerSwiper {width: 805px;transform: translate(-150px, 15px); -webkit-transform: translate(-150px, 15px);}        

    /* About S */    
    .aboutHomeSec h2.mainTitle {white-space: nowrap;}

    /* Modal S */
    .modal-dialog-centered-xl {display: flex;align-items: center;min-height: calc(100% - var(--bs-modal-margin) * 2);}
    
    /* Banner */
    .bannnerBox h1 span {font-size:45px;display: block;margin-bottom: 10px;}


}


@media screen and (max-width: 1599px) {
    .home-banner .carousel-inner {height: 700px;}
    .h-b_fill:before {right: -8%;}    

    /* h1.mainTitle {font-size: 65px;} */

}

@media screen and (max-width: 1199px) {
    /* Menu Start */
    .menu_overlap .nav-overlay {position: fixed;z-index: 9;background-color: rgba(0,0,0,.7);top: 0;right: 0;bottom: 0;left: 0;}
    .menu {
        position: fixed;z-index: 99;overflow-x: scroll;margin: 0;padding: 0;width: 100%;
        max-width: 280px;left: -100%;bottom: 0;top: 0;background: var(--darkBg);transition: all .5s ease-in-out;
    }   
    .menu ul {padding: 0;margin: 0;list-style: none;position: relative;z-index: 9;}
    .menu ul li {padding: 0;margin: 0;clear: both;border-top: 1px solid rgba(255,255,255,.1);}
    .menu ul li:last-child {border-bottom: none;}
    .menu ul li:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
    .menu ul li a {padding: 15px 15px;display: block;font-size: 16px;font-weight: 300;line-height: 120%;color: var(--white);}
    .menu ul li.active>a {color: var(--secondary);}
    .menu ul li ul {display: none;min-height: auto!important;}
    .menu ul li ul li a {padding-left: 30px;}
    .menu>ul {border-bottom: 1px solid rgba(0,0,0,.1);}
    .menu .sub-menu li a {position: relative;padding-left: 45px;}
    .menu .sub-menu li a:before {position: absolute;content: "";left: 30px;top: 13px;width: 5px;height: 5px;background: #bdbdbd;border-radius: 50%;}
    .menu .sub-menu li .sub-menu li a {padding-left: 55px;}
    .menu .sub-menu li .sub-menu li a:before {left: 45px;}
    .menu .sub-menu li .sub-menu li .sub-menu li a {padding-left: 65px;}
    .menu .sub-menu li .sub-menu li .sub-menu li a:before {left: 55px;}   
    .is-open {position: relative;z-index: 99;float: right;width: 40px;height: 32px;line-height: 32px;}
    .is-open:after, .is-open:before {position: absolute;content: '';background-color: #000;}
    .is-open:before {width: 11px;height: 1px;top: 50%;left: 37%;}
    .is-open:after {width: 1px;height: 11px;top: 36%;left: 50%;}
    .is-open.is-close:after {display: none;}
    .is-open-a>a {float: left;width: calc(100% - 40px);border-right: 1px solid rgba(0,0,0,.1);}
    .menu .is-open.is-close~ul {display: block;}
    .menu .is-open.is-close~ul li:first-child {border-top: 1px solid rgba(0,0,0,.1);}
    .menu-hidden {display: none;}   
    .menu_open_close {display: flex;justify-content: flex-end;}
    .menu__open {
        width: 35px;
        height: 35px; 
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M3 4h18v2H3V4zm6 7h12v2H9v-2zm-6 7h18v2H3v-2z' fill='rgba(27,30,62,1)'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 22px;
        background-color: var(--white);        
        border-radius: 6px;
        box-shadow: 0 0 5px rgba(0,0,0,0.1);
    }    
    .menu__close {
        display: none;
        position: fixed;
        right: 15px;
        top: 7px;
        width: 32px;
        height: 32px;
        z-index: 99;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='32' height='32'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z' fill='rgba(163,180,214,1)'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100%;
    }
    .html_overlap {overflow: hidden;width: 100%;height: 100%;}
    .menu_overlap {position: relative;overflow: hidden;}
    .menu_overlap .nav-overlay {position: fixed;z-index: 9;background-color: rgba(0,0,0,.7);top: 0;right: 0;bottom: 0;left: 0;}    
    .mobMenuShow {display: block;padding: 15px 15px;background-color: #EAF1FF;}
    .header-divider {display: none !important;}
    .head_btn {flex-direction: column;padding: 20px 15px;}    
    .head_btn .btn.btn-default {border-color: var(--primary);}
    .head_btn .btn {
        font-size: 14px;border-radius: 0;border-color: var(--border-color) !important;background-color: var(--bs-light) !important;
        color: var(--primary);outline: 0 !important;box-shadow: none !important;
    }
    /* Menu End */

    /* Main Title */
    h1.mainTitle{font-size: 50px;}
    .bannnerBox h1 span {font-size:35px;display: block;margin-bottom: 10px;}

    /* Header */
    .logo {max-width: 100px;}
    .headBtn {margin: 0 10px 0 0;}

    /* Banner */
    .h-b_fill:before {right: -30%;}
    .home-banner .carousel-inner {height: 600px;}

    /* Certification S */
    .certificationSlider .slick-prev {right: 90px;}
    .certificationSlider .slick-next {right: 40px;}

    /* Our History */
    .historyBox .info {padding: 0;}
    .historyBox .info p{line-height: 150%;}
    .historySlider .slick-prev {left: -40px;}
    .historySlider .slick-next {right: -40px;}

    /* Group Of Company */
    .groupCard .image {max-width: 500px;}
    .groupCard .image .imageBrandTitle {font-size: 35px;}
    .groupCard .image .img {max-width: 200px;}
    .groupCard .info {margin-bottom: 20px;}    
    
    /* Manufacturing Page S */
    .unitListing .groupCard .image {max-width: 500px;}

    /* Product Page S */
    

}

@media screen and (max-width: 991px) {
    body {font-size: 16px;}
    h1.mainTitle {font-size: 40px;}
    h3.mainTitle {font-size: 28px;}
    .mainTitle {font-size: 40px;}
    h1, .h1 {font-size: 40px;}
    h2, .h2 {font-size: 40px;}
    h3, .h3 {font-size: 28px;}
    h4, .h4 {font-size: 22px;}
    .btn {padding: 8px 20px;}

    .section {padding: 60px 0;}     
    
    /* Main Title */
    .bannnerBox h1 span {font-size:30px;margin-bottom: 6px;}

    /* Footer */
    .foooterMain {padding-top: 50px;}
    .footerCopyright {margin-top: 20px;}
    .footerNav.footerNavQuick ul {flex-direction: row;flex-wrap: wrap;}
    .footerNav.footerNavQuick ul li {width: calc(50% - 20px);}

    /* Banner */
    .h-b_fill:before {right: -20%;width: 100%;}
    .home-banner .carousel-inner {height: 500px;}
    .bannnerBox h1 {margin: 0 0 20px 0;}
    .bannnerBox p {font-size: 18px;}
    .bannnerProdImg {min-height: 300px;}

    /* About S */
    .empDataBox h6 {font-size: 30px;}
    .empDataBox small {font-size: 16px;}

    /* Inner Banner */
    .innerBanner {min-height: 275px;padding-top: 65px;}
    .innerBannerBox .btn {margin-top: 20px;}
    .productDetailBanner, .contactrBanner {min-height: 200px;}

    /* Our History */
    .historyBox {flex-direction: column;text-align: center;padding: 25px 20px;}    
    .historyBox .image {width: 100%;max-width: 250px;margin: auto;}
    .historyBox .yearNo {width: 100%;min-height: 50px;font-size: 40px;}
    .historyBox .yearNo span {transform: none !important;}
    .historyBox .info p{line-height: 150%;}    
    .historySlider .slick-prev {left: 0px;}
    .historySlider .slick-next {right: 0px;}
    .slideYear {font-size: 20px;}
    .historySlider .slick-prev::before, .historySlider .slick-next::before {background-size: 10px;}

    /* Corporate Goal */
    .missionVisionBox {border-radius: 10px;padding: 35px;}
    .goalRow .image {margin-top: 0;margin-bottom: -20px;}


    /* Group Of Company */
    .section.groupSec {padding-top: 200px;}
    .groupCard {flex-direction: column;align-items: flex-start;}
    .groupAboutListing .groupCard:nth-child(even) {flex-direction: column;}
    .groupAboutListing .groupCard:nth-child(even) .info {margin-right: auto;}
    .groupAboutListing .groupCard:nth-child(even) .image {padding: 40px;}
    .groupAboutListing .groupCard .image {border-radius: 10px;}
    .groupCard .image {width:100%;max-width: 100%;padding: 30px 30px 45px;margin: auto;min-height: inherit;}
    .groupCard .image .img {max-width: 250px;}
    .groupCard .image .imageBrandTitle {font-size: 30px;}
    .groupCard .info {margin: -15px auto 0;padding: 30px;border-radius: 10px;}
    .groupCard .info h4 {font-size: 18px;}
    

    /* Manufacturing Page S */
    .unitListing .groupCard .image {max-width: 100%;min-height:350px;}
    .unitListing .groupCard:nth-child(even) {flex-direction: column;}
    .unitListing .groupCard:nth-child(even) .info {margin-right: auto;}
    .capabilCard {gap: 20px;}

    /* Product Page S */
    /* .glasImage img {height: 350px;padding: 30px 0;} */

    /* Product Detail Page S */
    .productDetailSec {flex-direction:column;}
    .productMenu {width: 100%;padding: 15px 15px;overflow-x: auto;}
    .productMenu .nav {flex-direction: row !important;flex-wrap: nowrap;}
    .productMenu .nav .nav-link {font-size: 14px;padding: 4px 10px;white-space: nowrap;}

    .productDetailSec .tab-content {padding: 40px 0;min-height: inherit;}

    /* Contact Page */
    .contactDetail {padding-bottom: 40px;}
    .contactFormSection {padding: 30px;}
    .mapBox {height: 350px;}

    
}


@media screen and (max-width: 767px) {
    body {font-size: 15px;}
    .container {padding-left: 20px;padding-right: 20px;}
    h1.mainTitle {font-size: 30px;}
    h3.mainTitle {font-size: 24px;}
    .mainTitle {font-size: 30px;}
    
    h1, .h1 {font-size: 30px;}
    h2, .h2 {font-size: 28px;}
    h3, .h3 {font-size: 24px;}
    h4, .h4 {font-size: 20px;}
    h5, .h5 {font-size: 18px;}
    p ~ p {margin-top: 15px;}
    .btn {padding: 8px 16px;gap: 8px;font-size: 14px;}
    .btn svg {width: 14px;height: 14px;}

    .section {padding: 40px 0;}
    .titleDiv {margin-bottom: 20px;}
    .titleDiv.mb40 {margin-bottom: 20px;}

    /* Header */
    .quoteModal .modal-dialog {max-width: 550px;}
    .headBtn .btn {font-size: 13px;padding: 6px 16px;}

    /* Footer */
    .footer {font-size: 15px;}
    .foooterMain {padding-top: 25px;}
    .footerCopyright {margin-top: 10px;padding: 15px 0;}    
    .footercopy {justify-content: center;}
    .footerBox {padding-top: 15px;padding-bottom: 15px;}
    .footerBox h5 {margin-bottom: 15px;}
    .footerLogo {max-width: 150px;margin-top: 0;margin-bottom: 20px;}
    .footerNav ul {gap: 6px;}
    .footerSocial a, .social a {width: 32px;height: 32px;}

    /* Banner */
    .carousel-indicators {justify-content: center;}
    .carousel-indicators [data-bs-target] {width: 12px;height: 12px;}
    .h-b_center {padding-top: 50px;}
    .h-b_fill:before {right: -30%;width: 550px;}
    .home-banner .carousel-inner {height: 600px;}
    .row-banner {flex-direction: column-reverse;}
    .bannnerBox {text-align: center;}
    .bannnerBox h1 {margin: 0 0 10px 0;}
    .bannnerBox p {font-size: 18px;margin-bottom: 15px;font-size: 14px;}
    .bannnerBox .btn {font-size: 13px;}    
    .bannnerProdImg {margin: auto;padding-left: 0px;padding-right: 0px;min-height: 230px;display: flex;align-items: center;max-width: 400px;}
    .bannerSwiper {margin-top: -40px;margin-bottom: 15px;}
    .home-banner .swiper-pagination {justify-content: center;gap: 12px;margin-bottom: 15px;}
    .home-banner .swiper-pagination-bullet {width: 12px;height: 12px;}

    /* About S */
    .aboutHomeSec .titleDiv {margin-bottom: 15px;}
    .aboutHomeSec h4 {margin-bottom: 10px;}
    .empDataBox {border-radius:6px;padding: 20px 10px;}    
    .empDataBox h6 {font-size: 25px;}
    .empDataBox small {font-size: 14px;}
    
    /* Featured S */
    .featuredBox {border-radius: 6px;}
    .featuredBox .icon {min-height: 125px;}
    .featuredBox .icon img {max-height: 60px;}
    .featuredBox .info {padding: 12px 10px;}
    .featuredBox .info h5 {font-size: 15px;}
    .featuredBox .info small {font-size: 12px;}
    .featuredBox .viewReadIcon {right: 10px;top: 10px;}
    .viewReadIcon {width: 25px;height: 25px;min-width: 25px;}

    /* Certification S */
    .certificationSlider .slider {padding-left: 15px;padding-right: 15px;max-width: 540px;margin: auto;}
    .certificationSlider .slick-slide {padding-left: 5px;padding-right: 5px;}
    .certificationSlider .slick-prev {right: 62px;}
    .certificationSlider .slick-next {right: 20px;}
    .certificationSlider .slick-arrow {top: -35px;}
    .slick-arrow {width: 30px;height: 30px;}
    .slick-arrow::before {background-size: 13px;}

    .certificationSlider .certificationSwiper {max-width: 500px;margin: auto;width: calc(100% - 40px);}

    .certyCardBox .image {min-height: 130px;}
    .certyCardBox .image img {max-width: 125px;max-height: 125px;}
    .certyCardBox h6 {padding: 10px 10px;font-size: 15px;}



    /* Inner Banner */
    .innerBanner {min-height: 200px;padding-top: 65px;}
    .innerBannerBox .btn {margin-top: 15px;}
    .productDetailBanner, .contactrBanner {min-height: 150px;}

    /* About Page S */
    .aboutData h6 {font-size: 30px;}
    .aboutData small {font-size: 12px;}

    /* Our History */    
    .historyBox .info h4 {font-size: 20px;}
    .historyBox .info h3 {margin: 0 0 10px 0;}
    .historyBox .yearNo {font-size: 30px;min-height: 30px;}
    .sliderYearSec {padding-top: 15px;}
    .slideYear {font-size: 14px;}

    /* Corporate Goal */    
    .corporateGoalSec {margin-top: 10px;}
    .goalRow .info {padding-right: 0;}
    .goalRow .image {max-width: 175px;margin: auto;}
    .list ul li::before {background-size: 12px;width: 22px;height: 22px;}
    .list ul li {padding-left: 32px;}

    /* Our Mission & Vision */
    .missionVisionBox {border-radius: 10px;padding: 25px;}
    .missionVisionBox h3 {margin-bottom: 10px;}

    /* Corporate Group */
    .section.groupSec {padding-top: 180px;}
    .groupCard .image .img {max-width: 175px;}
    .groupCard .image .imageBrandTitle {font-size: 20px;}
    .groupCard .info {padding: 20px;}
    .groupCard .info h4 {margin-bottom: 10px;}


    /* Business Partner */
    .businessBrandBox {min-height: 110px;}
    .businessBrandBox img {max-height: 65px;}

    /* Manufacturing Page S */
    .unitListing .groupCard .image {max-width: 100%;min-height:200px;}
    .capabilCard {gap: 15px;border-radius: 10px;padding: 20px;}
    .capabilCard .icon {min-width: 35px;max-width: 35px;}
    .capabilCard .info h4 {font-size: 18px;}    

    /* Product Page S */
    .glasInfoSlider .swiperArrowGroup {left: 5px;right: 5px;}
    .swiperArrowGroup {margin-top: 20px;gap: 10px;}
    .swiperArrowGroup .swiper-arrow {width: 30px;height: 30px;}
    /* .glasImage img {height: 200px;padding: 20px 0;} */
    

    /* Product Detail */
    .table-overflow {overflow-x: auto;}    
    .table-overflow .table {width: 800px;} 
    .table>:not(caption)>*>* {font-size: 15px;}

    /* .productSlider {margin-left: -5px;margin-right: -5px;} */
    .productSlider .slick-arrow {top: -35px;}
    .productSlider .slick-prev {right: 40px;}    
    .productSlider .slick-slide {padding-left: 5px;padding-right: 5px;}
    

    /* Product Export */
    .exportModal .modal-body {padding: 20px;}
    .exportModal .modal-body .modal-header p {font-size: 13px;}
    .globalCountries {flex-direction: column;} 
    #chartdiv {height: 200px;}
    .globalMapMenu {width: 100%;}
    .globalMapMenu ul {flex-direction: row;flex-wrap: wrap;gap: 7px 5px;}
    .pagination .page-link { min-width: 35px;min-height: 35px;}
    .globalMapMenu ul li a {font-size: 13px;padding: 2px 10px;}

    /* Contact Page */
    .contactDetail {padding-bottom: 40px;}
    .contactMapSec h3 {margin-bottom: 15px;}
    .contactFormSection {padding: 25px 20px;}
    .form-control {padding: .375rem .75rem;}
    textarea.form-control {min-height: 70px;}
    .mapBox {height: 150px;}

}


@media screen and (max-width: 568px) {
    /* Product Detail */
    .featuredRelatedBg .mainTitle {font-size: 26px;}
}