@media screen and (max-width:1280px) {}
   
   @media (min-width: 1200px) {}
   
   @media screen and (max-width:1180px) {}
   
   @media screen and (max-width:1120px) {}
   
   @media screen and (max-width: 1070px) {
       .slider-left {
           display: flex;
           width: 100%
       }
   }
   
   @media screen and (max-width:1024px) {}
   
   @media screen and (max-width:992px) {
       .hidden-lg.hidden-md {
           display: block
       }
       .fixed-top{
           position: relative!important;
           width: 100%!important;
           background:var(--html-bg-website)
       }
       .lang-top img{height: 20px!important;}
       .box-about{height: auto!important;}
       .items-content-renderer,
       .items-content-inpage {
           width: calc(100% / 2 + -1px);
           border: none;
       }
       .tab-box ul li a{
            padding: 10px 30px!important;
       }
       h3.post-name{height: auto!important;}
       ul.ul-sidebar-ajax{
           padding:10px 5px!important
       }
       ul.ul-sidebar-ajax.pd-20.ds-space-center.ds-mobile li {
        display: inline-block;
        width: 49%;
    }
    .ul-sidebar-ajax li a {
        padding: 0px 0px!important;
        padding-top:10px!important;
        padding-bottom: 7px!important;
        margin: 0px 0px!important;
        text-align: center;
        margin-bottom: 10px!important;
    }
       .post-img img{
           width: 100%;
       }
       #mCustom {
            height: 255px!important;
        }
       .copy {
           padding-bottom: 50px;
       }
       .chaychu .chudong1 {
           font-size: 16px!important;
       }
       .chaychu .chudong2 {
           font-size: 12px!important;
       }
       table {
           width: 100%!important
       }
       .max-width {
           max-width: 100%!important;
       }
       .w-100img img {
           max-width: 100%;
       }
       .w-100i {
           width: 100%!important
       }
       .img-mobile img {
           max-width: 100%!important
       }
       .w-100img img {
           width: 100%;
       }
       .tab-box ul li a{font-size:13px!important;padding:10px 20px!important}
       .desc-solar{padding-left:0!important;padding-right:0!important}
       img{height: auto;}
       .none-mobile {
           display: none!important;
       }
       .mt-10i {
           margin-top: 10px!important;
       }
       .mg-0i {
           margin: 0;
       }
       .ml-0i {
           margin-left: 0!important;
       }
       .pd-0i {
           padding: 0;
       }
       .pr-0i {
           padding-right: 0!important
       }
       .pd-0i {
           padding: 0!important
       }
       .pt-10i {
           padding-top: 10px;
       }
       .pd-5i {
           padding: 5px;
       }
       .pd-10i {
           padding: 0px 10px;
       }
       .pl-0i {
           padding-left: 0px!important;
       }
       .ds-mobile {
           display: block!important;
       }
       .wrap-mobile {
           flex-wrap: wrap;
       }
       .loggin-mobile {
           display: flex;
           justify-content: space-between;
           align-items: center;
           margin-bottom: 10px;
       }
       .center {
           text-align: center;
       }
       .title-why:before {
           left: 50%!important;
           transform: translate(-50%)
       }
       .box-newsletter {
           padding-bottom: 15px!important
       }
       .title-about-index {
           margin-top: 15px;
       }
       .slogan-top {
           width: 50%;
       }
       .box-user {
           width: auto;
       }
       .header-right {
           width: 48%;
       }
       .order-form {
           padding: 20px 5px;
       }
       .i-select {
           width: 45%;
           margin-left: calc(16px / 2);
           margin-right: calc(16px / 2);
           margin-bottom: 15px;
       }
       .thumbnail-mask {
           height: 188px;
           margin: 0 auto
       }
       .thumbnail-mask:after {
           background-size: contain;
       }
       .item-product {
           margin-right: calc(16px / 2);
           width: calc( 100% / 2 - 16px);
           margin-bottom: 16px;
       }
       .slick-1 .slick-next,
       .slick-1 .slick-prev {
           background: none!important;
       }
       .title-list h3 a {
           font-size: 15px;
       }
       .submit-mail {
           margin: 0 auto;
           display: flex;
       }
       .item-detail {
           margin-left: calc(16px / 2);
           margin-right: calc(16px / 2);
           margin-bottom: 10px;
           width: calc( 100% / 2 - 16px);
       }
       .desc-newproduct h3 a {
           font-size: 14px;
       }
       .item-footer,
       .item-footer:nth-child(2) {
           width: 100%;
           margin-top: 15px;
       }
       .p-name {
           margin-top: 10px;
       }
       .content.content-noidung {
           margin-top: 15px;
       }
       .content.content-noidung img,
       .detail img {
           max-width: 100%;
           height: auto;
       }
       ul.tabs-detail li {
           width: 49%;
       }
       .list-youtube ul li {
           width: 50%;
       }
       .box-cart,
       .toolbar {
           display: block;
       }
       .box-price {
           display: flex;
           justify-content: space-between;
           align-items: center;
       }
       .cart-page {
           margin-top: 10px;
           text-align: center;
       }
       .header-page {
           padding: 5px 0px;
       }
       .box-product .pagination {
           margin-top: 0;
       }
       .item-dichvu {
           width: calc(100% / 3);
       }
       .item-tieuchi {
           width: calc(100% / 2 - 46px);
       }
       .footer-right li {
           padding: 14px 10px;
       }
       .box-findlab {
           position: relative;
       }
       .after-odd:after {
           content: none!important;
       }
       article.map-inpage {
           height: auto
       }
       .other-news .detail {
           margin-top: 30px;
       }
       .header-left {
           justify-content: center
       }
   }
   
   @media screen and (max-width:918px) {}
   
   @media screen and (max-width:768px) {}
   
   @media screen and (max-width:725px) {}
   
   @media screen and (max-width:680px) {}
   
   @media screen and (max-width:600px) {}
   
   @media screen and (max-width:520px) {}
   
   @media screen and (max-width:480px) {
       .blinker span
       .item-dichvu {
           width: calc(100% / 2);
       }
       .item-tieuchi {
           width: 100%;
       }
       .footer-right li {
           padding: 10px 7px;
       }
   }
   
   @media screen and (max-width:360px) {
    .blinker span{
        font-size: 14px!important;
    }
       .box-cart {
           flex-wrap: wrap;
       }
       .btn--detail a {
           padding: 0px 12px;
       }
   }