.container {
    -webkit-transition: width .28s;
    -moz-transition: width .28s;
    -ms-transition: width .28s;
    -o-transition: width .28s;
    transition: width .28s;
    width: 1100px;
    margin: 10px auto;
    padding: 0;
}

@media only screen and (max-width: 1281px) {
    .container {
        width: 900px;
    }
}

@media only screen and (max-width: 1025px) {
    .container {
        width: 800px;
    }
}

@media only screen and (max-width: 961px) {
    .container {
        width: 730px;
    }
}

@media only screen and (max-width: 820px) {
    .container {
        width: 580px;
    }
}

@media only screen and (max-width: 641px) {
    .container {
        width: 445px;
    }
}

@media only screen and (max-width: 481px) {
    .container {
        width: 340px;
    }
}

@media only screen and (max-width: 320px) {
    .container {
        width: 280px;
    }
}