/* Extra small devices (phones, less than 600px) */
@media screen and (max-width: 599px) {

    /* Styles for extra small screens */
    .nav_mun_1 {
        display: none !important;
    }

    .nav_mun_2 {
        display: unset !important;
    }

    .container {
        padding-top: 20px !important;
    }

    .nine_header {
        font-size: 18px !important;
    }

    .nine_header_1 {
        display: flex !important;
    }

    .nine_header_2 {
        display: none !important;
    }

    .nine_header_3 {
        justify-content: end !important;
    }

    .nine_header_4 {
        font-size: 12px !important;
    }

    .nine_header_5 {
        display: none !important;
    }

    .nine_center {
        text-align: center !important;
    }

    .nine_overflow {
        display: flex !important;
        overflow: scroll !important;
    }
    .nine_overflow_2{
        display: none !important;
        justify-content: end !important;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media screen and (min-width: 600px) and (max-width: 767px) {

    /* Styles for small screens */
    .nav_mun_1 {
        display: none !important;
    }

    .nav_mun_2 {
        display: unset !important;
    }

    .nine_header {
        font-size: 18px !important;
    }

    .nine_header_1 {
        display: flex !important;
    }

    .nine_header_2 {
        display: none !important;
    }

    .nine_header_3 {
        justify-content: end !important;
    }

    .nine_header_4 {
        font-size: 12px !important;
    }

    .nine_header_5 {
        display: none !important;
    }

    .nine_center {
        text-align: center !important;
    }

    .nine_overflow {
        display: flex !important;
        overflow: scroll !important;
    }
    .nine_overflow_2{
        display: none !important;
        justify-content: end !important;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media screen and (min-width: 768px) and (max-width: 1023px) {

    /* Styles for medium screens */
    .nav_mun_1 {
        display: unset !important;
    }

    .nav_mun_2 {
        display: none !important;
    }

    .nine_header {
        font-size: 25px !important;
    }

    .nine_header_1 {
        display: none !important;
    }

    .nine_header_2 {
        display: flex !important;
    }

    .nine_header_3 {
        display: none !important;
        justify-content: end !important;
    }

    .nine_header_4 {
        font-size: 12px !important;
    }

    .nine_header_5 {
        display: unset !important;
    }

    .nine_center {
        text-align: start !important;
    }

    .nine_overflow {
        display: flex !important;
        overflow: scroll !important;
    }
    .nine_overflow_2{
        display: none !important;
        justify-content: end !important;
    }
}

/* Large devices (desktops, 1024px and up) */
@media screen and (min-width: 1024px) and (max-width: 1439px) {

    /* Styles for large screens */
    .nav_mun_1 {
        display: unset !important;
    }

    .nav_mun_2 {
        display: none !important;
    }

    .nine_header {
        font-size: 25px !important;
    }

    .nine_header_1 {
        display: none !important;
    }

    .nine_header_2 {
        display: flex !important;
    }

    .nine_header_3 {
        display: none !important;
        justify-content: end !important;
    }

    .nine_header_4 {
        font-size: 20px !important;
    }

    .nine_header_5 {
        display: unset !important;
    }

    .nine_center {
        text-align: start !important;
    }

    .nine_overflow {
        display: none !important;
        overflow: scroll !important;
    }
    .nine_overflow_2{
        display: flex !important;
        justify-content: end !important;
    }
}

/* Extra large devices (large desktops, 1440px and up) */
@media screen and (min-width: 1440px) {

    /* Styles for extra large screens */
    .nav_mun_1 {
        display: unset !important;
    }

    .nav_mun_2 {
        display: none !important;
    }

    .nine_header {
        font-size: 25px !important;
    }

    .nine_header_1 {
        display: none !important;
    }

    .nine_header_2 {
        display: flex !important;
    }

    .nine_header_3 {
        display: none !important;
        justify-content: end !important;
    }

    .nine_header_4 {
        font-size: 20px !important;
    }

    .nine_header_5 {
        display: unset !important;
    }

    .nine_center {
        text-align: start !important;
    }

    .nine_overflow {
        display: none !important;
        overflow: scroll !important;
    }
}