*{
    box-sizing: border-box;
}
.container,
.container-xl{
    margin: 0 auto;
    width: 100%;
    padding: 0px 15px;
  }
.container-sm{
    margin: 0 auto;
    width: 100%;
    padding: 0px 15px;
}
.neg-15{
    margin-left: -15px;
    margin-right: -15px;
}
@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
    .container-xl,.container-sm {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .container {
    max-width: 750px;
    }
    .container-xl,.container-sm {
        max-width: 750px;
    }
}
@media (min-width: 992px) {
    .container {
        max-width: 970px;
    }
    .container-xl,.container-sm {
        max-width: 970px;
    }
}
@media (min-width: 1200px) {
    .container {
    max-width: 1170px;
    }
    .container-xl {
        max-width: 1170px;
    }
    .container-sm{
        max-width: 1084px;
    }
}

@media (min-width: 1600px) {
    .container{
        width: 100%;
        max-width: 1395px;
        
    }
    .container-xl {
        max-width: 1500px;
    }
}
@media (min-width: 1700px) {
    .container-xl {
        max-width: 1640px;
    }
}
@media (max-width: 767px) {
    .container,
    .container-xl{
    width: 100%;
    padding: 0px 15px;
        
    }
}