@media (max-width: 1023px){
    .banner{
        padding-top: 45%;
    }
}

@media (max-width: 768px){
    .banner {
        padding-top: 44%;
    }
}

@media (max-width: 650px){
    .banner {
        padding-top: 45%;
    }
}

@media (max-width: 600px){
    .banner {
        padding-top: 46%;
    }
}

@media (max-width: 515px){
    .banner {
        padding-top: 47%;
    }
}

@media (max-width: 418px){
    .banner {
        padding-top: 49%;
    }
}
@media (max-width: 360px){
    .banner {
        padding-top: 51%;
    }
}

@media (max-width: 320px){
    .banner {
        padding-top: 52%;
    }
}

@media (max-width: 280px){
    .banner {
        padding-top: 54%;
    }
}