Container

width of content area

For responsive

add -sm, -md, -lg or -xl to class name, for example:

<div class="container-md"></div>

.container {
    @media (max-width: 767px) {
        width: 92%;
    }
    @media (min-width: 768px) {
        width: 95%;
    }
    @media (max-width: 1659px) and (min-width: 1330px) {
        &.boxed {
            max-width: 1200px;
        }
    }
    @media (min-width: 1660px) {
        &.boxed {
            max-width: 1600px;
        }
    }
}



.container-sm {
    max-width: $sm;
}
.container-md {
    max-width: $md;
}
.container-lg {
    max-width: $lg;
}
.container-xl {
    max-width: $xl;
}