@media only screen and (max-width: 1280px) {
    .container{
        max-width: 97%;
    }
    .page_wrapper{
        min-width: 97%;
    }
    .wrapper_content.bg:after{
        display: none;
    }
    .wrapper_content.bg:before{
        display: none;
    }
}
@media only screen and (max-width: 1160px) {
    header .link_menu .bottom a , footer .link_menu .top a{
        padding-right: 12px;
    }
    footer .copy_right{
        width: 50%;
    }
    footer .link_menu .bottom .city {
        width: 40%;
    }
    footer .logo img{
        width: 150px;
    }
    footer .logo {
        width: 15%;
    }
    footer .link_menu {
        width: 82%;
    }   
    .photo_page .gallary_photo .block{
        width: 30%;
    }
    .video_page .gallary_video .block{
        width: 30%;
    }
    .leader_page .leader_list .block .decription{
        width: 60%;
    }
    
}
@media only screen and (max-width: 1080px) {
    header .link_menu .bottom a , footer .link_menu .top a{
        font-size: 11px;
        /* padding-right: 12px; */
    }
    
}

@media only screen and (max-width: 1024px) {
    .leader_page .leader_list .block:nth-child(even){
        margin-right: 0px!important;
    }
    .leader_page .leader_list .block:nth-child(3n-3){
        margin-right: 20px;
    }
    .leader_page .leader_list{
        text-align: center;
    }
    .leader_page .leader_list .block{
        width: 44%;
    }
    .about_page .banner_about , .about_page .about_information , .about_page .video_block{
        background-image: none!important;
    }
    .photo_page .gallary_photo .block{
        width: 29.4%;
    }
    .video_page .gallary_video .block{
        width: 29.4%;
    }
    .contact_page .info_block .title{
        padding: 25px 25px;
    }
    .contact_page .info_block .form_block{
        padding: 25px 25px;
    }
    .file_btn_text:after{
        width: 23px;
        background-size: contain;
    }
    .file_btn_text{
        font-size: 15px;
    }
    .form_file_block{
        max-width: 97%;
    }
    .video_picture .video_block{
        width: 48%;
    }
    .video_picture .text_block {
        width: 50%;
    }
    h2.title{
        font-size: 30px;
        margin-top: 20px; 
    }
    h1{
        font-size: 30px;
        margin-top: 20px;
    }
    h2{
        font-size: 28px;
    }
    .video_picture:after{
        display: none;
    }
    .video_picture:before{
        display: none;
    }

    footer .link_menu .top a:last-child{
        padding-right: 0;
    }
    footer .link_menu .top a{
        padding-right: 6px;
        padding-left: 6px;
    }
    footer .link_menu .top{
        display: block;
    }
    .page_wrapper{
        padding-top: 80px;
    }
    header .link_menu .top .city{
        position: absolute;
        right: 70px;
        top: 50%;
        transform: translateY(-50%);
    }
    header .logo img{
        width: 150px;
    }
    header .sandwitch{
        display: block;
    }
    header .mob_menu{
        display: none;
        position: absolute;
        right: -16px;
        top: 60px;
        background: #fff;
        width: 30%;
        box-shadow: 0px 5px 11px 0px #ececec;
        padding: 15px 15px;
    }
    header .link_menu .bottom{
        display: block;
        margin-top: 0;
    }
    header .link_menu .bottom a{
        padding: 10px 25px;
        text-align: left;
        border: 0;
        display: block;
    }
    header .link_menu .search_block{
        display: none;
    }
    header .link_menu .search_block.mobile{
        display: block;
        width: calc(100% - 30px);
        padding: 10px 15px;
    }
    header .link_menu .search_block button{
        right: 25px;
        top: 17px;
    }
}

@media only screen and (max-width: 900px){
    .about_page .video_block .block_video{
        width: 660px;
        height: 390px;
    }
    .about_page .about_information .block_photo{
        width: 40%;
        margin-top: -45px;
        margin-left: 30px;
        margin-bottom: 30px;
    }
    .about_page .about_information .block_photo img{
        width: 100%;
    }
    .photo_page .gallary_photo .block{
        width: 30%;    
        margin-right: 15px;
        margin-bottom: 15px;
    }
    .video_page .gallary_video .block{
        width: 30%;    
        margin-right: 15px;
        margin-bottom: 15px;
    }
    .page.login .form_log_in .title{
        font-size: 20px;
        margin-bottom: 30px;
    }
    .page.login .form_log_in{
        max-width: 50%;
    }
    .contact_page .info_block .title .block .text span{
        font-size: 14px;
    }
    .contact_page .info_block .title .block .text .tel{
        font-size: 20px;
    }

    .form_file_block {
        max-width: 70%;
    }
    .video_picture_list .block .title{
        font-size: 18px;
    }
    .video_picture_list .block .prev_img{
        height: 245px;
    }
    .video_picture .container {
        flex-direction: column;
    }
    .video_picture .text_block{
        width: 100%;
    }
    .video_picture .video_block {
        width: 65%;
        height: 400px;
        margin: 0 auto;
    }

    footer .logo {
        width: 21%;
    }
    footer .link_menu .bottom .city {
        width: 50%;
    }
    .document_list .block .name span{
        font-size: 14px;
    }
}

@media only screen and (max-width: 768px){
    .chart_table table td{
        font-size: 14px;
    }
    .chart_table table thead td .bold{
        font-size: 12px;
        line-height: 16px;
    }
    .about_page .video_block .block_video .play_btn{
        width: 70px;
        height: 70px;
    }
    .about_page .video_block .block_video{
        width: 80%;
    }
    .about_page .about_information h2.title {
        text-align: center;
    }
    .about_page .about_information .block_photo {
        width: 55%;
        margin-top: 0px;
        margin-left: 0px;
        float: none;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .about_page .banner_about .text_block .read_more , .about_page .banner_about .text_block .see_video{
        font-size: 14px;
        padding: 12px 46px 12px 27px;
        margin-top: 15px;
    }
    .about_page .banner_about .text_block .see_video:after, .about_page .banner_about .text_block .read_more:after{
        top: 11px;
        right: 15px;
    }
    .about_page .banner_about .text_block {
        width: 100%;
        order: 2;
        text-align: center;
    }
    .about_page .banner_about .img_block {
        width: 100%;
        margin-top: 15px;
        order: 1;
        text-align: center;
    }
    .about_page .banner_about .img_block img{
        margin: 0 auto;
        width: 120px;
    }
    .about_page .banner_about{
        padding: 15px 0px;
        margin-bottom: 25px;
    }
    .about_page .banner_about .container{
        flex-direction: column;
    }
    .document_list .block .download{
        margin-top: 15px;
    }
    .document_list .block{
        flex-direction: column;
        align-items: center;
    }
    .fancybox-close{
        width: 40px!important;
        height: 40px!important;
        right: 0px!important;
    }
    .photo_page .gallary_photo .block{
        width: 46.5%;
    }

    .photo_page .gallary_photo .block:nth-child(2n-2){
        margin-right: 0px;
    }
    .photo_page .gallary_photo .block:nth-child(3n-3){
        margin-right: 12px;
    }

    .video_page .gallary_video .block{
        width: 46.5%;
    }

    .video_page .gallary_video .block:nth-child(2n-2){
        margin-right: 0px;
    }
    .video_page .gallary_video .block:nth-child(3n-3){
        margin-right: 12px;
    }
    .page.login .logo_block img{
        width: 170px;
    }
    .page.login .form_log_in .input input {
        padding-left: 35px;
        width: calc(100% - 50px);
    }
    .page.login .form_log_in .login{
        background-position: 10px 12px;
    }
    .page.login .form_log_in .pass{
        background-position: 12px 12px;
    }
    .page.login .form_log_in .input.focused label{
        font-size: 12px;
    }
    .page.login .form_log_in .log_btn{
        height: 45px;
        font-size: 14px;
    }
    .page.login .form_log_in .input label{
        font-size: 14px;
        top: 12px;
        left: 38px;
    }
    form .form_row .input input::-webkit-input-placeholder {
        font-size: 14px;
    }
    form .form_row .input input::-moz-placeholder {
        font-size: 14px;
    }
    form .form_row .input input:-ms-input-placeholder {
        font-size: 14px;
    }
    form .form_row .input input:-moz-placeholder {
        font-size: 14px;
    }
    form .form_row .textarea textarea::-webkit-input-placeholder {
        font-size: 14px;
    }
    form .form_row .textarea textarea::-moz-placeholder {
        font-size: 14px;
    }
    form .form_row .textarea textarea:-ms-input-placeholder {
        font-size: 14px;
    }
    form .form_row .textarea textarea:-moz-placeholder {
        font-size: 14px;
     }
    .contact_page .info_block .form_block .title_text{
        font-size: 20px;
    }
    form .form_row .input input{
        height: 40px;
        line-height: 40px;
    }
    header .mob_menu{
        right: -10px;
        width: 40%;
    }
    .video_picture .video_block {
        width: 65%;
        height: 300px;
        margin: 0 auto;
        min-height: 300px;
    }
    h1 {
        font-size: 25px;
        margin-top: 20px;
    }
    .page_wrapper{
        padding-bottom: 250px;
    }
    footer .container .menu{
        flex-direction: column;
    }
    footer .logo img{
        margin: 0 auto;
    }
    footer .link_menu {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
    footer .link_menu .bottom{
        flex-direction: column;
        padding-top: 15px;
    }
    footer .link_menu .bottom .city{
        width: 100%;
    }
    footer .copy_right{
        width: 100%;
    }
    .inputFileName, .file_btn_text, .icon_file_remove {
        height: 40px;
        line-height: 40px;
    }
    .form_file_block {
        max-width: 70%;
    }
    .file_input{
        height: 40px;
    }
    .file_btn_text:after{
        right: 10px;
        top: 8px;
    }
    .video_picture{
        padding: 15px 0px;
        padding-top: 0;
    }
    .popup .content_popup{
        min-width: 80%;
        max-width: 80%;
    }
    .popup .content_popup iframe{
        height: 300px;
    }

    .contact_page .info_block .title {
        padding: 15px;
    }
    .contact_page .info_block .form_block{
        padding: 15px;
    }
    .contact_page .info_block .title .block .text .tel {
        font-size: 16px;
    }
    .contact_page .info_block .title .block .text .city {
        font-size: 16px;
    }
    .contact_page .info_block .title .block .text .email {
        font-size: 16px;
    }
}
@media only screen and (max-width: 680px){
    .leader_page .leader_list .block{
        width: 90%;
        margin-right: 0!important;
    }
}
@media only screen and (max-width: 650px){
    .photo_page .gallary_photo{
       text-align: center;
    }
    .photo_page .gallary_photo .block{
        width: auto;
        margin-right: 0!important;
    }
    .video_page .gallary_video{
        text-align: center;
     }
     .video_page .gallary_video .block{
         width: auto;
         margin-right: 0!important;
     }
    form .form_row .textarea textarea{
        padding: 15px 15px;
        width: calc(100% - 30px);
        height: 75px;
    }
    form .submit_btn{
        padding: 12px 48px 12px 30px;
        font-size: 15px;
    }
    form .submit_btn:after{
        top: 17px;
        right: 17px;
    }
    form .form_row .input input::-webkit-input-placeholder {
        text-align: left;
    }
    form .form_row .input input::-moz-placeholder {
        text-align: left;
    }
    form .form_row .input input:-ms-input-placeholder {
        text-align: left;
    }
    form .form_row .input input:-moz-placeholder {
        text-align: left;
    }
    .contact_page .info_block .title{
        flex-direction: column;
        align-items: center;
    }
    .contact_page .info_block .title .block{
        width: 45%;
        margin-bottom: 17px;
    }
    .contact_page .info_block .title .block .img{
        min-width: 40px;
    }
    .contact_page .info_block .form_block .title_text{
        text-align: center;
        font-size: 17px;
    }
    .contact_page .info_block .form_block .block{
        flex-direction: column;
    }
    .contact_page .info_block .form_block .form_row{
        width: 100%;
    }
    .video_picture_list .block{
        margin-right: 15px;
        margin-bottom: 15px;
    }
    .video_picture_list .block .prev_img {
        height: 200px;
    }
    .video_picture_list .block .info .marks a{
        width: 17px;
        height: 17px;
        background-size: contain;
    }
    .video_picture_list .block .info .marks a.active{
        background-size: contain;
    }
    .form_file_block {
        max-width: 100%;
    }
    footer .logo{
        width: 100%;
    }
}

@media only screen and (max-width: 580px){
    .chart_table table .orange td{
        font-size: 12px;
    }
    .chart_table table thead td:nth-child(1){
        width: 150px;
    }
    .chart_table table thead td{
        display: block;
        margin: 0 auto;
        border-bottom: 0;
        text-align: center;
    }
    .chart_table table thead td .bold {
        font-size: 11px;
        line-height: 16px;
    }
    .chart_table table td img.logo{
        width: 150px;
    }
    .chart_table table td:nth-child(1){
        width: 90px;
    }
    .about_page .about_information .block_photo{
        width: 70%;
    }
    .about_page .video_block .block_video .play_btn {
        width: 50px;
        height: 50px;
    }
    .about_page .video_block .block_video{
        height: 310px;
    }

    header .mob_menu{
        width: 65%;
    }
    .video_picture_list .block{
        width: calc(80% - 20px);
        margin-right: 0px;
    }
    .video_picture .video_block{
        width: 85%;
    }
    header .link_menu .top .city label{
        display: block;
        text-align: center;
    }
    header .link_menu .top .city{
        right: 40px;
    }
    .popup .content_popup {
        min-width: 70%;
        max-width: 70%;
    }
    .popup .content_popup .close{
        right: -33px;
        width: 30px;
        height: 30px;
    }
}
@media only screen and (max-width: 500px){
    .page.login .logo_block{
        margin-top: 20px;;
    }
    .page.login .logo_block img {
        width: 120px;
    }
    .page.login .form_log_in {
        max-width: 75%;
        padding: 25px 25px;
    }
    .contact_page .info_block .title .block{
        width: 100%;
    }
}
@media only screen and (max-width: 420px){
    .leader_page .leader_list .block .img{
        width: 30%;
    }
    .leader_page .leader_list .block .img img{
        width: 100%;
    }
    .about_page .video_block .block_video {
        height: 220px;
    }
    .video_picture .video_block {
        width: 100%;
    }
    .page_wrapper {
        padding-top: 65px;
    }
    header .mob_menu{
        top: 50px;
        width: 75%;
    }
    header .link_menu .top .city label{
        font-size: 13px;
    }
    header .logo img {
        width: 115px;
        z-index: 99;
        position: relative;
    }
    .city .selectric .button{
        right: -1px;
    }
    .city .selectric{
        padding: 8px 2px;
    }
    .city .selectric .label{
        margin: 0 12px 0 4px;
    }
    .video_picture_list .block .title {
        font-size: 16px;
    }
    .video_picture_list .block{
        width: calc(100% - 20px);
    }
    .file_btn_text{
        font-size: 14px;
    }
    .file_btn_text:after{
        display: none;
    }
}