@media only screen and (max-width: 1900px) {

    .container {
        width: 100%;
        max-width: 1920px;
        margin: 0 auto;
        padding: 0 230px;
    }

}

@media only screen and (max-width: 1850px) {

    .container {
        width: 100%;
        max-width: 1920px;
        margin: 0 auto;
        padding: 0 225px;
    }

}

@media only screen and (max-width: 1780px) {

    .container {
        width: 100%;
        max-width: 1920px;
        margin: 0 auto;
        padding: 0 200px;
    }
}

@media only screen and (max-width: 1690px) { 
    .container {
        width: 100%;
        max-width: 1920px;
        margin: 0 auto;
        padding: 0 150px;
    }
}

@media only screen and (max-width: 1500px) { 
    .container {
        width: 100%;
        max-width: 1920px;
        margin: 0 auto;
        padding: 0 50px;
    }

}

@media only screen and (max-width: 1300px) { 
    .mobile-block {
        display: flex;
    }
}