@media screen and (max-width: 1200px) {
    .heder-bottom ul.nav.menu a {
        font-size: 80%;
    }
    .heder-bottom ul.nav.menu a {
        font-size: 80%;
    }
    
    .logo-dulat a {
        font-size: 130%;
    }
    
    .heder-top {
        padding: 15px 0;
    }
    
    label.file-fotm-class {
        font-size: 70%;
    }
    
    .flex-h-r input#submit-form {
        font-size: 70%;
    }
        
}

@media screen and (max-width: 992px) {
    .logo-dulat a, .logo-dulat span {
        font-size: 100%;
    }
    .flex-clarif {
        display:  flex;
        flex-direction: column-reverse;
    }
    .flex-clarif > div{
        width: 100%;
    }
    
    .flex-clarif ul {
        display: flex;
        flex-wrap: wrap;
    }
    
    .flex-clarif ul li {
        width:  50%;
    }
    
    .clarif-block {
        min-height: 400px;
    }
    
    .section-featback .home-tile.clarif-title {
        font-size: 35px;
    }
    .featback-link {
        margin-bottom: 20px;
        display: inline-block;
    }
    
    
    
    a#touch-menu {
        text-align: center;
        color: #fff;
        font-size: 19px;
        position: fixed;
        top: 0;
        background: #0074dc;
        width: 45px;
        padding-bottom: 10px;
        padding-top: 5px;
        right: 3%;
        z-index: 1049;
        display:  block;
    }
    a#touch-menu span {
        width: 50%;
        margin: 6px auto 0;
        display: block;
        height: 3px;
        background: #ffffff;
        z-index: 99999999999999999999;
    }
    ul.menu {
        display: none;
        position: fixed;
        top: 10%;
        right: 3%;
        width: 50%;
        z-index: 999999;
        background: #0074dc;
    }
    ul.menu li {
        display: table;
        padding: 5px;
        padding-left: 20px;
        width: 100%;
        text-align: left;
    }
    ul.menu li a {
        border-bottom: 0px;
        color: #fff;
        width: 100%;
        display: block;
    }
    .heder-bottom ul.nav.menu a {
        padding: 5px 0;
        color:  #fff !important;
    } 
    .heder-bottom ul.nav.menu{
        display: none;
    }
    header#header {
        border-bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    
 /*   a#touch-menu {
        text-align: center;
        color: #fff;
        font-size: 19px;
        position: fixed;
        top: 3%;
        background: #d22c2c;
        width: 45px;
        padding-bottom: 10px;
        padding-top: 5px;
        right: 3%;
        z-index: 1049;
    }
    a#touch-menu span {
        width: 50%;
        margin: 6px auto 0;
        display: block;
        height: 3px;
        background: #ffffff;
        z-index: 99999999999999999999;
    }
    ul.menu {
        display: none;
        position: fixed;
        top: 13.4%;
        right: 3%;
        width: 60%;
        z-index: 999999;
        background: #d22c2c;
    }
    ul.menu li {
        display: table;
        padding: 5px;
        padding-left: 20px;
        width: 100%;
        text-align: left;
    }
    ul.menu li a {
        border-bottom: 0px;
        color: #fff;
        width: 100%;
        display: block;
    }
    
    */
    
    
    .logo-dulat span {
        margin: 0 5px;
    }
    
    .logo-dulat a, .logo-dulat span {
        font-size: 80%;
    }
    
    section.section-about {
        margin-top: 20px;
        padding: 0 10px;
    }
    
    .flex-clarif ul li {
        max-width: 180px;
        margin-right: 30px;
    }
    
    .row.flex-clarif-heig {
        margin-right: -15px;
    }
    
}

@media screen and (max-width: 480px) {
    .flex-vert-h.header-t {
        display:  block;
    }
    
    .flex-clarif ul li {
        width:  100%;
        max-width:  100%;
        margin-right:  0;
    }
    
    label.file-fotm-class img {
        display:  none;
    }
    
    footer#footer {
        margin-top: 20px;
    }
    
    .footer-block-info a {
        margin-bottom: 10px;
    }
    
    .footer-block-info {
        margin-bottom: 30px;
    }
    
    img.maka {
    width: 100%;
}
}