/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.12,
* Autoprefixer: v10.4.4
* Browsers: last 4 version
*/

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

    .home-about .container {
        flex-direction: column;
    }

        .home-about .container .item.right img {
            width: unset;
        }

        .home-about .container .item.right img {
            float: unset;
        }

    .home-about .item.right a {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .home-about .container .item {
        width: 100%;
        padding: 0 !important;
    }
}



/* Tablet */
@media (min-width: 740px) and (max-width: 1023px) {
    .no-display-tablet {
        display: none !important;
    }

    .home-about .container .item.right {
        margin-top: 25px;
        width: 100% !important;
    }


    .list-size-compa {
        display: grid;
        grid-auto-rows: minmax(min-content, max-content);
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-hot-pro .top {
        padding: 15px 60px;
        padding-top: 20px;
    }

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

    .item-size-compa:nth-child(2) {
        width: auto;
    }

    .item-size-compa {
        text-align: center;
        border-right: 0;
        padding: 20px 0;
    }

        .item-size-compa:nth-child(3) {
            width: auto;
        }

        .item-size-compa .count-box:after {
            display: none;
        }

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

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

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

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

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

    .home-tt .list-customer .list-rating .item p {
        font-size: 16px;
    }

    .home-hot-pro .container .list-pro .content .content-item {
        /* margin-top: 10px; */
        margin-bottom: 0;
    }

    .home-hot-pro .container .list-pro .pro-heading h3 {
        margin-left: 0;
        font-size: 20px;
    }

    .list-pro.all .pro-heading a {
        position: relative;
        font-size: 13px;
        padding: 10px;
    }

    .home-hot-pro .container .list-pro .pro-heading h3::before {
        left: 12px;
    }

    .home-tt .list-customer h3 {
        font-size: 22px;
        text-align: center;
        height: 8px;
    }

    .home-tt .list-tt {
        transform: translateY(0);
        padding: 10px 6px;
        width: 60%;
    }

    .home-tt {
        padding: 0;
        padding-top: 20px;
        padding-bottom: 20px;
    }

        .home-tt .list-customer .list-rating .item .content p {
            font-size: 14px;
            display: flex;
            flex-direction: column;
        }

        .home-tt .container .list-tt .tt-heading h3 {
            align-items: unset;
            justify-content: unset;
            padding-left: 8px;
        }

        .home-tt .container .list-tt .tt-heading a {
            font-size: 12px;
            padding: 5px 10px;
        }

        .home-tt .container .list-tt .content .content-item .text {
            padding-left: 10px;
        }

        .home-tt .container .list-tt .tt-heading h3 span {
            font-size: 20px;
        }

        .home-tt .container .list-tt .content .content-item .text .data-view {
            font-size: 12px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .home-tt .container .list-tt .tt-heading h3 p {
            font-size: 12px;
        }

        .home-tt .container .list-tt .content .content-item {
            padding: 8px;
        }

        .home-tt .container .list-tt .content {
            margin-top: 0;
        }

        .home-tt .list-customer .list-rating .item .content span {
            padding: 0 18px;
        }

    .list-tt .title {
        font-size: 22px;
    }

    .list-tt {
        padding: 35px 0;
    }

    footer .top .fanpage iframe {
        width: 100%;
    }

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

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

    .home-tt .container .list-tt .content .content-item .text .descrip {
        font-size: 13px;
    }

    .home-about .item.right {
        margin-top: 0;
    }

    .real-contruct .container .heading span {
        padding-top: 55px;
    }

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

    .home-hot-pro .container .list-pro .content .content-item .img {
        height: 100%;
    }

    .home-hot-pro.end .container .list-pro {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 33px;
    }

    .home-about {
        padding: 20px 0;
        padding-bottom: 0;
    }

        .home-about .col {
            height: auto;
        }

        .home-about .item.left {
            padding-right: 0;
            height: auto;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin: auto;
        }

            .home-about .item.left h2 {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                text-align: center;
                justify-content: center;
            }

                .home-about .item.left h2::before {
                    left: unset;
                }

        .home-about .item.right {
            padding-left: 0;
            height: auto;
            padding-top: 10px;
        }

    /* list pro */

    .home-hot-pro .container .heading span {
        padding-left: 33px;
        padding-right: 33px;
    }

    .home-hot-pro .container .heading {
        padding: 44px 0;
    }

    .home-hot-pro .container .list-pro .pro-heading {
        padding-left: 0;
    }
}

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

    .home-tt {
        padding: 0;
    }

    wp-right-tab-mobile {
        display: block;
    }

    div#tabs {
        margin-left: 5px;
        margin-right: 5px;
    }



    .home-tt .container {
        flex-direction: column-reverse;
        padding: 20px 0;
    }

    .home-tt .list-item {
        width: 100%;
    }

    .home-tt .container .list-tt .tt-heading h3 {
        align-items: unset;
        justify-content: unset;
        padding-left: 10px;
    }

    .home-tt .container .list-tt .content .content-item .text .data-view {
        font-size: 11px;
    }

    .home-tt .container .list-tt .content .content-item .text .title {
        font-size: 16px;
    }

    .home-tt .list-customer h3 {
        font-size: 18px;
        text-align: center;
        margin-bottom: 0;
    }

    .home-tt .list-customer .description p {
        margin-top: 0;
        line-height: 25px;
    }

    .home-tt .list-customer {
        padding: 0;
    }

        .home-tt .list-customer .list-rating .item .img {
            height: 255px;
        }

        .home-tt .list-customer .list-rating .item p {
            text-align: center;
        }

        .home-tt .list-customer .list-rating .item .content {
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .home-tt .list-customer .list-rating .item .content::before {
                left: unset;
            }

            .home-tt .list-customer .list-rating .item .content p k {
                font-size: 13px;
            }

            .home-tt .list-customer .list-rating .item .content p {
                font-size: 14px;
            }

    .home-tt .container .list-tt .content .content-item .text .descrip {
        font-size: 12px;
    }

    .home-tt .container .list-tt .tt-heading a {
        font-size: 11px;
        padding: 6px 8px;
        margin-right: 10px;
    }

    .home-tt .container .list-tt .tt-heading h3 span {
        font-size: 20px;
    }

    .home-tt .container .list-tt .tt-heading h3 p {
        font-size: 12px;
    }

    .home-tt .list-tt {
        transform: translate(0);
        padding: 26px 0px;
    }

    .help-space-1 {
        height: 34px;
    }

    .help-space-2 {
        height: 34px;
    }


    .home-hot-pro.end .container .list-pro {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 25px;
    }

    .home-hot-pro.end {
        padding-top: 15px;
    }

    .new-sp .item {
        width: 100% !important;
        height: 235px !important;
    }

    .partner .title {
        display: none;
    }

    .partner .sliderswiper {
        width: 100% !important;
        padding: 0;
    }

    .new-sp .item .item-child {
        height: 100% !important;
    }

    header .top {
        height: auto;
    }

    .home-googlemap iframe {
        height: 450px !important;
    }

    .home-hot-pro .container .heading h1 {
        font-size: 34px;
    }

    .home-hot-pro .container .list-pro .pro-heading a {
        font-size: 12px;
        padding: 6px 5px;
        right: 10px;
    }

        .home-hot-pro .container .list-pro .pro-heading a i {
            right: -16px;
            font-size: 12px;
        }

    .home-about {
        height: auto;
        padding: 15px 0;
    }

    .logo-compa canvas {
        position: relative;
        left: 0;
        top: 0;
        width: 100% !important;
        height: 100% !important;
    }

    .logo-compa img {
        display: none;
    }

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

    .logo-compa {
        position: absolute !important;
        /* left: -70px; */
        /* top: -41px; */
        z-index: 999;
        width: 145px !important;
        height: 75px !important;
    }

    .home-about .item.left .btn-detail {
        padding: 15px 42px;
    }

    .home-about .item.right {
        margin-top: 20px;
        padding-left: 0;
        width: 100% !important;
    }

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

        ul.list-content-about-bottom li {
            font-size: 16px !important;
        }

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

    .list-size-compa {
        display: grid;
        grid-auto-rows: minmax(min-content, max-content);
        grid-template-columns: repeat(1, minmax(0, 1fr));
        padding-top: 25px;
        padding-bottom: 25px;
    }

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

    .item-size-compa {
        padding: 10px 0;
    }

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

    .wp-right-tab-contrus-home {
        display: none;
    }

    .contrrus-heading {
        display: block;
        padding-top: 15px;
    }

    .wp-home-contrus {
        background-size: initial;
    }

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

    .contrustion.content-item.hv a img, .contrustion.content-item.hv a {
        height: 165px;
    }

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

    .list-contrus-home.all {
        padding-bottom: 20px;
    }

    .contrustion.content-item.hv .help-bottom {
        padding-top: 5px;
    }

        .contrustion.content-item.hv .help-bottom .center span.located {
            font-size: 15px;
            color: #868686;
            font-family: 'roboR';
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            padding-top: 5px;
        }

    .home-hot-pro .container .heading {
        padding: 36px 0;
    }

    .wp-right-tab-mobile {
        display: block;
        position: relative;
        font-size: 15px;
        text-transform: inherit;
        margin: auto;
        font-weight: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        padding-right: 26px;
        justify-content: center;
        color: #787575;
        transition: all linear .2s;
        font-family: roboR;
        border: 1px solid #90ce4e;
        background: #fff;
        border-radius: 5px;
        padding: 10px 27px;
        width: 40%;
        margin-top: 15px;
    }

        .wp-right-tab-mobile a {
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            color: #2a2f35;
        }

            .wp-right-tab-mobile a i {
                font-size: 10px;
                padding-left: 5px;
            }

    .item-size-compa .count-box:after {
        display: none;
    }

    .home-hot-pro .container .list-pro {
        margin-bottom: 22px;
        padding-top: 14px;
    }

    .home-hot-pro .container .heading span {
        padding-left: 0;
        padding-right: 0;
    }

    .home-hot-pro .container .list-pro .pro-heading h3 {
        font-size: 14px;
        font-family: serif;
    }


    .home-tt .list-customer .description {
        font-size: 16px;
    }

    .home-hot-pro .container .list-pro .pro-heading .decor-1 {
        left: 0;
    }

    .home-hot-pro .container .list-pro .pro-heading h3::after {
        display: none;
    }

    .real-contruct {
        height: auto;
    }

        .real-contruct .container .heading h3 {
            padding-top: calc(26px - 19px);
        }

        .real-contruct .container .heading span {
            font-size: 35px;
        }

        .real-contruct .container .content .title {
            padding: 0 4px;
        }

    .home-tt .container .list-tt .tt-heading {
        height: 45px;
    }

        .home-tt .container .list-tt .tt-heading h3 {
            font-size: 17px;
        }

            .home-tt .container .list-tt .tt-heading h3::after {
                display: none;
            }

    .home-hot-pro .container .list-pro .content {
        margin-top: 22px;
    }


        .home-hot-pro .container .list-pro .content .content-item .center .code {
            font-size: 15px;
        }





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


    .home-hot-pro.end .container .list-pro {
        overflow: unset;
    }

    .home-tt .container .list-tt .content .content-item {
        padding: 8px;
    }

    .real-contruct .container .content .title {
        font-size: 20px;
        margin: 10px;
    }

    .real-contruct .container .content {
        padding-bottom: 20px;
    }

    .home-tt .container .list-tt .content {
        margin-top: 22px;
    }

        .home-tt .container .list-tt .content .content-item .img .decor {
            font-size: 24px;
        }


    .list-tt {
        padding: 20px 0;
    }

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

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

    .home-about .container .item.left h3 {
        font-size: 15px;
        margin-top: 0;
    }

    .home-about .container .item.left section p {
        margin-top: 16px;
        font-size: 17px;
    }

    .home-about .container .item.left .btn-more {
        margin-top: 0;
    }


    .home-about .container .item.right img.imgAboutHome {
        width: 100%;
    }

    .list-strengths-about-right-home {
        display: none;
    }

    .home-hot-pro .top {
        padding: 15px 0;
        padding-top: 30px;
    }

        .home-hot-pro .top h3 {
            font-size: 22px;
        }

        .home-hot-pro .top img {
            width: 174px;
        }

    .list-content-about-right-home {
        display: block;
    }

    .pro.content-item {
        margin-bottom: 0;
    }

    .home-hot-pro {
        padding-bottom: 2px;
    }

    .contructor .bottom {
        flex-direction: column;
    }

        .contructor .bottom .right .content-item .img {
            height: 150px;
        }

        .contructor .bottom .right .content-item:nth-child(3), .contructor .bottom .right .content-item:nth-child(4) {
            margin-top: 0;
        }

    .help-space-mail {
        height: 22px;
    }

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

        .contructor .bottom .left .content-item .img {
            height: 250px;
        }

    .add-mail {
        height: auto;
        padding: 20px 10px;
        padding-bottom: 100px;
    }

        .add-mail .container {
            position: relative;
            padding: 0 !important;
        }

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

            .add-mail .container .descrip {
                font-size: 16px;
                text-align: center;
                margin-bottom: 8px;
            }

            .add-mail .container .form {
                flex-direction: column;
                width: 100%;
            }



                .add-mail .container .form .left .form-group:nth-child(2) {
                    margin-bottom: 0;
                }

    .list-tt .tt-heading span {
        font-size: 12px;
    }

    .list-tt .tt-heading {
        padding: 0 10px;
    }

        .list-tt .tt-heading h3 {
            font-size: 16px;
        }

        .list-tt .tt-heading a {
            font-size: 13px;
        }

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

    .c-tabs-nav {
        display: grid;
        grid-auto-rows: minmax(min-content, max-content);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        height: 100%;
        margin-bottom: 20px;
    }

        .c-tabs-nav a:before {
            content: unset;
        }

    ul.construction-list {
        margin-top: 46px;
        width: 100%;
        padding: 0;
        display: grid;
        grid-auto-rows: minmax(min-content, max-content);
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

        ul.construction-list li {
            list-style-type: none;
            box-sizing: border-box;
            position: relative;
            transition: 0.5s;
            /* overflow: hidden; */
            width: 100% !important;
            height: 295px;
        }

            ul.construction-list li .contrustion .help-bottom {
                position: absolute;
                bottom: 0;
                width: 100%;
                z-index: 2;
                height: 22%;
                justify-content: flex-start;
            }

            ul.construction-list li .contrustion:after {
                content: "";
                position: absolute;
                width: 100%;
                height: 30%;
                z-index: 1;
                bottom: -2px;
                left: 0px;
                background: url(/Design/img/decor-contrus-home2.png);
                background-size: cover;
                background-repeat: no-repeat;
            }

            ul.construction-list li .contrustion:before {
                display: none;
            }

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

    ul.nav-pro-contrus {
        display: none;
    }

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

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

    .wp-name-pro-title p {
        font-size: 12px;
    }

    .list-pro.all .pro-heading h3 span {
        justify-content: unset;
    }
}


/* Mobile SE */
@media (min-width: 360px) and (max-width: 668px) {
}