@media (max-width: 1450px) {
  .header {
    grid-template-areas:
    'logo menu phone button'
    'logo menu social button';
    grid-template-columns: auto 1fr minmax(135px, auto) auto;
    grid-row-gap: 5px;
  }

  .header_phone {
    align-self: end;
  }
  .header_social {
    align-self: start;
  }
  .third_block_counters {
    grid-column-gap: 25px;
  }

  .five_block_content {
    grid-template-columns: repeat(2, 1.5fr) repeat(2, 1fr);
  }
  .five_block_content h2 {
    grid-column: 1 / 5;
  }
  .five_block_content .image_wrapper {
    justify-self: end;
    grid-row: 2 / 7;
  }

  .work_stages_list {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 50px;
    justify-items: center;
  }


  .secondpage_block {
    grid-column-gap: 25px;
    grid-template-columns: 360px 1fr;
  }
  .secondpage_menu .consiltation_item .content {
    padding: 0px 25px 60px 25px;
  }

  .printer_wrapper {
    width: 550px;
  }
  .portfolio_grid {
    grid-template-columns: 1fr 1fr;
  }
  .animation_logo_text svg {
    width: 400px;
  }

  .page_block_wrapper.first .dots_background {
    top: 54%;
  }
  .page_block_wrapper.third .dots_background {
    top: 127%;
  }
  .secondpage_header_wrapper .dots_background {
    transform: translate(-50%, -23%);
  }


  .services_list_wrapper {
    grid-template-columns: 1fr;
  }
  .services_block.consultation {
    grid-column: unset;
    max-width: 525px;
  }
  .services_block {

  }
  .services_block .image_wrapper {

  }
  .services_block .image_wrapper img {

  }

}
@media (max-width: 1200px) {
  .services_list_wrapper {
    grid-template-columns: 1fr 1fr;
  }
  .services_block.consultation {
    grid-column: 1/3;
    max-width: unset;
  }

  .portfolio_grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .header {
    grid-template-areas:
    'logo menu menu button'
    'logo phone social button';
    grid-template-columns: auto auto 1fr auto;
    grid-row-gap: 5px;
  }
  .main_menu.desctop {
    justify-content: space-between;
  }
  .header_phone {
    align-self: center;
  }
  .header_social {
    align-self: center;
    justify-self: start;
  }

  h1 {
    font-size: 26px;
  }
  h2 {
    font-size: 26px;
  }
  h2.secondpage_title {
    font-size: 26px;
  }
  .secondpage_head_title {
    font-size: 18px;
  }
  h3 {
    font-size: 20px;
  }
  p {
    font-size: 16px;
  }
  ul {
    font-size: 16px;
    padding-left: 25px;
  }
  ol {
    font-size: 16px;
    padding-left: 25px;
  }
  ol li:before {
    font-size: 16px;
  }
  .services_block .content {
    font-size: 16px;
  }
  .work_stages_list .stage .label {
    font-size: 16px;
  }
  .reviews_slide_item .review_text {
    font-size: 16px;
  }
  .ow_slide_item .label {
    font-size: 16px;
  }
  .work_stages_list .stage .counter {
    font-size: 34px;
  }
  .four_block_content h2 {
    margin-bottom: 25px;
  }
  .cont_btn_group .btn_label {
    font-size: 16px;
  }
  .text_link {
    font-size: 16px;
  }
  .text_link svg {
    height: 8px;
  }
  .bread_crumbs {
    grid-column-gap: 5px;
  }
  .bread_crumbs .item {
    font-size: 14px;
  }
  .bread_crumbs .arrow {
    width: 20px;
  }

  .second_block_content .content {
    margin-bottom: 25px;
  }
  .second_block_content .content p {
    margin-bottom: 25px;
  }
  .first_block_content .logo svg {
    width: 200px;
  }
  .first_block_content .text {
    font-size: 20px;
  }

  .third_block_counters .group .counter {
    font-size: 34px;
  }
  .cont_btn_group {
    margin-top: 9px;
  }

  .footer_wrapper .footer .logo_column {
    justify-self: center;
    grid-column: 1/3;
    grid-row-gap: 15px;
  }
  .footer_wrapper .footer .logo_column svg {
    width: 200px;
    height: auto;
  }


  .footer_wrapper .footer {
    width: auto;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 35px;
    justify-items: start;
    grid-column-gap: 50px;
    grid-template-areas:
    'logo logo'
    'services materials'
    'contacts contacts'
    'dev_text dev_text';
  }
  .footer_wrapper .footer .column.contacts {
    width: 100%;
    grid-auto-columns: 1fr 1fr;
    grid-column-gap: 50px;
  }
  .footer_wrapper .footer .footer_title {
    text-align: center;
  }
  .footer_wrapper .footer .contacts_list {
    grid-row: 2/3;
    grid-column: 1/2;
  }
  .footer_social {
    grid-row: 2 / 3;
    grid-column: 2/3;
    margin-top: 0px;
  }

  .five_block_content {
    grid-template-columns: 1fr 1fr;
  }
  .five_block_content h2 {
    grid-column: 1 / 3;
  }
  .five_block_content .image_wrapper {
    width: 100%;
    grid-row: 2 / 8;
    grid-column: 2 / 3;
  }

  .third_block_content .image_wrapper {
    grid-row: 1 / 5;
  }


  .printer_wrapper {
    grid-row: 1 / 3;
  }
  .second_block_content .cont_columns {
    width: auto;
    justify-self: center;
    justify-items: center;
    grid-column: 1 / 3;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 50px;
    grid-row-gap: 25px;
  }
  .second_block_content .cont_columns p {
    max-width: 350px;
    text-align: center;
  }
  .second_block_content .cont_columns h3 {
    grid-column: 1/3;
    text-align: center;
  }

  .second_block_content .cont_btn_group {
    grid-column: 1/3;
    margin-top: 0px;
  }


  .secondpage_block {
    grid-template-columns: 1fr;
    padding-left: 0px;
    padding-right: 0px;
  }
  .secondpage_content {
    /* padding: 50px var(--side-padding); */

    padding: 25px var(--side-padding) 50px var(--side-padding);
  }
  .secondpage_menu_wrapper {
    display: none;
  }
  .secondpage_content {
    overflow: hidden;
  }


  .secondpage_header {
    grid-column-gap: 50px;
  }
  .secondpage_header_wrapper {
    /* height: 300px; */
  }
  .secondpage_header .logo_wrapper {
    align-self: start;
  }
  .secondpage_header .logo_wrapper svg {
    width: 200px;
    height: auto;
  }

  .printer_wrapper {
    width: 450px;
  }
  .portfolio_item .portfolio_title {
    font-size: 16px;
  }

  .close_window {
    top: 55px;
  }
  .page_block_wrapper.five .dots_background {
    top: 95%;
  }
  .page_block_wrapper.first .dots_background {
    top: 64%;
  }
  .page_block_wrapper.third .dots_background {
    top: 100%;
  }
  .page_block_wrapper.application .dots_background {
    top: 55%;
  }

  .application_wrapper {
    grid-template-columns: 0.75fr 1fr;
  }

  .page_block_wrapper.application .dots_background {
    top: 62%;
  }
}
@media (max-width: 1000px) {
  .application_wrapper {
    grid-template-columns: 0.5fr 1fr;
  }
}
@media (max-width: 900px) {
  body {
    --header-height: 60px;
    --page-blur: blur(4px);
    --noscroll-padding: 0px;
  }
  h1 {
    font-size: 24px;
  }
  h2 {
    font-size: 20px;
  }
  h3 {
    font-size: 18px;
  }
  h2.secondpage_title {
    font-size: 20px;
  }
  .secondpage_head_title {
    font-size: 16px;
  }
  .page_news_list_block_title {
    font-size: 18px;
  }

  .gallerycont {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 15px;
  }

  .services_list_wrapper {
    grid-template-columns: 1fr;
    justify-items: center;
  }
  .services_block.consultation {
    grid-column: unset;
    max-width: 525px;
  }

  .page_block_wrapper.five .dots_background {
    top: 62%;
  }
  .page_block_wrapper.third .dots_background {
    top: 80%;
  }

  .close_window {
    top: 48px;
  }

  .portfolio_grid {
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
  }

  .header {
    grid-template-areas:
    'logo phone button burger';
    grid-template-columns: auto 1fr auto;
    grid-row-gap: 5px;
    padding: 15px 5px 5px 5px;
    grid-column-gap: 10px;
    grid-row-gap: 3px;
  }
  .mob_burger {
    display: flex;
  }
  .mob_burger_placeholder {
    display: block;
  }

  .main_menu.desctop {
    display: none;
  }
  .main_menu.mobile {
    display: grid;
  }

  .header_phone {
    justify-self: end;
    align-self: center;
    font-size: 14px;
  }
  .header .header_logo svg {
    height: 40px;
  }
  .header_social {
    justify-self: end;
    align-self: end;
  }
  .header .default_btn {
    height: 30px;
    padding: 0px 10px;
    font-size: 12px;
  }
  .header_social {
    display: none;
  }
  .first_block_content {
    position: relative;
    grid-template-columns: 1fr;
    grid-template-areas:
    'logo'
    'text'
    'img';
    grid-template-rows: auto auto 1fr ;
  }
  .first_block_content .img_wrapper {
    position: absolute;
  }
  .first_block_content .img_wrapper img {
    left: 50%;
    transform: translate(-47%, -50%);
    width: auto;
    height: 100%;
  }
  .page_block_wrapper.first .page_block {
    padding: 50px 0px 0px 0px;
  }
  .first_block_content .logo svg {
    width: 150px;
  }
  .first_block_content .text {
    font-size: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .page_block_wrapper.first .dots_bg_wrapper {
    height: 120%;
    overflow: hidden;
  }
  .page_block_wrapper.first .dots_background {
    top: 68%;
    transform: translate(-44%, -50%) rotate(11deg);
    width: 160%;
  }

  .page_video video {
    backdrop-filter: blur(8px);
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
  }

  .second_block_content h2 {
    margin-top: 50px;
  }
  .second_block_content .cont_columns {
    margin-bottom: 50px;
    grid-row-gap: 15px;
    grid-column-gap: 25px;
  }


  .third_block_content {
    padding: 50px 0px;
  }
  .four_block_content {
    padding: 50px 0px;
  }
  .five_block_content {
    padding: 50px 0px;
  }
  .six_block_content {
    padding: 50px 0px;
  }
  .seven_block_content {
    padding: 50px 0px;
  }
  .application_container {
    padding-top: 15px;
    padding-bottom: 100px;
  }
  .footer_wrapper .footer {
    padding: 50px var(--side-padding);
  }




  .five_block_content .image_wrapper {
    grid-row: 2 / 6;
  }
  .five_block_content .image_wrapper .image_block::after {
    filter: blur(100px);
  }

  .third_block_content {
    grid-template-columns: 1fr 1fr;
  }
  .third_block_content h2 {
    grid-column: 1 / 4;
  }
  .third_block_content .image_wrapper {
    grid-row: 2 / 5;
    grid-column: 2 / 4;
  }
  .third_block_counters {
    grid-column: 1 / 4;
  }
  .third_block_content .cont_group:nth-child(6) {
    grid-column: unset;
  }
  .third_block_content .image_wrapper .image_block::after {
    filter: blur(100px);
  }


  .third_block_counters {
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 25px;
  }
  .third_block_counters .group {
    justify-self: center;
  }
  .third_block_content .cont_btn_group {
    grid-column: 1 / 4;
    justify-self: center;
    margin-top: 0px;
  }
  .work_stages_list .stage {
    grid-column-gap: 15px;
  }

  .second_block_content {
    grid-template-columns: 1fr;
    grid-row-gap: 0px;
  }
  .second_block_content .content {
    grid-column: unset;
    margin-bottom: 50px;
  }
  .second_block_content .cont_columns {
    grid-column: unset;
  }
  .second_block_content h2 {
    grid-column: unset;
    text-align: center;
  }
  .printer_wrapper {
    justify-self: center;
    margin: 35px 0px 25px 0px;
    width: 400px;
    grid-row: 2 / 3;
  }
  .printer_image {
    width: auto;
    height: 100%;
  }





  .secondpage_header_wrapper {
    /* height: 200px; */
  }



  /* ======================================================================== */


  .window_cont {
    width: 100%;
    height: 100%;
  }





  .contacts_services_block {
    grid-template-columns: 1fr;
    margin-bottom: 75px;
  }
  .contacts_services_block .image_wrapper {
    width: 300px;
    aspect-ratio: 1 / 1;
    margin-bottom: 25px;
  }



  .reviews_page_reviews_list {
    grid-template-columns: 1fr;
  }

  .animation_logo_text svg {
    width: 300px;
  }

  .review_window_wrapper {
    width: 100%;
    height: 100%;
  }
  .review_window {
    width: 100%;
    max-height: none;
    height: 100%;
    border-radius: 0px;
    border: 0px;
  }
  .review_window_body {
    max-width: 600px;
    width: 100%;
    height: 100%;
    padding: 25px 15px;
  }

  .vopros_window_wrapper {
    width: 100%;
    height: 100%;
  }
  .vopros_window {
    width: 100%;
    max-height: none;
    height: 100%;
    border-radius: 0px;
    border: 0px;
  }
  .vopros_window_body {
    max-width: 600px;
    width: 100%;
    height: 100%;
    padding: 25px 15px;
  }

  /* ======================================================================== */
  .application_wrapper {
    width: 100%;
    position: relative;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto;
  }
  .application_wrapper .image_container_block {
    max-height: none;
    grid-row: 2 / 3;
  }
  .application_wrapper .image_wrapper {
    width: 100%;
    height: 100%;
    max-height: 100%;
    position: static;
  }
  .application_wrapper .image_wrapper img {
    width: 100%;
    height: 100%;
    max-height: 500px;
    object-fit: contain;
    object-position: center;
  }
  .application_container {
    padding-bottom: 25px;
  }
  .application_head {
    margin-bottom: 35px;
  }
  .application_form {
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 35px;
    margin-bottom: 35px;
  }
  .application_form .appl_input_block:first-child {
    grid-column: 1/3;
  }
  .application_form .appl_input_block.three_cl {
    grid-column: 1/3;
  }
  .form_upload_files .label {
    text-align: center;
    margin-top: 15px;
  }
  .appl_input_block .label {
    font-size: 16px;
  }
  .form_upload_files {
    justify-self: center;
    grid-column-gap: 10px;
    grid-template-columns: 1fr;
    grid-row-gap: 0px;
  }
  .application_form .form_upload_files {
    grid-column: 1/3;
    grid-template-columns: 1fr;
    grid-row-gap: 0px;
  }
  .default_btn.upload_files {
    padding: 0px 15px;
  }
  .upload_files_container:not(:empty){
    margin-top: 15px;
  }
  .upload_files_container {
    grid-column: unset;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 5px;
  }
  .application_footer {
    justify-self: center;
    grid-template-columns: 1fr;
    grid-auto-flow: unset;
    grid-row-gap: 25px;
  }
  .page_block_wrapper.application {
    overflow: hidden;
  }
  .politics_block {
    justify-self: center;
  }
  .application_footer .default_btn {
    width: 100%;
  }
  .page_block_wrapper.application .dots_background {
    top: 90%;
  }
  .page_block_wrapper.application .dots_background img {
    width: 250%;
    transform: translate(-47%, -10%) rotate(3.2deg);
  }
  /* ======================================================================== */

  .our_works_slider_wrapper.owl-carousel .owl-dots {
    width: min-content;
    justify-self: center;
    margin-left: auto;
    margin-right: auto;
  }
  .reviews_slider_wrapper.owl-carousel .owl-dots {
    width: min-content;
    justify-self: center;
    margin-left: auto;
    margin-right: auto;
  }

  h2.secondpage_title {
    margin-bottom: 25px;
  }
  .secondpage_content h2 {
    margin-bottom: 25px;
  }

  .def_text_group {
    margin-bottom: 15px;
  }
  .secondpage_content h1 {
    margin-bottom: 25px;
  }
  .vopros_page_head {
    margin-bottom: 25px;
  }
  .reviews_page_head {
    margin-bottom: 25px;
  }
  .secondpage_content p {
    margin-bottom: 15px;
  }
  ul li {
    margin-bottom: 5px;
  }
  ol li {
    margin-bottom: 5px;
  }
  .def_text_group .def_text_row {
    margin-bottom: 15px;
  }
  .map_wrapper {
    aspect-ratio: 1 / 1;
    margin-bottom: 25px;
    margin-top: 15px;
  }
  .map_wrapper .map {
    width: calc(100% - 15px);
    height: calc(100% - 15px);
  }
  .secondpage_content .work_stages_block .work_stages_list {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }



}
@media (max-width: 800px) {
  .portfolio_grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 700px) {
  body {
    --side-padding: 15px;
  }

  .secondpage_head_title {
    font-size: 14px;
  }
  .vopros_page_head {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 15px;
  }

  .secondpage_content .work_stages_block .work_stages_list {
    grid-template-columns: 1fr;
  }
  .two_column_block {
    grid-template-columns: 1fr;
  }

  .secondpage_header .logo_wrapper svg {
    width: 100px;
  }
  .secondpage_header {
    grid-column-gap: 25px;
  }

  .third_block_content {
    grid-row-gap: 25px;
    grid-column-gap: 0px;
  }
  .third_block_content h2 {
    align-self: center;
    text-align: left;
    grid-column: unset;
    position: relative;
    z-index: 2;
    max-width: 250px;
    justify-self: start;
  }
  .third_block_counters {
    grid-column: 1 / 3;
  }
  .third_block_content .image_wrapper {
    grid-row: 1 / 2;
    grid-column: 2 / 3;
    height: auto;
    width: 100%;
    justify-self: end;
    aspect-ratio: 1 / 1.2;
    max-height: 300px;
  }
  .third_block_content .cont_group {
    max-width: none;
    grid-column: 1 / 3;
  }
  .third_block_content .cont_group:nth-child(6){
    grid-column: 1 / 3;
  }
  .third_block_content .image_wrapper .image_block::after {
    filter: blur(50px);
  }
  .four_block_glow {
    filter: blur(100px);
  }
  .six_block_glow {
    filter: blur(100px);
  }

  .page_block_wrapper.third .dots_bg_wrapper {
    overflow: hidden;
  }
  .page_block_wrapper.third .dots_background {
    top: 18%;
    transform: translate(-50%, -50%) scale(-1, 1);
    width: 160%;
  }

  .page_block_wrapper.five .dots_bg_wrapper {
    overflow: hidden;
  }
  .page_block_wrapper.five .dots_background {
    top: 16%;
    transform: translate(-50%, -50%) scale(-1, 1);
    width: 160%;
  }

  .page_block_wrapper.application .dots_background {
    top: 85%;
    width: 210%;
    transform: translate(-30%, -50%);
  }
  .page_block_wrapper.application .dots_background img {
    width: 163%;
  }

  /* .page_block_wrapper.application .dots_background {
    top: 90%;
  }
  .page_block_wrapper.application .dots_background img {
    width: 250%;
    transform: translate(-47%, -10%) rotate(3.2deg);
  } */



  .work_stages_list {
    grid-template-columns: 1fr;
    grid-row-gap: 25px;
  }
  .work_stages_list .stage {
    max-width: none;
  }

  .five_block_content {
    grid-template-columns: 1fr;
    grid-row-gap: 25px;
  }

  .five_block_content h2 {
    text-align: center;
    grid-column: unset;
  }
  .five_block_content .image_wrapper {
    grid-row: 2/3;
    grid-column: unset;
    height: 400px;
  }



  .third_block_counters .group {
    grid-row-gap: 5px;
  }
  .second_block_content .cont_columns h3 {
    grid-column: unset;
  }
  .second_block_content .cont_columns {
    grid-template-columns: 1fr;
  }
  .second_block_content .cont_btn_group {
    grid-column: unset;
  }
  .secondpage_header_cont {
    grid-row-gap: 10px;
  }
  .animation_logo_text svg {
    width: 200px;
  }

  .services_block {
    padding: 25px 15px;
  }

  .def_text_row.two_column {
    grid-auto-flow: row;
    grid-template-columns: 1fr;
    grid-row-gap: 25px;
  }
  .materaial_block .image_wrapper {
    grid-row: 1/2;
    justify-self: center;
  }
  .materaial_block .image_wrapper .image {
    position: static;
    max-width: 400px;
    max-height: 400px;
  }
}
@media (max-width: 600px) {
  .default_btn {
    height: 30px;
    font-size: 12px;
  }
  .stroke_btn {
    height: 30px;
    font-size: 12px;
  }
  .footer_wrapper .footer .column.contacts {
    justify-items: center;
  }
  .footer_wrapper .footer .contacts_list {
    justify-self: center;
  }
  .footer_social {
    justify-self: center;
    grid-row: unset;
    grid-column: unset;
    margin-top: 20px;
  }
  .footer_wrapper .footer {
    grid-template-columns: 1fr;
    justify-items: center;
    grid-template-areas:
    'logo'
    'contacts'
    'dev_text';
  }
  .footer_wrapper .footer .column.services,
  .footer_wrapper .footer .column.materials {
    display: none;
  }
  .footer_wrapper .footer .logo_column {
    grid-column: unset;
  }
  .footer_wrapper .footer .column {
    justify-items: center;
    grid-row-gap: 15px;
  }
  .footer_wrapper .footer .footer_column_menu {
    justify-items: center;
  }
  .our_works_slider_head {
    width: 100%;
    justify-content: space-between;
    grid-column-gap: 0px;
    margin-bottom: 25px;
  }
  .our_works_slider_head .slide_arrow svg {
    width: 40px;
  }
  .reviews_slider_head {
    width: 100%;
    justify-content: space-between;
    grid-column-gap: 0px;
    margin-bottom: 25px;
  }
  .reviews_slider_head .slide_arrow svg {
    width: 40px;
  }


  .printer_wrapper {
    width: 300px;
  }



  h1 {
    font-size: 22px;
  }
  h2 {
    font-size: 18px;
  }
  h3 {
    font-size: 16px;
  }
  h2.secondpage_title {
    font-size: 18px;
  }
  .secondpage_head_title {
    font-size: 14px;
  }
  .secondpage_head_title br {
    display: none;
  }
  .page_news_list_block_title {
    font-size: 16px;
  }

  .services_block .image_wrapper {
    width: 100%;
  }







}
@media (max-width: 500px) {
  .secondpage_head_title {
    font-size: 10px;
  }
}