@media (max-width: 767px) {
    body {
        padding-bottom: 55px;
    }

    .menu-section {
        margin-top: 0px !important;

    }

    .side-navbar {
        z-index: 9999;
        top: 50px;
        bottom: 55px;
        height: calc(100vh - 50px);
    }


    .m-checkout-btn {
        height: auto;
        bottom: 55px;
    }


}

/* slider  */
@media (min-width: 1367px) and (max-width: 1599px) {
    .carousel-wrap {
        height: 420px;
    }

    .carousel-wrap img {
        height: 420px;
    }
}

@media (min-width: 1600px) and (max-width: 1919px) {
    .carousel-wrap {
        height: 500px;
    }

    .carousel-wrap img {
        height: 500px;
    }
}

@media (min-width: 1920px) and (max-width: 2499px) {
    .carousel-wrap {
        height: 550px;
    }

    .carousel-wrap img {
        height: 550px;
    }
}

@media (min-width: 2500px) and (max-width: 2800px) {
    .carousel-wrap {
        height: 700px;
    }

    .carousel-wrap img {
        height: 700px;
    }
}

/* end slider  */