@media only screen and (max-width: 770px) {
    .content-page {gap: 20px;}
    .content-page .left-content {width: 70%;}
    .content-page .right-content {width: 30%;}
    .foto a {width: calc(50% - 14px);}
    .table {
        max-width: calc(100vw - 20px);
        overflow-x: scroll;
    }
    .content-page .left-content table tr,
    .content-page .left-content table th,
    .content-page .left-content table td {padding: 5px;}
}

@media only screen and (max-width: 430px) {
    #mmenu {
        display: block !important;
        cursor: pointer;
        position: absolute;
        z-index: 999;
        top: 25px;
        right: 20px;
    }
    #mmenu span {
        display: block;
        background: #fff;
        margin-top: 4px;
        height: 4px;
        width: 30px;
        transition: All 0.2s ease-in-out;
        -webkit-transition: All 0.2s ease-in-out;
        -moz-transition: All 0.2s ease-in-out;
        -o-transition: All 0.2s ease-in-out;
    }
    #mmenu span:nth-child(1) {margin-top: 0;}
    #mmenu.open {position: fixed;}
    #mmenu.open span:nth-child(1) {
        margin-top: 0;
        margin-top: 7px;
        position: relative;
        top: 4px;
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #mmenu.open span:nth-child(2) {
        margin-top: 0;
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #mmenu.open span:last-child {opacity: 0;}
    .fon-mobil {display: none;}
    .fon-mobil.open {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        background: #C8C3C9;
        padding: 30px;
        z-index: 990;
        width: 100%;
        height: 100%;
    }
    .fon-mobil.open ul.top_menu {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .fon-mobil.open ul.top_menu li a {
        background: none;
        box-shadow: none;
        height: auto;
        justify-content: flex-start;
    }
    .fon-mobil.open ul.top_menu li ul.sub-menu {
        display: block;
        position: relative;
        box-shadow: none;
        background: none;
        padding-top: 7px;
    }
    .fon-mobil.open ul.top_menu li ul.sub-menu li a {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .content-page {flex-direction: column;}
    .content-page .left-content,
    .content-page .right-content {width: 100%;}
    .header_logo {left: 10px;}
    .icons-fixed {width: 40px;}
    #toTop {zoom: 67%;}
}