@media(max-width: 1280px){ .cut-width{ margin: 0 40px; width: calc(100% - 80px); } } @media (max-width: 1024px) { .form_feedback_container{ padding: 70px 0 90px 0; } .plugin_container{ margin: auto; width: 100%; } .left_part_plugin_container{ width: calc(60% - 20px); margin-right: 20px; } .container_content_faq{ margin: 100px 0 0 0; } .text_header{ padding-right: 40px; } .standart_txt{ font-size: 14px; } .language_select{ margin-left: 30px; margin-right: 30px; padding-right: 0; } .left_part_header{ width: 235px; float: left; text-align: -webkit-left; display: block; position: relative; top: 10px; } .logo_header { height: 40px; } .right_part_header { width: calc(100% - 235px); float: right; padding: 17px 0 15px 0; position: relative; text-align: -webkit-right; } .right_part_header{ display: none; } .logo_header { height: 35px; } .left_part_header{ width: 205px; position: relative; top: 3px; } .header{ height: 40px; } .right_part_header_mobile{ width: calc(100% - 205px); float: right; display: block; position: relative; top: 9px; text-align: right; } .content{ margin-top: 50px; } .container_sections_buttons { height: 55px; background: #10212B; position: sticky; top: 50px; z-index: 100; } .cut-width.sections_btns{ margin: 10px; } .cut-width{ margin: 0 20px; } .title_page{ font-size: 36px; } /* curtain*/ .curtain_main{ height: calc(100vh - 20px); padding-top: 20px; background: #10212B; width: 320px; position: fixed; top: 50px; right: 0; z-index: 101; transition: 200ms; display: block; } .curtain_main.open{ right: 0; transition: 200ms; } .curtain_main.close{ right: -320px; transition: 200ms; } .container_first_line_curtain{ padding-bottom: 20px; border-bottom: 1px solid #888; width: 100%; } .block_overlay{ height: 100vh; width: 100vw; position: fixed; z-index: 100; } .block_overlay.hide{ display: none; } .block_overlay.show{ display: block; background: rgba(16, 33, 43, 0.70); } .curtain_txt_float{ float: right; text-transform: uppercase; } .language_select.curtain{ top: 0; margin-left: 10px; } .description_page{ font-size: 24px; } .container_els_curtain{ padding: 20px 0 5px 0; } .container_els_curtain.border{ border-bottom: 1px solid #888; } .txt_curtain_el{ display: block; color: #ffffff; text-transform: uppercase; font-size: 16px; text-align: right; padding-bottom: 15px; } } @media (max-width: 850px) { .block_service{ flex-wrap: wrap; } .service_block_container { width: calc(50% - 70px); } } @media (max-width: 800px) { .line_go_to_sections{ width: 100%; color: #000000; padding-bottom: 15px; border-bottom: 1px solid #D1D1D1; text-transform: uppercase; } .line_go_to_sections .orange{ color: #FB6952; } .description_txt{ display: block; width: 100%; color: #000000; margin-bottom: 10px; } .section_btn{ height: unset; } .section_btn.open{ height: unset; bottom: unset; position: unset; border-radius: 0; } .section_btn.close{ height: unset; background: #ffffff; } .container_sections_buttons { height: unset; background: #10212B; position: unset; top: 50px; z-index: 100; } .txt_section { color: #000000; } .section_btn.close > .txt_section { color: #000000; padding: 18px 30px 18px 30px; transition: 500ms; } .section_btn:hover{ height: unset; border-radius: 0; bottom: 0; } .img_go_to_section{ width: 8px; position: relative; top: 1.6px; } .description_sections_buttons{ display: block; padding: 0 30px 20px 30px; } .cut-width.sections_btns { margin: 0; width: 100%; } .section_btn{ width: 100%; } .container_content_sections_buttons{ flex-wrap: wrap; height: unset; } } @media (max-width: 700px) { .flex_container_footer{ flex-wrap: wrap; justify-content: right; } .footer_els_container{ width: 100%; } .right_part_footer{ width: calc(100% - 100px); text-align: -webkit-right; float: right; margin-top: 60px; } .footer_el{ width: 100%; } }