@media(max-width:1023px) {
    .no-display-mobile-tablet {
        display: none;
    }

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

    .home-about .right .bottom .img {
        display: none;
    }

    section.content-about-home-left p span {
        font-size: inherit !important;
    }

    .home-about .left .img {
        position: unset;
        left: unset;
        width: 100%;
    }

    .home-about .left {
        transform: translateY(-5px);
        width: 56%;
    }

    .bottom-contact-about {
        padding-right: 10px;
    }

    .home-about .right .top .description {
        padding-right: 0;
    }

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

    h3.top-title-strengths {
        font-size: 18px;
    }

    li.items-strengths-home:nth-child(3) {
        position: unset;
    }

    .item-img-content-branch-home:before {
        border-radius: 10px;
    }

    span.sloganServiceHome {
        padding: 10px;
    }

    .top-service-home {
        padding-bottom: 30px;
    }

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

    li.item-service-home {
        height: 100%;
    }

    h3.title-service-home {
        font-size: 24px;
    }

    .widget-bottom-info-phone-service .grid.wide {
        padding: 0 90px;
        grid-template-columns: repeat(2,minmax(0,1fr));
        row-gap: 10px;
    }

    .phone-sale, .phone-sale a {
        font-size: 18px;
    }

    .right-img-about-home {
        display: none;
    }

    section.content-about-home-left {
        font-size: 15px;
        line-height: 181%;
        overflow: hidden;
        padding: 0;
        text-align: justify;
    }

    .bottom-right-about-home:before {
        content: "";
        position: absolute;
        display: none;
        left: 0;
    }

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

    .left-content-about-home {
        float: none;
        width: 100%;
        padding: 0 !important;
    }

    .right-about-home {
        width: 100%;
        padding: 0;
        padding-top: 34px;
    }

    .left-about-home .img-2 {
        display: none;
    }

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

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

    .home-about .right .top .heading h2 {
        font-size: 20px;
    }

    .home-about .right .top .heading h3 {
        font-size: 30px;
    }

    .home-about .right .top .slogan {
        font-size: 13px;
    }

    .home-about .left:before {
        left: -20px;
    }

    .left-about-home .img {
        margin: 0 auto;
        border-radius: 10px;
    }
}

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

    .left-about-home {
        float: none;
        width: 100%;
    }

    .right-about-home {
        float: none;
        width: 100%;
        padding-top: 20px;
    }

    .left-about-home .img {
        border-radius: 10px;
        width: 100%;
        height: auto;
    }

    .left-about-home a.img:before {
        border-radius: 12px;
    }

    .wp-home-about:after {
        content: "";
        position: absolute;
        bottom: -37px;
    }

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

    li.item-branch-home:nth-child(2) span.ggMap-branch-home {
        padding: 0 35px;
    }

    li.item-branch-home:nth-child(3) span.ggMap-branch-home {
        padding: 0 3px;
    }

    li.item-branch-home:nth-child(4) span.ggMap-branch-home {
        padding: 0 3px;
    }

    span.slogan-about-home {
        font-size: 18.6px !important;
        margin-bottom: 18px;
    }

    .wp-home-about {
        padding-top: 20px;
    }

    .widget-bottom-info-phone-service .grid.wide {
        padding: 0 52px;
        grid-template-columns: repeat(1,minmax(0,1fr));
        row-gap: 10px;
    }

    .bottom-contact-about {
        justify-content: center;
    }

    .top-service-home .grid.wide img {
        width: 80%;
    }

    .widget-bottom-info-phone-service {
        margin: 0px;
    }

    .home-about .left:before {
        content: "";
        position: absolute;
        width: 229px;
        height: 170px;
        z-index: 99;
        background: url(/Design/img/ThinhPhuoc/About/decor-vision.png);
        bottom: 122px;
        left: -16px;
    }

    .widget-bottom-service {
        padding: 10px;
        margin: 0 8px;
        top: -18px;
    }

    h3.title-service-home {
        font-size: 16px;
    }

        h3.title-service-home a {
            overflow: hidden;
        }

    .home-about .left {
        transform: translateY(0);
    }

    .bottom-service-home span {
        font-size: 15px;
        margin-top: 6px;
    }

    .decor-right-service {
        width: 22px;
        height: 22px;
        font-size: 12px;
    }

    .home-about {
        padding-top: 50px;
        padding-bottom: 38px;
        background-repeat: repeat;
        background-size: contain;
    }

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

    .home-about .left .decor {
        width: 100%;
    }

    .home-about .right .top .description {
        padding: 20px 0;
    }

    .home-about .right .top .slogan {
        font-size: 11px;
    }

    .home-about .right .bottom {
        margin-top: 32px;
    }

        .home-about .right .bottom .content {
            padding-left: 10px;
        }

    .home-about .right .top {
        padding-left: 0;
    }

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

    .home-about .left,
    .home-about .right {
        width: 100%;
    }

        .home-about .left .img {
            height: 350px;
        }

            .home-about .left .img a {
                float: unset;
                width: 100%;
                padding: 0;
            }

    .home-about .right {
        padding-top: 20px;
    }

    a.view-detail-full-about-home {
        margin: 0 auto;
        margin-top: 22px;
        height: auto;
        width: fit-content;
        padding: 12px 22px;
    }
}