/*MOBILE*/

@media (max-width:900px) {

    html,
    body {
        /* position: relative; */
        /* max-width: 100%; */
        /* overflow-x: hidden; */
    }

    h1 {
        font-size: 26px;
        /* text-transform: uppercase; */
        font-weight: 400;
        margin-bottom: 11px;
        margin-top: 20px !important;
    }


    section {
        position: relative;
        padding: 30px 0;
    }



    .fl {
        flex-wrap: wrap;
    }

    .search:before {
        display: none;
    }

    .desc,
    .pad {
        display: none
    }

    .mob {
        display: block
    }


.burger-menu .close-menu img {
        width: 36px;
    }

    .burger-menu .cont-item {
        margin-bottom: 15px;
        display: flex;
        align-items: center;
    }

    .burger-menu .cont-item img {
        margin-right: 10px
    }

    .burger-menu .cont-item span {
        font-weight: 500;
        display: block;
        margin-bottom: 0;
    }

    .burger-menu .close-menu {
        position: absolute;
        right: 20px;
        top: 17px;
    }



    .burger-menu {
        width: 100%;
        padding: 20px 0px;
        max-width: 100%;
        background: white;
        position: fixed;
        z-index: 999;
        text-align: left;
        top: 0;
        border-radius: 0;
        /* transform: none; */
        /* transition: 0.5s; */
        overflow-y: auto;
        height: 100%;
        color: #000000;
        /* text-align: center; */
    }

    .burger-menu .callback {
        /* padding: 0; */
        /* display: flex; */
        /* align-items: center; */
        /* justify-content: flex-start; */
        /* padding: 15px 0; */
    }

    .burger-menu .phone {
        display: block;
        margin-bottom: 10px;
        padding-top: 20px;
        /* border-top: 1px solid #eee; */
        text-align: left;
        padding-left: 16px;
    }

    .burger-menu .callback img {
        /* margin-right: 10px; */
        display: none;
    }

    .burger-menu .callback {
        background: var(--prime);
        color:white;
        display:inline-block;
        font-size: 16px;
        text-align: left;
        padding: 10px 16px;
        border-radius: 8px;
        margin-left: 15px;
        margin-top: 10px;
    }

    .burger-menu .close {
        text-align: right;
        margin-bottom: 20px;
        padding-right: 20px;
    }

    .burger-menu .links {
        display: flex;

    }

    .burger-menu .lang {
        font-size: 30px;
        border-top: 1px solid #eee;
        padding-top: 30px;
    }

    .burger-menu .lang a {
        padding: 0 8px;
    }

    .burger-menu .lang a.active {
        color: var(--prime)
    }

    .burger-menu .links {
        justify-content: center;
        margin-bottom: 30px;
        padding-bottom: 20px;
    }

    .burger-menu .links img {
        width: 32px;
        margin-right: 5px;
    }

    .burger-menu .gr {
        color: var(--sec);
        margin-bottom: 15px;
    }

    .burger-menu .phone-but a {
        color: var(--prime)
    }

    .burger-menu .phone-but {
        padding-left: 0
    }

    .burger-menu .phone-but a + a {
        height: 41px;
        color: white;
        margin-top: 10px;
    }

    .burger-menu .soc-but {
        margin-top: 10px;
        padding-left: 0;

    }

    .burger-menu .soc-but a {
        width: 100%;
        height: 41px;
        color: white;

    }

    .burger-menu nav {
        margin-top: 25px;
    }

    .burger-menu .but {
        margin-top: 50px
    }

    .burger-menu .cont {
        color: #ffffff;
        margin-top: 30px;
        padding-top: 30px;
        border-top: 1px solid silver;

    }

    .burger-menu .cont .subtitle {
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 700;
        margin-bottom: 20px;

    }

    .burger-menu ul li {
        margin-bottom: 0;
        font-size: 16px;
        font-weight: 400;
        color: #000000;
        position: relative;
        text-align: left;
        text-transform: uppercase;
    }
    .burger-menu ul li a {
        display:block;
        padding: 8px 15px;
        border-bottom: 1px solid #e3e3e3;
    }
    .burger-menu ul ul li {
        margin-bottom: 5px;
    }

    .burger-menu ul ul li a {
        color: #b9b9b9
    }

    .burger-menu ul li.parent .down {
        margin-left: 5px;
        position: absolute;
        top: 6px;
        right: 0;
    }

    .burger-menu ul ul {
        display: none;
        padding: 10px 0;

    }

    .burger-menu ul ul li a {
        opacity: 1;
        font-size: 14px
    }

    .burger-menu.active {
        display: block;

    }
    
      
    .modal .img {
        display: none;
    }
    
    .burger-menu .logo {
    padding-left: 20px;
}
    
    



    .but a,
    .but button {
        background: var(--prime);
        color: #fff;
        padding: 10px 29px;
        /* border-radius: 0; */
        color: white;
        font-weight: 500;
        font-size: 14px;
        border: 1px solid transparent;
        transition: 0.5s;
        display: inline-flex;
        align-items: center;
        /* border-radius: 10px; */
        height: 44px;
    }

    .serv-page .but.border1 a {
        padding: 15px 70px !important;
    }

    .serv-page .subtitle,
    .serv-page .intro,
    .serv-page .price {
        padding: 0px 10px;
        text-align: center;
    }

    .serv-page .item .but a {
        display: inline-flex;
        width: 22px;
        height: 22px;
        background: var(--prime);
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        padding: 0;
    }

    .serv-page .fl {
        padding: 0 10px;
        margin-bottom: 10px;
    }

    .but img {
        margin-left: 0;
        width: 20px;
        width: 9px !important;
        min-width: 8px !important;
    }

    .but a:hover,
    .but button:hover {
        background: var(--sec);
        color: #fff;
        border: 1px solid var(--sec);
    }




    /*HEADER*/


    header {
        padding: 3px 0px 14px;
        position: sticky;
        z-index: 99;
        top: 0;
        background: white;
        box-shadow: 0px 0px 15px silver;
    }

    header .logo {
        flex-basis: 45%;
        position: relative;
        top: 3px;
    }


    header .icons {
        display: flex;
        align-items: center;
        position: relative;
        top: 1px;
    }

    header .icons a {
        padding: 0 14px
    }

    header .icons a:last-child {
        margin-right: 0px;
    }


    /*HEADER*/

    header {}


    header {
        padding: 6px 0 10px;
    }

    header .fl {
        width: 100%;
    }

    header .logo {
        max-width: 130px
    }

    header .phone {
        flex-basis: auto;
        font-size: 18px;
        font-weight: 500;
        padding-left: 18px;
        margin-right: 25px;
    }

    header .phone img {
        margin-right: 10px;
    }

    header .phone p {
        font-size: 13px;
        text-align: right;
    }

    header .header-bottom {
        margin-top: 14px;
        margin-bottom: 80px;
    }

    header nav {
        background: var(--sec);
        border-radius: 12px;
    }

    header nav > ul {
        display: flex;
        list-style: none;
        justify-content: space-between;
    }

    header nav > ul li a {
        padding: 15px 25px;
        display: inline-flex;
    }

    header nav > ul > li.parent:after {
        content: url(../img/down2.svg);
        position: absolute;
        margin-top: 13px
    }

    header nav > ul > li.active a {
        background: var(--prime);
        color: white;
        border-radius: 11px;
    }

    header nav ul ul {
        opacity: 0;
        position: absolute;
        visibility: hidden;
        transition-property: opacity, visibility;
        transition-duration: 0.2s;
        transition-delay: 0.15s;
        background: var(--prime);
        border-radius: 16px;
        padding: 15px 0;
    }

    header nav ul li:hover ul {
        opacity: 1;
        visibility: visible;
    }

    header nav ul ul li a {
        color: white;
        display: block;
        margin-bottom: 7px;
        padding: 5px 15px;
    }

    header nav ul ul li:last-child a {
        margin-bottom: 0px;
    }

    header nav ul ul li a:hover {
        background: white;
    }


    /*PROMO-TOP*/

    /*PROMO4*/

    .promo4 {
        background: url(../img/promo.jpg) no-repeat center center/cover;
        padding: 40px 0 30px;
        color: white;
        min-height: 400px;
    }

    .promo4 .but {
        text-align: center;
    }

    .promo4 .but a {
        background: white;
        color: var(--black);
    }

    .promo4 .title {
        text-align: center;
        font-size: 22px;
        line-height: 1.3;
        font-weight: 500;
        margin-bottom: 36px;
    }

    .promo4 .title span {
        display: block;
    }

    .promo4 .fl-column {
        height: 100%;
        display: flex;
        flex-direction: column;
        min-height: 320px;
    }

    .promo4 ul {
        display: flex;
        list-style: none;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
    }

    .promo4 ul li {
        font-size: 15px;
        display: flex;
        margin-right: 20px;
        align-items: center;
    }

    .promo4 ul li:before {
        content: url(../img/check3.svg);
        position: relative;
        margin-right: 10px;
        top: 2px;
    }


    /*PROMO-TOP*/


    .promo2 {}

    .promo2 .title {
        font-size: 20px;
        line-height: 1.2;
        font-weight: 500;
        margin-bottom: 20px;
        max-width: 50%;
    }

    .promo2 p {
        font-size: 15px;
        max-width: 50%;
    }

    .rev2 .but {
    margin-top: 20px;
}
.serv-page h2 {
    font-size: 24px;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 20px;
    padding: 0 0px;
    font-weight: 500;
    text-transform: none;
}
.serv-page h2 + p {
    text-align: center;
    font-size: 16px;
    max-width: 990px;
    margin: 0 auto 40px;
}
    .promo2 ul li {
        background: url(../img/check5.svg) no-repeat left 10px;
        padding-left: 24px;
        margin-bottom: 10px;
        font-size: 15px;
        font-weight: 400;
    }

    .promo2 .row {
        background: none;
        padding: 0;
        border-radius: 30px;
        border-top: 0px solid white;
    }

    .promo2 ul {
        margin-bottom: 40px;
        margin-top: 20px;
        background: var(--silver);
        padding: 23px 25px;
        border-radius: 30px;
    }

    .promo2 .col-lg-5 {
        margin-top: -60px;
        position: absolute;
        max-width: 270px;
        right: -20px;
        order: -1;
    }

    .promo2 {
        padding-bottom: 0;
    }

    .promo2 {
    margin-top: 30px;
}

.promo2 .but {
    text-align:center;
    margin-top:-10px;
    margin-bottom:30px
}
    .pre-text {
        margin-top: 10px;
        padding-top: 0;
    }

    .pre-text .row {
        margin: 0 -15px;
    }

    .pre-text .col-md-4 {
        padding: 0 5px;
    }

    .pre-text .item {
        background: var(--silver);
        border-radius: 30px;
        padding: 17px 22px;
        height: 100%;
    }

    .pre-text .item .subtitle {
        font-size: 22px;
        font-weight: 500;
        margin-bottom: 10px;
    }




    /*PROMO*/

    .promo3 {
        background: url(../img/doc.jpg) no-repeat 20% 230px;
    }

    .promo3 form {
        background: var(--grad);
        padding: 30px;
        border-radius: 30px;
        margin-left: auto;
        display: block;
        max-width: 757px;
        margin-top: 360px;
    }

    .promo3 form .fl {
        justify-content: center;
    }

    .promo3 h2 {
        text-align: center;
        font-weight: 500;
        font-size: 25px;
        margin-bottom: 25px;
        max-width: 650px;
        margin-left: auto;
    }

    .promo3 h2 span {}


    .promo3 .subtitle {
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        color: white;
        margin-bottom: 5px;
    }

    .promo3 form p {
        color: white;
    }

    .promo3 p {
        font-size: 16px;
        text-align: center;
        margin-bottom: 20px;
        margin-left: auto;
        max-width: 757px;
    }

    .promo3 form p {
        font-size: 16px;
        font-weight: 400;
        text-align: center;
        margin-bottom: 14px;
    }


    .promo3 .form-group {
        margin-bottom: 11px;
        margin-right: 0;
        flex-basis: 100%;
    }

    .promo3 .counts {
        display: flex;
        align-items: center;
        color: var(--black);
        padding: 13px 36px;
        background: white;
        border-radius: 10px;
        justify-content: space-between;
    }

    .promo3 .counts input {
        color: var(--black);
        padding: 0 22px;
        border: none;
        text-align: center;
    }

    .promo3 input,
    .promo3 select {
        padding: 18px 17px;
        background: white;
        border-radius: 30px;
        width: 100%;
        border: none;
        display: block;
    }

    .promo3 h3 {
        margin-bottom: 20px;
        margin-top: 30px;
    }

    .promo3 select {
        appearance: none;
        background: #fff url(../img/down.svg) no-repeat 95% 10px;
    }

    .promo3 form .total {
        text-align: center;
        font-weight: 400;
        font-size: 18px;
        color: white;
        margin-bottom: 10px;
    }

    .promo3 .agree {
        text-align: center;
        color: white;
        margin-top: 0px;
        font-size: 15px;
    }
  .promo3 .but.white  {
      flex-basis:100%;
      margin-bottom:15px
  }
    .promo3 .but.white button {
        background: white;
        font-weight: 500;
        width: 100%;
        border-radius: 30px;
        padding: 18px 40px;
        color: initial;
        text-transform: none;
        font-size: 18px;
        display: block;
        height: auto;
    }

    .promo3 .col-lg-8 img {
        border-radius: 16px;
        max-height: 400px;
        object-fit: cover;
        width: 100%;
        object-position: center;
    }

    /*SERV*/

    .serv {}

    .serv .tab-menu {
        display: flex;
        width: 100%;
        margin-bottom: 22px;
    }

    .serv .tab-item {
        flex-basis: 50%;
        padding: 13px;
        background: var(--sec);
        text-align: center;
        font-weight: 500;
    }

    .serv .tab-item:first-child {
        border-radius: 16px 0px 0px 16px;
    }

    .serv .tab-item.active {
        color: white;
        background: var(--prime);
    }

    .serv .tab-item:last-child {
        border-radius: 0px 16px 16px 0px;
    }

    .serv .text {
        background: var(--sec);
        padding: 19px 19px;
        border-radius: 16px;
        height: 100%;
    }

    .serv .text .fl {
        margin-top: 20px;
        flex-direction: column-reverse;
    }

    .serv .text h3 {
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 30px;
    }

    .serv .text p {
        margin-bottom: 20px;
        max-width: 100%;
    }

    .serv .but {
        margin-top: 5px;
    }

    .serv .price {
        margin-left: 0px;
        font-size: 14px;
    }

    .serv .price b {
        font-size: 18px;
        font-weight: bold;
        margin-left: 7px;
    }

    .serv img {
        border-radius: 16px;
    }

    .order1-mob {
        order: -1;
        margin-bottom: 15px
    }

    .serv .tab-content {
        margin-top: 77px;
    }

    .serv .row {
        margin: 0 -5px;
    }

    .serv .col-lg-4 {

        padding: 0 5px;
    }

    .serv .item {
        height: 230px;
        padding: 13px 13px;
        border-radius: 16px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        position: relative;
        background-size: 100%;
        margin-bottom: 10px;
    }

    .serv .item:before {
        position: absolute;
        height: 179px;
        background: linear-gradient(180deg,
                rgba(233, 237, 240, 0) 2.326466143131256%,
                rgba(233, 237, 240, 1) 41.11190140247345%);
        content: '';
        z-index: 2;
        bottom: 0;
        width: 100%;
        left: 0;
        border-radius: 0px 0px 16px 16px;
    }

    .serv-page .col-6 {
        padding: 0 5px
    }

    .serv-page .row {
        margin:0 -5px
    }

    .serv-page .price b {
        font-size: 15px;
        font-weight: 500;
    }

    .serv-page .subtitle a {
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 10px;
        display: block;
        text-align: left;
        margin-top: 20px;
    }

    .serv .item.dop:before {
        display: none
    }

    .serv-page .item {
        margin-bottom: 10px
    }

    .serv .col-lg-4 h3 {
        margin-top: 30px
    }

    .serv .col-lg-4:last-child {
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .serv .item.dop {
        height: 143px;
    }

    .serv .item .subtitle {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 8px;
        position: relative;
        z-index: 2;
        line-height: 1.2;
    }

    .serv .item.dop .subtitle {
        max-width: 65%
    }

    .serv .item p {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 15px;
        position: relative;
        z-index: 2;
        display: none;
    }

    .serv .item .price {
        font-size: 12px;
        line-height: 18px;
        position: relative;
        z-index: 2;
        margin-left: 0;
        margin-top: 10px;
    }

    .serv .item .price span {
        font-size: 17px;
        font-weight: 500;
        margin-left: 10px;
    }

    .serv .label {
        position: absolute;
        top: 5px;
        border-radius: 20px;
        padding: 4px 10px 4px 10px;
        left: 5px;
        font-size: 12px;
        text-transform: uppercase;
    }

    .serv .label.hit {
        background: var(--prime);
        color: white;

    }

    .serv .label.pop {
        background: #ffd24d;
    }

    .serv h3 {
        font-size: 22px;
        margin-bottom: 32px;
    }

    .serv h3 b {
        font-weight: bold;
    }

    .serv .dop .item {
        padding: 34px 30px;
        border-radius: 8px;

    }

    .serv .dop .item + .item {
        margin-top: 29px;
    }

    .serv .dop .item .subtitle {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 16px;
    }



    .we {
        background: none;
        margin: 0px 0;
        border-top: 0px solid #eee;
        border-bottom: 0px solid #eee;
    }

    .we .fl {
        /* background:white; */
        margin: 40px 0;
        /* border-top:1px solid #eee; */
        /* border-bottom:1px solid #eee; */
        padding: 20px;
        /* border-radius:8px; */
    }

    .we ul {
        list-style: none;
        padding: 20px 0
    }

    .we ul li {
        list-style: none;
        padding-left: 20px;
        background: url(../img/check2.svg) no-repeat left 5px;
        margin-bottom: 10px;
        font-size: 14px;
    }

    .we .text {
        padding-right: 0;
    }

    .we .quo {
        \: 0px;
        \: 10px;
        \: italic;
        \: 0;
        max-width: 400px;
        font-size: 16px;
        \: 10px;
        \: 150px;
        \: flex;
        \: 1px solid var(--prime);
        align-items: center;
        margin-bottom: -90px;
        margin-top: 10px;
    }


    /*WE*/

    .we2 {}

    .we2 .fl {
        \: #ffffff;
        \: 13px;
        \: 1px solid #eaeaea;
    }

    .we2 .text {
        padding: 0px;
        border-radius: 0px 13px 13px 0px;
    }

    .we2 .subtitle {
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 15px;
        max-width: 100%;
        text-align: center;
    }

    .we2 .img {
        flex-basis: 100%;
    }

    .we2 .text {
        flex-basis: 100%;
        padding-left: 0px;
    }

    .we2 img {
        border-radius: 13px 0px 0px 13px;
        display: block;
        width: 100%;
    }

    .we2 .text p {
        max-width: 80%;
    }

    .we2 .but {
        margin-top: 20px;
        text-align: center;
    }

    .we2 ul {
        list-style: none;
        padding: 20px 0;
        column-count: 1;
    }

    .we2 ul li {
        list-style: none;
        margin-bottom: 0px;
        flex-basis: calc(50% - 10px);
        padding: 5px 10px 5px 10px;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        text-align: left;
    }

    /*PARTNERS*/

    .partners {}

    .partners .title {
        text-align: center;
        margin-bottom: 50px;
        font-size: 25px;
        font-weight: 500;
    }

    .partners div {
        margin-bottom: 30px;
    }

    /*REV*/

    .rev2 {}

    .rev2 .item {
        background: #fff;
        border: 1px solid #eee;
        padding: 20px 20px;
        border-radius: 8px;
        text-align: center;
        margin-bottom: 20px;
    }

    .rev2 img {
        border-radius: 50%;
        margin-bottom: 15px;
    }

    .rev2 .swiper-nav img {
        min-width: 32px;
    }

    .rev2 .name {
        color: var(--prime);
        font-weight: 500;
        margin-bottom: 5px;
    }

    .rev2 .serv-name {
        font-size: 14px;
        margin-bottom: 20px;
    }


    .rev2 .more {
        margin-top: 20px;
        text-decoration: underline;
        text-decoration-color: var(--prime);
        text-underline-offset: 4px;
        text-decoration-thickness: 1px;

    }

    .rev2 .swiper-pad {
        position: relative;
        padding: 0 40px;
    }

    .rev2 .more a {
        color: var(--prime)
    }

    .rev2 .title {
        text-align: center;
        font-size: 25px;
        font-weight: 500;
        margin-bottom: 32px;
    }

    .rev2 .s-prev {
        position: absolute;
        top: 47%;
        left: 0;
    }


    .rev2 .s-next {
        position: absolute;
        top: 47%;
        right: 0;
    }

    /*FOOTER*/

    footer {
        padding-top: 0px;
    }

    footer .col1 {
        flex-basis: 100%;
        margin-top: 50px;
    }

    footer .col2 {
        flex-basis: 100%;
        margin: 30px 0;
    }

    footer .col3 {
        flex-basis: 25%
    }

    footer .logo {
        margin-bottom: 30px;
    }

    footer .copy {
        margin-bottom: 10px;
        font-size: 14px;
    }

    footer .col1 p {
        font-size: 14px;
    }

    footer .title {
        text-transform: uppercase;
        margin-bottom: 30px;
        font-weight: 500;
    }

    footer .title:after {
        display: block;
        width: 50px;
        height: 1px;
        background: var(--prime);
        content: '';
        margin-top: 10px;
    }

    footer .col2 {
        padding: 0 0px;
    }

    footer .col2 ul {
        column-count: 2;

    }

    footer .col2 ul li {
        margin-bottom: 10px;
    }

    footer .col3 .item {
        margin-bottom: 20px;
    }

    footer .col3 .subtitle {
        font-size: 12px;
    }

    footer .item p {
        font-weight: 700;
    }

    footer .bottom {
        text-align: center;
        padding: 10px 0;
        margin-top: 30px;
    }

    .bread {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .serv-page .text {
        font-size: 16px;
    }

    .serv-page .fl + p {
        margin-top: 20px;
        font-size: 16px;
        margin-bottom: 30px;
    }

    .contacts-page .item {
        height: auto;
        margin-bottom: 20px;
    }

    .cont-form {
        border-radius: 6px;
        padding: 20px;
        color: white;
        margin-bottom: 30px;
    }

    .cont-form .cont-item {
        font-size: 17px;
        max-width: 600px;
    }

    .cont-form .cont-item + .cont-item {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .cont-form form {
        margin-top: 40px
    }

    .cont-form form h3 {
        font-size: 24px;
        font-weight: 400;
        text-transform: uppercase;
        margin-bottom: 20px;
        text-align: center;
    }


    h1 + p {
        max-width: 100%;
    }



    .introtext .col-lg-9 {
        padding-left: 15px;
        margin-top: 30px;
    }

    .introtext p {
        margin-bottom: 10px;
    }

    .main-serv-text h2 {
        font-size: 24px;

    }


    .main-serv-text .text {
        padding-right: 10px;
    }


    .serv-add .item {
        background: var(--sec);
        padding: 12px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }

    .bread ul {
        display: flex;
        flex-wrap: wrap;
    }

    .kak .col-lg-4 {
        margin-bottom: 15px;
    }


    .promo-info #ajaxForm {
        margin-bottom: 20px;
    }


.serv-table-in .title {
        font-size: 18px;
        font-weight: 500;
        text-align: center;
        margin-bottom: 24px;
        max-width: 100%;
    }

    .serv-table-in p {
        font-size: 15px;
        margin-bottom: 34px;
        text-align: left;
        max-width: 100%;
    }

    .serv-table-in .item {
        background: #ffffff;
        border-radius: 13px;
        padding: 16px;
        border: 1px solid #eaeaea;
        text-align: center;
    }

    .serv-table-in .but {
        margin-top: 34px;
        margin-bottom: 20px;
        text-align: left;
    }

    .serv-table-in ul li {
        flex-basis: 100%;
        list-style: none;
        border-bottom: 1px solid #eee;
        padding: 8px 0;
        font-size: 15px;
        display: flex;
        justify-content: space-between;
        font-weight: 500;
    }

    .promo-info .title {
        font-size: 22px;
        font-weight: 500;
        margin-bottom: 20px;
    }

    .promo-info .but.white button {
        text-align: center;
        display: block;
        height: auto;
    }

    .serv-table-in ul li span {
        text-align: left;
        display: block;
    }

    section.gal .row a {
        display: block;
        margin-bottom: 19px;
    }

    .serv-table-in ul li em {
        text-align: right;
        display: block;
    }

    .promo-info .col-lg-8 img {
        margin-top: 30px;
    }

    .promo-info p {
        margin-bottom: 20px;
    }


    .contacts-page .item {
        height: auto;
        margin-bottom: 20px;
    }

    .cont-form {
        border-radius: 6px;
        padding: 20px;
        color: white;
        margin-bottom: 30px;
    }

    .cont-form .cont-item {
        font-size: 17px;
        max-width: 600px;
    }

    .cont-form .cont-item + .cont-item {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .cont-form form {
        margin-top: 40px
    }

    .cont-form form h3 {
        font-size: 24px;
        font-weight: 400;
        text-transform: uppercase;
        margin-bottom: 20px;
        text-align: center;
    }
    
    .modal .img {
        display: none;
    }
    
    .burger-menu .logo {
    padding-left: 20px;
}

 .rev2 .mob {
        padding: 0 40px;
    }

    .rev2 .title {
        text-align: center;
        font-size: 22px;
        font-weight: 500;
        margin-bottom: 30px;
    }

    .s2-prev {
        position: absolute;
        left: 10px;
        top: 43%;
    }

    .s2-next {
        right: 10px;
        position: absolute;
        top: 43%;
    }

    .rev2 .item {
        padding: 16px;
        border: 1px solid #eee;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: auto;
        text-align: center;
        border-radius: 13px;
    }

    .rev2 .name {
        margin-bottom: 20px;
    }

    .rev2 .first-name {
        color: var(--prime);
    }

    .rev2 .dol {
        font-size: 14px;
        text-align: center;
    }

    .rev2 .but {
        margin-top: 50px;
        border: none !important;
        margin-bottom: 20px;
    }

    .rev2 .but a {
        min-width: 274px;
        text-align: center;
        display: block;
        max-width: 274px;
        margin-left: auto;
        margin-right: auto;
    }

    .promo2-about {
        padding-bottom: 0;
    }

    .promo2-about {
        margin-top: 30px;
    }

    .promo2-about p {
        font-size: 15px;
        max-width: 50%;
    }

    .promo2-about .but {
        text-align: center;
        margin-top: -10px;
        margin-bottom: 30px
    }

    .promo2-about .title {
        font-size: 20px;
        line-height: 1.2;
        font-weight: 500;
        margin-bottom: 20px;
        max-width: 50%;
    }

    .serv-page .col-6 {
        padding: 0 5px
    }

    .serv-page .price b {
        font-size: 18px;
        font-weight: 500;
    }
    
      .promo2-about + .rev {
        background: none;
    }

    .promo2-about + .rev .item {
        background: #fff
    }


    .promo2-about ul li {
        background: url(../img/check2.svg) no-repeat left 10px;
        padding-left: 24px;
        margin-bottom: 10px;
        font-size: 15px;
        font-weight: 400;
    }

    .promo2-about .row {
        background: none;
        padding: 0;
        border-radius: 30px;
        border-top: 0px solid white;
    }

    .promo2-about ul {
        margin-bottom: 40px;
        margin-top: 20px;
        background: #eaeaea;
        padding: 23px 25px;
        border-radius: 30px;
    }

    .promo2-about .col-lg-5 {
        margin-top: -60px;
        position: absolute;
        max-width: 270px;
        right: -20px;
        order: -1;
    }

    .promo2-about {
        padding-bottom: 0;
    }

    .promo2-about {
        margin-top: 30px;
    }

    .promo2-about p {
        font-size: 15px;
        max-width: 50%;
    }

    .promo2-about .but {
        text-align: center;
        margin-top: -10px;
        margin-bottom: 30px
    }

    .promo2-about .title {
        font-size: 20px;
        line-height: 1.2;
        font-weight: 500;
        margin-bottom: 20px;
        max-width: 50%;
    }

    .serv-page .subtitle a {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 10px;
        display: block;
        text-align: center;
        margin-top: 20px;
        min-height: 55px;
    }
 .we-
    .promo2-about {
        padding-bottom: 0;
    }

    .promo2-about {
        margin-top: 30px;
    }

    .promo2-about p {
        font-size: 15px;
        max-width: 50%;
    }

    .promo2-about .but {
        text-align: center;
        margin-top: -10px;
        margin-bottom: 30px
    }

    .promo2-about .title {
        font-size: 20px;
        line-height: 1.2;
        font-weight: 500;
        margin-bottom: 20px;
        max-width: 50%;
    }

    .serv-page .col-6 {
        padding: 0 5px
    }

    .serv-page .price b {
        font-size: 18px;
        font-weight: 500;
    }

    .serv-page .subtitle a {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 10px;
        display: block;
        text-align: center;
        margin-top: 20px;
        min-height: 55px;
    } {}

    .we-about .fl {
        background: #ffffff;
        border-radius: 13px;
        border: 1px solid #eaeaea;

    }

    .we-about .text {
        padding: 30px;
        border-radius: 0px 13px 13px 0px;
    }

    .we-about .subtitle {
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 15px;
        max-width: 100%;
        text-align: center;
    }

    .we-about .subtitle span {
        color: var(--prime)
    }

    .we-about .img {
        flex-basis: 100%;
    }

    .we-about .text {
        flex-basis: 100%;
        padding: 15px 30px 25px 20px;
        order: 2;
    }

    .we-about img {
        border-radius: 13px 13px 0px 0px;
        display: block;
        width: 100%;
        max-height: 400px;
        object-fit: cover;
    }

    .we-about .text p {
        max-width: 100%;
        text-align: center;
        font-size: 14px;
    }

    .we-about .but {
        margin-top: 30px;
        text-align: center;
    }
    
    
    .we-check-about .row {
        background: #ffffff;
        border-radius: 13px;
        border: 1px solid #eaeaea;
        padding: 12px;
        align-items: center;
        margin: 0;
    }

    .we-check-about .title {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 20px;
        max-width: 100%;
        text-align: center;
        margin-right: 0;
        margin-left: 0;
    }

    .we-check-about .but {
        text-align: center;
        margin-bottom: 30px
    }
    .we-check ul li:before {
        content: url(../img/cheeck2.svg);
        position: relative;
        margin-right: 10px;
    }
    .we-check-about ul li {
        border: 1px solid #eaeaea;
        background: #ffffff;
        list-style: none;
        padding: 7px 7px 8px 8px;
        display: flex;
        align-items: center;
        font-size: 13px;
        min-height: 56px;
        font-weight: 500;
        flex-basis: calc(50% - 10px);
        margin: 5px;
        border-radius: 13px;
    }

   .modal input[name="phone"]+div {
    color:white !important
}



}

/*END MOBILE*/