@media (max-width: 1850px) {
    /* s2 */
    /* bitrix */
    .bitrix .s2_inner .important .row1{
        display: grid;
        grid-template-columns: 1fr 1.5fr;
        gap: 40px;
    }
    /* /bitrix */
    /* /s2 */

}
@media (max-width: 1750px) {
    /* s1 */
    .faq_page .section_1{
        background-position: 100%, right -50px bottom 50px !important;    }
    .section_1{
        background-position: bottom right !important;
    }
    .section_1 .s1_inner .left_block h1{
        max-width: 695px;
    }
    /* /s1 */
    /* s2 */
    /* bitrix */
    .bitrix .s2_inner .important .row1{
        padding-bottom: 20px;
        gap: 25px;
    }
    /* /bitrix */
    /* /s2 */

}
@media (max-width: 1650px) {
    /* main */
    main h2, .h2{
        margin: 0;
        font-size: 40px;
    }
    main .section{
        padding: 100px 0;
    }
    main .section_top{
        padding: 100px 0 0 0;
    }
    main .section_bottom{
        padding: 0 0 100px 0;
    }
    main .section_running_line.section{
        margin: 50px 0;
    }
    main .section_running_line.section_bottom{
        margin: 0 0 50px 0;
    }
    main .section_running_line.section_top{
        margin: 50px 0 0 0;
    }
    main .home .section_advantages.section{
        padding: 100px 0;
    }
    /* /main */
    /* s1 */

    .section_1 .s1_inner {
        padding: 120px 0;
    }
        /* bitrix */
    main .bitrix .section_1{
        background-size: auto, 550px !important;
        background-position: 100%, right -110px bottom !important;
    }
    .bitrix .section_1 .s1_inner {
        padding: 120px 0 160px 0;
    }
        /* /bitrix */
        /* 1c */
    .one_c .section_1{
        background-size: auto, 450px !important;
        background-position: 100%, right 10px bottom -50px !important;
    }
    .one_c .s1_inner
    {
         padding: 120px 0;
    }

    .one_c .section_1 h1{
        max-width: 80%;
    }
        /* /1c */
        /* faq */
    .faq_page .section_1 {
        background-size: auto, 600px !important;
    }
    .faq_page .section_1 .s1_inner .input_container {
        margin-top: 40px;
    }
    /* /faq */
    /* /s1 */
    /* s2 */
        /* bitrix */
    main .bitrix .s2_inner{
        gap: 60px;
    }
    main .bitrix .section_2.section{
        padding: 80px 0 100px 0;
    }
        /* /bitrix */
        /* 1c */
    .one_c .section_2 .s2_inner p{
        font-size: 24px;
    }
        /* /1c */
    main .one_c .section_2.section_top{
        padding: 80px 0 0 0;
    }
    .s2_inner .important .row1 .right .item{
        height: 180px;
    }
    /* /s2 */
    /* s3 */
        /* 1c */
    .one_c .plus .item{
        padding: 24px;
    }
    .one_c .plus .item_main h3{
        font-size: 20px;
    }

        /* /1c */
    /* /s3 */
    /* advantages */

    main .advantages_inner .advantages .last .item_main p{
        font-size: 20px;
    }
    /* /advantages */
    /* footer */
    .footer-container .row1{
        gap: 150px;
    }
    /* /footer */
    /* contact form */
    .warning_container .warning p{
        display: block;
    }
    main .p_inner .wpcf7-form{
        gap: 80px;
        grid-template-columns: 600px 1fr;
    }
    /* /contact form */
}
@media (max-width: 1550px) {
    /* main */
    .__container {
        max-width: calc(100% - 150px);
    }
    /* /main */
    /* header */
    .primary-menu ul {
        gap: 25px;
    }
    /* /header */
    /* s1 */
    .section_1 {
        background-position: 100%, bottom right -100px !important;
        background-size: auto, 700px !important;
    }
    /* /s1 */
    /* s2 */
        /* main */
        /* /main */

    /* /s2 */
    /* s4 */
        /* bitrix */
    .s4_inner .project .item ul{
        padding-right: 24%;
    }
    .s4_inner .project .item{

    }
        /* /bitrix */
    /* /s4 */
    /* s6 */
        /* bitrix */
    .bitrix .section_6 .s6_inner .cases .item{
        gap: 32px;
    }
    .bitrix .section_6 .s6_inner .cases .item h3 {
        padding: 0 24px;
    }
    .bitrix .section_6 .s6_inner .cases .item .description .row {
        padding: 0 24px;
    }
    /* /bitrix */
    /* /s6 */

}
@media (max-width: 1440px) {
    /* main */
    .__container {
        max-width: calc(100% - 130px);
    }
    /* /main */
    /* s1 */
        /* bitrix */
    .bitrix .section_1 .s1_inner h1, .bitrix .section_1 .s1_inner .h1
    {
        width: 60%;
    }
        /* /bitrix */
        /* 1c */
    .one_c .section_1 h1 {
        max-width: 55%;
    }
        /* /1c */
    /* /s1 */
    /* s3 */
        /* contact */
        .contact .section_3 .s3_inner .contact_data .row1 a,
        .contact .section_3 .s3_inner .contact_data .row1 span,
        .contact .section_3 .s3_inner .contact_data .row2 a,
        .contact .section_3 .s3_inner .contact_data .row2 span.c,
        .contact .section_3 .s3_inner .contact_data .row3 a,
        .contact .section_3 .s3_inner .contact_data .row3 span{
            font-size: 16px;
        }
        /* /contact */
    /* /s3 */
    /* header */
    .primary-menu ul {
        gap: 0px;
    }
    .header-container .phone a{
        gap: 0;
    }
    .header .primary-menu .menu-verhnee-menyu-container  li a {
         padding: 10px 10px;
     }
    .header-container .col_1{
        gap: 30px;
    }
    .header-container .col_2{
        gap: 30px;
    }
    /* /header */

  .location .right-side .right-side-container {
    margin: 0 auto 0 40px;
  }
  .ricvizit-container {
    margin: 0 40px 0 40px;
    overflow-x: scroll;
  }
  .error_page .s1 .s1-container h1{
    font-size:170px;
}

}
@media (max-width: 1340px) {
    /* main */
    .__container {
        max-width: calc(100% - 100px);
    }
    /* /main */
    /* header */
    .header-container .consultation span svg{
        width: 30px;
        height: 30px;
    }
    /* /header */

    /* advantages */
    main .advantages_inner .advantages .item{
        padding: 24px 20px;
    }
    main .advantages_inner .advantages .item .item_main {
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-between;
        align-items: flex-start;
    }
    main .advantages_inner .advantages .last .item_main {
        flex-direction: column;
    }
    main .advantages_inner .advantages .last .item_main p{
        font-size: 18px;
    }
    main .advantages_inner .advantages .item .item_main h3{
        max-width: 100%;
        font-size: 20px;
        word-break: break-word;
    }
    main .advantages_inner .advantages .item  p{
        font-size: 16px;
    }
    main .advantages_inner .advantages .item .item_main img{
        width: 48px;
    }
    /* /advantages */

    /* footer */

    /* /footer */





    
  
    .error_page .s1 .s1-container h1{
    font-size:150px;
}
    .content-container{
            width: 90%;
    }
  .kontakty .contacts .contacts__item {
    width: calc(100% / 4 - 10px);
    padding: 20px 20px 20px 60px;
  }
  .kontakty .contacts .contacts__item::before {
    left: 20px;
    top: 25px;
  }
  .location .left-side, .location .right-side {
    width: 100%;
  }
  .location__map {
    min-height: 400px;
  }
  .location .right-side .right-side-container {
    margin: 0 auto 0 auto;
    /* width: max-content; */
    max-width: 450px;
  }
  .s4 .block-container .block__left {
    width: 50%;
  }
  .s4 .block-container .block__right {
    padding-right: 0px;
    width: calc(50% - 40px);
  }
}
@media (max-width: 1280px) {
    /* main */
    main h2, .h2{
        margin: 0;
        font-size: 32px;
    }
    p{
        font-size: 20px;
    }
    main .section{
        padding: 80px 0;
    }
    main .section_top{
        padding: 80px 0 0 0;
    }
    main .section_bottom{
        padding: 0 0 80px 0;
    }
    main .section_running_line.section{
        margin: 40px 0;
    }
    main .section_running_line.section_bottom{
        margin: 0 0 40px 0;
    }
    main .section_running_line.section_top{
        margin: 40px 0 0 0;
    }
    main .home .section_advantages.section{
        padding: 80px 0;
    }
    /* /main */
    /* header */

    .burger-menu {
        display: flex;
    }
    .header .nav-container{
        order: 1;
    }
    .header .logo{
        order: 2;
    }
    .header-container .col_1{
        gap: 24px;
    }
    .primary-menu {
        z-index: 999;
        position: fixed;
        top: 0;
        right: -100%;
        width: 40%;
        height: 100%;
        background: #333;
        padding-top: 60px;
        transition: right 0.3s ease;
    }

    .primary-menu.active {
        right: 0px;
    }

    .primary-menu ul {
        gap: 20px;
        list-style: none;
        padding: 0;
        margin: 0;
        flex-direction: column;
    }
    .menu-arrow svg{
        padding: 15px 10px;
    }
    .menu-item-has-children.active .menu-arrow {
        transform: rotate(180deg) translateY(10px);
    }
    .primary-menu ul .menu-verhnee-menyu-container ul li {
        padding: 0px;
        text-align: center;
        margin: 0px;
    }

    .primary-menu ul .menu-verhnee-menyu-container ul li a {
        color: #ffffff;
        font-size: 24px;
        font-weight: 700;
        display: flex;
        gap:5px;
        text-decoration: none;
    }
    .header .primary-menu li a{
        border: none;
    }
    .primary-menu ul .menu-verhnee-menyu-container ul li a:hover {
        color: #ddd;
    }
    .primary-menu .menu-verhnee-menyu-container  {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .header .primary-menu li a:hover{
        border:none;
    }
    .primary-menu ul.sub-menu {
        display: flex;
        height: 0px;
        opacity: 0;
        padding: 0px;
        position: static;
        background: none;
        transition: height 0.3s ease-out, opacity 0.5s ease-out, transform 0.3s ease-out;
    }

    .menu-item-has-children.active .sub-menu {
        height: 200px;
        opacity: 1;
        padding: 5px 10px;
        transition: height 0.3s ease-out, opacity 0.5s ease-out, transform 0.3s ease-out; /* Ускоряем opacity для активного состояния */
    }

    .menu-item-has-children:not(.active) .sub-menu {
        transition: height 0.3s ease-out, opacity 0.01s ease-out, transform 0.3s ease-out; /* Еще быстрее для неактивного состояния */
    }
    .menu-verhnee-menyu-container ul  .sub-menu .menu-item-object-page{
        height: 0px;
        padding: 0px;
        margin: 0px;
    }
    .menu-verhnee-menyu-container ul .menu-item-has-children.active .sub-menu .menu-item-object-page{
        height: auto;
        padding: 10px 15px;
        margin: 10px 0;
    }
    .header .primary-menu .menu-verhnee-menyu-container li .sub-menu a{
        height: 0px;
        padding: 0px;
    }
    .header .primary-menu .menu-verhnee-menyu-container .menu-item-has-children.active .sub-menu  li a{
        height: auto;
        padding: 10px 20px;
    }

    /* /header */
    /* s1 */
    .section_1 .s1_inner {
        padding: 90px 0;
    }
    .section_1 {
        background-size: auto, 500px !important;
    }
        /* 1c */
    .one_c .section_1 h1{
        font-size: 48px;
    }
    .one_c .section_1 {
        background-size: auto, 400px !important;
        background-position: 100%, right 10px bottom -10px !important;
    }
        /* /1c */
        /* bitrix */
    .bitrix .section_1 .s1_inner h1, .bitrix .section_1 .s1_inner .h1{
        font-size: 48px;
    }
    main .bitrix .section_1 {
        background-position: 100%, right -80px bottom !important;
    }
    .bitrix .section_1 .s1_inner{
        padding: 100px 0;
    }
        /* /bitrix */
        /* faq */
    .faq_page .section_1 {
        background-position: 100%, right -65px bottom 50px !important;
        background-size: auto, 450px !important;
    }
    .faq_page .section_1 .s1_inner .input_container {
        margin-top: 10px;
        width: 60%;
    }
    .faq_page .section_1 .s1_inner h1{
        font-size: 42px;
    }
    .faq_page .section_1 .s1_inner p{
        font-size: 20px;
    }
        /* /faq */
        /* contact */
    .contact .section_1 {
        background-size: 100%, 450px !important;
        background-position: 100%, bottom 30px right 30px !important;
    }
    .contact h1{
        font-size: 42px;
    }
    /*.contact .s1_inner p{*/
    /*    font-size: 20px;*/
    /*}*/
        /* /contact */
    /* /s1 */
    /* s2 */
        /* bitrix */
    main .bitrix .section_2.section{
        padding: 80px 0 80px 0;
    }
    .s2_inner .important .row1 .right .item p{
        font-size: 16px;
    }
        /* /bitrix */
        /* 1c */
    main .one_c .section_2.section_top{
        padding: 60px 0 0 0;
    }
    .one_c .section_2 .s2_inner p{
        font-size: 20px;
    }
        /* /1c */
    /* /s2 */
    /* s3 */
        /* bitrix */
    .s3_inner .methods .item{
        padding: 24px;
        background-size: auto 100px;
        background-position: right 15px bottom 20px;
    }
    .methods .item .row2 a{
         font-size: 16px;
     }
    .section_3 .s3_inner .methods{
        padding: 40px 0 0 0;
    }
        /* /bitrix */
        /* 1c */
    .one_c .section_3 .s3_inner h2{
        margin: 0 0 40px 0;
    }
    .one_c .plus{
        gap: 16px;
    }
    .one_c .plus .item_main{
        grid-template-columns: 1fr 48px;
    }
    .one_c .plus .item_main img{
        width: 48px;
    }
    .one_c .plus .item p{
        font-size: 16px;
    }
        /* /1c */
        /* contact */
    .contact .section_3 .s3_inner .contact_data h2{
        font-size: 20px;
    }
    .contact .section_3 .s3_inner .contact_data .row1 a,
    .contact .section_3 .s3_inner .contact_data .row1 p{
        font-size: 18px;
    }
    .contact .section_3 .s3_inner .contact_data .row2 {
        font-size: 16px;
    }
    .contact span.contact-form-button {
        padding: 18px 32px;
    }
    .contact .section_3 .s3_inner .contact_data {
        gap: 16px;
    }
    .contact .section_3 .s3_inner {
        gap:16px;
    }
    /* /contact */
    /* /s3 */
    /* s4 */
        /* bitrix */
    main .bitrix .project{
        padding: 40px 0 0 0;
    }
    .s4_inner .project .item{
        padding: 32px 20px;
        background-position: 120% 55%;
    }
    main .bitrix .section_5 .swiper-wrapper{
        gap: 0px;
    }
    main .bitrix .section_5 .swiper-wrapper .swiper-slide{
        gap: 0px;
    }
        /* /bitrix */
        /* 1c */
    .one_c .s4_inner .solutions{
        gap :16px;
        margin-top: 40px;
    }
    .one_c .section_4 p{
        font-size: 18px;
    }
        /* /1c */
    /* /s4 */
    /* s5 */
        /* bitrix */
    main .bitrix .section_5 .swiper-wrapper{
        margin-top: 40px;
    }
    .bitrix .section_5 .swiper-wrapper .swiper-slide .item p{
        font-size: 16px;
    }
    .bitrix .section_5 .swiper-wrapper .swiper-slide .item{
        padding: 24px 24px 32px 24px;
    }
        /* /bitrix */
        /* 1с */
    .one_c .s5_inner .example{
        gap: 16px;
        margin-top:40px;
    }

    .one_c .s5_inner .example .item h3{
        padding: 32px 24px 20px 24px;
        font-size: 24px;
    }
    .one_c .s5_inner .example .item p{
        padding: 0 24px;
    }
        /* /1с */
    /* /s5 */
    /* s6 */
        /* bitrix */
    main .bitrix .section_6 .s6_inner{
        gap: 50px;
    }
    .bitrix .section_6 .s6_inner .cases .item{
        gap: 24px;
    }
    .bitrix .section_6 .s6_inner .cases .item .description .row {
        padding: 0 20px;
    }
    .bitrix .section_6 .s6_inner .cases .item h3{
        padding: 0 20px;
        font-size: 24px;
    }
    .bitrix .section_6 .s6_inner .cases .item .description .row :not(.first){
        font-size: 16px;
    }
    .bitrix .section_6 .s6_inner .cases .item .description{
        gap: 20px;
    }
    .bitrix .section_6 .s6_inner .cases .item .description .row{
        grid-template-columns: 1fr;
        gap: 8px;
    }
        /* /bitrix */
    /* /s6 */

    /* footer */
    .footer-container .row1{
        gap: 100px;
    }
    .footer-container .row1 .nav-container {
        align-items: flex-start;
    }
    /* /footer */
    /* contact form */
    .warning_container .warning p,
    .warning_container .warning a
    {
        font-size: 14px;
    }
    main .p_inner .wpcf7-form{
        gap: 60px;
        grid-template-columns: 500px 1fr;
    }
    /* /contact form */
}
@media (max-width: 1150px) {
    /* main */
    .__container {
        max-width: calc(100% - 70px);
    }
    /* /main */
    /* s1 */

        /* bitrix */
    .bitrix .section_1{
        margin: 0 5px;
        background-size: 180%;
        background-position: 85% bottom;
    }
    .bitrix .section_1 .s1_inner h1, .bitrix .section_1 .s1_inner .h1
    {
        width: 55%;
        font-size: 48px;
        /*padding: 100px 0;*/
    }
        /* /bitrix */
    .home h1,
    .home.h1
    {
        font-size: 52px;
    }
    .s1_inner .left_block p{
        font-size: 18px;
    }
    .s1_inner .left_block{
        gap: 30px;
    }
    /* /s1 */
    /* s2 */

    .s2_inner .solutions .item {
        padding: 32px 24px;
    }
    .s2_inner .solutions .item h3{
        font-size: 24px;
    }
    .s2_inner .solutions .item p{
        font-size: 16px;
    }
        /* bitrix */
    .bitrix .section_2 .s2_inner h2{
        font-size: 24px;
    }
    .section_2 .s2_inner .important{
        padding: 40px 24px;
    }
    .bitrix .section_2 .s2_inner p{
        font-size: 20px;
    }
        /* bitrix */
    /* /s2 */
        /* main */
    .s2_inner h2{
        max-width: 75%;
    }

        /* /main */

    /* /s2 */
    /* s3 */
        /* bitrix */
    .section_3 .s3_inner .methods p{
        font-size: 16px;
    }
        /* /bitrix */
    /* /s3 */
    /* s5 */
        /* bitrix */
    .bitrix .s5_inner .row1 p{
        width: 100%;
    }
        /* /bitrix */
    /* /s5 */
    /* faq */
    .faq .faq-answer{
        font-size: 16px;
    }
    .faq .faq-question {
        font-size: 18px;
    }
    .faq .faq-item {
        padding: 28px 24px;
    }
    /* /faq */
    /* running line */
    .rl_inner .content a{
        padding: 10px 40px;
    }
    .rl_inner .content p {
        line-height: 1;
        font-size: 20px;
    }
    .rl_inner .content a svg{
        width: 14px;
        height: 14px;
    }
    .rl_inner {
        padding: 20px;
    }
    /* /running line */
    /* footer */
    .footer-container .row1{
        gap: 80px;
    }
    footer .footer-menu li a{
        font-size: 16px;
    }
    .footer .footer-container .row1 .info .location p, a{
        font-size: 16px;
    }
    .footer .footer-container .row1 .communications .phone a{
        font-size: 16px;
    }
    .footer .footer-container .row1 .communications .consultation a,
    .footer .footer-container .row1 .communications .consultation span{
        font-size: 16px;
    }
    /* /footer */



  .error_page .s1 .s1-container h1{
    font-size:120px;
}
  .kontakty .contacts .contacts__item {
    width: calc(100% / 2 - 10px);
    padding: 20px 20px 20px 60px;
    margin-bottom: 20px;
  }
  .cards.poleznoe .card {
    width: calc(100% / 2 - 10px);
  }
  .cards .card {
    width: calc(100% / 2 - 16px);
  }
  .s6 .group__item {
    width: calc(100% / 2 - 10px);
    margin-bottom: 20px;
  }
  .s6 .group__item:nth-child(2n) {
    margin-right: 0;
  }
  .page-wrapper a{
      line-height: 1.5;
  }
  .content-ticket{
      gap: 10px;
  }
  h1{
      font-size: 35px;
  }
  .s1-container .title_img p{
      font-size: 35px;
  }
 

}
@media (max-width: 1024px) {
    /* main */
    main h2, .h2{
        margin: 0;
        font-size: 28px;
    }
    .__container {
        max-width: calc(100% - 50px);
    }
    h3, .h3
    {
        font-size: 24px;
    }
    p{
        font-size: 16px;
    }
    /* /main */
    /* header */
    .col_2 .social_container a img{
        width: 20px;
    }
    .col_2 .phone a svg{
        width: 20px;
    }
    .header-container .consultation span svg{
        width: 25px;
        height: 25px;
    }
    /* /header */
    /* s1 */

    .background{
        background-position: 60%;
        height: 90vh;
    }
    .home h1,
    .home.h1
    {
        font-size: 40px;
    }
    .s1_inner .left_block h1, .s1_inner .left_block p {
        width: 60%;
    }
        /* bitrix */
    main .bitrix .section_1 {
        background-position: 100%, right -50px bottom !important;
        background-size: auto, 350px !important;
    }
    .bitrix .section_1 .s1_inner h1, .bitrix .section_1 .s1_inner .h1,
    .one_c .section_1 .s1_inner h1, .one_c .section_1 .s1_inner .h1{
        width: 65%;
        font-size: 32px;
        /*padding: 100px 0;*/
    }
        /* /bitrix */
        /* 1c */
    .one_c .section_1 {
        background-size: auto, 300px !important;
    }
    .one_c .section_1 h1{
        font-size: 32px;
        max-width: 75%;
    }
        /* /1c */
        /* faq */
    .faq_page .section_1 .s1_inner h1{
        font-size: 32px;
    }
    .faq_page .section_1 {
        background-position: 100%, right -190px bottom 50px !important;
        background-size: auto, 500px !important;
    }
    .faq_page .section_1 .s1_inner .input_container {
        margin-top: 20px;
        background-color: #FFFFFFE5;
    }
    .faq_page .section_1 .s1_inner p{
        width: 70%;
    }
        /* /faq */
        /* contact */
    .contact .section_1 {
        background-size: 100%, 400px !important;
        background-position: 100%, bottom 30px right -50px !important;
    }
    .contact h1{
        font-size: 32px;
    }
    .contact .s1_inner p{
        font-size: 18px;
    }
        /* /contact */
    /* /s1 */
    /* s2 */
    main .bitrix .section_2.section{
        padding: 60px 0 80px 0;
    }
    main .s2_inner .solutions .text p{
    margin-left: 0px;
    }
    main .s2_inner .solutions .item a{
        margin-left: 0px;
    }
    main .s2_inner .solutions .last span.hover{
        margin-left: 0px;
    }
    .s2_inner .solutions{
    margin-top: 40px;
    }
    .s2_inner .solutions .item {
        padding: 28px 20px;
        background-size: 200px;
        background-position: bottom -13px right;
    }
    .s2_inner .solutions .last {
    background-size: 100px;
    background-position: 95% 100%;
    }
    /* bitrix */
    .bitrix .s2_inner .important .row1{
        grid-template-columns: 1fr;
    }
    .s2_inner .important .row1 .right{
        grid-row-start: 1;
    }
    main .bitrix .s2_inner{
        gap: 40px;
    }
        /* /bitrix */
    /* /s2 */
    /* s3 */
        /* bitrix */
    main .p{
        font-size: 20px;
    }
    .s3_inner .methods p{
        font-size: 16px;
    }
    .methods .item .row2 a{
        font-size: 14px;
    }
        /* /bitrix */
        /* 1c */
    .one_c .section_3 .plus .item_main{
        padding: 0px;
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .one_c .plus .item_main img{
        grid-row: 1;
    }
        /* /1c */
        /* contact */
    .contact .section_3 .s3_inner .contact_data .row1 a,
    .contact .section_3 .s3_inner .contact_data .row1 p{
        font-size: 16px;
    }
    .contact span.contact-form-button {
        padding: 16px 24px;
    }
        /* /contact */
    /* /s3 */
    /* s4 */
        /* bitrix */
    .s4_inner .project .item {
        padding: 32px 20px 200px 20px;
        background-position: center 110%;
        background-size: 80%;
    }
        /* /bitrix */
        /* 1c */
    .one_c .section_4 .solutions h3{
        font-size: 24px;
    }
    .one_c .solutions p{
        font-size: 16px;
    }
    .one_c .section_4 .solutions .item{
        padding: 28px 20px;
    }
    .one_c .section_4 .solutions .item .row2 a{
        font-size: 16px;
    }
        /* /1c */
    /* s4 */
    /* s5 */
        /* 1c */
    .one_c .s5_inner .example .item p{
        font-size: 16px;
    }
        /* /1c */
    /* /s5 */
    /* s6 */
        /* bitrix */
    main .bitrix .section_6 .s6_inner{
        gap: 40px;
    }
    .bitrix .section_6 .s6_inner .cases .item h3{
        font-size: 20px;
    }
    .bitrix .section_6 .s6_inner .cases .item img{
        width: 120%;
    }
        /* /bitrix */
    /* s6 */
    /* footer */
    .footer{
        padding: 60px 0 20px 0;
    }
    .footer-container .row1 {
        padding-bottom: 60px;
        gap: 50px;
    }
    .footer .logo p{
        font-size: 12px;
    }
    footer .footer-menu li a{
        font-size: 14px;
    }
    .footer .footer-container .row1 .info .location p, a{
        font-size: 14px;
    }
    .footer .footer-container .row1 .communications .phone a{
        font-size: 14px;
    }
    .footer .footer-container .row1 .communications .consultation a,
    .footer .footer-container .row1 .communications .consultation span{
        font-size: 14px;
        padding: 8px 20px;
    }
    /* /footer */
    /* advantages */
    main .advantages_inner .advantages .item .item_main h3{
        max-width: 100%;
    }
    .advantages_inner .advantages .item.last .item_main{
        flex-direction: column;
        align-items: flex-start;
    }
    .advantages_inner .advantages{
        grid-template-columns: repeat(6,1fr);
        gap: 13px;
    }

    .advantages_inner .advantages .item_1{
        grid-column-start: 1;
        grid-column-end: 3;
    }
    .advantages_inner .advantages .item_2{
        grid-column-start: 3;
        grid-column-end: 5;
    }
    .advantages_inner .advantages .item_3{
        grid-column-start: 5;
        grid-column-end: 7;
    }

    .advantages_inner .advantages .item_4{
        grid-column-start: 1;
        grid-column-end: 4;
    }
    .advantages_inner .advantages .item_5{
        grid-column-start: 4;
        grid-column-end: 7;
    }
    .advantages_inner .advantages .item_6{
        grid-column-start: 1;
        grid-column-end: 7;
    }
    /* /advantages */
    /* contact form */
    .cf7_title .h3{
        font-size: 28px;
    }
    main .p_inner .wpcf7-form{
        gap: 30px;
        grid-template-columns: 410px 1fr;
    }
    /* /contact form */


    .header .theme {
        background-size: 60%;
        width: 35px;
        height: 35px;
    }
    .s4 .map_container iframe{
        height: 400px;
    }
    .error_page .s1 .s1-container h1{
    font-size:100px;
}
  h1, .h1 {
    font-size: 30px;
    text-align: left;
    display: block;
    margin: 0;
    margin-bottom: 35px;
  }
  .s1-container .title_img p{
       font-size: 30px;
    text-align: left;
    display: block;
    margin: 0;
    margin-bottom: 35px;
  }
  /*h2, .h2 {
    text-align: left;
    font-size: 27px;
    display: block;
  }*/
  h3 {
    font-size: 20px;
  }
  h4 {
    font-size: 19px;
  }
  h5 {
    font-size: 19px;
  }
  .s1-container .slides .slide .slide__title {
    font-size: 24px;
  }
  .recvizit .contacts-table .contacts-table__item td, .recvizit .contacts-table .contacts-table__item th {
    font-size: 14px;
  }
  .s1-container .slides .slide .slide-container {
    width: calc(100% - 150px);
  }
  .s2 .s2-container .left-side {
    margin-bottom: 40px;
  }
  .s2 .s2-container .left-side, .s2 .s2-container .right-side {
    width: 100%;
  }
  .o-kompanii .content-container .left-side {
    margin-bottom: 40px;
  }
  .o-kompanii .content-container .left-side,
  .o-kompanii .content-container .right-side {
    width: 100%;
  }
  .cat-description .cat-description-container .cat-content {
    padding: 60px 25px;
  }
}
@media (max-width: 900px){
    /* header */
    .header-container .col_2 {
        gap: 16px;
    }
    .header-container .social_container {
        gap: 10px;
    }

    /* /header */
    /* main */
    .__container {
        max-width: calc(100% - 30px);
    }
    /* /main */
    /* s1 */
    .section_1 {
        background-position: 100%, bottom right -50px !important;
        background-size: auto, 300px !important;
    }
    /* /s1 */
    /* s2 */
    .s2_inner .solutions .item h3{
        font-size: 20px;
    }
        /* bitrix */
    .section_4 .s2_inner .important .row1 .left h2{
        font-size: 24px;
    }
        /* /bitrix */
    /* /s2 */


    /* footer */
    .footer .footer-container .row1 .nav-container .menu-menyu-footer-container .footer-menu{
        padding: 0;
    }
    .footer .footer-container .row1 .info,
    .footer-container .row1 .nav-container{
        grid-row-start: 2;
    }
    .footer-container .row1{
        gap: 30px;
        grid-template-columns: repeat(2, 1fr);
    }
    /* /footer */
    .primary-menu{
        width: 50%;
    }
    header .logo__svg{
        width:80%;
    }
     #nav_opener:checked ~ .menu-verhnee-menyu-container{
      width:50%;
  }
   .wpcf7 .wpcf7-form {
    padding: 10px;
    gap: 15px;
    flex-direction: column;
}
    .footer .logo {
    height: 100%;
    width: 200px;
}
    .s4 .map_container iframe {
        height: 500px;
    }
    .s4{
        grid-template-columns: 1fr;
        grid-template-rows: 2fr 1fr;
    }
    .s4 .contact_data{
        grid-row: 2;
    }
    .__container1{
        margin: 0;
    }
    .error_page .s1 .s1-container h1{
    font-size:80px;
}
    
    .content-container {
        width: 100%;
    }
    .content-ticket{
        display:grid;
        grid-template-columns:1fr 1fr;
    }
}
@media (max-width: 820px) {
    /* header */
    .header .logo__img img {
        width: 107px;
    }
    .col_2 .social_container a img {
        width: 16px;
    }
    .col_2 .phone a svg {
        width: 16px;
    }
    .header-container .phone a p{
        font-size: 14px;
    }
    .header-container .consultation span p{
        font-size: 14px;
    }
    .header-container .consultation span svg {
        width: 20px;
        height: 20px;
    }
    .header-container .consultation span{
        padding: 8px 16px;
    }
    /* /header */
    /* s1 */
        /* contact */
    .contact .section_1 {
        background-size: 100%, 250px !important;
        background-position: 100%, bottom right !important;
    }
    .contact .s1_inner p {
        display: none;
    }
        /* /contact */
    /* /s21*/
    /* s2 */
        /* contact */
    .contact .section_2 {
        display: block;
    }
        /* /contact */
    /* /s2 */
    /* s3 */
        /* contact */
    .contact .section_3 .s3_inner {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .contact .section_3 .s3_inner .contact_data {
        gap: 12px;
        grid-template-columns: 1fr 1fr;
    }
    .contact .section_3 .s3_inner .contact_data .row2{
        grid-row: 1;
        grid-column-start: 1;
        grid-column-end: 3;
    }
    .contact .section_3 .s3_inner .contact_data .row2 .contents{
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
        /* /contact */
    /* /s3 */
    /* contact form */
    .warning_container .warning p{
        width: auto;
    }
    /* /contact form */
    /* 404 */
    .error_page h1 {
        font-size: 100px;
    }
    /* /404 */
}
@media (max-width: 768px) {
    /* header */
    .header-container .col_2{
        gap: 30px;
    }
    .col_2 .social_container{
        display: none;
        padding: 0;
    }
    .header-container .social_container a {
        height: 0;
        width: 0;
    }
    /* /header */
    /* s1 */
    .s1_inner .left_block{
        gap: 20px;
        width: 100%;
    }
    /* /s1 */
    /* s2 */
    .s2_inner .solutions{
        grid-template-columns: repeat(2,1fr);
    }
    .s2_inner .solutions .last{
        grid-column-start: 1;
        grid-column-end: 3;
        background-size: 130px;
    }
    .s2_inner .solutions .last h3, .last p{
        width: 80%;
    }
    /* /s2 */
    /* s3 */
    .s3_inner .advantages .last img {
        height: 200px;
        width: 200px;
    }
        /* bitrix */
    .section_3 .s3_inner .methods {
        grid-template-columns: repeat(2, 1fr);
    }
    .s3_inner .methods .item.last{
        grid-column: 1;
        grid-column-end: 3;
    }
    .s3_inner .methods .item .row2 .contact-form-button .mob {
        display: block;
    }
    .methods .item .row2 .contact-form-button .pc {
        display: none;
    }
        /* /bitrix */
    /* /s3 */
    /* s4 */
        /* bitrix */
    .bitrix .s4_inner .project {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, 1fr);
    }
    .s4_inner .project .item ul {
        padding-right: 200px;
    }
    .s4_inner .project .item{
        padding: 32px 20px;
        background-size: 38%;
        background-position: right;
    }
        /* /bitrix */
    /* /s4 */



    .error_page .s1 .s1-container h1{
    font-size:60px;
}
  body {
    font-size: 18px;
  }
  .header .call-order {
    display: none;
  }
  .o-kompanii__link,
  .s2 .phone {
    font-size: 24px;
  }
  .s2 .sep {
    margin: 0 20px;
  }
  .cards .card {
    width: calc(100% / 2 - 10px);
  }
  .s4 .block-container .block__left {
    display: none;
  }
  .s4 .block-container .block__right {
    width: 100%;
  }
  .s5__title {
    font-size: 18px;
    width: calc(100% - 300px);
  }
  .side-social {
    top: calc(100% - 45px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: transparent;
  }
  header.active + .side-social {
    background-color: #fff;
    -webkit-box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.15);
    box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.15);
    z-index: 5;
  }

  main.nashi-uslugi .sides {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  main.nashi-uslugi .sides .side {
    width: 100%;
  }
  .content-list {
    justify-content: center;
}
    .content-container {
        width: auto;
    }
    
    .__block {
    margin: 40px 0 0 0;
}
}
@media (max-width: 700px) {
    /* header */
    .header-container .col_2 {
        gap: 10px;
    }
    /* /header */
    /* main */

    /* /main */
    /* s1 */
    .section_1{
        background-position: 100%, bottom right -150px !important;    }
    .home h1,
    .home.h1
    {
        font-size: 36px;
    }
    .s1_inner .left_block h1, .s1_inner .left_block p {
        width: 90%;
    }
    .s1_inner .left_block p{
        font-size: 16px;
        width: 70%;
    }
    .s1_inner .left_block .btn_help_choice{
        font-size: 16px;
    }
        /* bitrix */
    .bitrix .section_1{
        margin: 0;
    }
        /* /bitrix */
        /* 1c */
    main .one_c .section_1{
        background-position: 100%, right -50px bottom -10px !important;
        margin: 0px;
    }
        /* /1c */

    /* /s1 */
    /* s2 */
    .s2_inner .solutions{
        margin-top: 30px;
    }
        /* 1c */
    .one_c .section_2 .s2_inner p{
        font-size: 18px;
    }
        /* /1c */
    /* /s2 */
    /* s3 */
        /* 1c */
    .one_c .plus{
        grid-template-columns: repeat(2,1fr);
        gap: 12px;
    }
    .plus .item_1,
    .plus .item_2,
    .plus .item_3,
    .plus .item_4{
        grid-column-start: auto;
        grid-column-end: auto;
    }

    .plus .item_5 {
        grid-column-start: 1;
        grid-column-end: 3;
    }
    .one_c .plus .item{
        padding: 20px;
    }
        /* /1c */
    /* /s3 */
    /* s4 */
        /* 1c */
    .one_c .s4_inner .solutions {
        grid-template-columns: 1fr;
        gap: 12px;
    }
        /* /1c */
    /* /s4 */
    /* s5 */
        /* 1c */
    .one_c .s5_inner .example {
        gap: 12px;
        grid-template-columns: 1fr;
    }
        /* /1c */
    /* s5 */
    /* advantages */

    main .advantages_inner .advantages .item{
        padding: 20px 16px;
    }
    main .advantages_inner .advantages .item .item_main {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    main .advantages_inner .advantages .last .item_main p{
        font-size: 16px;
    }
    main .advantages_inner .advantages .last img {
        width: 125px;

    }


    main .advantages_inner .advantages .item_1{
        grid-column-start: 1;
        grid-column-end: 4;
    }
    main .advantages_inner .advantages .item_2{
        grid-column-start: 4;
        grid-column-end: 7;
    }
    main .advantages_inner .advantages .item_3
    {

        grid-column-start: 1;
        grid-column-end: 7;
    }

    main .advantages_inner .advantages .item_4{
        grid-column-start: 1;
        grid-column-end: 4;
    }
    main .advantages_inner .advantages .item_5{
        grid-column-start: 4;
        grid-column-end: 7;
    }
    main .advantages_inner .advantages .item_6{

        grid-column-start: 1;
        grid-column-end: 7;
    }

    /* /advantages */
    /* faq */
    main .faq .faq-answer{
        font-size: 14px;
    }
    main .faq .faq-question {
        font-size: 16px;
    }
    main .s4_inner .faq,
    .faq_page .faq{
        grid-template-columns: 1fr;
        row-gap: 8px;
        column-gap: 0px;
    }
    main .faq .faq-item {
        padding: 24px;
    }
    /* /faq */
    /* s6 */
        /* bitrix */
    .bitrix .section_6 .s6_inner .steps_bt{
        display: flex;
    }
        /* /bitrix */
    /* s6 */
    /* contact form  */
    .p_inner .wpcf7{
        padding: 0;
    }
    main .p_inner .wpcf7-form{
        padding: 10px 0;
        grid-template-columns: 1fr;

    }
    .p_inner .warning{
        margin: 0;
    }
    /* /contact form */
}
@media (max-width: 650px){
    /* header */
    .col_2 .phone{
        display: none;
        padding: 0px;
    }
    .header-container .phone a {
        height: 0;
        width: 0;
    }
    .col_2 .phone a svg {
        height: 0;
        width: 0;
    }
    .header-container .phone a p {
        width: 0;
        height: 0;
    }
    /* /header */
    /* main */
    main h2, .h2{
        margin: 0;
        font-size: 24px;
    }
    main .one_c h2, .h2{
        margin: 0;
        font-size: 28px;
        max-width: 85%;
    }
    main .section{
        padding: 60px 0;
    }
    main .section_top{
        padding: 60px 0 0 0;
    }
    main .section_bottom{
        padding: 0 0 60px 0;
    }
    main .section_running_line.section{
        margin: 30px 0;
    }
    main .section_running_line.section_bottom{
        margin: 0 0 30px 0;
    }
    main .section_running_line.section_top{
        margin: 30px 0 0 0;
    }
    main .home .section_advantages.section{
        padding: 60px 0;
    }
    /* /main */
    /* s1 */
        /* bitrix */
    main .bitrix .section_1{
        margin: 0;
        background-size: auto, 250px !important;
    }
    .bitrix .section_1 .s1_inner h1, .bitrix .section_1 .s1_inner .h1{
        font-size: 28px;
    }
    .bitrix .section_1 .s1_inner {
        padding: 65px 0;
    }
        /* /bitrix */
        /* faq */
    .faq_page .section_1 .s1_inner .input_container {
        margin-top: 0px;
    }
    .faq_page .section_1 .s1_inner h1{
        font-size: 28px;
    }
    .faq_page .section_1 .s1_inner p{
        font-size: 16px;
        width: 60%;
    }
        /* /faq */
        /* contact */
    .contact h1{
        width: 50%;
        font-size: 28px;
    }
        /* /contact */
    /* /s1 */
    /* s2 */
        /* bitrix */
    main .bitrix .section_2.section{
        padding: 60px 0 60px 0;
    }
    .section_2 .s2_inner .important .row1 .left p{
        font-size: 16px;
    }
    .bitrix .section_2 .s2_inner h2{
        font-size: 20px;
    }
    .bitrix .section_2 .s2_inner p{
        font-size: 18px;
    }
    .section_2 .s2_inner .important{
        padding: 40px 20px;
    }
        /* /bitrix */
        /* 1c */
    main .one_c .section_2.section_top{
        padding: 40px 0 0 0;
    }
        /* /1c */
    /* /s2 */
    /* s3 */
        /* bitrix */
    main .p{
        font-size: 18px;
    }

    /* /bitrix */
    /* /s3 */
    /* s4 */
        /* bitrix */
    .s4_inner .project .item {
        padding: 25px 20px;

    }

    .s4_inner .project .item ul {
         padding-right: 190px;
    }
        /* /bitrix */
    /* /s4 */
    /* s5 */
        /* bitrix */
    .bitrix .section_5 .s5_inner .swiper-wrapper .swiper-slide .item span{
        padding: 12px;
        font-size: 16px;
    }
        /* /bitrix */
    /* /s5 */

    .contact-form-content {
        width: 80%;
    }
}
@media (max-width: 580px) {
    /* header */
    .primary-menu{
        width: 70%;
    }
    /* /header */
    /* s1 */
        /* faq */
    .faq_page .section_1 {
        background-size: auto, 400px !important;
    }
        /* /faq */
    /* /s1 */
    /* s2 */
    .s2_inner .solutions{
        grid-template-columns: 1fr;
    }
    .s2_inner .solutions .last{
        grid-column-start: 1;
        grid-column-end: 2;
        background-size: 110px;
    }
    .s2_inner .solutions .item{
        padding: 24px 16px;
    }
    .s2_inner .solutions .item h3{
        font-size: 18px;
    }
    .s2_inner .solutions .item p{
        font-size: 14px;
    }
        /* bitrix */
    .section_2 .s2_inner .important .row1 .right {
        gap: 8px;
        grid-template-columns: 1fr;
    }
    .section_2 .s2_inner .important .row1 .right .item {
        height: auto;
        flex-direction: row;
        align-items: center;
        padding: 8px 12px;
    }
    .section_2 .s2_inner .important .row1 .right .item p{
        font-size: 14px;
    }
        /* /bitrix */
    /* /s2 */
    /* s3 */
        /* 1c */
    .one_c .plus .item_main h3{
        font-size: 18px;
    }
    .one_c .plus .item p{
        font-size: 14px;
    }
        /* /1c */
        /* contact */
    .contact .section_3 .s3_inner{
        gap: 40px;
    }
    .contact .section_3 .s3_inner .contact_data {
        grid-template-columns: 1fr;
        gap: 8px;
    }
     .contact .section_3 .s3_inner .contact_data .row2 .contents{
        display: grid;
        grid-template-columns: 1fr;
    }
    .contact .section_3 .s3_inner .contact_data .row2{
        grid-row: auto;
        grid-column-start: auto;
        grid-column-end: auto;
    }
        /* /contact */
    /* /s3 */
    /* main */
    .home h1, .h1{
        font-size: 36px;
    }
    /* /main */
    /* advantages */
    .advantages_inner .advantages{
        gap: 10px;
    }
    main .advantages_inner .advantages .item .item_main img{
        width: 36px;
    }
    main .advantages_inner .advantages .last img {
        height: fit-content;
        width: 60px;
        border-radius: 15px;
    }
    main .advantages_inner .advantages .item p {
        font-size: 14px;
    }
    main .advantages_inner .advantages .item .item_main h3 {
        font-size: 18px;
    }
    main .advantages_inner .advantages .last .item_main p {
        font-size: 14px;
    }
    /* /advantages */
    /* footer */
    .footer-container .row2 .copyright{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
    .footer .footer-container {
        gap: 15px;
    }
    .footer-menu {
        padding-left: 0px;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    footer .footer-menu li a{
        padding: 0px;
    }
    /* /footer */




   .wpcf7-form input{
       width: 90%;
   }
   .wpcf7-form input[type= checkbox]{
       width:auto;
   }
    .s4 .map_container iframe {
        height: 400px;
    }

    .social_container a img {
    width: 30px;
    }

     #nav_opener:checked ~ .menu-verhnee-menyu-container{
      width:60%;
    }
    .error_page .s1 .s1-container h1{
    font-size:40px;
    }
    .s1{
        padding: 0 0 15px 0;
        margin: 15px 0 0 0;
    }

  .s1-container .slides .slide .slide__title {
    font-size: 20px;
  }
  .s1-container .slides .slide .slide__sub-title {
    font-size: 14px;
  }
  .cards .card,
  .cards.poleznoe .card {
    width: 100%;
  }
  .cat-description .cat-description-container .h2 {
    width: calc(100% - 160px);
  }
  .s2 .__buttons .form-btn {
    margin-bottom: 20px;
  }
  .s6 .group__item {
    width: 100%;
    margin-right: 0;
  }
  .location .right-side .right-side-container {
    margin: 0 20px;
  }
  .s5__title {
    width: 100%;
    margin-bottom: 20px;
  }
  .s5 .zayavka-btn {
    margin: 0 auto;
  }
  .__buttons .zayavka-btn  {
    margin-bottom: 20px;
  }


}
@media (max-width: 500px) {
    /* main */
    main .p{
        font-size: 16px;
    }
    /* /main */
    /* header */

    header .primary-menu ul .menu-verhnee-menyu-container ul li a{
        font-size: 16px;
    }
    header .primary-menu ul{
        gap: 0;
    }
    header .primary-menu{
        justify-content: center;
    }
    /* /header */
    /* s1 */
    main .one_c .section_1 {
        background-position: 100%, right -100px bottom !important;
        background-size: auto, 250px !important;
    }
    .one_c .section_1 .s1_inner{
        padding: 40px 0;
    }
    .one_c .section_1 .s1_inner h1{
        width: 75%;
    }
    .section_1 {
        background-position: 100%, bottom center !important;
    }
    .contact .section_1 .s1_inner{
        padding: 60px 0;
    }
    .section_1 .s1_inner {
        padding: 90px 0 300px 0;
    }
    .s1_inner .left_block p {
        width: 100%;
    }
    .s1_inner .left_block .btn_help_choice{
        box-sizing: border-box;
        width: 100%;
        padding: 16px;
    }
        /* bitrix */
    .bitrix .section_1 .s1_inner {
        padding: 90px 0 250px 0;
    }
    main .bitrix .section_1 {
        background-size: auto, 250px !important;
        background-position: 100%, bottom center !important;
    }
    .bitrix .section_1 .s1_inner h1, .bitrix .section_1 .s1_inner .h1{
        width: 100%;
    }
        /* /bitrix */
        /* faq */
    .faq_page .section_1 .s1_inner{
        padding: 60px 0;
    }
        /* /faq */
    /* /s1 */
    /* s3 */
        /* bitrix */
    .section_3 .s3_inner .methods p{
        font-size: 14px;
    }
    .s3_inner .methods .item{
        gap: 60px;
    }
    .s3_inner .methods .item{
        background-position: right 15px bottom;
        background-size: auto 96px;
    }
    .section_3 .s3_inner .methods {
        grid-template-columns: 1fr;
    }
    .s3_inner .methods .item.last {
        grid-column-end: 1;
    }
    .s3_inner .methods .item.last{
        background-position: right 15px bottom;
        background-size: 100px;
    }
        /* /bitrix */
    /* /s3 */
    /* s4 */
        /* bitrix */
    .s4_inner .project .item ul {
        padding-right: 0;
        max-width: 80%;
    }
    .s4_inner .project .item{
        background-position: 140% 110%;
        background-size: 50%;
    }
        /* /bitrix */
    /* /s4 */
    /* s5 */
        /* bitrix */

    .bitrix .section_5 .swiper-wrapper .swiper-slide .item {
        padding: 20px;
    }
    .bitrix .section_5 .item{
        gap: 16px;
    }
    .bitrix .section_5 .swiper-wrapper .swiper-slide .item h3{
        font-size: 18px;
    }
    .bitrix .s5_inner .row1 p{
        font-size: 16px;
    }
        /* /bitrix */
    /* /s5 */
    /* contact form */
    .wpcf7 form .wpcf7-response-output{
        font-size: 15px;
    }
    .contact-form-popup .cf7_content .h2{
        font-size: 20px;
        text-align: center;
        margin: 0 auto;
    }
    /* /contact form */
    .wpcf7 {
        padding: 0;
    }
}
@media (max-width: 475px) {

    /* header */
    .header-container .consultation span{
        gap: 0px;
    }
    .header-container .consultation span p{
        display: none;
    }
    /* /header */
    /* s1 */
    main .section_1 .s1_inner {
        padding: 40px 0 300px 0;
    }
    .section_1 .s1_inner .left_block h1{
        font-size: 27px;
    }
    .background {
        align-items: flex-start;
        background-position: 95% 100%;
        background-size: 920px;
        height: 100vh;
    }
    .s1_inner .left_block{
        gap: 15px;
        width: 100%;
    }
        /* faq */
    .faq_page .section_1 {
        background-position: 100%, center bottom !important;
    }
    .faq_page .section_1 .s1_inner {
        padding: 40px 0 250px 0;
    }
    .faq_page .section_1 .s1_inner .input_container{
        width: 100%;
    }
        /* /faq */
    /* /s1 */
    /* s2 */
        /* bitrix */
    main .bitrix .s2_inner{
        gap: 25px;
    }
        /* bitrix */
    /* /s2 */
    /* s3 */
        /* bitrix */
    .section_3 .s3_inner .methods{
        padding: 25px 0 0 0;
    }
        /* /bitrix */
    /* /s3 */
    /* s4 */
        /* bitrix */
    main .bitrix .project{
        padding: 25px 0 0 0;
    }
        /* /bitrix */
    /* /s4 */
    /* s5 */
        /* bitrix */
    main .bitrix .section_5 .swiper-wrapper{
        margin-top: 25px;
    }
    .bitrix .section_5 .s5_inner .text_info {
        gap: 10px;
    }
    .bitrix .s5_inner .row1 p {
        font-size: 14px;
    }
        /* /bitrix */
    /* /s5 */
    /* s6 */
        /* bitrix */
    main .bitrix .section_6 .s6_inner{
        gap: 25px;
    }
        /* bitrix */
    /* /s6 */
    /* contact form */
    main .wpcf7-form .btn_submit{
        width: auto;
    }
    /* /contact form */
    /* footer */
    .footer-container .row1{
        grid-template-columns: 1fr;
    }
    .footer .footer-container .row1 .info, .footer-container .row1 .nav-container{
        grid-row-start: auto;
    }
    .footer-container .row2{
        justify-items: center;
    }
    .footer-container .row2 .copyright{
        flex-direction: column;
    }
    /* /footer */

     #nav_opener:checked ~ .menu-verhnee-menyu-container{
      width:100%;
  }
    .s1{
        padding: 0 0 20px 0;
    }
    .error_page .s1 .s1-container h1{
    font-size:30px;
}


    .s3 h2 {
    margin: 15px auto 20px auto;
}
  h1, .h1 {
    font-size: 24px;
    text-align: left;
    display: block;
    margin: 0;
    margin-bottom: 27px;
  }
  .s1-container .title_img p{
         font-size: 24px;
    text-align: left;
    display: block;
    margin: 0;
    margin-bottom: 27px;
  }
  /*h2, .h2 {
    text-align: left;
    font-size: 24px;

    display: block;
  }*/
  h3 {
    font-size: 19px;
  }
  h4 {
    font-size: 19px;
  }
  h5 {
    font-size: 19px;
  }
  .s1-container .slides .slide .slide-container {
    width: calc(100% - 40px);
    padding-top: 50px;
  }
  .group-items__item,
  .benefits .benefits__item {
    width: 100%;
  }
  .s1 .slick-dots {
    right: 5px;
  }
  .footer .footer-container {
              gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: flex-start;
  }
  .copyright__text {
    text-align: center;
    margin: 10px 0;
  }
  .cat-description .cat-description-container .h2 {
    font-size: 18px;
  }
  .common-form .common-form-container {
    width: calc(100% - 40px);
  }
  .common-form .close-common-btn {
    top: 20px;
    right: 20px;
  }
  .kontakty .contacts .contacts__item {
      width: 100%;
  }
  table {
  width: 400px; /* Фиксированная ширина таблицы */
  
}


}
@media (max-width: 450px) {
    /* main */

    /* /main */
    /* header */
    .header .header-container{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .header-container .col_2 {
        justify-content: flex-end;
    }
    /* /header */
    /* s1 */
        /* 1c */
    main .one_c .section_1 {
        background-position: 100%, center bottom -10px !important;
        background-size: auto, 250px !important;
    }
    .one_c .section_1 .s1_inner{
        padding: 40px 0 250px 0;
    }
    .one_c .section_1 .s1_inner h1{
        width: 100%;
        font-size: 22px;
    }

        /* /1c */
        /* faq */
    .faq_page .section_1 .s1_inner h1{
        font-size: 24px;
    }
    .faq_page .section_1 .s1_inner p{
        font-size: 15px;
    }
        /* /faq */
        /* contact */
    .contact .section_1 {
        background-size: 100%, 300px !important;
        background-position: 100%, bottom center !important;
    }
    .contact .section_1 .s1_inner{
        padding: 40px 0 300px;
    }
    .contact h1{
        width: 100%;
        font-size: 26px;
    }
        /* /contact */
    /* /s1 */
    /* s2 */
    .s2_inner .solutions{
        margin-top: 20px;
    }
        /* bitrix */
    main .bitrix .section_2.section{
        padding: 40px 0 40px 0;
    }
        /* /bitrix */
    /* /s2 */
    /* s3 */
        /* 1c */
    .one_c .plus {
        grid-template-columns: repeat(1, 1fr);
    }
    .plus .item_5{
        grid-column-start: auto;
        grid-column-end: auto;
    }
        /* /1c */
        /* contact */
    .contact .section_3 .s3_inner .contact_data h2 {
        font-size: 18px;
    }
        /* /contact */
    /* /s3 */
    /* s4 */
        /* 1c */
    .one_c .section_4 .solutions .item{
        gap: 30px;
    }
        /* /1c */
    /* s4 */
    /* advantages */

    .advantages_inner .advantages {
        display: flex;
        flex-direction: column;
    }
    .advantages_inner .advantages .last .item_main span{
        gap: 10px;
        font-size: 14px;
        padding: 10px 20px;
    }
    .advantages_inner .advantages .last .item_main span svg{
        width: 10px;
        height: 10px;
    }
    /* /advantages */
    /* contact form */
    .contact_data{
        grid-template-columns: 1fr;
    }
    .wpcf7-form input{
        width: 100%;
    }
    /* /contact form */
}
@media (max-width: 380px) {


    .s2_inner .solutions .last h3, .last p{
        width: 100%;
    }
    .advantages_inner .advantages .last img{
        width: 40px;
    }
    main .section{
        padding: 40px 0;
    }
    main .section_top{
        padding: 40px 0 0 0;
    }
    main .section_bottom{
        padding: 0 0 40px 0;
    }
    main .section_running_line.section{
        margin: 20px 0;
    }
    main  .section_running_line.section_bottom{
        margin: 0 0 20px 0;
    }
    main  .section_running_line.section_top{
        margin: 20px 0 0 0;
    }
    main .home .section_advantages.section{
        padding: 40px 0;
    }
    main h2, .h2{
        font-size: 20px;
        max-width: 100%;
    }
    .section_1 .s1_inner .left_block h1{
        font-size: 22px;
    }
    .section_1 .s1_inner .left_block p{
        font-size: 14px;
    }
}
@media (max-width: 350px) {
    .s1{
    padding: 0 0 25px 0;
    }
    /* contact */
    .contact h1 {
        font-size: 24px;
    }
    /* contact */
}
@media (max-width: 325px) {
        .s1 {
        padding: 0 0 20px 0;
    }
        .__block {
         margin: 100px 0 0 0;
    }
}