@media (max-width: 980px) {
  .container {
    width: 100%;
    padding: 0 15px;
  }

  .kama_breadcrumbs .container {
    overflow: auto;
  }

  .kama_breadcrumbs .container span {
    white-space: nowrap;
  }

  #page {
    margin-top: 110px;
  }

  #page.no_margin {
    margin-top: 110px;
  }

  #header {
    display: none;
  }

  #header_mobile {
    display: block;
  }

  #page .page_title {
    font-size: 24px;
  }

  .page_home .section .section_title {
    display: block;
  }

  .page_home .section .section_title span {
    font-size: 26px;
    display: block;
  }

  .page_home .section .section_title .swiper_blog-pagination span {
    display: inline;
  }

  .page_home .section .section_title .swiper-pagination-fraction {
    width: auto;
  }

  .page_home .section .section_title .right {
    margin-top: 15px;
  }

  .page_home .section .section_title .btns .btn {
    padding: 10px;
    font-size: 12px;
  }

  .page_home .section .section_title .btns .btn i {
    display: none;
  }

  .page_home .welcome_slider .slider .item {
    display: block;
  }

  .page_home .welcome_slider .slider .item .image {
    display: none;
  }

  .page_home .welcome_slider .slider .item .content {
    width: 100%;
    padding-bottom: 0px;
    padding: 0;
    margin-top: 0px;
  }

  .page_home .welcome_slider .slider .item .content::before {
    display: none;
  }

  .page_home .welcome_slider .slider .item .content .inner {
    text-align: center;
  }

  .page_home .welcome_slider .slider .item .content .inner .title {
    font-size: 32px;
  }

  .page_home .welcome_slider .slider .item .content .inner .action {
    display: flex;
    flex-direction: column;
    gap: 15px 0;
    justify-content: center;
  }

  .page_home .welcome_slider .slider .controll {
    bottom: 0;
    justify-content: center;
  }

  .page_home .services .item {
    width: calc((100% / 1) - 30px);
    margin: 15px;
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius);
  }

  .page_home .services .item .wrap .title {
    font-size: 24px;
  }

  .page_home .services .item .wrap .list a {
    font-size: 16px;
  }

  .page_home .projects .tabs {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    align-items: flex-start;
  }

  .page_home .projects .tabs a {
    font-size: 12px;
    white-space: nowrap;
  }

  .page_home .projects .list .item {
    width: calc((100% / 1) - 40px);
    margin: 25px 20px;
  }

  .page_home .projects .list .item .info .info_item {
    font-size: 14px;
  }

  .page_home .projects .list .item .text_area .text {
    font-size: 13px;
  }

  .page_home .projects .list .item .btns .btn {
    padding: 10px;
    font-size: 14px;
  }

  .page_home .build .swiper_build .controll {
    top: 11%;
  }

  .page_home .build .item {
    display: block;
  }

  .page_home .build .item .images {
    width: 100%;
  }

  .page_home .build .item .images .thumbles {
    flex-wrap: wrap;
    gap: 10px 0;
    margin: 0 -5px;
    margin-top: 20px;
  }

  .page_home .build .item .images .thumbles .thumb {
    width: calc((100% / 4) - 10px);
    margin: 0 5px;
  }

  .page_home .build .item .wrap {
    width: 100%;
    margin-top: 25px;
  }

  .page_home .build .item .wrap .title {
    font-size: 24px;
  }

  .page_home .build .item .wrap .price_area {
    display: block;
  }

  .page_home .build .item .wrap .price_in .list .col {
    width: 100%;
  }

  .page_home .build .item .wrap .review .inner .image {
    display: none;
  }

  .page_home .networks {
    flex-wrap: wrap;
  }

  .page_home .networks .item {
    width: calc((100% / 2) - 50px);
    text-align: center;
  }

  .page_home .networks .item .icon {
    justify-content: center;
  }

  .page_home .networks .item .title {
    font-size: 14px;
  }

  .page_projects_archive .tags {
    flex-wrap: nowrap;
    align-items: flex-start;
    overflow: auto;
  }

  .page_projects_archive .tags .tag {
    font-size: 12px;
    white-space: nowrap;
  }

  .page_projects_archive .main {
    display: block;
  }

  .page_projects_archive .main .filter {
    width: 100%;
  }

  .page_projects_archive .main .list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 35px;
  }

  .page_projects_archive .main .list.full {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 35px;
  }

  .page_projects_archive .main .list .item {
    width: 100%;
  }

  .page_projects_archive .main .list.full .item {
    width: 100%;
  }

  .page_projects_single .main {
    display: block;
  }

  .page_projects_single .main .images_area {
    width: 100%;
  }

  .page_projects_single .main .general {
    display: block;
    margin-top: 35px;
  }

  .page_projects_single .main .general .info_area .actions .btns .btn {
    padding: 10px;
    font-size: 13px;
  }

  .page_projects_single .main .general .info_area .actions .whatsapp {
    display: none;
  }

  .page_projects_single .main .general .form_area {
    margin-top: 35px;
    width: 100%;
  }

  .page_projects_single .main .general .form_area::after {
    display: none;
  }

  .page_projects_single .note_typical {
    font-size: 14px;
    padding: 10px;
  }

  .page_projects_single .section .equipments .equipment {
    width: calc((100% / 1) - 30px);
  }

  .page_works_archive .main .filter {
    display: block;
  }

  .page_works_archive .main .filter .input_groups {
    display: block;
  }

  .page_works_archive .main .filter .input_groups .input_group {
    margin-bottom: 10px;
  }

  .page_works_archive .main .filter .input_groups .input_group:last-child {
    margin-bottom: 0;
  }

  .page_works_archive .main .filter .count {
    display: none;
  }

  .page_works_archive .main .list .item {
    display: block;
  }

  .page_works_archive .main .list .item .image {
    width: 100%;
  }

  .page_works_archive .main .list .item .wrap {
    width: 100%;
    display: block;
    margin-top: 25px;
  }

  .page_works_archive .main .list .item .wrap .title {
    font-size: 21px;
    line-height: 1.3;
  }

  .page_works_archive .main .list .item .wrap .btn {
    display: block;
  }

  .page_works_single .container {
    display: block;
  }

  .page_works_single .main {
    width: 100%;
  }

  .page_works_single .main .title {
    font-size: 24px;
  }

  .page_works_single .images_area {
    width: 100%;
    margin-top: 35px;
  }

  .page_blog_archive .main .sidebar {
    display: none;
  }

  .page_blog_archive .main .list {
    width: 100%;
  }

  .page_blog_archive .main .list .item {
    display: block;
  }

  .page_blog_archive .main .list .item .image {
    width: 100%;
  }

  .page_blog_archive .main .list .item .wrap {
    width: 100%;
  }

  .page_actions_archive .list .item {
    width: calc((100% / 1));
  }

  .page_contacts .summery .row {
    margin-bottom: 35px;
    display: block;
  }

  .page_contacts .summery .row .value {
    margin-top: 25px;
  }

  .page_contacts .summery .row .value .work_time .days div.off::after {
    content: "выходной";
    left: -8px;
    top: -18px;
  }

  .page_contacts .summery .row .value .emails {
    display: block;
  }

  .page_contacts .summery .row .value .emails .col {
    border-right: none;
    padding-right: 0;
    margin-bottom: 25px;
    text-align: left;
  }

  .page_contacts .summery .row .value .emails .col:last-child {
    margin-bottom: 0;
  }

  #footer .top {
    display: block;
    padding: 35px 0;
    text-align: center;
  }

  #footer .top .menu {
    display: block;
    width: 100%;
  }

  #footer .top .menu .menu-item {
    margin-bottom: 10px;
  }

  #footer .top .menu .menu-item:last-child {
    margin-bottom: 0;
  }

  #footer .top .soc {
    width: 100%;
    margin-top: 35px;
    justify-content: center;
  }

  #footer .bottom {
    display: block;
  }

  #footer .bottom .left {
    display: block;
  }

  #footer .bottom .left .text {
    width: 100%;
    margin-top: 25px;
  }

  #footer .bottom .right {
    margin-top: 25px;
  }

  #popups .inner {
    padding: 15px;
  }

  #popups .inner .close {
    right: 10px;
    top: 10px;
    background: url(./assets/img/popup_close_green.svg) center center no-repeat;
    width: 20px;
    height: 20px;
  }

  #popups .inner .popup {
    width: 100%;
    left: 0;
    border-radius: none;
  }

  #popup_send_project {
    width: 100% !important;
    left: 0 !important;
  }
  #popups .inner .popup .popup_right {
    display: none;
  }
  #popups .inner .popup .popup_left {
    width: 100%;
    padding: 20px 20px;
  }
}