/* Large devices (desktops, 992px and up) */

@media (min-width: 1500px) {
    .container {
        max-width: 1380px;
    }
}

@media (min-width: 1600px) {
    .container {
        max-width: 1440px;
    }
}

@media (min-width: 1800px) {
    .container {
        max-width: 1500px;
    }
}

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

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

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

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

@media (max-width: 1199.98px) {
    html {
        font-size: 13px;
    }
}


/* Medium devices (tablets, 768px and up) */

@media (max-width: 991.98px) {
    html {
        font-size: 12px;
    }
}


/* Small devices (landscape phones, 576px and up) */

@media (max-width: 767.98px) {
    html {
        font-size: 14px;
    }
    .header-menu {
        display: block;
    }
    .header-main__none {
        display: none;
    }
}


/* Extra small devices (portrait phones, less than 576px) */

@media (max-width: 575.98px) {
    html {
        font-size: 13px;
    }
}

@media (max-width: 320.98px) {
    html {
        font-size: 11px;
    }
}