body {
    max-width: 100%!important;
}
.header-container, .body-container, .footer-container {
    padding: 0!important;
}
@media (max-width: 575.98px) {
    .body-container {
        width:100%;
        margin: auto;
    }
 }

@media only screen and (max-width: 575.98px) {
    .body-container {
        width:100%;
        margin: auto;
    }
  
 }
// Small devices (landscape phones, less than 768px)
@media only screen and (max-width: 767.98px) {
    .body-container {
        width:100%;
        margin: auto;
    } }
// Medium devices (tablets, less than 992px)
@media only screen and (max-width: 991.98px) {
    .body-container {
        width:100%;
        margin: auto;
    } }
// Large devices (desktops, less than 1200px)
@media only screen and (max-width: 1199.98px) {
    .body-container {
        width:992px;
        margin: auto;
    } }
     @media only screen and (min-width: 1200px) {
         .body-container {
             width: 1200px;
             margin: auto;
         }
     }