@media only screen and (max-width: 1600px) {}

@media only screen and (max-width: 1445px) {}

@media only screen and (max-width: 1366px) {
    .container {
        max-width: 1140px;
    }
}

@media (max-width: 1199.98px) {
    .container {
        max-width: 960px;
    }
}

@media (max-width: 991.98px) {
    .container {
        max-width: 720px;
    }
}

@media (max-width: 767.98px) {
    html {
        font-size: 10px;
    }
    header {
        position: relative;
    }
    header .navbar-nav .nav-item .nav-link {
        color: var(--black);
        padding: 1rem 0;
    }
    .main-slider h2 {
        font-size: 3rem;
    }
    .main-slider h3 {
        font-size: 5rem;
    }
    .scroll-down {
        display: none;
    }
    .navbar-brand {
        width: 6rem;
    }
}

@media (max-width: 575.98px) {}

@media (max-width: 320.98px) {}