@media all and (min-width: 576px){
.container {
    max-width: 540px;
}
}
@media all and (min-width: 768px) {
    .container {
        max-width: 720px;
    }
    }

@media all and (min-width: 992px) {
    .container {
        max-width: 960px;
    }
    }
@media all and (min-width:1024px){
    .page-wrapper.container{
            width: 100%;
            max-width: 1024px;
        }
    }
@media all and (min-width:1100px){
.page-wrapper.container{
        width: 100%;
        max-width: 1024px;
    }
}
@media all and (min-width:1500px){

.page-wrapper.container{
    width: 100%;
    max-width: 1520px;
}

}