@media only screen and (max-width: 3000px) {
    .responsive-sections{
        width: 85vw;
    }
    .responsive-sections-small{
        width: 60vw;
    }
    .recommend-section{
        width: 40%;
    }
}
@media only screen and (max-width: 2000px) {
    .responsive-sections{
        width: 90vw;
    }
    .responsive-sections-small{
        width: 70vw;
    }
    .recommend-section{
        width: 50%;
    }
}
@media only screen and (max-width: 1750px) {
    .responsive-sections{
        width: 95vw;
    }
    .responsive-sections-small{
        width: 80vw;
    }
    .recommend-section{
        width: 65%;
    }
}
@media only screen and (max-width: 1300px) {
    .responsive-sections{
        width: 98vw;
    }
    .responsive-sections-small{
        width: 90vw;
    }
    .recommend-section{
        width: 80%;
    }
}
@media only screen and (max-width: 1200px) {
    .responsive-sections{
        width: 100vw;
    }
    .responsive-sections-small{
        width: 100vw;
    }
    .recommend-section{
        width: 95%;
    }
}