/* Small */
@media (max-width: 768px) {
    .container {
        width: 100%;
    }
}

/* Medium */
@media (min-width:768px) and (max-width: 991px) {
    .container {
        width: 750px;
    }
}

/* Large */
@media (min-width:992px) and (max-width: 1199px) {
    .container {
        width: 970px;
    }
}

/* Extra Large */
@media (min-width:1200px) {
    .container {
        width: 1170px;
    }
}