﻿/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/
@media (max-width: 1239px) {
}

@media (min-width: 1024px) and (max-width: 1239px) {
    .right-content-strenght-about h3 {
        font-size: 16px;
    }

    .right-content-strenght-about span {
        font-size: 13px;
    }

    .right-img-about-bottom {
        float: right;
        width: 44%;
    }
}

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

    .right-content-strenght-about h3 {
        font-size: 14px;
    }

    ul.listStrenghtHome {
        padding: 20px 15px;
    }

    .bottom-content-about {
        padding-top: 100px;
    }

    .left-img-about-bottom {
        position: relative;
        float: unset;
        width: 100%;
    }

    .right-img-about-bottom {
        float: unset;
        width: 100%;
        position: relative;
        padding-top: 130px;
    }

    .decorImgTop img {
        position: relative;
        display: block;
        width: 523px;
        height: 440px;
        margin: auto;
    }

    .widget-img-bottom-about {
        display: flex;
        align-items: center;
        position: absolute;
        bottom: -114px;
        left: 220px;
    }

    .decorImgTop:before {
        content: "";
        position: absolute;
        background: #8a0005;
        width: 42%;
        height: 100%;
        right: 188px;
        top: 15px;
        border-radius: 10px;
    }

    .wp-home-about {
        background: url(/Design/img/YenSaoNhomKinh2023/About/decorBack.png) no-repeat;
        background-size: cover;
        padding-bottom: 76px;
        padding-top: 66px;
        position: relative;
    }
}

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

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

    ul.listStrenghtHome {
        background: #8a0005;
        display: grid;
        grid-auto-rows: minmax(min-content,max-content);
        grid-template-columns: repeat(1,minmax(0,1fr));
    }

    .top-strenght-about-top {
        position: unset;
        display: none;
    }

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

    .decorImgTop img {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
    }

    .bottom-content-about .grid.wide {
        max-width: 100%;
        padding-left: 10px;
    }

    .widget-img-bottom-about {
        display: flex;
        align-items: center;
        position: absolute;
        bottom: -114px;
        left: 4px;
        display: none;
    }

    .decorImgRight img {
        display: block;
        width: 150px;
        height: 145px;
    }

    .decorImgLeft img {
        display: block;
        width: 150px;
        height: 145px;
    }

    .decorImgLeft {
        margin-right: 48px;
    }

    .bottom-content-about {
        padding-top: 16px;
    }

    .right-img-about-bottom:after {
        content: "";
        position: absolute;
        width: 110px;
        height: 111px;
        background: url(/Design/img/YenSaoNhomKinh2023/About/decorChimYen.png) no-repeat;
        background-size: cover;
        right: 9px;
        top: -2px;
    }

    .right-img-about-bottom h1 {
        font-size: 30px;
        padding-left: 2px;
    }

    .right-img-about-bottom {
        padding-top: 64px;
    }

        .right-img-about-bottom > img {
            width: 90%;
        }

    .ListContentImgAboutRight {
        display: block;
    }

    .decorImgTop:before {
        content: unset;
    }
}
