/*--------------------------------media 1600--------------------------------*/

@media screen and (max-width:1600px){
    .path {padding: 40px 0}
    .path_main {padding: 0 45px}
}


/*--------------------------------media 1320--------------------------------*/

@media screen and (max-width:1320px){
    body {font-size: 15px; line-height: 22px}
    .path_article {padding-left: 40px}
    .clientBlock h2 {font-size: 38px; margin-bottom: 16px;}
}

/*--------------------------------media 1024--------------------------------*/

@media screen and (max-width:1024px){
    .itemBlock .projectBlock, .itemBlock .clientBlock,
    .clientBlock, .projectBlock {padding: 40px 0}
    .path {width: 100%; padding: 0; margin-bottom: 40px;}
    .itemBlock .path {margin-bottom: 0}
    .path:last-child {margin: 0}
    .path_main {margin-bottom: 40px}
    .midShadow::before {display: none}
    #header h1 {font-size: 45px}
    .clientBlock h2 {font-size: 44px}
}

/*--------------------------------media 680--------------------------------*/

@media screen and (max-width:680px){
    #header h1 {font-size: 40px}
    .clientBlock h2 {font-size: 40px}
    .projectBlock .path_head,
    .projectBlock .path_article,
    .clientBlock .path_article,
    .clientBlock .path_head {width: 100%}
    .clientBlock .path_head {text-align: center}
    .path_head figure {
        width: 80%;
        margin: 0 auto 30px;
    }
    .path_article,
    .clientBlock .path_article {padding: 0}
    .path_main {padding: 0 30px}

}

/*--------------------------------media 480--------------------------------*/

@media screen and (max-width:480px){
    #header {padding: 24px 18px 14px;}
    #header h1 {font-size: 36px}
    .itemBlock .projectBlock, .itemBlock .clientBlock,
    .clientBlock, .projectBlock {padding: 30px 0}
    .path_main {padding: 0 20px}
    .clientBlock h2 {font-size: 35px}
    .path_head figure {margin-bottom: 25px}
}