@media (max-width: 769px) {

    section, footer {overflow-x: hidden;}

    .m-closed {display: none;}

    header {
        border-top: none;
        height: auto;
        margin-bottom: 10px;
        padding-top: 0;
    }
    .header-menu-area {display: none;}
    .header-menu {display: none;}
    .mobile-top {display: block; }
    span.menu-text {display: block;}
    .mobile-menu-button {display: block;}
    ul.mobile-topmenu {display: block;}

    .header-top-area {height: auto; display: none;}
    .header {height: auto;/* display: none; */}
    .home-page .header {margin-bottom: 0;}
    .logo {height: auto;line-height: inherit;text-align: left;padding: 30px 0 20px 0;position: relative;}
    .logo img {max-width: 60%;max-height: 100%;}
    .header-links-area {display: none;}
    .header-search-area {display: none;}

    .header-bottom-area {display: none;}

    .mobile-menu ul li ul {
        padding: 0 30px 10px 30px;
        background: #1800ad;
    }
    .mobile-menu ul li ul li {}
    .mobile-menu ul li ul li:last-child {border-bottom: none;}
    .mobile-menu ul li li a {padding-left: 10px;}

    .mobile-menu ul li.products-menu {}
    .mobile-menu > ul > li.active .products-dropdown {display: block;position: relative;top: 0;padding: 0 10px;}
    .mobile-menu .products-dropdown {background: #B80101;}
    .mobile-menu .products-dropdown ul {
        padding-bottom: 0;
        background: none;
        margin: 0;
        padding: 0;
    }
    .mobile-menu .products-dropdown ul li {
        width: 100%;
        height: 30px;
        line-height: 30px;
        padding-right: 0;
        border-top: none;
        background: no-repeat;
    }
    .mobile-menu ul li.active span {display: none;}
    .products-dropdown ul li a {padding: 0 10px !important;color: #fff;border-top: 1px solid rgba(255,255,255,0.3);}
    .products-dropdown ul li i {width: auto;height: 30px;line-height: 30px;float: left;color: #fff;}
    .products-dropdown ul li b {width: auto; height: 30px; line-height: 30px; float: left; }
    .products-dropdown ul li:nth-child(1) a, .products-dropdown ul li:nth-child(2) a {
        border-top: 1px solid rgba(255,255,255,0.3);
    }



    .mobile-menu-button {display: block;}
    .mobile-menu-area {
        display: none;
    }
    .mobile-menu-area.active {
        display: block;
    }

    .menu-dropdown {position: relative;display: none;top: auto;left: auto;background: #fff;box-shadow: none;padding: 15px 0;}
    .menu-dropdown ul li {width: 100%;background: none;height: auto;font-size: 16px;}
    .dropdown-banner {display: none;}
    .menu-dropdown ul {margin-bottom: 0; overflow: hidden;}
    .menu-dropdown ul li:nth-child(2) a {border-top: none;}
    .menu-dropdown ul li a {border-top: none;color: #000;padding: 5px 30px;display: block;overflow: hidden;}

    .mobile-menu > ul > li > a {display: block;padding: 5px 25px;position: relative;}
    .menu-dropdown ul li b {width: 100%;line-height: 20px;height: auto;}

    .mobile-menu > ul > li.has-dropdown {}
    .mobile-menu > ul > li.has-dropdown > a {}
    .mobile-menu > ul > li.has-dropdown > a:before {
        content: '';
        position: absolute;
        width: 18px;
        height: 2px;
        background: #fff;
        right: 30px;
        top: 16px;
        transition: all 100ms ease-in;
    }
    .mobile-menu > ul > li.has-dropdown > a:after {
        content: '';
        position: absolute;
        width: 2px;
        height: 18px;
        background: #fff;
        right: 38px;
        top: 21%;
        transition: all 100ms ease-in;
    }
    .mobile-menu > ul > li.has-dropdown.active > a:before {}
    .mobile-menu > ul > li.has-dropdown.active > a:after {height: 0; top: 50%;}

    .mobile-menu > ul > li.has-dropdown {}
    .mobile-menu > ul > li.has-dropdown.active .menu-dropdown {display: block;}

    /*** Section ***/
    section {}
    .banners-area {margin: 0;margin-bottom: 20px;}
    .main-banner-area {padding-left: 0;height: auto;/* padding-bottom: 100px; */background: #000;}
    .main-banner-slider {margin-bottom: 0;/* padding-bottom: 100px; */border-radius: 0;margin: 0;}
    .main-banner {height: auto;padding-top: 0;/* padding-bottom: 100px; */}
    .main-banner-photo {display: none;width: 100%;height: 350px;line-height: inherit;}
    .main-banner-photo img {/* border-radius: 10px; */}
    .banner-caption {height: auto;width: 100%;padding: 15px;left: 0;bottom: 0;background: rgba(0,0,0,0.6);/* position: relative; */}
    .banner-caption h4 {font-size: 16px;  margin-bottom: 5px;}
    .banner-caption p {font-size: 13px; font-weight: 500; line-height: 16px;}
    .main-banner-slider .bx-wrapper .bx-controls-direction a {display: none;}

    .mini-banner-area {
        height: auto;
        margin-left: 0;
    }
    .mini-banner {
        width: 100%;
    }
    .mini-banner a {padding: 0 30px;}
    .mini-banner-photo {
        display: block;
        width: 100%;height: 500px;line-height: inherit;
    }
    .mini-banner-photo img {}
    .mini-banner-caption {padding: 20px 0;width: 60%;}
    .mini-banner-caption h4 {
        font-size: 20px;
        line-height: 24px;
    }
    .mini-banner-caption p {
        line-height: 16px;
        font-size: 13px;
    }

    .main-slogan-section {height: auto;padding: 50px 0;margin-bottom: 20px; /*background: url(../img/bg/yellow-rocket.png) no-repeat right center;*/}
    .main-slogan {
        /* background: url(../img/bg/map.png) no-repeat center bottom; */
        text-align: center;
    }
    .main-slogan h5 {
        width: 100%;
        height: auto;
        font-size: 35px;
        line-height: 40px;
        margin-bottom: 0;
        background: none;
        float: none;
        padding: 0;
    }
    .main-slogan h5 img {
        max-width: 100%;
        height: auto;
        display: inline-block;
    }
    .main-slogan p {width: 100%;height: auto;padding: 10px 0 0 0;/* border-top: 1px solid #fff; */}


    .company-information h4 {padding: 0; }

    .products-area-head {height: 50px;padding-left: 0;}
    .products-area-tabmenu {width: 100%;height: 50px;overflow-x: scroll;}
    .products-search-area {display: none;}
    .products-area-tabmenu ul {overflow: hidden;width: max-content;}
    .products-area-tabmenu ul li {height: 50px;font-size: 17px;/* width: 50%; */text-align: center;}
    .products-area-tabmenu ul li + li {margin-left: 15px;}
    .products-area-tabmenu ul li a {height: 51px;padding: 0;}
    .products-area-tabmenu ul li i {height: 50px; line-height: 50px; }
    .products-area-tabmenu ul li i:before {font-size: 20px; }
    .products-area-tabmenu ul li b {height: 50px;line-height: 50px;text-align: center;float: none;}

    /* Hide scrollbar for Chrome, Safari and Opera */
    .products-area-tabmenu::-webkit-scrollbar
    {
        display: none;
    }

    /* Hide scrollbar for IE, Edge and Firefox */
    .products-area-tabmenu, .product-list-content {
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }

    .product-list-content {}
    .products-list-area {overflow-x: scroll; }
    .main-branches-list-area {overflow: hidden;width: max-content;}
    .main-services-list-area {overflow: hidden;width: max-content;}
    .main-products-list-area {overflow: hidden;width: max-content;}
    .main-videos-list-area {overflow: hidden;width: max-content;}
    .products-list-area .col-md-3 {width: 250px;float: left;}
    .main-services-list-area .col-md-3 {width: 290px; }

    .products-list-area ul li i {width: 12%;}
    .products-list-area ul li b {width: 88%;}

    .products-list-area ul li {width: 100%;}
    .main-news-area {margin-bottom: 20px;padding: 20px;/* background: #efefef; */}
    .main-broshure {margin-bottom: 20px;/* background: #09326f; */height: auto;/* border-top: 1px solid #ecd0c4; *//* background: #efefef; */height: 180px;}

    .popup {width: 90%;}
    .popup-bottom {height: 60px;  padding-right: 30px;}
    .popup-bottom h5 {padding: 10px; font-size: 14px; font-family: inherit; }

    .close-popup { right: 10px; top: 10px; width: 30px; height: 30px;  }
    .close-popup i {display: block; height: 28px; line-height: 28px; }
    .close-popup i:before {font-size: 12px;}

    /** Inner Area ***/
    .right-side {padding: 0 0 0 0;}
    .title-area {height: auto;padding-bottom: 20px;padding-right: 20px;margin-bottom: 20px;}
    .breadcrumb ul li {font-size: 10px;}

    .products-list ul li {width: 100%;}
    .content-detail-photos-slider li {height: auto;}
    .content-detail-photos-slider {height: auto;}
    .content-detail-photos-slider-pager {padding:0 20px;}

    .categories-list ul li {width: 100%;}
    .categories-list ul li:nth-child(3n+1) {border-left: 1px solid #cacaca;}
    .categories-list ul li:nth-child(1), .categories-list ul li:nth-child(2), .categories-list ul li:nth-child(3) {border-top: 1px solid #cacaca;}
    .categories-list ul li:last-child{border-bottom: 1px solid #cacaca;}
    .categories-list ul li {border-right:1px solid #cacaca; margin-bottom: 20px; border-top: 1px solid #cacaca;}

    .product-box {height: 190px;}
    .product-box h4 {font-size: 18px; line-height: 24px;}
    .product-box a {padding: 15px;}
    .product-box img {width: auto; height: 100%}
    .product-box i {/* display: none; */}

    .main-contents-section {height: auto;padding: 0;background: none;margin-bottom: 20px;}
    .main-contents-section:before {display: none;}
    .main-contents-section:after {display: none;}

    .main-broshure {}
    .main-broshure a {padding: 20px;/* color: #fff; */}
    .main-broshure img {height: 180px;width: auto;}

    .main-videos-slider {/* background: #efefef; *//* padding: 0 15px; */margin-bottom: 20px;}

    .main-brands-area {padding: 20px;height: auto;background: #fcefe9;}
    .main-brands-title {width: 100%; height: auto;}
    .main-brands-slider {width: 100%;}
    .main-brands-slider li span {text-align: center;}

    .detail-photos-slider li {height: auto;}

    .page-photo {height: auto; }

    .left-side {display: none;}
    .left-categories-menu {display: none;}
    .left-side-link-box {display: none;}

    .document-box {height: auto;}
    .document-box-photo {height: auto;}

    .product-features ul li {width: 100%;}

    .detail-information-area ul li {width: 100%; }
    .detail-information-area ul li + li {border-left: none; border-top: 1px solid #dbdbdb;}

    .list-style-three {height: 420px;}
    .list-style-three a {padding-bottom: 30px;}

    .contact-form {display: none;}
    .contact-link-box {display: none;}

    .content-detail {
        width: 100%;
        overflow-x: scroll;
    }

    .main-slogan  {padding: 0 20px;;}
    .main-slogan h5:before {display: none;}

    .product-description-area span {height: auto}
    .product-sort-area {height: auto;}
    .product-sort-area ul li {width: 50%;}

    .product-details-area {padding: 15px;}
    .product-information h1 {font-size: 22px;}
    .detail-buttons {height: auto;}
    .detail-buttons ul li {width: 50%; margin-bottom: 1px;}

    ul.product-tab-menu {overflow: hidden;}

    .product-tab-area {padding: 0 15px;}

    .branch-box {margin-bottom: 20px;height: 300px;}
    .branch-box-photo {height: 300px;}
    .branch-box-title {
        background: rgba(0,0,0,0.2);
        padding: 200px 30px 0 30px;
    }
    .branch-box-title:hover {padding-top: 80px}

    .call-form-info {margin-bottom: 20px;}

    .call-form-section {height: auto;}
    .call-form ul {overflow: hidden;}
    .call-form ul li {width: 100%; float: none; height: 70px;}
    .call-form ul li + li {margin-left: 0; margin-top: 10px;}
    .call-form ul li:last-child {width: 100%;height: 45px;}
    .call-form ul li:last-child b {display: none;}
    .call-form ul li span {height: 45px;}

    .product-description-area img {max-width: 100%; height: auto !important;}
    .content-detail-photos-slider .bx-wrapper .bx-pager.bx-default-pager a {margin: 0 3px;width: 12px;height: 12px;}
    .content-detail-photos-slider .bx-wrapper .bx-pager.bx-default-pager a.active {width: 30px;}

    .form-checkbox label {width: 12%; }
    .form-checkbox b {width: 88%; float: right; }

    .products-section {padding: 20px;}

    .boxes-section {height: auto; }
    .boxes-area {height: auto;}

    .company-information-section {height: auto;text-align: center;}
    .company-information-photo {text-align: center;}
    .company-information-area {height: auto; padding: 20px; }
    .company-information ul li + li {margin: 0;}
    .company-information ul li {float: none;}

    .link-box {margin-bottom: 20px;height: auto;display: inline-block;text-align: center;width: 100%;}
    .link-box-photo {width: 100%; float: none;}
    .link-box h4 {width: 100%; float: none;}

    .contents-section {padding-top: 10px;}

    /*** Footer ***/
    footer {background: #fff; padding-bottom: 40px;}
    .footer-top {height: auto; overflow: hidden; }
    .mail-bulten-area {padding-top: 10px;}
    .mail-bulten-area h5 {font-size: 12px; height: 20px; line-height: 20px; float: none; width: 100%; }
    .mail-bulten {height: 45px; float: none; width: 100%; position: relative; padding-top: 0; }
    .mail-bulten input { }
    .mail-bulten button {top: 0; }




    .footer-menu {display: none; }
    .footer-leftside {padding: 0;text-align: center;}
    .footer-social-section {text-align: center; }

    .footer-social-area {
        height: 60px;
        padding: 0;
    }
    .footer-social-area h5 {font-size: 12px; height: 20px; line-height: 20px; float: none; width: 100%; display: none;}
    .footer-social {height: 60px;float: none;margin-left: 0;text-align: center;}
    .footer-social ul {display: inline-block;}

    .footer-logo {text-align: center;}

    .footer-contact-phone {text-align: center;height: auto;padding: 0 0 20px 0;}

    .footer {height: auto; }
    .footer-aboutus {height: auto;margin-bottom: 50px;border-right: 0;padding-right: 0;text-align: center;}
    .footer-lang-area {display: none;}

    .footer-bottom-menu {text-align: center;margin-bottom: 10px;height: auto;overflow: inherit;}
    .footer-bottom-menu ul {}
    .footer-bottom-menu ul li {float: none;display: inline-block;height: auto;line-height: inherit;}
    .footer-bottom-menu ul li + li {border-left: none;}
    .footer-bottom-menu ul li a {color: #000; }

    .signature {text-align: center;}
    .signature a {float: none;}

    .popup {width: 90%;}
    .popup-head {height: auto;}
    .popup-bottom {height: 60px;  padding-right: 30px;}
    .popup-bottom h5 {padding: 10px; font-size: 14px; font-family: inherit; }

    .popup.video-popup {width: 90%;}
    .popup.video-popup .popup-head {height: 300px;}
    .popup iframe {height: 100%; }

    .popup-head img {object-fit: inherit; height: auto}


    .close-popup { right: 0; top: -30px; width: 30px; height: 30px;  }
    .close-popup i {display: block; height: 28px; line-height: 28px; }
    .close-popup i:before {font-size: 12px;}

    .footer-leftside-logo img {/*height: 50px;*/}

    .footer-info p {
        text-align: center;
        padding: 0 15px;
    }

    /* @yvzyrlmz 2020 */


}