.detail {
    max-width: 45%;
}

@media screen and (max-width : 1160px) {
    .hero_text {
        font-size: 48px;
        bottom: -14px;
        right: 30%;
    }

    .heroImg {
        height: 270px;
    }

    .right_img {
        height: 270px;
    }
}

@media screen and (max-width : 1090px) {
    .description {
        display: block;
    }

    .detail {
        max-width: 100%;
    }
}

@media screen and (max-width : 970px) {
    .heroImg {
        height: 230px;
    }

    .right_img {
        height: 230px;
    }

    .hero_text {
        font-size: 36px;
        bottom: -10px;
    }
}