@media screen and (max-width: 1200px) {

    header nav a {
        padding: 20px 15px;
    }
}   
    
@media screen and (max-width: 800px) {
    header nav {
        display: none;
    }
    
    header {
        flex-direction: column;
    }
    
    header .hcnt {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
    header .hcnt a {
        margin: 0 10px;
    }
    
    .wpcf7 {
    width: 100%;
}
    
    .line h4 {
    padding-right: 0;
}
    
    .mmenu {
        display: block;
    }
    
    .block.sub {
        flex-direction: column;
    }
    
    .block .col, .about .block .col {
        width: 100%;
    }
    
    .about .block .col:nth-child(3) {
        order: 3;
    }
    
    .hsection .img, .hsection .tblock {
        width: 100%;
    }
    
    .hsection .tblock p {
        display: none;
    }
    
    section.right h2, section.right p {
        padding-left: 0;
    }
    
    .partners .block {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .partners .block {
        gap: 20px;
    }
    
    .wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    header {
        padding: 40px 20px 40px 20px !important;
    }
    
    h1 {
        font-size: 60px;
    }
    
    .video-desc {
   
        top: 60px;
}
    
    h2, h3 {
        font-size: 40px;
    }
    
    .features .block {
        flex-direction: column;
    }
    
    .features .block .item {
        flex-direction: row;
        align-items: center;
        width: 100%;
        text-align: left;
    }
    
    .features span {
        margin-bottom: 0;
    }
    
    .features .block {
        gap: 20px;
    }
    
    .features .block .item i {
        margin-bottom: 0;
        font-size: 48px;
    }
    
    .features .block .item .icon {
        margin-right: 20px;
    }
    
    .line .wrapper {
        flex-direction: column;
    }
    
    .line h4 {
        margin: 0 0 20px 0 !important;
        text-align: center;
    }
    
    footer nav {
        flex-direction: column;
    }
    
    footer nav a {
        padding: 10px;
    }
    
    .presentation {
        height: 50vh;
    }
        
    .block.slide {
        flex-direction: column;
    }
    
    .withus h2 {
        text-align: left;
        margin-bottom: 0;
    }
    .block, .hsection, .projects .block:nth-of-type(even) {
        flex-direction: column !important;
    } 
       
    .block.sub > .col {
        flex-direction: column;
    }
    
    .projects .block:nth-of-type(even) .project, .projects .block:nth-of-type(even) .col.inf, .block .col.inf, .project {
        padding: 0;
    }
    
    .projects .block {
        gap: 40px;
    }

    .partners .block {
     flex-direction: row !important;
    }
    
    .contact div {
        flex-direction: column;
    }
    
    .contact h4 {
        width: 100%;
        text-align: left;
    }
    
    .contact div {
        align-items: flex-start;
    }
    
    .contact div div a {
        padding: 0;
        margin-right: 0;
        margin-bottom: 20px;
    }
    
    .contact div div a:last-of-type {
        margin-bottom: 0;
    }
    
    .contact > div {
        display: block;
    }
    
    .contact h4 {
        margin-bottom: 20px !important;
    }
    
    
.pprojects.block .col .col, .pprojects.block .col .img, .pprojects.block .col .col:first-child {
    width: 100% !important;
    float: none !important;
}

.pprojects.block .col .img {
    margin-bottom: 40px;
}

.items {
    margin-top: 60px;
    margin-left: -10px;
    margin-right: -10px;
}

.items .item {
    margin: 10px;
    width: calc(100% / 2 - 20px);
}
}

@media screen and (max-width: 600px) {
    
    .partners .block {
        flex-direction: row;
    }
 
        
    .fixed {
        width: 100%;
        left: 0;
        bottom: 0;
        right: 0;
    }
    
    .fixed i.show {
        display: none;
    }
    
    .fixed .button {
        width: 100%;
    }
    
    footer {
        padding-bottom: 140px !important;
    }
        
    .partners .block img {
        width: calc(100%/4 - 40px);
    }
    
    table {
        width: calc(100% + 40px) !important;
        margin: 0 -20px;
    }
    
    table td, table th {
        padding: 10px 20px !important;
        font-size: 12px !important;
    }
    
    .projects h3, h4 {
        font-size: 18px;
}


}