.banner-bg {
    background-image: url("../img/mixed-use-m.png");
}
.header-banner.banner-1 {
    background-image: url("../img/ayutthaya.png");
}
.header-banner.banner-2 {
    background-image: url("../img/chachoengsao.png");
}
.header-banner.banner-3 {
    width: 100%;
    background: url("../img/tak.png") no-repeat center center / cover;
    padding: 40px 15px;
    opacity: 0;
}
.invest-list-2 {
    padding-left: 1.3rem;
    margin: 5px 0;
}
.header-banner.banner-3 h2,
.header-banner.banner-3 p.fadepara,
.header-banner.banner-3 .header-ft {
    animation: none;
}
@media screen and (min-width: 768px) {
    .banner-bg {
        background-image: url("../img/mixed-use-lg.png");
    }
}

@media screen and (min-width: 1024px) {
    .body-banner {
        background: linear-gradient(to right, #fff, #ebeef1);
    }
    .invest-highlight {
        box-shadow: inset -20px 0 30px 1px #fefefe;
        z-index: 10;
    }
    .header-banner.banner-3 {
        padding: 50px 40px;
    }
}

@media screen and (min-width: 1200px) {
    .header-banner.banner-3 {
        padding: 60px 50px;
    }
}
@keyframes zoomOutBg2 {
    0% {
        background-size: 180%;
    }
    100% {
        background-size: 150%;
    }
}