@media all and (min-width: 1px)and (max-width: 480px) {

    #menu_line { display: none; }
    #gap_space { display: none; }
    #mob_menu_button { display: block; }
    #main_screen { height: auto; }

    #internal_top_block { height: 8rem; }
    #internal_top_logo { height: 7rem; background-size: auto 5rem; background-position: center 2.5rem; }
    .internal_page_block { font-size: 100%; }
    .internal_page_block h1 { font-size: 130%; }
    .internal_page_block h2 { font-size: 120%; }

    /* главная страница */
    .block_center_grid { padding-top: 2rem; }
    .block_center_left { width: 100%; -webkit-order: 1; -ms-flex-order: 1; order: 1; padding-left: 1rem; padding-right: 1rem; }
    .block_center_logo { width: 100%; -webkit-order: 0; -ms-flex-order: 0; order: 0; }
    .block_center_right { width: 100%; -webkit-order: 2; -ms-flex-order: 2; order: 2; padding-left: 1rem; padding-right: 1rem; }
    .block_center_animation h2 { font-size: 150% }
    #block_center_call_button { margin-top: 1rem; margin-bottom: 2rem; }
    .block_center_ul li h2 { font-size: 120%; text-decoration: underline; }
    .block_center_li_left { padding-right: 0; padding-left: 4rem; background-position: left center; }
    .align_right { text-align: left; }

    .text_br { content: ' '; } .text_br:after { content: ' '; }

    .main_works_item { width: 100%; }
    .main_works_item h2 { margin-bottom: 2rem; }
    #main_describe { font-size: 100%; }

    /* работы */
    .video_filter_item { padding: 0.5rem; }
    .video_block { padding: 0.5rem; }
    .video_item { width: 50%; padding: 0.5rem; }
    #video_slider_cell { padding-right: 0; padding-left: 0; padding-top: 3rem; padding-bottom: 2rem; }

    /* клиенты */
    .clients_block { padding: 1rem; }
    .clients_item { width: 100%; padding: 0.5rem; }

    /* отзывы */
    .feedback_block { padding: 1rem; }
    .feedback_item { width: 100%; }

    /* контакты */
    .contacts_form { width: 100%; padding: 2rem; }
    #contact_map_area { width: 100%; padding: 2rem; }
    .contact_input input { background: #242424; padding-left: 0.5rem; }
    .contact_input textarea { background: #242424; padding-left: 0.5rem; }
}

@media all and (min-width: 481px)and (max-width: 640px) {
    #menu_line { display: none; }
    #gap_space { display: none; }
    #mob_menu_button { display: block; }
    #main_screen { height: auto; }

    #internal_top_block { height: 8rem; }
    #internal_top_logo { height: 7rem; background-size: auto 5rem; background-position: center 2.5rem; }
    .internal_page_block { font-size: 120%; }
    .internal_page_block h1 { font-size: 150%; }
    .internal_page_block h2 { font-size: 130%; }

    /* главная страница */
    .block_center_grid { padding-top: 2rem; }
    .block_center_left { width: 100%; -webkit-order: 1; -ms-flex-order: 1; order: 1; padding-left: 1rem; padding-right: 1rem; }
    .block_center_logo { width: 100%; -webkit-order: 0; -ms-flex-order: 0; order: 0; }
    .block_center_right { width: 100%; -webkit-order: 2; -ms-flex-order: 2; order: 2; padding-left: 1rem; padding-right: 1rem; }
    .block_center_animation h2 { font-size: 150% }
    #block_center_call_button { margin-top: 1rem; margin-bottom: 2rem; }
    .block_center_ul li h1 { font-size: 120%; text-decoration: underline; }
    .block_center_li_left { padding-right: 0; padding-left: 4rem; background-position: left center; }
    .align_right { text-align: left; }

    .text_br { content: ' '; } .text_br:after { content: ' '; }

    .main_works_item { width: 100%; }
    .main_works_item h2 { margin-bottom: 2rem; }
    #main_describe { font-size: 100%; }

    /* работы */
    .video_filter_item { padding: 0.5rem; }
    .video_block { padding: 0.5rem; }
    .video_item { width: 50%; padding: 0.5rem; }
    #video_slider_cell { padding-right: 0; padding-left: 0; padding-top: 3rem; padding-bottom: 2rem; }

    /* клиенты */
    .clients_block { padding: 1rem; }
    .clients_item { width: 50%; padding: 0.5rem; }

    /* отзывы */
    .feedback_block { padding: 1rem; }
    .feedback_item { width: 100%; }

    /* контакты */
    .contacts_form { width: 100%; padding: 2rem; }
    #contact_map_area { width: 100%; padding: 2rem; }
    .contact_input input { background: #242424; padding-left: 0.5rem; }
    .contact_input textarea { background: #242424; padding-left: 0.5rem; }
}

@media all and (min-width: 641px)and (max-width: 800px) {
    #menu_line { display: none; }
    #gap_space { display: none; }
    #mob_menu_button { display: block; }
    #main_screen { height: auto; }

    #internal_top_block { height: 8rem; }
    #internal_top_logo { height: 7rem; background-size: auto 5rem; background-position: center 2.5rem; }
    .internal_page_block { font-size: 120%; }
    .internal_page_block h1 { font-size: 150%; }
    .internal_page_block h2 { font-size: 130%; }

    /* главная страница */
    .block_center_grid { padding-top: 2rem; }
    .block_center_left { width: 100%; -webkit-order: 1; -ms-flex-order: 1; order: 1; padding-left: 1rem; padding-right: 1rem; }
    .block_center_logo { width: 100%; -webkit-order: 0; -ms-flex-order: 0; order: 0; }
    .block_center_right { width: 100%; -webkit-order: 2; -ms-flex-order: 2; order: 2; padding-left: 1rem; padding-right: 1rem; }
    .block_center_animation h2 { font-size: 150% }
    #block_center_call_button { margin-top: 1rem; margin-bottom: 2rem; }
    .block_center_ul li h1 { font-size: 120%; text-decoration: underline; }
    .block_center_li_left { padding-right: 0; padding-left: 4rem; background-position: left center; }
    .align_right { text-align: left; }

    .text_br { content: ' '; } .text_br:after { content: ' '; }

    #main_describe { font-size: 100%; }

    /* работы */
    .video_filter_item { padding: 0.5rem; }
    .video_block { padding: 0.5rem; }
    .video_item { width: 50%; padding: 0.5rem; }
    #video_slider_cell { padding-right: 1rem; padding-left: 1rem; padding-top: 3rem; padding-bottom: 2rem; }

    /* клиенты */
    .clients_block { padding: 1rem; }
    .clients_item { width: 50%; padding: 0.5rem; }

    /* отзывы */
    .feedback_block { padding: 1rem; }
    .feedback_item { width: 100%; }

    /* контакты */
    .contacts_form { width: 100%; padding: 2rem; }
    #contact_map_area { width: 100%; padding: 2rem; }
    .contact_input input { background: #242424; padding-left: 0.5rem; }
    .contact_input textarea { background: #242424; padding-left: 0.5rem; }
}

@media all and (min-width: 801px)and (max-width: 960px) {

    #menu_line { display: none; }
    #gap_space { display: none; }
    #mob_menu_button { display: block; }
    #main_screen { height: auto; }

    /* главная страница */
    .block_center_grid { padding-top: 2rem; }
    .block_center_left { width: 100%; -webkit-order: 1; -ms-flex-order: 1; order: 1; padding-left: 1rem; padding-right: 1rem; }
    .block_center_logo { width: 100%; -webkit-order: 0; -ms-flex-order: 0; order: 0; }
    .block_center_right { width: 100%; -webkit-order: 2; -ms-flex-order: 2; order: 2; padding-left: 1rem; padding-right: 1rem; }
    .block_center_animation h2 { font-size: 150% }
    #block_center_call_button { margin-top: 1rem; margin-bottom: 2rem; }
    .block_center_ul li h1 { font-size: 120%; text-decoration: underline; }
    .block_center_li_left { padding-right: 0; padding-left: 4rem; background-position: left center; }
    .align_right { text-align: left; }

    .text_br { content: ' '; } .text_br:after { content: ' '; }

    #main_describe { font-size: 120%; }

    /* работы */
    .video_filter_item { padding: 0.5rem; }
    .video_block { padding: 0.5rem; }
    .video_item { width: 50%; padding: 0.5rem; }
    #video_slider_cell { padding-right: 1rem; padding-left: 1rem; padding-top: 3rem; padding-bottom: 2rem; }

    /* клиенты */
    .clients_block { padding: 1rem; }
    .clients_item { width: 50%; padding: 0.5rem; }

    /* отзывы */
    .feedback_block { padding: 1rem; }
    .feedback_item { width: 100%; }

    /* контакты */
    .contacts_form { width: 100%; padding: 2rem; }
    #contact_map_area { width: 100%; padding: 2rem; }
    .contact_input input { background: #242424; padding-left: 0.5rem; }
    .contact_input textarea { background: #242424; padding-left: 0.5rem; }

}

@media all and (min-width: 961px)and (max-width: 1199px) {

    /* работы */
    .video_filter_item { padding: 1rem; }
    .video_block { padding: 1rem; }
    .video_item { width: 25%; padding: 1rem; }

    /* клиенты */
    .clients_block { padding: 1rem; }
    .clients_item { width: 25%; padding: 1rem; }

}