@media (min-width: 769px) and (max-width: 1023px) {
    
    .body-container {
        padding: 0px 20px;
    }

    .span-i {
        height: auto;
    }

    .depo-cards {
        flex-direction: column;
    }

    .depo-card {
        box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
        padding: 15px;
        border-radius: 10px;
    }
     
}