.nav-gap{
    margin-top: 100px;
}

.container {
    max-width: 1280px;
}
.container-inner {
    max-width: 1280px;
    text-align: center;
    margin: auto;
}

@media (min-width: 1199px) and (max-width: 1599px) {

    .container,
    .container-inner {
        max-width: 1220px;
    }
}


@media (min-width: 1199px) and (max-width: 1299px) {

    .container,
    .container-inner {
        max-width: 1150px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .container,
    .container-inner {
        max-width: 1060px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .container,
    .container-inner {
        max-width: 720px;
    }
}

@media (max-width: 767px ) {
    .container,
    .container-inner {
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
}