.mega-box {
    width: 1100px !important;
    position: absolute;
    left: -365px !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fill, 25%);
    padding: 10px 20px !important;
    height:80dvh !important;
    overflow-y:auto !important;
}

.mega-item {
    /*padding: 5px;*/
    flex-wrap: wrap;
}

@media screen and (max-width: 1199px) {
    .mega-box {
        grid-template-columns: 1fr;
        width: 100% !important;
        padding: 2px 20px !important;
        left: 0px !important;
    }
}

@media screen and (max-width: 767px) {
    .mega-box {
        left: 0 !important;
        width: 100% !important;
        padding: 2px 20px !important;
        left: 0px !important;
    }
}