@media (min-width: 1200px) {
    .container { max-width: 1169px; }
}

@media (max-width: 1024px) {
    .menu-ct ul li { padding: 0 10px; }
    .mnsl-banner { width: 412px; height: 140px; padding: 10px 20px 7px 23px; right: 80px; }
        .mnsl-banner .it-mnslct h3 { font-size: 22px; margin-bottom: 8px; }
        .mnsl-banner .it-mnslct p { font-size: 13px; margin-bottom: 5px; height: 38px; max-height: 38px; overflow: hidden; }
    .abus-ct .ct-abs { padding: 42px 0 20px 30px; }
    .count-abs .item-cabs { padding-left: 50px; }
    .lstit-prs .item-prs { padding: 28px 23px 23px 20px; }
    .mnit-prs { position: relative }
    .mechanelec { padding: 50px 0 70px }
    .ct-slprj { height: 344px !important; }
    .it-news .txt-news { padding-top: 18px }
    .txt-news h3 { line-height: 1.3 }
    .partner .tith2-b h2 { margin-bottom: 30px }
    .news .tith2-b h2, .tith2-w { margin-bottom: 25px }
    .abus-ct .img-abs { padding: 30px 0 0 30px }
        .abus-ct .img-abs:before { width: 320px; height: 280px }
    .lSSlideOuter .lSPager.lSpg > li { padding: 0 3px; }
    .products { padding: 32px 0; }
    .item-mnnews .txt-mnnews { padding: 25px 20px 35px 20px; }
    .bott-pr3 .list-obd { grid-template-columns: 20% 20% 20% 20% 20%; }
    .top-pr3 { grid-template-columns: 280px calc(100% - 260px); }
        .top-pr3 .img-pr3 { width: 260px; height: 180px; line-height: initial; }
    .calltele { float: left; }
    .top-pr3 .img-pr3 img { min-height: initial; }
    .top-pr3 .txt-pr3 { padding-left: 15px }
    .calltele { margin-left: 10px }
    .img-mnprjs { height: auto; }
}

@media (max-width: 991px) {
    .products { background-size: cover; }
    .tith2-w { margin-bottom: 15px; }
    .lstit-prs { grid-template-columns: 50% 50%; }
        .lstit-prs .item-prs:first-child { grid-column: 1/3; }
    .mechanelec .lstit-meelec { grid-template-columns: 50% 50%; margin: 0 -5px; }
    .mechanelec, .projects, .news, .partner { padding: 40px 0 45px }
    .lstit-meelec .it-meelec { margin: 18px; }
    .ct-slprj { height: 260px !important; }
    .tith2-w h2 { margin-bottom: 25px; }
    ._clnprev ._prev { left: -30px; top: calc((100% - 48px - 62px)/2); }
    ._clnprev ._next { right: -30px; top: calc((100% - 48px - 62px)/2); }
    .it-news .txt-news { padding: 14px 10px 10px 18px }
    .ic-social ul li { margin-left: 8px }
    .mnsl-banner { width: 370px; right: 60px }
    .abus-ct { grid-template-columns: 55% 45% }
        .abus-ct .ct-abs { padding: 27px 0 15px 20px }
        .abus-ct .img-abs:before { height: 230px }
    .count-abs .item-cabs { padding-left: 15px; }
    .count-abs { margin-top: 25px; grid-template-columns: 20% 27% 28% 25%; }
    .introductionmg { padding: 40px 0 50px; }
    .item-vmo .txta-vmo { padding: 0 20px; }
    .item-vmo .txt-vmo h3 { font-size: 16px; margin-bottom: 6px; }
    .item-vmo .txt-vmo ul li { margin-bottom: 0 }
    .item-vmo .ic-vmo { margin-bottom: 6px }
    .item-vmo .txt-vmo { max-height: 91px; overflow-y: auto; }
    .txt-mnabus h2 { margin-bottom: 20px }
        .txt-mnabus h2:before { bottom: -9px }
    .txt-mnabus { padding-right: 15px }
        .txt-mnabus p { margin-bottom: 8px; line-height: 1.5; }
    .vismisa { padding-bottom: 40px; }
    .ape-contact { padding: 76px 0 58px; }
    .mapct-contact { padding-bottom: 54px; }
        .mapct-contact .form-contact { grid-template-columns: 50% 50%; }
    .form-contact .formct { padding: 15px 0 0 10px; }
    .it-tbct { padding: 48px 25px 0; }
    .item-m-e .txt-itm-e { width: 58%; padding: 26px 44px 20px 28px; }
    .txt-itm-e h2 { font-size: 22px; margin-bottom: 10px }
    .txt-itm-e .count-big { font-size: 80px; bottom: 54px; right: 18px; }

    .txt-dsnews { padding: 20px 20px 35px 20px; }
    .lst-itemb .item-mnnews { margin: 6px }
    .lst-itemb { margin: 0 -6px }
    .item-mnnews .txt-mnnews { padding: 20px 20px 30px 20px; }
    .it-mnprjs .txt-mnprjs h2 a { font-size: 16px; }
    .it-mnprjs .txt-mnprjs h2 { font-size: 16px; margin-bottom: 5px; }
    .it-mnprjs .txt-mnprjs p { max-height: 42px; overflow: hidden; margin-bottom: 10px; }
    .item-othp2 .txt-othp2 { padding: 0 10px; }
    .txt-othp2 h3 { font-size: 14px; }
    .menu-leftpr { padding-right: 20px; }
    .lst-prsright { grid-template-columns: 50% 50%; }
    .product1 { padding: 30px 0 35px; grid-template-columns: 30% 70%; }
    .itempr2 .txt-itempr2 { max-height: 166px; overflow: hidden; }
    .bott-pr3 .list-obd { grid-template-columns: 25% 25% 25% 25% }
    .top-pr3 .txt-pr3 { padding-left: 0 }
    .sendmail { float: initial; margin-bottom: 10px }
    .calltele { margin-left: 0; float: initial }
    .menu { opacity: 0; width: 320px; position: fixed; height: 100%; top: 0; left: 0; bottom: 0; background: #ffffff; z-index: 101; transition: .3s linear; display: none; animation-name: fadeInLeft; animation-duration: .6s; }
    .menu-ct ul li { display: block; text-align: left; padding: 10px 0; }
    .menu.show { opacity: 1; animation-name: fadeInLeft; animation-duration: .6s; display: block; }
    .menu .logo { float: initial }
    .menu .menu-ct { position: initial; line-height: initial; }
    .menu-mobile { display: block; padding: 10px 0; }
    .menu-mbct { position: relative; height: 60px; }
    .logo-mb { height: 60px }
    .touch-on { position: absolute; height: 30px; width: 33px; right: 0; top: calc((100% - 30px)/2); z-index: 101; }
        .touch-on span { position: absolute; width: 32px; height: 3px; background: #086ad8; content: ''; right: 0; top: calc((100% - 3px)/2); transition: .3s linear; }
            .touch-on span.active { transform: rotate(45deg); background: #ffffff; }
                .touch-on span.active:after, .touch-on span.active:before { transform: rotate(270deg); top: calc((100% - 3px)/2); background: #ffffff; }
            .touch-on span:after { position: absolute; width: 32px; height: 3px; background: #086ad8; content: ''; right: 0; top: calc((100% - 3px - 15px)/2); transition: .3s linear; }
            .touch-on span:before { position: absolute; width: 32px; height: 3px; background: #086ad8; content: ''; right: 0; top: calc((100% - 3px + 15px)/2); transition: .3s linear; }
    .menu-ct .form-search { top: 0; animation-name: fadeIn; animation-duration: .4s; }
    .bg-black-x { width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #00000073; z-index: 99; opacity: 0; transition: .3s linear; display: none; }
        .bg-black-x.touch-off { opacity: 1; display: block; }
    .banner-abus { height: 220px; }
    .menu-mobile.fixed { height: 60px; width: 100%; background: #fff; position: fixed; top: 0; left: 0; right: 0; z-index: 10; animation-name: fadeInDown; animation-duration: .6s; padding: 5px 0; }
    .logo-mb img { max-width: 100%; height: 100%; object-fit: cover; }
    .menu-scroll.fixed { top: 70px }
    .menu-leftpr .sbmn-product li a { padding-left: 30px; }
    .menu-leftpr .sbmn-product li { background-position-x: 20px; }
    .it-mnprjs { margin-bottom: 30px }
    .menu-leftpr .sbmn-product .sbmn2-product li i { padding-left: 40px; padding-right: 0 }
    footer { background-size: cover }
    .tith2-b h2 { font-size: 22px }
    .txt-mnprjs .contentmid { padding: 0 20px }
    .ct-abs h2 { margin: 0 auto 20px }
    .item-cabs .txt-cabs .count { font-size: 30px }
    .it-mnslct { height: auto }
    .ContentModule .detail img { height: auto !important }
    .item-cabs .txt-cabs p { height: 42px; }
}

@media (max-width: 767px) {
    .tith2-b h2 { font-size: 16px }
        .tith2-b h2 a:before, .tith2-b h2 a:after { height: 2px; width: 30px; top: 10px }
    .mnsl-banner { width: 100%; height: auto; right: 0; padding-right: 10px; bottom: -71px; }
        .mnsl-banner .it-mnslct p { display: none; }
        .mnsl-banner .it-mnslct h3 { font-size: 16px; margin-bottom: 12px }
    .abus-ct { display: block }
        .abus-ct .ct-abs { padding-left: 0 }
    .count-abs { grid-template-columns: 50% 50%; margin-top: 10px; }
        .count-abs .item-cabs { padding-left: 0; display: block; text-align: center; margin-bottom: 10px; }
    .about-us { padding: 60px 0 35px; margin-top: 35px; }
    .lstit-prs { display: block }
    .item-prs:first-child .lstmnit-prs { grid-template-columns: 50% 50%; width: 80%; max-height: initial; }
    .lstit-prs .item-prs:first-child { height: initial; max-height: unset; overflow: unset; min-height: 258px; padding-bottom: 90px; }
    .mechanelec .lstit-meelec { display: block; margin: 0; }
    ._clnprev ._prev { left: -10px; top: calc((100% - 48px - 42px)/2); }
    ._clnprev ._next { right: -10px; top: calc((100% - 48px - 42px)/2); }
    .ct-slprj li .sm-slprj { padding-top: 15px; }
    .news .lst-news { display: block; }
    .mechanelec, .projects, .news, .partner { padding: 30px 0 35px }
    .ctft-ctn { display: block; }
    .it-footer .nameit-ft { margin-bottom: 6px; }
    .it-footer ul { margin-bottom: 10px; }
    .social { height: auto; line-height: initial; padding: 10px 0; text-align: center; }
        .social .ic-social { position: unset; }
        .social .copyright { margin-bottom: 10px }
    .it-footer ul li { padding-bottom: 2px }
    .ctft-ctn { padding: 35px 0 20px }
    .partner .tith2-b h2 { margin-bottom: 20px }
    .bgsli-c { display: none; }
    .item-prs ._img-prs { bottom: 15px; right: 15px }
    .img-mnabus { grid-column: initial; padding: 0; }
    .introductionmg .introdt { display: block }
    .txt-mnabus { padding: 20px 0 5px 0 }
    .vismisa .it-vmo .item-vmo { display: block }
    .item-vmo .txt-vmo { max-height: initial; overflow-y: initial }
    .item-vmo .txta-vmo { padding: 20px }
    .introductionmg { padding: 30px 0 40px }
    .menu-scroll { height: auto; border-bottom: initial; line-height: 42px; display: none; }
        .menu-scroll ul li { display: block; /* border-bottom: 1px solid #c1c1c1; */ }
            .menu-scroll ul li a { border-bottom: 1px solid #c1c1c1; padding-bottom: 10px; }
    .item-vmo .ic-vmo { margin-bottom: 15px }
    .mapct-contact .form-contact { display: block; }
    .form-contact .formct { padding-left: 0; }
    .table-contact { display: block; height: auto; border: initial; }
    .it-tbct { border: 20px solid #ddd; margin-bottom: 45px; padding: 38px 30px 20px; }
        .it-tbct .ic-contact { width: 80px; height: 80px; line-height: 80px; left: calc((100% - 80px)/2); top: -50px; }
    .ape-contact { padding: 70px 0 0; }
    .form-contact .formct h2 { margin-bottom: 15px }
    .item-m-e .img-itm-e { width: 100%; height: 284px; }
    .item-m-e .txt-itm-e { width: 100%; height: auto; position: unset; padding: 20px 30px 25px 15px; text-align: justify; }
    .txt-itm-e .count-big { right: 15px; bottom: 45px; z-index: 1; }
    .item-m-e:nth-child(2n) .img-itm-e { margin-left: 0 }
    .item-m-e { margin-bottom: 30px }
    .m-e-ct { padding: 35px 0 10px; }
    .banner-abus { background-size: initial; }
    .lst-itemb { display: block; margin: 0; }
        .lst-itemb .item-mnnews { margin: 0 0 15px 0; display: block !important; }
    .list-dsnews .lstit-dsnews { display: block; margin: 0; }
    .lstit-dsnews .item-dsnews { margin: 0 0 15px 0; }
    .clbt-news { margin: 25px 0; }
    .list-newsmn { margin: 42px 0 30px; }
    .it-mnprjs { display: block; margin-bottom: 20px; }
    .txt-mnprjs .contentmid { position: unset; transform: initial; }
    .txt-mnprjs .brderfk, .img-mnprjs .brderimg:before, .img-mnprjs .brderimg:after, .it-mnprjs:after, .img-mnprjs:before { display: none; }
    .it-mnprjs .txt-mnprjs { background: #ddd; padding: 20px; }
    .mdprojects { padding: 36px 0 30px }
    .ctprj2 { display: block; padding: 45px 0 30px; }
        .ctprj2 .img-ctprj2 { padding-right: 0; }
    .txt-ctprj2 { margin-top: 15px }
    .lstit-othpr2 { display: block }
        .lstit-othpr2 .item-othp2 { margin-bottom: 60px }
    .oth-prj2 { padding: 30px 0 25px }
    .product1 { grid-template-columns: 45% 55%; }
    .lst-prsright { display: block; }
    .lstitpr2-ct { display: block }
        .lstitpr2-ct .itempr2 { display: block; padding: 18px 5px; }
            .lstitpr2-ct .itempr2:nth-of-type(2n+1) { background: #e2e2e2 !important }
            .lstitpr2-ct .itempr2:nth-child(4n + 2), .lstitpr2-ct .itempr2:nth-child(4n + 3) { background: #f9f9f9 }
    .itempr2 .img-itempr2 { margin: 0 auto; width: 100%; height: auto; padding: 10px 0; background: initial; }
    .itempr2 .txt-itempr2 { padding-left: 5px; max-height: 140px }
    .top-pr3 { display: block; padding: 0; }
        .top-pr3 .img-pr3 { width: initial; margin-bottom: 10px; height: auto; }
    .sendmail { width: 210px; }
        .sendmail a { font-size: 13px }
    .bott-pr3 .list-obd { grid-template-columns: 50% 50%; margin: 0 -3px; max-height: 456px; overflow-y: auto; }
    .list-obd .item-obd { margin: 3px }
    .menu-mobile { padding: 5px 0; }
    .menu-mbct, .logo-mb { height: 50px; }
    .menu-scroll.fixed { height: auto; display: none; }
    .form-contact .map iframe { height: 320px; }
    .menu.fixed { width: 320px; }
    .it-meelec .img-meelec { width: 128px; height: 128px; }
    .lstit-meelec .it-meelec { grid-template-columns: 128px calc(100% - 128px); margin: 10px 0; }
    .lst-news .it-news:nth-of-type(3) .img-news { grid-row: initial; grid-column: initial; }
    .it-meelec .txt-meelec { padding: 18px 10px 10px 20px; }
    .txt-meelec h3 { margin-bottom: 8px; }
    .lst-news .it-news:first-child { height: 154px; }
    .it-news:first-child .txt-news .ct-news { display: none; }
    .it-news:first-child .txt-news { padding: 14px 10px 10px 18px }
    .it-news:first-child .img-news img { height: auto; }
    .item-m-e { margin-bottom: 22px; }
    .txt-itm-e .count-big { position: absolute; top: 238px; left: 10px; color: #333333a6; }
    .img-dsnews img { width: 100%; }
    .lst-itemb .item-mnnews:first-child { display: grid; }
    .item-mnnews:first-child .img-mnnews { height: 228px; overflow: hidden; }
    .lstit-pr2, .rod1-rght, .ctitem-pr3 { float: initial; width: 100%; }
    .menu-leftpr { width: 100%; padding-right: 0; }
    .txt-dsnews { padding: 15px 20px 25px 20px }
    .txt-itm-e ul li i { margin-right: 5px; }
    .txt-dsnews .time-mnnews { margin-bottom: 3px; }
    .txt-itm-e p { margin-bottom: 10px; }
    .txt-psc { max-height: initial }
    .popup-form .wrapper { width: calc(100% - 20px); padding: 15px 10px; }

    .grid-form { display: block }

        .grid-form .form-group { text-align: left; display: grid; grid-template-columns: 100px calc(100% - 100px); }
    .bnabus-ctn .txt-bnabus { width: 100% }
    .item-cabs .txt-cabs { padding-left: 0; }
    .item-cabs:first-child .txt-cabs:before { left: 120px }
    .item-cabs:first-child .txt-cabs:after { left: 127px }
    .item-cabs .txt-cabs:before { left: 138px; }
    .item-cabs .txt-cabs:after { left: 144px }
}

@media (max-width: 375px) {
}