@media only screen and (min-width: 1024px) {
    /* tablets and desktop */
}


@media only screen and (max-width: 992px) {
    #offers{
        gap: 2%;
    }
    .offer-card {
        flex-basis: 48% !important;
    }
}

@media only screen and (max-width: 767px) {
    .dashborad-header{
        margin-bottom: 15px;
    }
    .main-dashbord-box{
        padding: 0 !important;
    }
    .main-card-body{
        padding: 5px !important;
    }
}

/* @media only screen and (max-width: 767px) and (orientation: portrait) {
} */