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


    .contentBlock {

        margin: 25px 0 0 0;
        padding-left: 3%;
        padding-right: 3%;

    }

    .mainBlock {
        display: flex;
        flex-direction: column;
        /*margin: 0 3vw 5em 0;*/
        margin: 0 0 5em 0;
    }
    
    .mainBlock.nullBottomSpace {
        margin-bottom: 0;
    }

    .mainBlock_Title {
        display: flex;
        flex-direction: column;
        margin: 0 3vw 0 0;
    }


    .mainBlock h1 {
        margin-top: 0;
    }



    .mainBlock  .leftBlock {
        flex: 1;
        display: none;
    }


    .mainBlock_Title  .leftBlock {
        flex: 1;
        display: none;
    }


    .mainBlock  .leftBlock img {
        /*flex: 1;*/
        display: none;

    }

    .mainBlock  .leftBlock ul{
        list-style: none;
        padding: 0;

        display: flex;
        flex-flow: row wrap;
        /*justify-content: space-around;*/

    }


    .mainBlock  .leftBlock ul > li{
        /*flex: 1;*/
        margin-right: 32px;

    }


    .mainBlock .rightBlock {
        flex: 4;
        display: flex;
        flex-direction: row;
        width: 100%;
        /*margin: 0 3vw 0 3vw;*/
    }

    .mainBlock .rightBlock > div {
        flex: 1;
    }

    .mainBlock .rightBlock > div:nth-of-type(1) {
        flex: 3 100px;

    }




    .mainBlock_Title .rightBlock {
        flex: 4;
        display: flex;
        flex-direction: row;
        margin: 0 3vw 0 0;
    }

    .mainBlock_Title .rightBlock > div {
        flex: 1;
    }

    .mainBlock_Title .rightBlock > div:nth-of-type(1) {
        flex: 3;
    }



    .mainBlock  .rightBlock .rightContainer {
        display: none;
    }



}







@media screen and (min-width: 1008px)/* and (max-width: 1600px)*/ {

.mainBlock {
    display: flex;
    flex-direction: row;
    /*margin: 0 3vw 0 3vw;*/
    margin: 0 auto 10em 0;
}

    .mainBlock.nullBottomSpace {
        margin-bottom: 0;
    }
    
.mainBlock_Title {
    display: flex;
    flex-direction: row;
    /*margin: 0 3vw 0 3vw;*/
    margin: 0 auto 0 0;
}


    .contentBlock {
        margin: 40px auto 0 auto;
        width: calc(79.3vw + 41.7px + 115px);
        max-width: 100%;
    }
    


.mainBlock  .leftBlock {
    flex: 1;
    min-width: 300px;
}

.mainBlock  .rightBlock .rightContainer {
    min-width: 200px;
}


.mainBlock_Title  .leftBlock {
    flex: 1;
    min-width: 300px;
}



.mainBlock .rightBlock {
    flex: 4;
    display: flex;
    flex-direction: row;
    /*margin: 0 3vw 0 3vw;*/
}

    .mainBlock .rightBlock > div {
        flex: 1 100px;
    }

    .mainBlock .rightBlock > div:nth-of-type(1) {
        flex: 3 100px;

    }




.mainBlock_Title .rightBlock {
    flex: 4;
    display: flex;
    flex-direction: row;
    /*margin: 0 3vw 0 3vw;*/
}

    .mainBlock_Title .rightBlock > div {
        flex: 1 100px;
    }

    .mainBlock_Title .rightBlock > div:nth-of-type(1) {
        flex: 3;
    }



}

@media screen and (min-width: 1601px)/* and (max-width: 1600px)*/ {
    .mainBlock {
        display: flex;
        flex-direction: row;
        /*margin: 0 3vw 0 3vw;*/
        margin: 0 auto 5em 0;
    }
    
    .mainBlock.nullBottomSpace {
        margin-bottom: 0;
    }

    .mainBlock_Title {
        display: flex;
        flex-direction: row;
        /*margin: 0 3vw 0 3vw;*/
        margin: 0 auto 0 0;
    }

    .contentBlock {
        margin: 30px auto 0 auto;
        width: calc(69.6875vw + 245px + 123px);
        /*width: calc(79.3vw + 41.7px + 115px);*/
        max-width: 100%;
    }
  

}

@media screen and (min-width: 1920px)/* and (max-width: 1600px)*/ {

    .mainBlock {

        margin: 0 auto 5em 0;

    }

    .mainBlock.nullBottomSpace {
        margin-bottom: 0;
    }
    
    .mainBlock_Title {

        margin: 0 auto 0 0;

    }

    .contentBlock {
        max-width: 1700px;
        margin: 30px auto 0 auto;
        width: calc(17.96875vw + 1230px + 140px);
    }
  


}
