 /* File chỉnh sửa css cho mọi màn hình của web */
 /**/
 /* ======================================================================================================================================================= Toàn trang */
 /*  =================nav*/
 @media (max-width: 1300px) and (min-width: 850px) {
    .html_topbar_left {
        display: none !important;
    }
}

@media (max-width: 1211px) and (min-width: 850px) {
    .header-nav-main .nav-top-link {
        font-size: .7em !important;
    }
}

@media (max-width: 1121px) and (min-width: 850px) {
    #logo {
        width: 150px !important;
    }
}

@media (max-width: 1062px) and (min-width: 850px) {
    .header-nav-main .menu-item {
        margin-right: 0 !important;
    }
}

@media (max-width: 1005px) and (min-width: 850px) {
    #logo {
        width: 100px !important;
    }
}

@media (max-width: 957px) and (min-width: 850px) {
    .header-nav-main .nav-top-link {
        font-size: .6em !important;
    }

    .header-nav-main .menu-item {
        margin-left: 5px !important;
    }
}
 /* ======================================================================================================================================================= Chân trang */

 @media screen and (max-width: 935px) {

    .ct-row-1-footer .col {
       flex-basis: 100%;
       max-width: 100%;
       text-align: center;
    }

    .ct-info-item i {
       display: none;
    }

    .res-img-footer img {
       width: 50% !important;
    }

    .ct-col-logo-footer .col-inner {
       display: flex;
       justify-content: center;
    }

    .ct-col-logo-footer .img {
       width: 30% !important;
    }


 }

 /* ======================================================================================================================================================= giới thiệu về chúng tôi */
 @media screen and (max-width: 620px) {

    .res-title-banner-about p {
       font-size: 3rem;
    }

 }

 @media screen and (max-width: 1280px) {

    .ct-number {
       font-size: 60px;
    }

 }

 @media screen and (max-width: 970px) {

    .ct-number {
       font-size: 50px;
    }

 }

 @media screen and (max-width: 785px) {

    .ct-number {
       font-size: 40px;
    }

 }

 @media screen and (max-width: 647px) {

    .ct-number {
       font-size: 30px;
    }

 }

 @media screen and (max-width: 550px) {

    .ct-number {
       font-size: 40px;
    }

 }

 @media screen and (max-width: 850px) {

    .res-row-about-about .col {
       flex-basis: 100%;
       max-width: 100%;
    }

    .res-image-about-about {
       width: 100% !important;
    }

    .res-row-phi-about .col {
       flex-basis: 100%;
       max-width: 100%;
    }

 }


 /* ======================================================================================================================================================= Thiết bị điện */
 @media screen and (max-width: 1350px) {
    .ct-tab-list-pro-ele .has-icon {
       margin-bottom: 15px;
    }
 }

 @media screen and (max-width: 550px) {

    .ct-img-s1-ele::before,
    .ct-img-s1-ele::after,
    .ct-col-img-s1-work .col-inner::before,
    .ct-col-img-s1-work .col-inner::after,
    .ct-col-img-s1-work::before,
    .ct-col-img-s1-work::after,
    .ct-stack-img-s1-work::before,
    .ct-stack-img-s1-work::after {
       display: none;
    }

    .ct-img-s1-ele {
       padding-right: 15px;
    }

    .ct-tab-list-pro-ele .nav li:last-child {
       margin-right: 20px !important;
    }

    /* logo và catalogue */
    .ct-col-cat-ele .img {
       margin-left: 0 !important;

    }

    .ct-col-cat-ele a {
       margin-right: 0 !important;

    }

    .ct-col-cat-ele .col-inner {
       display: flex;
       justify-content: center;
    }
 }

 /* ======================================================================================================================================================= Thang máy */
 @media screen and (max-width: 550px) {

    .ct-img-brand-elev {
       width: 50% !important;
    }

    .ct-br-brand-elev,
    .ct-br-content-elev {
       box-shadow: none;
    }

 }


 /* ======================================================================================================================================================= case studies */
 @media screen and (max-width: 850px) {

    .res-col-s4-aqua-box {
       margin-bottom: 20px !important;
    }

    .ct-col-8-tech-aqua-box .col-inner::before,
    .ct-col-8-2-tech-aqua-box .col-inner::before {
       display: none;
    }


    .res-row-2-tech-aqua-box .ct-col-1-2-tech-aqua-box {
       order: 1;
    }

    .res-row-2-tech-aqua-box .ct-col-8-2-tech-aqua-box {
       order: 2;
    }

    .res-row-2-tech-aqua-box .ct-col-3-2-tech-aqua-box {
       order: 3;
    }
 }





 @media screen and (max-width: 1800px) {
    .ct-text-result-p2-s6-aqua-box h2 {
       font-size: 1.3rem;
    }
 }

 @media screen and (max-width: 1400px) {
    .res-row-result-aqua-box .col {
       flex-basis: 33.33%;
       max-width: 33.33%;
    }
 }

 @media screen and (max-width: 850px) {

    .res-row-result-aqua-box .col {
       flex-basis: 100%;
       max-width: 100%;
    }

    .ct-text-result-p2-s6-aqua-box h2 {
       font-size: 1.6rem;
    }
 }

 /* ======================================================================================================================================================= tài liệu */
 @media screen and (max-width: 850px) {

    .res-pd-doc .col-inner {
       padding: 15px !important;
    }

    .res-pd-doc {
       padding: 0 !important;
    }
 }



 /* ======================================================================================================================================================= trang chủ*/

 @media screen and (max-width: 1400px) {

    .res-row-po-home .col {
       flex-basis: 50%;
       max-width: 50%;
    }
 }

 @media screen and (max-width: 850px) {

    .res-row-po-home .col {
       flex-basis: 100%;
       max-width: 100%;
    }

    .ct-col-po-home .col-inner {
       height: auto;
    }
 }

 /* ======================================================================================================================================================= liên hệ*/

 @media screen and (max-width: 850px) {

    .ct-iframe-map-contact iframe {
       height: 500px;
    }

    .ct-col-icon-contact {
       display: none;
    }

    .ct-acc-contact .accordion-inner {
       padding-left: 0 !important;
       padding-right: 0 !important;
    }
 }



 /* ======================================================================================================================================================= MT MEGMEET*/

 @media screen and (max-width: 550px) {
    .ct-btn-s2-mt i {
       display: none !important;
    }
 }

 @media screen and (max-width: 1150px) {
    .res-row-app-mt .col {
       flex-basis: 33.33%;
       max-width: 33.33%;
    }
 }

 @media screen and (max-width: 700px) {
    .res-row-app-mt .col {
       flex-basis: 50%;
       max-width: 50%;
    }
 }

 @media screen and (max-width: 850px) {
    .ct-img-icon-doc-mt .box-image {
       width: 25% !important;
    }
 }


 @media screen and (max-width: 1000px) {

   .ct-col-policy-mt .col-inner {
      padding: 15px !important;
   }

       .ct-col-policy-mt blockquote {
          padding-left: 15px !important;
         padding-right: 15px !important;
       }

 }