@media (max-width: 991px) {
    .main-content .banner-container {
        display: flex;
        flex-direction: column-reverse;
    }

    .main-details h1 {
        font-size: clamp(30px, -900.91px + 290.91vw, 62px);
        /* 30px, viewport: 320px -> 62px, viewport: 331px */
        line-height: normal;
        margin-bottom: clamp(20px, 10.46px + 2.98vw, 40px);
        /* 20px, viewport: 320px -> 40px, viewport: 991px */
    }

    .main-details .disc * {
        font-size: 14px !important;
    }

    .main-details li * {
        font-size: 16px !important;
    }

    .main-details li {
        font-size: 16px !important;
        padding-left: 32px;
    }

    .main-details li img {
        width: 24px;
        top: 2px;
    }

    .main-details .disc * {
        margin-bottom: clamp(20px, 10.46px + 2.98vw, 40px);
        /* 20px, viewport: 320px -> 40px, viewport: 991px */
    }
}