@media screen and (max-width: 1000px) {
    /* ADS */
    #ads_left {
        max-width: 320px;
        text-align: center;
        margin: 10px auto;
        float: none;
    }
    #ads_right {
        max-width: 320px;
        text-align: center;
        margin: 10px auto;
        float: none;
    }
}


@media screen and (max-width: 800px) {
    /* PAGE */
    .section {
        clear: both;
        display: flex;
        flex-direction: column;
    }
    .section.gap {
        row-gap: 5px;
    }

    /* MAIN */
    #main .content .right-content {
        min-width: 180px;
        max-width: 180px;
        flex-grow: 1;
        padding: 10px;
        overflow-x: hidden;
    }

    /* OTHERS */
    .flexion-large {
        display: none;
    }
    .flexion-medium {
        display: flex;
    }

    .hide-on-tablet {
        display: none !important;
    }
    .show-on-tablet-block {
        display: block !important;
    }
    .show-on-tablet-flex {
        display: flex !important;
    }
}

@media screen and (max-width: 600px) {
    /* HEADER */
    #header .header-wrapper .header-container .logo-container #logoImage {
        width: 33px;
        height: auto;
    }
    
    #header .header-wrapper .header-container .button-container #appButton #menuButton {
        width: 35px;
        height: auto;
        cursor: pointer;
    }
        
    #header .header-wrapper .header-container .button-container .lang-toggle img {
        width: 25px;
        height: auto;
    }
    
    #header .header-wrapper .header-container .brand {
        width: 90%;
    }
    
    #header .header-wrapper .header-container .site-name {
        display: inline-block;
        margin: 0 12px;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 1.5em;
        color: #FFFFFF;
        text-decoration: none;
    }

    #header.sticky .header-wrapper .header-container .site-name {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        text-align: left;
        /* direction: rtl; */
    }

    #header .navigation-wrapper #navigation .navigation-content {
        max-width: 1100px;
        max-height: 500px;
        margin: 0 auto;
    
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        transition: 0.5s;
    }

    #header .navigation-wrapper #navigation .navigation-content .navigation-row {
        flex-grow: 1;
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        padding-bottom: 10px;
    }
    
    #header .navigation-wrapper #navigation .navigation-content .navigation-row .navigation-item {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 35%;
        margin: 0;
        padding: 10px 10px 0 10px;
    }

    #header .navigation-wrapper #navigation .navigation-content .navigation-row .navigation-item ul {
        width: 100%;
        padding: 5px;
    }
    
    #header .navigation-wrapper #navigation .navigation-content .navigation-row .navigation-item ul li {
        margin: 0 0 3px 0;
        padding: 0 0 3px 0;
        text-indent: 0;
        border-bottom: solid 1px #d6d6d6;
    }
    
    #header .navigation-wrapper #navigation .navigation-content .navigation-row .navigation-item ul li::before {
        content: '';
    }

    #header .navigation-wrapper #navigation .navigation-content .navigation-row .navigation-item a {
        display: block;
        font-family: 'Roboto', sans-serif;
        font-size: 1em;
        font-weight: 500;
        color: #1e3799;
        text-align: left;
        text-decoration: none;
    }
    
    #header .navigation-wrapper #navigation .navigation-content .navigation-row .navigation-item a.nav-title {
        width: 100%;
        padding: 4px 7px;
        margin-top: 5px;
        font-weight: 500;
        font-size: 1em !important;
        color: #FFFFFF !important;
        background-color: #3f3f3f;
        border-radius: 5px;
    }
    
    /* MAIN */
    #main .content {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        font-family: 'Verdana';
    }
    
    #main .content .left-content {
        /* max-width: 800px; */
        width: 100%;
        flex-grow: 1;
        padding: 10px;
        overflow-x: hidden;
        position: relative;
    }
    
    #main .content .middle-divider {
        display: none;
    }
    
    #main .content .middle-divider .border {
        display: none;
    }

    #main .content .right-content {
        min-width: 320px;
        max-width: 320px;
        margin: 0 auto;
        flex-grow: 1;
        padding: 10px;
        overflow-x: hidden;
        position: relative;
    }

    /* OTHERS */
    .hide-on-mobile {
        display: none !important;
    }
    .show-on-mobile-block {
        display: block !important;
    }
    .show-on-mobile-flex {
        display: flex !important;
    }
}