@media screen and (max-width:368px) {
    .banner {
        margin-top: 100px;
    }
}

@media screen and (min-width:368px) and (max-width:1022px) {
    .banner {
        margin-top: 100px;
    }
}

/* @media screen and (min-width:1076px) {
    .banner {
        margin-top: 105px;
    }
} */