/*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: 12px;
    }


    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 25px;
        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: black;
        text-align: center;
    }

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

    .burger-menu .phone {
        display: block;
        margin-bottom: 10px;
        padding-top: 20px;
        border-top: 1px solid #eee;
    }

    .burger-menu .callback img {
        margin-right: 10px;
    }

    .burger-menu .callback {
        color: var(--prime);
        font-size: 20px;
    }

    .burger-menu .close {
        text-align: left;
        margin-bottom: 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: 10px;

    }

    .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: 15px;
        font-size: 25px;
        font-weight: 400;
        color: black;
        position: relative;
        text-align: center;
    }

    .burger-menu ul ul li {
        margin-bottom: 5px;
        font-size: 16px;
    }
  .burger-menu ul li .arr.active {
      transform:rotate(180deg);
      margin-top:5px;
  }
    .burger-menu ul ul li a {
        color: #373737;
    }

    .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;

    }


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


    .but img {
        margin-left: 8px;
        width: 20px;
    }

    .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: 5px;
    }

    header .icons a {
        padding: 0 14px
    }

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


    /*HEADER*/

    header {}

    header .fl {
        width: 100%
    }

    header .header-top {
        display: flex;
        justify-content: space-between;
        font-size: 14px;
        margin-bottom: 17px;
    }

    header .header-top .fl div {
        padding: 11px 15px 9px;
        flex-basis: 33.333%;
    }

    header .header-top .slogan {
        background: white;
        color: var(--prime);
        text-align: center;
    }

    header i {
        margin-right: 10px
    }

    header .logo {
        flex-basis: 33.333%;
    }

    header .logo img {
        max-width: 150px;
    }

    header .sale {
        flex-basis: 33.333%;
    }

    header .sale .item {
        border-radius: 16px;
        background: var(--sec);
        padding: 19px 26px;
        font-size: 17px;
        display: flex;
        font-weight: 500;
        align-items: center;
        justify-content: space-between;
    }

    header .sale .item .but a {
        margin-left: 30px;
        padding: 9px 21px;
    }

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

    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)
    }

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

    header nav ul ul li a {
        color: white;
        display: block;
        margin-bottom: 10px;
    }


    /*INFO*/

    .info {
        margin-top: 40px;
        margin-bottom: 28px;
    }

    .info .row {
        align-items: center;
    }


    .info h2 {
        font-size: 26px;
        text-transform: none;
        font-weight: 500;
        margin-bottom: 25px;
    }

    .info ul {
        list-style: none;
    }

    .info ul li {
        background: url(../img/check.svg) no-repeat left 0px/20px;
        padding-left: 34px;
        margin-bottom: 16px;
        font-size: 16px;
        font-weight: 500;
    }

    .info ul li:last-child {
        margin-bottom: 0px;
    }


    /*PROMO*/

    .promo {
        padding-top: 0
    }

    .promo form {
        background: var(--prime);
        padding: 30px;
        border-radius: 16px;
        max-height: 100%;
    }

    .promo-job form {
        background: var(--sec);
        height: auto;
        max-height: max-content;
    }

    .promo .form-group {
        margin-bottom: 11px;
    }

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

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

    .promo input,
    .promo select {
        padding: 13px;
        background: white;
        border-radius: 10px;
        width: 100%;
        border: none;
    }

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

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

    .promo .agree {
        text-align: center;
        color: white;
        margin-top: 20px
    }

    .promo .but.white button {
        background: white;
        font-weight: 500;
        width: 100%;
        border-radius: 10px;
        padding: 15px 17px 21px 17px;
        color: initial;
        text-transform: none;
        font-size: 16px;
        text-align: center;
        display: block;
    }

    .promo .col-lg-8 img {
        border-radius: 12px;
        height: 100%;
        object-fit: cover;
        margin-top: 20px;
    }

    /*PRE*/


    h2 {
        font-size: 25px;
        font-weight: 400;
        text-transform: uppercase;
        margin-bottom: 12px;
    }

    .pre .title {
        font-size: 18px;
        text-align: center;
        line-height: 1.2;
        margin-bottom: 37px;
        padding: 0;
    }

    .pre .title b {
        font-weight: 700
    }

    .pre img {
        border-radius: 10px;
        width: 100%;
    }

    .pre .item {
        background: var(--sec);
        border-radius: 10px;
        padding: 25px;
        margin-bottom: 10px;
    }

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

    .pre p {
        font-weight: 300;
    }

    .pre .item:last-child {
        margin-bottom: 0;
    }


    /*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: 8px 0px 0px 8px;
    }

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

    .serv .tab-item:last-child {
        border-radius: 0px 8px 8px 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: 27px;
    }

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

    .serv .col-lg-4 {

        padding: 0 5px;
    }



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

    .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;
        margin-bottom: 20px;
    }

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

    .serv .item.dop .subtitle {
        max-width: 65%;
        font-size: 15px;
    }

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

    .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: 15px;
        font-weight: 500;
        margin-left: 5px;
    }

    .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;
    }



    /*CALC*/

    .calc {}

    .calc h2 {
        font-size: 22px;
        font-weight: 700;
        text-align: center;
        text-transform: none;
        margin-bottom: 30px;
    }

    .calc .form-step {
        background: var(--silver);
        padding: 12px 14px;
        border-radius: 10px;
        margin-bottom: 15px;
    }

    .calc .col-lg-4 {
        display: flex;
        flex-direction: column;
    }

    .calc .col-lg-4 .form-step {
        height: 40%;
        display: flex;
        flex-direction: column;
        justify-content: center;

    }

    .calc .col-lg-4 .form-step + .form-step {
        height: 60%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .calc .form-step:last-child {
        margin-bottom: 0
    }

    .calc .form-step.prime {
        background: var(--prime);
        padding: 18px 19px;
        border-radius: 10px;
    }

    .calc .form-step.prime .fl {
        justify-content: flex-end
    }

    .calc .form-step.prime .form-group {
        margin-right: 0px;
        width: 100%;
        margin-bottom: 10px;
    }

    .calc .form-step.prime .agree {
        text-align: right;
        margin-top: 10px;
        font-size: 13px;
    }

    .calc .form-step h3 {
        font-size: 22px;
        font-weight: 500;
        margin-bottom: 12px;
    }

    .calc .form-step label {
        background: white;
        border: 1px solid var(--prime);
        border-radius: 10px;
        padding: 10px 13px;
        margin-bottom: 12px;
        position: relative;
        margin-right: 5px;
    }

    .calc .form-step label:has(input[type="checkbox"]:checked) {
        background: var(--prime) !important;
        color: white !important;
    }


    .calc .form-step label:has(input[type="radio"]:checked) {
        background: var(--prime) !important;
        color: white !important;
    }

    .calc em {
        display: inline-flex;
        background: #dbdada;
        border-radius: 10px;
        width: 16px;
        height: 16px;
        justify-content: center;
        align-items: center;
        margin-right: 12px;
        position: absolute;
        top: 12px;
    }

    .calc p {
        padding-left: 25px
    }

    .calc input[type="radio"],
    .calc input[type="checkbox"] {
        display: none !important
    }

    .calc input[type="radio"]:checked + em:before {
        content: '';
        border-radius: 10px;
        width: 8px;
        height: 8px;
        background: var(--prime);
    }


    .calc input[type="checkbox"]:checked + em:before {
        content: '';
        border-radius: 10px;
        width: 8px;
        height: 8px;
        background: var(--prime);
    }

    .calc .price-display {
        text-align: right;
        font-weight: 500;
        margin-bottom: 15px;
    }

    .calc .price-display span {
        font-size: 20px;
        font-weight: 700;
    }

    .calc .row .col-lg-4 .form-step + .form-step label {
        text-align: left;
        position: relative;
        background: none;
        border: none;
        font-size: 15px;
        margin-right: 0;
    }

    .calc .row input {
        border: 1px solid var(--prime);
        background: #ffffff;
        border-radius: 10px;
        text-align: center;
        padding: 10px 0;
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .calc .row {
        margin-bottom: 10px;
    }

    .calc .prime input {
        background: white;
        padding: 13px 15px;
        margin-right: 0px;
        width: 100%;
        display: block;
    }

    .calc .prime button {
        background: white;
        text-align: center;
        padding: 8px 40px;
        border: none;
        color: initial;
        border-radius: 10px;
        width: 100%;
    }

    /*FORM2*/

    .form2 {}

    .form2 h3 {
        font-size: 18px;
        text-align: center;
        margin-bottom: 36px
    }



    .form2 h3 strong {
        display: block;
    }

    .form2 p {
        text-align: left;
        margin-bottom: 1px;
    }

    .form2 form {
        margin-top: 10px;
        max-width: 700px;
        text-align: center;
        width: 100%;
    }

    .form2 form .fl {
        width: 100%;
        justify-content: center;
    }

    .form2 input {
        border: none;
        border-bottom: 1px solid var(--prime);
        background: none;
        padding: 15px 20px;
        width: 100%;
        margin-bottom: 20px;
    }

    .form2 form .but {
        margin-left: 0px;
    }

    .form2 .agree {
        font-size: 12px;
        margin-top: 20px;
        max-width: 270px;
        text-align: center;
        padding-right: 10px;
    }

    .form2 .ili {
        margin-top: 60px;
    }

    .form2 .ili i {
        color: var(--prime);
        margin-left: 0px;
    }



    .form2 .ili a {
        font-size: 18px;
        font-weight: 700;
    }

    .form2 .form-new {
        background: none;
        padding: 0px 0;
        border-radius: 20px;
    }

    /*GAL*/


    .gal h3 {
        text-align: center;
        font-size: 18px;
        text-align: center;
        margin-bottom: 16px;
    }

    .gal .bg-text {
        padding: 7px 16px;
        background: var(--sec);
        font-size: 18px;
        display: inline-flex;
        border-radius: 16px;
        margin-bottom: 30px;
        text-align: center;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        margin-top: 14px;
    }

    .gal img {
        border-radius: 16px;
        width: 100%;
    }

    .gal .container {
        position: relative;
    }

    .gal .swiper {
        text-align: center;

    }

    .gal .swiper-button-prev {
        background: var(--sec);
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        left: -60px;
        top: 60%;
    }


    .gal .swiper-button-next {
        background: var(--sec);
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: -60px;
        top: 60%;
    }

    .gal .swiper-button-prev img {
        max-width: 100%;
        width: auto !important
    }


    .gal .swiper-button-next img {
        max-width: 100%;
        width: auto !important
    }


    /*GARANT*/

    .garant {}

    .garant h3 {
        text-align: left;
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 30px;
        text-align: center;
    }

    .garant .director {
        background: url(../img/glava.jpg) no-repeat center 0/101%;
        padding: 40px 10px;
        border-radius: 16px;
        border: none;
    }

    .garant .director .fl {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }

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

    .garant blockquote {
        position: relative;
        font-size: 18px;
        line-height: 22px;
        font-weight: 300;
        font-style: italic;
        margin: 50px 0;
        max-width: 600px;
    }

    .garant blockquote:before {
        content: url(../img/quo.svg);
        position: relative;
        left: 0;
        top: 0;
        display: block;
        margin-bottom: 11px;
    }

    .garant img {
        margin-right: 16px
    }

    .garant .text p {
        margin-bottom: 10px;
        max-width: 100%;
    }

    .garant .text p b {
        font-weight: 700;
    }

    .garant .info {
        max-width: 410px;
        line-height: 1.5;
    }

    .garant .more {
        margin-top: 10px;
    }

    .garant .more a {
        color: var(--prime);
        text-decoration: underline;
        font-weight: 500;
    }


    /*PRE*/


    .pre2 .row .col-lg-4 {
        margin-bottom: 20px
    }

    .pre h3 {
        font-size: 26px;
        font-weight: 700;
    }

    .pre2 h3 {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 30px
    }

    .pre .col-lg-6 + .col-lg-6 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .pre .item {
        background: var(--sec);
        border-radius: 10px;
        padding: 28px 16px;
        margin-bottom: 2px;
        height: auto;
        margin-top: 10px;
    }

    .pre2 .item .text {
        padding-left: 20px;
    }

    .pre .item .subtitle {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 12px;
    }

    .pre .item p {
        font-size: 14px;
        max-width: 90%;
    }

    .pre2 img {
        width: 83px;
    }

    .pre2 .item {
        background: var(--sec);
        border-radius: 10px;
        padding: 20px 11px;
        margin-bottom: 0px;
        display: flex;
        height: 100%;
        font-size: 14px;
    }

    .pre2 .item .subtitle {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 12px;
        line-height: 1.2;
    }

    /*TEAM*/

    .team {}

    .team .pass {
        background: var(--sec);
        border-radius: 16px;
        padding: 12px;
        display: flex;
        align-items: center;
    }

    .team .pass img {
        margin-right: 15px;
        max-width: 92px;
    }

    .team p {
        font-size: 13px;
        margin-top: 0px;
    }

    .team .item p {
        text-align: center;
    }

    .team .item p b {
        margin-left: 10px
    }

    .team .row + .row {
        margin-top: 60px;
    }

    .team .item {
        text-align: center;
        padding: 20px 0;
        border-bottom: 1px solid var(--prime);
    }

    .team .item img {
        border-radius: 50%;
        margin-bottom: 26px;
    }

    .team .item .name {
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 30px;
    }

    .team .prig {
        border: 1px solid var(--prime);
        padding: 13px;
        border-radius: 16px;
        text-align: center;
        height: 100%;
        margin-top: 30px;
    }

    .team .prig img {
        margin-bottom: 15px;
    }

    .team .prig .subtitle {
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 30px;
    }

    .team .prig .more a {
        display: block;
        color: var(--prime);
        font-weight: bold;
        margin-top: 20px;
        text-decoration: underline;
    }


    /*REV*/

    .rev a {
        margin-bottom: 20px;
    }

    .rev a:last-child {
        margin-bottom: 0
    }

    .rev a {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

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

    .rev .col-lg-4 {
        margin-bottom: 20px
    }

    .rev .play {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 40px;
        height: 40px;
        background: white;
        border-radius: 50%;
        border: 3px solid white;
    }

    .rev img {
        width: 100%;
        border-radius: 20px;
    }

    .rev .col-lg-4:last-child {
        position: relative;
        padding: 0 60px;
    }

    .rev .swiper-button-prev {
        background: var(--sec);
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        left: 20px;
        z-index: 9;
        top: 43%;
    }


    .rev .swiper-button-next {
        background: var(--sec);
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 20px;
        z-index: 9;
        top: 43%;
    }

    .rev .swiper-button-prev img {
        max-width: 100%;
        width: auto !important
    }


    .rev .swiper-button-next img {
        max-width: 100%;
        width: auto !important
    }


    /*CONTACTS*/

    .contacts {
        padding: 0px 0;
        background: none;
    }

    .contacts .row {
        margin-top: 70px;
    }

    .contacts .item {
        margin-bottom: 25px;
        display: flex;
    }

    .contacts .item a {
        font-weight: 700;
        display: block;
        margin-bottom: 5px;
    }

    .contacts .subtitle {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .contacts .item p {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 5px;
    }


    .contacts .item p a {
        color: var(--prime);
        font-weight: 700;
        font-size: 14px;
        text-decoration: underline;
    }

    .contacts .icon {
        margin-right: 20px;
        border-radius: 8px;
        width: 46px;
        height: 46px;
        background: var(--sec);
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--prime);
        font-size: 22px;
    }

    .contacts form {
        /* background: var(--sec); */
        border-radius: 16px;
        padding: 22px 30px 22px 30px;
        max-width: 100%;
        margin-left: auto;
        position: relative;
    }

    .contacts form:before {
        content: url(../img/girl.png);
        position: absolute;
        left: -280px;
        top: 0;
        z-index: -1;
        display: none;
    }

    .contacts form input {}

    .contacts form .form-group {
        margin-bottom: 20px;
    }


    .contacts form p {
        text-align: center;
        margin-top: 10px;
        font-size: 14px;
    }

    .contacts form h3 {
        text-align: center;
        font-size: 17px;
        font-weight: 500;
    }

    .contacts .but button {}

    /*FOOTER*/

    footer {}

    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: 30px;
        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: 40px;
        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;
    }

    section.zak .form-group {
        margin-bottom: 15px;
    }


    section.zak h2 {
        font-weight: 700;
        font-size: 26px;
        text-transform: none;
        margin-bottom: 30px;
    }


    section.arenda-page .item img {
        width: 100%;
        margin-bottom: -20px;
        border-radius: 12px 12px 0 0
    }

    section.arenda-page .item .content {
        background: #E9EDF0;
        padding: 15px 10px 10px;
        border-radius: 13px;
        position: relative;
    }

    section.arenda-page .row {
        margin: 0 -5px
    }

    section.arenda-page .item {
        margin-bottom: 10px;
    }

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

    section.arenda-page .item .subtitle {
        font-size: 13px;
        font-weight: 400;
        margin-bottom: 10px;
        line-height: 1.2;
        min-height: 109px;
    }

    .arenda-page .item .but a {
        text-transform: none;
        font-size: 13px;
        display: inline-block;
        height: auto;
    }

    section.arenda-page .item p {
        margin-bottom: 11px;
        line-height: 1.2;
        max-width: 98%;
        font-size: 12px;
    }

    section.arenda-page .item .price span {
        font-size: 14px;
        font-weight: 500;
        margin-left: 5px;
    }



    .arenda-page .item .content {
        background: #E9EDF0;
        padding: 12px 12px;
        border-radius: 15px;
        position: relative;
    }

    .arenda-page .item img {
        width: 100%;
        margin-bottom: -10px;
        border-radius: 20px 20px 0 0;
    }

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

    .gallery .item {
        flex-basis: 50%;
    }

    .serv-page .subtitle a {
        font-size: 15px;
        font-weight: 700;
        margin-bottom: 10px;
        display: block;
        text-align: center;
        min-height: 40px;
        margin-top: 15px;
    }

    section.zak .row img {
        width: 100%;
        margin-bottom: 20px;
    }

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

    .serv-page .but a {
        text-transform: none;
        display: inline-block;
        margin-bottom: 20px;
        font-size: 13px;
        padding: 10px 11px;
        height: auto;
    }

    .serv-page .intro {
        font-size: 13px;
        text-align: center;
        min-height: 50px;
        max-height: 50px;
        overflow: hidden;
    }

    .gallery h2 {
        font-size: 25px;
    }

    .thank {
        padding: 30px 0;
    }

    span.arr {
        position: absolute;
        margin-left: 10px;
        margin-top: -5px;
    }

    span.arr img {
        width: 20px;

    }

    .thank img {
        width: 42px;
    }

}

/*END MOBILE*/