@media(max-width: 1280px){ .cut-width{ margin: 0 40px; width: calc(100% - 80px); } } @media(max-width: 1150px){ .flex_container_buttons_3d_security_designer{ display: block; } .flex_container_buttons_3d_security_designer .btn_download_plugin { width: 100%; margin-right: 0; } .flex_container_buttons_3d_security_designer .btn_inf_about_plugin { width: 100%; margin-top: 20px; margin-left: 0; } } @media (max-width: 1024px) { .one_item_documentation_switcher_content_part{ font-size: 12px; } .cur_documentation_version{ font-size: 12px; } .left_curtain_documentation{ width: 320px; height: 100vh; } .tree_documentation_container_first_level_txt{ margin-bottom: 0; font-size: 14px; } .tree_documentation_container_second_level_txt{ margin-left: 0; font-size: 14px; } .tree_documentation_container_first_level_txt.margin{ margin-left: 24px; } .tree_documentation_container_second_level_txt.margin{ margin-left: 24px; } .left_curtain_documentation{ position: fixed; left: -320px; /* opacity: 0; */ height: 100vh; top: 0; background: #fff; z-index: 10000; padding: 0 0 27px 0; } .documentation_version{ padding: 0 15px; margin-top: 20px; } .block_overlay{ top: 0; } .flex_container_tree_and_content{ display: block; } .tree_documentation_container { width: unset; height: calc(100vh - 172px); overflow-y: auto; padding: 0 15px; } .content_part_tree_els{ width: 100%; margin-left: 0; } .breadcrumbs_documentation_block{ margin-top: 90px; margin-bottom: 2px; } .container_img_card_contacts{ height: 250px; } .cards_contacts_container { padding: 80px 0; display: flex; flex-direction: row; flex-wrap: wrap; } .name_language { color: #FFFFFF; } .img_arrow_language_select{ filter: brightness(0) saturate(100%) invert(100%) sepia(12%) saturate(0%) hue-rotate(69deg) brightness(103%) contrast(102%); } .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; } .container_sections_buttons.main{ display: block; } .container_sections_buttons.not_main{ display: none; } .container_sliders{ display: none; } .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; } .block_service{ width: 100%; } .left_part_service{ width: 40px; } .service_img{ width: 40px; height: 40px; } .descript_process_container{ width: 180px; } .form_feedback_container { margin: 0 1.5%; width: 97%; scroll-margin-top: 90px; } .cut-width.margin_1_{ margin: 0 1%; width: 98%; } .form_feedback_container{ padding: 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; } .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 { height: 41px; } .logo_header { height: 41px; } .cut-width.preferens_f_header_1024{ width: calc(100% - 40px); height: 41px; } .left_part_header{ width: 205px; position: relative; top: 0; } .header{ height: 40px; } .right_part_header_mobile{ /*width: 77%;*/ display: flex; /*-webkit-justify-content: right;*/ /*justify-content: right;*/ align-items: center; height: 41px; } .burger_menu_header{ filter: brightness(0) saturate(100%) invert(8%) sepia(6%) saturate(6783%) hue-rotate(162deg) brightness(94%) contrast(90%); } .right_part_header{ display: none; } .content{ margin-top: 60px; } .container_sliders { height: calc(100vh - 115px); margin-top: unset; } .info_part_b_projects_slider { padding: 0; width: calc(100% - 100px); } .cut-width{ margin: 0 20px; width: calc(100% - 40px); } .title_page{ font-size: 36px; } /* curtain*/ .curtain_main{ height: calc(100vh - 20px); padding-top: 20px; background: #10212B; width: 320px; position: fixed; top: 61px; 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: 101; } .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; text-decoration: none; } } @media (max-width: 850px) { .block_service{ flex-wrap: wrap; } .service_block_container { width: calc(50% - 70px); } } @media (max-width: 900px){ .container_content_functional_features_block_items{ margin-top: -10%; } .service_block_container{ width: 44%; } } @media (max-width: 800px) { .content_part_tree_els h1{ font-size: 36px; } .name_article_tree{ font-size: 36px; } .how_dev_container_widgets { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; } .mobile_switchers_f_projects{ display: block; margin-top: 10px; text-align: -webkit-center; width: 100%; } .left_arrow_f_projects_mobile{ filter: brightness(0) saturate(100%) invert(27%) sepia(89%) saturate(1195%) hue-rotate(184deg) brightness(87%) contrast(95%); width: 15px; height: 15px; } .right_arrow_f_projects_mobile{ filter: brightness(0) saturate(100%) invert(27%) sepia(89%) saturate(1195%) hue-rotate(184deg) brightness(87%) contrast(95%); width: 15px; height: 15px; } .counter_elements_projects_slider{ position: relative; bottom: 2px; font-size: 20px; color: #0C54A0; } .label_feedback_form{ padding-left: 0; } .input_form_feedback{ padding-left: 0; } .container_img_card_contacts{ height: unset; } .cards_contacts_container { padding: 15px 0; display: flex; flex-direction: row; flex-wrap: wrap; } .card_contacts { width: 100%; margin: 2.5% 0; } .w_one_present{ padding: 0; margin: 20px 0; } .plugin_container{ margin: 0 0 1% 0; } .plugin_description { margin-bottom: 10px; } .right_part_plugin_container{ display: none; } .descript_process_container{ width: 40%; } .left_part_plugin_container{ width: 100%; } .picture_tag_standart{ display: block; } .logo_3d_sec_designer_mobile{ display: block; } .w_one_present.odd .txt_part_w_one_present{ margin-left: unset; margin-bottom: 20px; padding-left: unset; } .w_one_present.even .txt_part_w_one_present{ margin-left: unset; margin-bottom: 20px; padding-left: unset; } .plugin_description{ margin-top: 20px; } .logo_3d_sec_designer_mobile{ width: 100%; } .left_part_plugin_container{ margin-right: 0; } .img_container_part_w_one_present{ width: 100%; } .img_part_w_one_present{ width: 100%; height: 100%; object-fit: unset; object-position: unset; max-height: unset; } .txt_part_w_one_present{ width: 100%; } .container_content_functional_features_block_items{ flex-wrap: wrap; } .container_content_features_block_item{ width: 45%; } .desctop_additionals_btns .checkbox_container{ display: none; } .desctop_additionals_btns .checkbox_container{ display: none; } .desctop_additionals_btns .button_form_feedback{ display: none; } .label_feedback_form_checkbox{ width: calc(100% - 24px); } .mobile_additionals_btns .checkbox_container{ display: block; position: unset; } .mobile_additionals_btns .checkbox_container{ display: block; } .mobile_additionals_btns .button_form_feedback{ display: block; position: unset; } .mobile_additionals_btns{ margin-top: 30px; } .form_feedback_content{ width: 100%; } .description_form_feedback{ width: 100%; } .container_content_form_feedback{ flex-direction: column; } .description_form_feedback_txt{ margin-bottom: 30px; } .right_part_proj{ width: 100%; height: unset; margin-top: 20px; margin-left: 0; } .left_part_proj{ width: 100%; } .img_proj{ height: unset; object-position: unset; object-fit: unset; } .left_part_b_projects_slider{ display: none; } .right_part_b_projects_slider{ display: none; } .info_part_b_projects_slider{ width: 100%; } } @media (max-width: 700px) { .flex_container_footer{ flex-wrap: wrap; justify-content: right; } .service_block_container{ width: 100%; text-align: -webkit-left; } .left_part_service{ width: 60px; } .service_img{ width: 60px; height: 60px; } .footer_els_container{ width: 100%; } /*.right_part_footer{*/ /* width: 40%;*/ /* text-align: -webkit-left;*/ /* float: right;*/ /* !*margin-top: 60px;*!*/ /*}*/ /*.footer_el{*/ /* width: 40%;*/ /*}*/ } @media (max-width: 670px) { .how_dev_widget_description{ height: unset; } .first_line_widget_how_dev{ height: unset; } .block_container_how_dev_widget{ width: 100%; justify-content: center; } .container_content_features_block_item{ width: 100%; } .img_item_container_functional_features{ height: unset; } .img_item_functional_features{ object-fit: unset; object-position: unset; height: unset; width: 100%; } .description_item_features_container{ text-align: center; width: 100%; } } @media (max-width: 600px) { .right_part_footer { width: 87%; text-align: -webkit-right; float: right; /* margin-top: 60px; */ } .footer_el { width: 40%; } .footer_el{ width: 89%; } .service_block_container { margin: unset; /* margin-bottom: 70px; */ padding: unset; } .options_functional_features{ height: unset; } .first_line_block_functional_features{ flex-direction: column-reverse; flex-wrap: wrap; } .container_txt_first_line_block_functional_features { width: 100%; } .container_image_block_functional_features { width: 100%; } .container_content_features_block_item { width: 100%; } .description_item_features_container{ width: 100%; } } @media (max-width: 500px) { .service_block_container{ text-align: -webkit-left; } .descript_process_container{ width: 180px; } } @media (max-width: 380px) { .content_part_tree_els h1{ font-size: 26px; } .descript_process_container{ margin-bottom: 15px; } .breadcrumbs_documentation_block{ display: none; } .name_article_tree{ font-size: 26px; } }