.container {
    padding: 0 10px;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
}

.content-wrapper {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

@media only screen and (min-width: 1260px) and (max-width: 1439px) {
    .container {
        max-width: 1260px;
    }
}

@media only screen and (min-width: 960px) and (max-width: 1259px) {
    .container {
        max-width: 960px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container {
        max-width: 768px;
    }
}

@media(max-width: 767px) {
    .container {
        max-width: 570px;
        padding: 0 15px;
    }
}

@media(max-width: 575px) {
    .container {
        max-width: 100%;
        padding: 0 10px;
    }
}