@media only screen and (min-width: 1400px) and (max-width: 1550px) {
    .banner-event ul.nav {
        gap: 1px;
    }

    .event-baner-main img {
        width: 45px;
        height: 45px;
    }

    .banner-event {
        padding: 40px 10px;
    }

    .banner-event-slider button.slick-prev {
        left: 48.5%;
    }

    .banner-event-slider .slick-prev:before {
        height: 20px;
    }

    .banner-event-slider button.slick-next {
        left: 56%;
    }

    .banner-event-slider .slick-next:before {
        height: 20px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {}

@media only screen and (min-width: 992px) and (max-width: 1199px) {}

@media only screen and (min-width: 768px) and (max-width: 991px) {}

@media only screen and (min-width: 520px) and (max-width: 767px) {}

@media only screen and (min-width: 300px) and (max-width: 519px) {}

@media only screen and (min-width: 0px) and (max-width: 299px) {}