/* container width settings*/
@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}
@media (min-width: 600px) {
    .container {
        max-width: 570px;
    }
}
@media (min-width: 700px) {
    .container {
        max-width: 670px;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 730px;
    }
}
@media (min-width: 900px) {
    .container {
        max-width: 870px;
    }
}
@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}
@media (min-width: 1000px) {
    .container {
        max-width: 970px;
    }
}
@media (min-width: 1100px) {
    .container {
        max-width: 1070px;
    }
}
@media (min-width: 1150px) {
    .container {
        max-width: 1090px;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1050px;
    }
}
@media (min-width: 1250px) {
    .container {
        max-width: 1050px;
    }
}
@media (min-width: 1300px) {
    .container {
        max-width: 1050px;
    }
}
@media (min-width: 1350px) {
    .container {
        max-width: 1050px;
    }
}
@media (min-width: 1400px) {
    .container {
        max-width: 1100px;
    }
}/* //container width settings*/