@media (max-width: 1550px) {

    .banner-inside{
        width: 70%!important;
        height: 40vh;
    }

    .banner-title {
        font-size: 30px;
    }

    .banner-title, .banner-subtitle {
        line-height: 35px;
    }

    .banner-left {
        gap: 5%;
    }
}

@media (max-width: 1250px) {

    .banner-inside{
        width: 80%!important;
    }

}

@media (max-width: 1025px) { 

    .banner-inside{
        width: 95%!important;
        height: auto;
        flex-direction: column;
    }

    .banner-inside .banner-left, .banner-inside .banner-right {
        width: 100%;
    }

    .banner-right {
        margin-top: 5%;
    }

}

@media (max-width: 500px) {

    .banner-buttons {
        flex-direction: column;
    }

    .banner-buttons button {
        width: 100%;
    }

}