/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.12,
* Autoprefixer: v10.4.4
* Browsers: last 4 version
*/
@media (min-width: 1024px) and (max-width: 1239px) {

    header .bottom .container .nav li a {
        font-size: 13px;
    }

    header .top .right {
        margin-right: 10px;
    }

    header .bottom.ac-1 .container .nav li a {
        font-size: 15px;
    }

    ul.construction-list li .contrustion .help-bottom .center {
        display: block;
        padding: 0 67px 10px 88px;
    }

        ul.construction-list li .contrustion .help-bottom .center a.name {
            font-family: roboM;
            font-size: 16px;
        }

    ul.construction-list li .contrustion:before {
        font-size: 15px;
        right: 26px;
        bottom: 58px;
        color: #226dc4;
        width: 40px;
        height: 40px;
    }

    ul.construction-list li .contrustion .help-bottom {
        position: absolute;
        bottom: 0;
        width: 100%;
        z-index: 2;
        height: 39%;
    }

    .logo-compa {
        position: absolute !important;
        left: 35px;
    }

    h3.title-cate-compa {
        color: #90ce4e;
        font-size: 16px;
    }

    span.content-cate-compa {
        font-size: 14px;
    }

    .list-size-compa {
        padding-left: 10px;
        padding-right: 10px;
        /* margin: auto; */
    }

    .item-size-compa:nth-child(2) {
        padding: 0 10px;
        width: 78%;
    }

    .item-size-compa {
        text-align: unset;
        position: relative;
    }

        .item-size-compa .count-box:after {
            content: "\2b";
            font-family: fontawesome;
            position: relative;
            right: -90px;
            display: none;
        }

        .item-size-compa:nth-child(3) {
            /* padding: 0 19px; */
            width: 76%;
        }

        .item-size-compa:last-child {
            text-align: unset;
        }

        .item-size-compa:first-child {
            text-align: center;
            width: 88%;
        }

    ul.construction-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: 10px;
        row-gap: 10px;
        margin-top: 20px;
    }

    .item-size-compa:nth-child(1) .count-box:after {
        right: -90px;
        top: 27px;
        display: none;
    }

    .list-item-product-home {
        display: grid;
        grid-auto-rows: minmax(min-content,max-content);
        grid-template-columns: repeat(4,minmax(0,1fr));
        column-gap: 10px;
    }

    .item-size-compa:nth-child(3) .count-box:after {
        right: 70px;
        top: 24px;
    }

    .list-pro.all .pro-heading {
        padding: 0 18px;
    }

    ul.construction-list li .contrustion:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 47%;
    }

    .item-size-compa:nth-child(4) .count-box:after {
        right: 111px;
        top: 22px;
    }

    .home-about .container .item.left h2 {
        font-size: 20px;
    }

    .contructor .bottom .left {
        margin-right: 0;
    }

    .home-about .container .item.left section {
        margin-top: 5px;
        padding: 0 14px;
    }

    .add-mail .container .title {
        font-size: 28px;
    }

    .list-tt {
        padding-left: 18px;
        padding-right: 18px;
    }

    footer .top {
        position: relative;
        padding: 30px 18px;
    }

        footer .top .contact .heading, footer .top .helper .title {
            font-size: 17.8px;
        }

        footer .top .helper {
            margin-left: 0px;
        }

        footer .top .contact {
            width: 25%;
        }

    swiper-button-prev, .swiper-rtl .swiper-button-next {
        left: 52px;
        right: auto;
    }

    .swiper-button-next, .swiper-rtl .swiper-button-prev {
        right: 52px;
        left: auto;
    }
}
/* Mobile & tablet */
@media (max-width: 1023px) {
    .no-display-mobile-tablet {
        display: none !important;
    }

    .no-display-pc {
        display: block;
    }

    li.item-img-industrial-hygiene:last-child {
        display: block;
    }

    ul.list-img-industrial-hygiene {
        padding: 0;
    }

    .top-title-img-industrial-hygiene h3 {
        font-size: 24px;
    }

    header .bottom .container .logo img {
        top: -52px;
        width: 45px;
    }

    li.item-img-industrial-hygiene a img {
        display: block;
        width: 100%;
        height: 190px;
        object-fit: cover;
    }

    .wp-img-industrial-hygiene {
        padding-top: 30px;
    }

    .f-h-d::before,
    .f-h-d::after {
        display: none;
    }

    .wp-review-cus-home {
        background: #e8e8e8;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    ul.list-news-home {
        padding: 0;
        display: grid;
        grid-auto-rows: minmax(min-content, max-content);
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: 6px;
        row-gap: 10px;
    }

    ul.right-list-item-news-home {
        padding: 0;
        display: grid;
        grid-auto-rows: minmax(min-content, max-content);
        grid-template-columns: repeat(1, minmax(0, 1fr));
        column-gap: 15px;
        row-gap: 15px;
        padding-left: 0px;
    }

    .img-building-materials-home img {
        display: block;
        width: 100%;
        height: 340px;
    }

    .top-greenHouse-home h6 {
        margin: 0;
        font-size: 23.66px;
    }

    .top-greenHouse-home h1 {
        font-family: 'roboBlack';
        color: #2a9e4b;
        font-size: 40px;
    }

    li.item-GioiThieuGreenHouse h4 {
        font-size: 18px;
    }

    ul.list-service-home {
        padding: 0;
        display: grid;
        grid-auto-rows: minmax(min-content, max-content);
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: 10px;
    }

    .bottom-content-service-home {
        background: #ffffff;
        padding: 26px 45px 24px 26px;
        margin-left: 0px;
        margin-right: 0px;
        border-radius: 0 0 5px 5px;
    }

    h2.name-item-service-home a {
        font-size: 18px;
        font-family: 'roboB';
        color: #38a64d;
        overflow: hidden;
        height: auto;
    }

    .wattage-service-home {
        display: flex;
        align-items: center;
        /* background: #08a336; */
        position: absolute;
        top: -44px;
        left: 4px;
    }

    ul.product-list-building-materials-home {
        padding: 0;
        display: grid;
        grid-auto-rows: minmax(min-content, max-content);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 15px;
        row-gap: 17px;
    }

    .img-building-materials-home img {
        display: block;
        width: 100%;
        height: 340px;
    }

    ul.sub-menu-respon > li {
        /* padding: 0; */
    }

    .wp-building-materials-home {
        padding-top: 16px;
    }

    .c-tabs-nav {
        text-align: center;
        background: #ffffff;
        background-size: cover;
        width: 100%;
    }

        .c-tabs-nav a {
            font-size: 13px;
            color: #093c76;
            font-family: 'roboM';
            text-transform: uppercase;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
        }

    ul.sub-menu-respon2 {
        padding-left: 0;
        display: none;
    }

    .wp-about-home {
        padding-top: 0px;
        padding-bottom: 98px;
    }

    ul.sub-menu-respon > li > a {
        /* padding-top: 15px; */
        /* text-decoration: none; */
        color: #fff;
        text-transform: uppercase;
        display: block;
        font-size: 14px;
        font-family: roboR;
        /* font-weight: bold; */
        /* border-top: 1px solid #333; */
    }

    .wp-bottom-pro-home .item-product-home:nth-child(6) {
        display: none;
    }

    ul.sub-menu-respon {
        display: none;
        padding-left: 0;
    }

    i.icon-menu-respon {
        font-size: 11px;
        float: right;
        padding-left: 5px;
        position: relative;
        top: 4px;
    }

    .wp-res-full li a {
        position: relative;
        width: 100%;
        display: block;
        padding: 10px 12px;
        border: 1px solid #fff;
        border-radius: 5px;
        margin-bottom: 4px;
    }

    .menu-rs .container {
        position: absolute;
        z-index: 4;
        padding: 0 !important;
    }

    .menu-rs .bot {
        /* position: absolute; */
        /* bottom: 0; */
        width: 100%;
        text-align: center;
        background: #90ce4e;
        padding: 8px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: 0;
    }

        .menu-rs .bot a {
            font-size: 18px;
            font-family: roboR;
            color: #fff;
        }

        .menu-rs .bot img {
            padding-right: 5px;
            width: 24px;
        }

    .wp-bottom-pro-home .item-product-home:nth-child(7) {
        display: none;
    }



    .wp-fanpage-footer {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }

    footer .top .contact .heading:before {
        content: "";
        position: absolute;
        width: 116px;
        height: 2px;
        background: #6cbd45;
        display: block;
        left: 1%;
        margin-top: 40px;
    }

    ul.construction-list li .contrustion .help-bottom .center a.name {
        font-family: roboM;
        font-size: 14px;
    }

    ul.construction-list li .contrustion .help-bottom .center span.located {
        font-family: roboR;
        font-size: 13px;
        height: 16px;
    }

    footer .top .contact .heading:after {
        content: "";
        position: absolute;
        width: 65px;
        height: 2px;
        background: #6cbd45;
        display: block;
        left: 1%;
        margin-top: 16px;
    }

    .home-about .container .item.left .btn-more {
        position: relative;
        right: unset;
    }

    ul.company-category {
        display: grid;
        grid-auto-rows: minmax(min-content, max-content);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        /* column-gap: 27px; */
        row-gap: 1px;
        padding-left: 0;
    }

    h3.title-cate-compa {
        font-size: 20px;
    }

    .home-hot-pro .container-contrus {
        max-width: 97%;
    }

    .contructor .bottom .left {
        margin: 0;
    }

    span.content-cate-compa {
        font-size: 16px;
        height: 110px;
    }

    footer .top .contact .heading {
        font-size: 25px;
    }

    footer .top ul p {
        font-size: 20px;
    }

    .home-contact-error::before {
        display: none;
    }

    .home-about .container .item.left h2 {
        font-size: 26px;
    }

    header .bottom .container .contact {
        border: none;
    }

    h6.title-about-top {
        font-size: 22px;
    }

    header .banner .swiper-slide .content {
        left: 17%;
    }

    header .bottom .container .nav {
        position: absolute;
        left: 10%;
    }

    header .bottom.active .logo-fix-compa canvas {
        width: 55%;
    }

    header .bottom .logo-fix-compa {
        display: none;
        width: 78% !important;
        height: 100% !important;
        left: -72px;
    }

        header .bottom .logo-fix-compa canvas {
            display: block;
            width: 75% !important;
            height: 85% !important;
        }

    header .bottom.active .logo-fix-compa {
        display: none;
    }

    .detai-pro .container .top .right .bread-cum .container {
        padding: 0 !important;
    }

    header .bottom.active .logo-fix-compa-drop-greenHouse {
        display: none;
    }

    .detai-project .container .bottom .item.right {
        padding-left: 0;
        margin-top: 35px;
    }

    .home-about .item.right {
        margin-bottom: 15px;
    }

        .home-about .item.right .img {
            height: auto !important;
        }

    header .bottom .container .btn-menu-respon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
    }

    header .bottom .container .logo:after {
        display: none;
    }

    .Cham1 {
        width: 6px;
        height: 6px;
        background: #90ce4e;
        border-radius: 50px;
        left: 0px;
        position: relative;
        top: -17px;
    }

    .Cham2 {
        width: 6px;
        height: 6px;
        background: #90ce4e;
        border-radius: 50px;
        left: -36px;
        position: relative;
        top: -7px;
    }

    .Cham3 {
        width: 6px;
        height: 6px;
        background: #90ce4e;
        border-radius: 50px;
        left: -42px;
        position: relative;
        top: 3px;
    }

    .menu-rs .container .content {
        /* display: block; */
        display: -ms-flexbox;
        display: block;
        padding-top: 10px;
        padding-left: 0;
        width: 37%;
        margin: auto;
        /* justify-content: center; */
        height: 56%;
        overflow-x: hidden;
        overflow-y: auto;
    }

    main {
        position: unset;
    }

    .swiper-button-next, .swiper-rtl .swiper-button-prev {
        right: 60px;
        left: auto;
    }

    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        left: 60px;
        right: auto;
    }

    .detai-project .container .top .left {
        padding-right: 0 !important;
    }

    .detai-project .container .top .right {
        padding-left: 0;
    }

    .detai-pro .container .top .left {
        padding-right: 0 !important;
    }

    .detai-pro .container .top .right {
        padding-left: 0;
    }

    header .bottom .container .nav .s {
        position: absolute;
    }

    footer .top .helper .title {
        /* display: flex; */
        /* align-items: center; */
        /* justify-items: center; */
    }


    .home-contact-error {
        right: 229px !important;
        bottom: -29px;
    }
}

@media (max-width: 810px) {
    .no-display-mobile {
        display: none !important;
    }

    header .bottom {
        top: 0;
        position: unset;
    }

    .contructor .bottom {
        display: grid;
    }

        .contructor .bottom .left {
            width: 100%;
            margin-right: 0;
            padding-right: 0;
        }

    .home-hot-pro .container-contrus {
        max-width: 100%;
    }

    .contructor .bottom .right {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        display: flex;
        flex-wrap: wrap;
        padding-top: 25px;
    }

    .left-contrus-item a {
        margin-bottom: 70px;
    }

    .add-mail .container .title {
        font-size: 22px;
    }
}
/* Tablet */
@media (min-width: 740px) and (max-width: 1023px) {
    .no-display-tablet {
        display: none !important;
    }

    .list-img-content-contrustion-home img {
        display: block;
        width: 100%;
        height: 350px;
    }

    ul.list-service-home {
        padding: 0;
        display: grid;
        grid-auto-rows: minmax(min-content, max-content);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 10px;
    }

    ul#news-filters li {
        list-style: none;
        font-size: 13px;
    }

    ul#news-filters a {
        font-size: 13px;
    }

    li.itemLogoSliderMobileHeader {
        list-style: none;
    }

    header .bottom.active .container .logo img {
        top: -67px;
    }

    header .bottom.active li.itemLogoSliderMobileHeader h3 {
        color: #90ce4e;
    }

    .display-res-title {
        display: block;
    }

    li.itemLogoSliderMobileHeader h3 {
        font-size: 16px;
        font-family: roboR;
        color: #fff;
        width: 120px;
        position: relative;
        left: 28px;
        top: -10px;
    }

    ul.sub-menu-respon2 {
        padding-left: 0;
        display: none;
    }

    .detai-project .container .bottom .item.right .img {
        width: unset;
        text-align: center;
    }

        .detai-project .container .bottom .item.right .img img {
            width: unset;
            height: unset;
        }

    .detai-project .container .top .left {
        height: 688px;
    }

    .detai-project .grid-gallery .grid {
        padding-left: 0;
    }

    .mySwiper3 .swiper-button-next {
        right: 100px;
        width: 50px;
        height: 50px;
    }

    .mySwiper3 .swiper-button-prev {
        left: 100px;
        width: 50px;
        height: 50px;
    }

    .mySwiper3 .swiper-button-next:after,
    .mySwiper3 .swiper-button-next:before {
        font-size: 16px;
    }

    .list-pro.all {
        margin-bottom: 35px;
    }

    header .bottom .container .nav-cate .drop .drop-item:nth-child(3) .n-decor,
    header .bottom .container .nav-cate .drop .drop-item:nth-child(4) .n-decor {
        display: none;
    }

    .detai-pro .container .top .right .m-cart {
        width: 38%;
    }

    footer .top .helper .title {
        display: flex;
        align-items: center;
        justify-items: left;
        font-size: 27px;
        margin-top: 0;
    }

    .drop .grid-gallery .grid li {
        width: 27.9%;
    }

    header .bottom .container .nav-cate .drop {
        grid-template-columns: repeat(3,minmax(0,3fr));
    }

    .detai-pro .container .top .right .m-hotline {
        width: 50% !important;
    }

    .detai-project .container .top .right .m-hotline {
        width: 50% !important;
    }

    .grid.wide {
        padding: 0 20px;
    }

    .left-header-top {
        padding-left: 40px;
    }

    header .top .right {
        padding-right: 60px;
    }

    .left-header-top h3 {
        color: #fff;
        font-weight: 500;
        font-size: 16px;
    }

    header .top .right .item {
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
        font-size: 10px;
    }

    .btn-contact-home-header a {
        font-size: 13px;
    }

    .detail-contruct .left .nav-swiper-project .thumb-project {
        /* width: 81px !important; */
        height: 51px;
    }

    ul.construction-list li .contrustion:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 31%;
    }

    ul.construction-list li .contrustion .help-bottom {
        height: 24%;
    }

    .detail-contruct .left {
        height: 491px;
    }

    .pro.content-item .img {
        height: 100%;
    }

    .logo-compa {
        display: none;
    }

        .logo-compa canvas, a.logo-compaGreemHouse canvas {
            width: 63%;
        }

    a.logo-compaGreemHouse canvas {
        top: 41px;
    }

    a.logo-compa:before {
        content: unset;
    }

    .contructor-child ul.construction-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    a.logo-compaGreemHouse {
        top: -43px;
        display: none;
    }

        a.logo-compaGreemHouse img {
            display: none !important;
        }

    ul.company-category-list {
        /* display:none; */
        grid-template-columns: repeat(2, minmax(0, 1fr));
        /* width: 50%; */
        /* height: 33%; */
        margin: auto;
        position: unset;
        row-gap: 16px;
        column-gap: 16px;
        padding-top: 0;
        padding-left: 10px;
        padding-right: 10px;
    }

    .company-category {
        position: unset;
        z-index: 9;
        height: auto;
        margin-top: 10px;
        bottom: 0;
    }

    li.item-cate-company {
        background-size: cover;
        /* display: flex; */
        /* justify-content: center; */
        /* height: 73%; */
        /* align-items: center; */
    }
    /* header */
    header .banner .cate-product {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        width: 100%;
    }

        header .banner .cate-product .container {
            width: 100%;
            overflow-x: scroll;
            overflow-y: hidden;
            height: 36px;
        }

    header .banner {
        height: auto;
        padding-top: 0;
    }

        header .banner .cate-product .container a {
            white-space: nowrap;
        }


    /* footer */
    footer .top {
        height: auto;
    }

        footer .top .container {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        footer .top .contact {
            text-align: left;
            width: 100%;
            margin-left: 0;
            margin-right: 0;
        }

            footer .top .contact ul {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: start;
                -ms-flex-align: center;
                /* align-items: center; */
                -webkit-box-pack: start;
                -ms-flex-pack: center;
                justify-content: flex-start;
                padding: 23px 0;
            }

        footer .top .helper {
            width: 100%;
            margin-top: 51px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            /* align-items: center; */
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            /* -webkit-box-pack: center; */
            -ms-flex-pack: center;
            /* justify-content: center; */
        }

    h3.title.f-h-d {
        font-size: 16px;
        color: #90ce4e;
        font-family: roboB;
        margin-bottom: 4px;
        display: block;
        text-align: left;
        font-size: 27px;
        margin-top: 0;
    }

    input#ctl00_Footer_txtEmail {
        width: 100%;
    }

    .helper-contact-footer {
        width: 100%;
        padding: 20px 0;
    }

    .wp-form-sub-new {
        width: 67%;
    }

    footer .top .helper ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        /* justify-content: center; */
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        -ms-flex-wrap: wrap;
        padding-top: 2px;
        flex-wrap: wrap;
    }

    footer .top .helper li a i {
        position: absolute;
        left: 0;
        top: 0px;
    }

    footer .top .helper li a {
        margin-left: 20px;
        font-size: 16px;
    }

    footer .top .fanpage {
        height: 300px;
        margin-top: 20px;
        text-align: center;
        /* width: 500px; */
    }

    footer .bot {
        height: auto;
    }

        footer .bot .container {
            padding: 10px 0;
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
            padding-top: 15px;
        }

            footer .bot .container .copy-right {
                margin: 15px 0;
            }

            footer .bot .container .right {
                width: 100%;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: center;
            }

    .right-sub .hot-pro .content {
        padding: 12px;
        padding-bottom: 0;
    }

    .right-sub .hot-tt .content .item {
        padding: 6px 12px;
    }

        .right-sub .hot-tt .content .item .img {
            height: 80px;
        }

        .right-sub .hot-tt .content .item .text .descrip {
            -webkit-line-clamp: 2;
        }

    .lidsimg {
        width: calc(100% / 2) !important;
    }



    .detai-pro .container .top .right .m-cart {
        width: 40% !important;
    }

    .drop .grid-gallery .grid li {
        width: 30%;
    }

    .grid-gallery .grid {
        padding-left: 50px;
    }

    .same-contruct .right .content .title {
        font-size: 20px;
    }

    .same-contruct .right .content span {
        font-size: 16px;
    }

    .same-contruct .right .content .button {
        font-size: 14px;
    }

    .same-contruct .right .content .day {
        font-size: 13px;
    }

    .contructor .content {
        padding: 0 20px;
    }
}

/* Mobile */
@media (max-width: 739px) {
    .no-display-mobile {
        display: none !important;
    }

    ul.list-contrustion-home-child {
        padding: 0;
        display: grid;
        grid-auto-rows: minmax(min-content,max-content);
        grid-template-columns: repeat(2,minmax(0,1fr));
        column-gap: 10px;
        row-gap: 10px;
    }

    .no-display-pc {
        display: block;
    }

    .top-detail-service-child {
        background: #ece4d9;
    }

    ul.listImgDesginContrus {
        padding: 0;
        display: grid;
        grid-auto-rows: minmax(min-content, max-content);
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: 10px;
        row-gap: 10px;
    }

    ul.list-strenghts-about-right {
        padding: 0;
        margin-top: 20px;
    }

    .img-building-materials-home img {
        display: block;
        width: 100%;
        height: 202px;
    }h2.name-building-materials-home a{
        font-size: 15px;
    }
.title-building-materials-home{
    margin-bottom:15px;
    margin-top:20px
}
    p.title-size-strenghts-about {
        font-size: 18px;
    }

    .wp-building-materials-home {
        padding-bottom: 5px;
    }

    h2.title-contrustion-home {
        font-size: 28px;
    }

    .swiper.mySwiperCongTrinh.bottom-contrustion-home {
        padding: 0 10px;
    }

    span.slogan-contrustion-home {
        display: block;
        text-align: center;
        line-height: 1.5;
        font-size: 14px;
        color: #8a8a8a;
        font-family: roboR;
    }

    .wp-about-home {
        padding-bottom: 30px;
    }

    h1.title-building-materials-home {
        font-size: 28px;
        margin-top: 5px;
    }

    .wp-contact-mobile {
        display: block;
    }

    span.slogan-building-materials-home {
        display: block;
        text-align: center;
        font-size: 14px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .list-img-content-contrustion-home img {
        display: block;
        width: 100%;
        height: 230px;
    }

    span.address-contrustion-home {
        display: block;
        font-size: 16px;
        font-family: roboR;
        margin-top: 0;
        padding-top: 6px;
        height: auto;
    }

    h4.name-contrustion-home {
        font-size: 18px;
        font-family: roboB;
        margin: 0;
        position: relative;
        padding-top: 17px;
        height: auto;
    }

    a.view-all-contrustion-home {
        width: 110px;
        height: 40px;
        font-size: 14px;
        margin-top: 29px;
    }

    .detail-product-view-home {
        margin-top: 30px;
        margin-bottom: 10px;
    }

        .detail-product-view-home a {
            width: 110px;
            height: 40px;
            font-size: 14px;
        }

    .content-bottom-contrustion-home {
        width: 100%;
        padding-left: 13px;
        padding-bottom: 25px;
    }

    .wp-contrustion-home {
        padding-top: 60px;
        padding-bottom: 30px;
    }

    .left-greenHouse-home {
        width: 100%;
        float: unset;
        margin-bottom: 20px;
    }

    .img-greenHouseLeft {
        display: none;
    }

    .img-greenHouseRight:after {
        content: unset;
    }

    .right-greenHouse-home {
        width: 100%;
        float: unset;
    }

    .img-greenHouseRight {
        padding: 0;
    }

    .top-service-home {
        padding: 0;
    }

    .wp-service-home {
        background: url(/Design/img/XayDungQuocHai/DichVu/decorBack.png) no-repeat;
        background-size: cover;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    h3.title-service-home {
        margin: 0;
        font-size: 28px;
    }

    span.slogan-service-home {
        display: block;
        font-size: 14px;
    }

    ul.list-service-home {
        padding: 0;
        display: grid;
        grid-auto-rows: minmax(min-content, max-content);
        grid-template-columns: repeat(1, minmax(0, 1fr));
        column-gap: 10px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .top-review-cus-home {
        margin-bottom: 18px;
    }

        .top-review-cus-home h3 {
            margin: 0;
            font-size: 28px;
        }

    .infomation-item-review-cus-home {
        background: #fefefe;
        border-radius: 5px;
        border: 1px solid #63d550;
        padding: 25px 10px 10px 10px;
    }

    .top-news-home {
        padding-bottom: 20px;
        display: block;
        justify-content: space-between;
        align-items: center;
    }

    ul#news-filters {
        display: none;
    }

    ul.list-news-home {
        padding: 0;
        display: grid;
        grid-auto-rows: minmax(min-content, max-content);
        grid-template-columns: repeat(1, minmax(0, 1fr));
        column-gap: 15px;
        row-gap: 15px;
    }

    .wp-about-info-home h6 {
        font-size: 40px;
    }

    .wp-news-home {
        padding: 30px 5px;
    }

    .wp-about-info-home h1 {
        font-size: 25.66px;
    }

    .left-QuocHai-information-footer, .right-GreenHouse-information-footer {
        display: block;
    }

    footer .top .helper .title {
        margin-top: 20px;
    }

    .right-GreenHouse-information-footer {
        margin-top: 40px;
    }

    header .bottom.active .container .logo {
        margin: 0;
        bottom: -4px;
    }

    .img-greenHouseRight img {
        width: 100%;
        height: 100%;
    }

    .wp-greenHouse-home {
        background: url(/Design/img/XayDungQuocHai/GreenHouse/decorBack.png) no-repeat;
        background-size: cover;
        padding-top: 27px;
        padding-bottom: 27px;
        padding-left: 5px;
        padding-right: 5px;
    }

    header .bottom.active li.itemLogoSliderMobileHeader h3 {
        color: #333;
    }

    header .bottom .container .nav {
        display: none;
    }

    header .bottom .container .logo img {
        left: 0;
        width: 67px;
        top: -73px;
    }

    header .bottom .container .btn-menu-respon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
    }

    ul.listSliderLogoHeaderMobile {
        padding: 0;
    }

    li.itemLogoSliderMobileHeader {
        list-style: none;
    }

        li.itemLogoSliderMobileHeader h3 {
            font-size: 19px;
            color: #fff;
            font-family: roboR;
            position: relative;
            right: -81px;
            width: 100%;
            top: 5px;
        }

    .sliderLogoHeaderMobile.swiper {
        width: 60%;
        margin-left: unset;
    }

    .add-mail .container .title {
        font-size: 22px;
        text-align: center;
    }

    .dislay-mobile-compa {
        display: block;
        position: absolute;
        left: -5%;
        padding: 0 103px;
    }

        .dislay-mobile-compa h3 {
            font-family: roboR;
            color: #90ce4e;
            font-size: 16px;
            font-weight: 500;
        }

    .add-mail .container .descrip {
        font-size: 15px;
    }

    .logo-compa, a.logo-compaGreemHouse {
        display: none;
    }

        .logo-compa canvas {
            position: relative;
            left: 46px;
            top: 8px;
            width: auto !important;
            height: 100% !important;
        }

    .left-contrus-item span p {
        padding: 0 18px;
    }

    .logo-compa img {
        display: none;
    }

    .logo-compa:after {
        content: "";
        position: absolute;
        left: 0;
        top: -44px;
        z-index: -1;
        background: url(/Design/img/logo-shadow.png) no-repeat;
    }

    ul.company-category {
        display: grid;
        grid-auto-rows: minmax(min-content, max-content);
        grid-template-columns: repeat(1, minmax(0, 1fr));
        /* column-gap: 27px; */
        row-gap: 1px;
        padding-left: 0;
    }

    .detai-project .container .bottom .filter-content p {
        font-size: 15px;
    }

    .detai-project .container .bottom .filter-content ul li {
        font-size: 15px;
    }

    .home-about .container .item.left h2 {
        font-size: 21px;
    }

    .news .content .item .img {
        height: 175px;
    }

    .news .content .item .content .name {
        font-size: 14px;
    }

    .news .content .item .content .description {
        font-size: 13px;
    }

    .news .content .item .content .see-count {
        font-size: 13px;
    }

    .news .content .item .content .bot {
        justify-content: space-between;
    }

    .news .content .item {
        margin-bottom: 10px;
    }

    .m-c-t .filter-content ul {
        padding-left: 25px;
    }

    .detai-project .container .bottom .infor .left p.kh {
        display: block;
    }

    .same-contruct .right .content .day {
        font-size: 12px;
    }

    .detai-project .container .same-project .sameProject {
        margin-top: 26px;
    }

    footer .top .helper li a {
        transform: translateX(0) !important;
    }

    .swiperBanner .swiper-button-next {
        display: none;
    }

    .swiperBanner .swiper-button-prev {
        display: none;
    }

    .contructor .content {
        padding: 0 10px;
    }

    .product .top h1 {
        font-size: 20px;
    }

    .product .top h2 {
        font-size: 13px;
    }

    .about .container .left .heading-2 {
        font-size: 18px;
    }

    .about .container .left .heading {
        font-size: 20px;
    }

    .contructor .top h1 {
        font-size: 20px;
    }

    .contructor .top h2 {
        font-size: 13px;
    }

    .pro.content-item .img {
        height: 172px;
    }

    .add-mail .container .form .form-group:nth-child(1) input {
        padding-right: 100px;
    }

    .add-mail .container .form .form-group {
        width: 100%;
    }

        .add-mail .container .form .form-group:nth-child(2) input {
            padding-right: 84px;
        }

    .add-mail .container .form .right .form-group:nth-child(1) input {
        padding-right: 120px;
    }

    div#arcontactus {
        display: block;
        bottom: 80px;
    }

    h5.name-number-contact-mobile, h5.name-number-contact-greenHouse {
        font-size: 14px;
        color: #ffffff;
        font-family: 'roboR';
        text-align: center;
        margin: 0;
        position: relative;
        top: -15px;
    }

    .img-contact-mobile-greenHouse, .img-contact-mobile-quocHai {
        position: relative;
        text-align: center;
        top: -20px;
    }

        .img-contact-mobile-greenHouse img, .img-contact-mobile-quocHai img {
            width: 40px;
            /* height:64px; */
        }

    h5.name-number-contact-mobile a, h5.name-number-contact-greenHouse a {
        font-size: 14px;
        color: #ffffff;
        font-family: 'roboB';
    }

    ul.listContactMobile {
        padding: 0;
        display: grid;
        grid-auto-rows: minmax(min-content, max-content);
        grid-template-columns: repeat(1, minmax(0, 1fr));
        column-gap: 5px;
        row-gap: 5px;
        position: fixed;
        bottom: -11px;
        width: 100%;
        z-index: 99;
        height: 70px;
    }

    .gm {
        width: 40px;
        height: 40px;
        bottom: 259px;
        display: none;
    }

    .message .icon {
        width: 40px;
        height: 40px;
        bottom: 179px;
    }

        .message .icon img {
            transform: scale(0.45);
        }

    .zalo img {
        transform: scale(0.75);
    }


    .back-to-top {
        display: none;
    }

    .zalo {
        width: 40px;
        height: 40px;
        display: none;
        bottom: 104px;
    }

    footer .top .helper li a i {
        display: none;
        /* margin-left: 5px; */
    }

    .detai-project .container .bottom .infor .left h1 {
        font-size: 20px;
    }

    .detai-project .container .bottom .infor .left h2 {
        font-size: 15px;
    }

    .detai-project .container .bottom .infor .left p {
        font-size: 15px;
        line-height: 1.5;
    }

    a.contact-main {
        font-size: 18px !important;
    }

    img.phone-pro-child {
        width: 22px;
    }

    img.email-pro-child {
        width: 23px;
        padding-right: 5px;
    }

    .detai-project .container .bottom .item .contact a {
        color: #fff;
        width: fit-content;
        display: block;
        font-size: 20px;
    }

    .detai-project .container .bottom .filter-content h1, .detai-project .container .bottom .filter-content h2, .detai-project .container .bottom .filter-content h3, .detai-project .container .bottom .filter-content h4 {
        font-size: 18px;
    }

    .detai-project .container .bottom .item.pic .filter-content {
        padding: 10px 3px;
    }

    .detail-project-item h3 {
        font-size: 20px;
    }

    .detail-project-item ul p {
        font-size: 13px;
    }

    .detai-project .container .same-project .title {
        font-size: 20px;
    }

    .detai-project .container .same-project .descrip {
        font-size: 11px;
    }

    .detai-project .container .bottom .item .make-sure .item span {
        font-size: 15px;
    }

    .same-contruct .item {
        flex-direction: column !important;
    }

    .same-contruct .left {
        width: 100% !important;
    }

    .same-contruct .right {
        width: 100% !important;
        height: auto;
        transform: translateX(0) !important;
        padding: 10px;
    }

        .same-contruct .right .content {
            align-items: unset !important;
            margin: 0;
        }

            .same-contruct .right .content .title {
                font-size: 17px !important;
                text-align: unset;
            }

            .same-contruct .right .content .button {
                font-size: 14px;
                position: unset;
                width: fit-content;
                margin: 20px 0;
            }

    .same-contruct .item:hover .left .img .decor-day {
        left: 20px !important;
        right: unset;
    }

    .same-contruct .item.k .right .day {
        right: 10px !important;
        left: unset;
    }

    .same-contruct .right .content span {
        font-size: 14px !important;
        text-align: unset;
        margin-top: 4px;
        padding: 0;
    }

    .detail-contruct .content {
        margin-bottom: 20px;
    }

        .detail-contruct .content section h1,
        .detail-contruct .content section h2,
        .detail-contruct .content section h3 {
            font-size: 17px;
        }

        .detail-contruct .content section ul {
            padding-left: 25px;
        }

            .detail-contruct .content section ul li {
                font-size: 15px;
            }

    .detail-contruct .photos .grid li {
        width: 50% !important;
        margin-bottom: 5px !important;
    }

    .detai-project .container .bottom .infor .left {
        width: 100% !important;
        padding: 0 !important;
    }

    .detai-project .container .bottom .filter-top {
        margin-top: 0 !important;
    }

    .detail-project-item {
        margin-bottom: 30px !important;
    }

    .detai-project .container .top .left .nav-swiper-project {
        bottom: 10px !important;
    }

    .detai-project .container .top .left {
        height: 360px !important;
    }

    .project-swiper-btn.swiper-button-next {
        right: 20px !important;
        display: none;
    }

    .same-contruct h3 {
        color: var(--tt-default-color);
        font-size: 22px;
        margin-top: 10px;
        margin-bottom: 20px;
        text-transform: uppercase;
    }

    .project-swiper-btn.swiper-button-prev {
        left: 20px !important;
        display: none;
    }

    .detai-project .container .top .left .swiperdetailproject2 {
        width: 100% !important;
    }

    .mySwiper3 .swiper-button-next,
    .mySwiper3 .swiper-button-prev {
        display: none;
    }

    header .bottom {
        top: 0;
        height: 70px;
    }

    .pro.content-item .bot .container {
        padding: 8px 0 !important;
    }



    .contact p {
        padding-left: 0 !important;
        margin: 5px 0 !important;
        line-height: calc(100% + 4px);
    }

    .menu-rs .container .tenct {
        font-size: 20px;
        padding: 0 20px;
        padding-right: 20px !important;
    }

    .contact p::before {
        display: none !important;
    }

    .fanpage span {
        height: 268px !important;
    }

    .pro.content-item .bot .btn-cart {
        width: 28px;
        height: 28px;
        font-size: 12px;
        right: 0;
        bottom: 0;
    }

    .pro.content-item .bot {
        font-size: 15px;
        padding: 5px;
        padding-top: 0;
    }

    header .bottom .container .nav-cate .drop .drop-item .n-decor {
        display: none !important;
    }

    .detai-pro .container .bottom .filter-top .item {
        font-size: 14px !important;
    }

    .hot-cart {
        flex-direction: column;
    }

    .infoCompany h3, .GuiYkien h4 {
        text-align: center;
    }

    .detai-pro .container .top .right .m-cart {
        width: 100% !important;
    }

    header .bottom .container .nav-cate .drop {
        grid-template-columns: repeat(2,minmax(0,2fr));
        max-height: 54vh;
    }

    footer .top ul p::before {
        display: none;
    }

    footer .top ul p {
        margin: 5px 0;
        padding-left: 0;
        font-size: 17px;
    }

    footer .top .helper li:nth-child(1) a {
        margin-left: 0;
        padding-left: 0;
    }

    footer .top .helper li:last-child a {
        margin-left: 16px;
        padding-left: 0;
    }

    .real-contruct .container .heading span {
        padding-top: 35px !important;
    }

    .detai-pro .container .top .right .m-hotline {
        width: 100% !important;
    }

    .detai-project .container .top .right .m-hotline {
        width: 100% !important;
    }


    .hotline-phone-ring-wrap {
        display: none;
    }

    .detai-pro .container .top .left .img {
        height: 350px !important;
    }

    .message.icon-fix {
        display: none;
    }

    .bread-cum {
        min-height: 36px !important;
        height: auto;
        display: flex;
        align-items: center;
    }

    .top-contrustion-home {
        padding: 0 10px;
    }

    .contructor-child ul.construction-list {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    h3.top-construction-title {
        text-align: center;
        font-size: 22px;
    }

    ul.construction-list li .contrustion .help-bottom .center {
        padding: 0 74px 4px 11px;
    }

    .bread-cum .container {
        flex-wrap: wrap;
    }

    .detai-project .container .top .left .img {
        height: 350px !important;
    }

    .menu-rs.show .container .logo {
        padding-bottom: 0 !important;
    }

    .menu-rs.show .container .content .right h3 {
        margin-top: 0 !important;
    }

    .detai-project .container .top .right h1 {
        margin-bottom: 8px;
    }

    .search .content .content-item .center {
        padding: 10px 8px !important;
    }

    .search .content .content-item .bot {
        padding: 10px !important;
    }

    header .top .item:first-child {
        margin-right: 0;
    }


    footer .top .fanpage {
        height: 300px;
        margin-top: 20px;
        text-align: center;
    }

    .menu-rs .container .logo {
        padding: 25px 0;
    }

    .menu-rs .container .content .left li {
        padding-top: 0 !important;
    }

        .menu-rs .container .content .left li a {
            font-size: 18px;
            margin-top: 5px !important;
            font-family: sans-serif;
        }

    .menu-rs .container .bot a {
        font-family: sans-serif;
    }

    .menu-rs .container .content .right .content {
        margin-top: 20px !important;
        height: 244px !important;
    }

    .menu-rs .container .content .right h3 {
        font-size: 21px;
    }

        .menu-rs .container .content .right h3::before {
            top: calc(100% + 6px);
        }



    .menu-rs.show .container .content .right .content a {
        line-height: calc(100% + 4px);
        font-size: 16px;
        margin: 8px 0;
        font-family: unset;
    }

    .menu-rs .container .content .right .content {
        padding: 0 10px;
    }

    /* header */
    header .top {
        height: auto;
    }

        header .top .container {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            padding: 15px 0;
        }

    header .banner .cate-product {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        width: 100%;
    }

        header .banner .cate-product .container {
            width: 100%;
            overflow-x: scroll;
            overflow-y: hidden;
            height: 36px;
        }

    header .banner {
        height: auto;
        padding-top: 0;
    }

    ul.company-category-list {
        /* display:none; */
        margin: 10px 0;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        position: unset;
        width: 100%;
        top: unset;
        margin: auto;
    }

    li.item-cate-company {
        background-size: cover;
    }

    header .banner .cate-product .container a {
        white-space: nowrap;
    }

    .home-about .container .item.left {
        width: 100%;
        height: 100%;
    }

    .company-category {
        height: auto;
        padding-top: 15px;
        padding-left: 10px;
        padding-right: 10px;
        display: none;
    }

    .wp-about-img:after {
        content: "";
        /* top: 0; */
        bottom: -21px;
        right: 0;
        left: 102px;
    }
    /* footer */
    footer .top {
        height: auto;
        padding-top: 20px;
    }

    .helper-contact-footer {
        width: 100%;
    }

    .banner-ad {
        width: 100%;
        margin-top: 10px;
    }

    footer .top .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .wp-form-sub-new {
        width: 100%;
        text-align: center;
    }

    h3.title.f-h-d {
        /* text-align: center; */
    }

    footer .top .contact {
        width: 100%;
        margin-right: 0;
    }

    input#ctl00_Footer_txtEmail {
        background: #062242;
        border: none;
        width: 65%;
    }

    footer .top .contact .heading {
        text-align: left;
    }

    footer .top .contact ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    footer .top .helper {
        width: 100%;
        margin-top: 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        /* align-items: center; */
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: 0;
    }

        footer .top .helper .title {
            display: flex;
            align-items: center;
            /* justify-content: center; */
        }

        footer .top .helper ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 70%;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

        footer .top .helper.cs ul {
            flex-direction: column;
        }

            footer .top .helper.cs ul li {
                padding-left: 0;
                margin-left: 0;
            }

                footer .top .helper.cs ul li i {
                    display: none;
                }


        footer .top .helper.cs li a {
            margin-left: 0;
            padding-left: 0;
        }

    footer .top .fanpage {
        width: 100%;
        height: 300px;
        margin-top: 20px;
        margin-left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        footer .top .fanpage .fb-page {
            width: 100%;
        }

            footer .top .fanpage .fb-page span {
                width: 100%;
            }

    footer .bot {
        height: auto;
    }



        footer .bot .container {
            padding: 10px 0;
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
            padding-top: 15px;
        }

            footer .bot .container .copy-right {
                margin-top: 20px;
            }

            footer .bot .container .right {
                width: 100%;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
            }


    .contact .top h1 {
        font-size: 26px;
    }

    footer .top .helper ul {
        width: 95%;
    }

    footer .top .contact ul li span {
        padding-left: 10px;
        line-height: calc(100% + 2px);
        font-size: 14px;
    }

    footer .bot .container .copy-right {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }

        footer .bot .container .copy-right a {
            padding-left: 5px;
            padding-top: 0;
        }

        footer .bot .container .copy-right span {
            text-align: center;
            line-height: calc(100% + 2px);
        }

    .lidsimg {
        width: 100% !important;
    }

    .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .detail-contruct .left {
        height: 100%;
    }

    footer .top .contact .slogan {
        text-align: center;
    }

    .drop .grid-gallery .grid li {
        width: 100% !important;
    }

    .pro.content-item .bot span {
        font-size: 15px;
    }

    .pro.content-item .bot .container .status-pro {
        font-size: 13px;
    }

    .pro.content-item .center {
        padding: 8px 5px;
        align-items: unset;
    }

    .item-product-home:nth-child(7) {
        display: none;
    }

    .item-product-home:nth-child(8) {
        display: none;
    }

    .item-product-home:nth-child(9) {
        display: none;
    }

    .item-product-home:nth-child(10) {
        display: none;
    }

    .pro.content-item .center .located {
        font-size: 13px;
        height: auto;
        -webkit-line-clamp: 1;
        padding-bottom: 0;
    }

        .pro.content-item .center .located i {
            font-size: 10px;
        }


    .detai-pro .container .same-product .samePro .content-item .bot .container {
        padding: 0 !important;
        padding-top: 10px !important;
    }

    .pro.content-item .center .name {
        font-size: 15px;
        padding-top: 3px;
    }
}

@media (min-width: 1020px) and (max-width: 1045px) {
    footer .top .contact .heading {
        font-size: 18px !important;
    }
}


@media (min-width: 375px) and (max-width: 667px) {
    footer .top .contact .heading {
        font-size: 18px;
    }

    .menu-rs .container .content {
        /* display: block; */
        display: -ms-flexbox;
        display: block;
        padding-top: 10px;
        padding-left: 0;
        width: 58%;
        margin: auto;
        /* justify-content: center; */
    }
}

@media (min-width: 360px) and (max-width: 740px) {
    footer .top .contact .heading {
        font-size: 22px;
    }

    .menu-rs .container .content {
        /* display: block; */
        display: -ms-flexbox;
        display: block;
        padding-top: 10px;
        padding-left: 0;
        width: 100%;
        margin: auto;
        flex: 1;
    }

    .wp-res-full {
        padding: 0 10px;
    }

    .display-res-title {
        display: block;
    }
}

@media (min-width: 1029px) and (max-width: 1236px) {
    .home-hot-pro .container .list-pro .content {
        padding: 0 20px;
    }
}