/* Стили для очень маленьких экранов */
@media (max-width: 480px) {
           .hdr .container {
        }
	
	.hdr__slogan {
    font-size: 10px;
    line-height: 1.7;
    color: #838383;
    display: none;
}        .detail4__item {
   margin:20px 0!important
}           .header {
        padding: 0;
        overflow: visible;
    } .detail__tags {
           
            margin-bottom: 40px!important;
        }
	 .menu-mobile-bar{display:block!important}
.menu-mobile-bar .flexbox {
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    display: flex;
}
.menu-mobile-bar .container{width:100%!important;max-width: 100%!important;padding: 0;}
.menu-mobile-bar-button,
.menu-mobile-bar-cart {
    width: 33.3%;
}

.menu-mobile-bar-cart .uplite_jshop_module_cart .cart_info {
    margin: 0 auto;
}
.menu-mobile-bar-button svg{width:18px}
	.menu-mobile-bar-button svg path{fill:#fff}
	.header-socials__item_phone svg path{fill: #ffffff;}
.header-socials__item_phone{background: #de2d26 !important;color: #ffffff;font-weight:700}
.menu-mobile-bar-button a {
    border: none;
    position: relative;
    margin: 0 auto;
    font-size: 3vw;
    width: 100%;
    height: 50px;
    border-radius: 0;
    padding: 1vw;
    gap: 2vw;
    background: #0c0c0c;
    border-right: 1px solid #0a0a0a;
}

.menu-mobile-bar-button a.gift-icon,
.menu-mobile-bar-button a.phone-icon {
    background-size: 13.6vw; 
    background-position: center;
    background-repeat: no-repeat;
}

.menu-mobile-bar-button a.phone-icon {
 
    background: url(../fonts/icon_phone.svg) center / 13.6vw no-repeat;
}
	.frontdirector__main {
            font-size: 18px;
            padding-bottom: 20px;
            margin-top: 0;
            padding: 0 20px!important;
        }        .b9__over {
            position: absolute;
            z-index: 10;
            left: 30px!important;
           
        }        .detail__wrap {
            border-radius: 40px;
            padding: 20px;
            max-width: calc(100% - 20px)!important;
        }.detail .container {
            padding: 10px 5px 300px!important;
        }
	.detail__tags span {
            font-size: 13px!important;margin:3px 0;
        }
	.detail__botleft {
    font-size: 16px;
    line-height: 1.7;
}.detail__bot {
            position: relative;
            z-index: 10;
            margin-top: 15px!important;
            align-items: flex-end;
            flex-flow: wrap;
        }
	.show-more-btn {
    padding: 25px 30px;
    
}
	.uslugi {
   padding: 0 0 0px;
   /* margin: 0; */
}
.header-socials__title {
        font-size: 12px;
    }
    .header-socials__title {
        line-height: 18px;
    }
	.hdr__logo {
        width: 170px;
        margin:  0 auto;
    }.button svg {
    width: 20px;
    margin: 0 10px;
}.userblock__pos {
    font-size: 13px;
    line-height: 1.5;
}
    .detail__title {
        font-size: 30px!important;
        line-height: 1.3!important;
    }
    .detail__title span {
        font-size: 25px;
    }
    .detail__badge {
        left: 150px;
        top: 90px;
        font-size: 12px;
    }
    .button {
        padding: 0 20px;
        font-size: 13px;
        height: 60px;
    }
    .detail__button {
    padding: 0 5px!important;
    }
    .portfolio .swiper-slide {
        width: 180px;
    }
    h2 {
        font-size: 27px!important;
    }
    .h2-description {
    margin: 20px 0;
    }

.frontdirector__bg {
        height: 400px;
        object-position: top center;
    .frontdirector__over {
        padding: 0 40px;
    }
}
    .frontdirector__main h2 {
        font-size: 24px;
    }
    .frontdirector__main p {
        font-size: 18px;
    }
    .frontdirector__prof {
        bottom: 30px;
        right: 40px;
    }
    .prof{
    bottom: 50px!important;
    right: 30px!important;
}
    .our_contact_te{font-size: 10px;}



    .frontdirector__bg {
        height: 326px;
        object-position: top center;
    }
    .frontdirector__over {
        padding: 0 20px;
    }
    .frontdirector__main h2 {
        font-size: 20px;
    }
    .frontdirector__main p {
        font-size: 15px!important;
        line-height: 27px!important;
    }
    .frontdirector__prof {
        bottom: 40px!important;
        right: 160px!important;
    }
    .prof p {
        font-size: 16px;
        line-height: 30px;
    }

}

/* Для мобильных устройств */
@media (max-width: 767px) {
.userblock {
    margin-right: 0;
    width: 100%;
}.userblock__name {
    font-size: 16px;
    line-height: 1.7;
    font-weight: 700;
    color: #262626;
    font-family: "Oswald", sans-serif;
}
.detail__tags {
    height: 70px;
    align-items: center;
    margin-bottom: 53px;
    position: relative;
    z-index: 10;
    flex-flow: wrap;
}
.detailhead .container {
    padding: 10px 15px 10px;
}.detail__tags span {
  font-size: 14px;
}
.detail__bot {
    position: relative;
    z-index: 10;
    margin-top: 28px;
    align-items: flex-end;
    flex-flow: wrap;
}.detail__aside {
    margin: 30px 0;
    flex-flow: wrap;
    gap: 20px;
    width: 100%;
}.buttflex {
    display: flex;
    align-items: center;
    margin-top: 35px;
    position: relative;
}
	.styletextb{display: none!important;}
.portfolio {
    margin-top: -264px;
   
}        .headflexo {
            flex-flow: column;
            align-items: center;
        }
.preview-text {
    top: 70px;
   
}
.main-col-soc{display:none}
.div-phone-up{display:none}

    .video-wrapper {
        position: relative;
        width: 100%;
        height: 275px!important;
    }
    .b9__wrap {
        margin-top: 25px;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }
    .b9 {
        margin-bottom: 60px;
    }
    .detail4__img--4 {
        width: 100px;
    }
    .detail4__grid {
        margin-top: 15px;
    }
    .detail4__img--2 {
        width: 100px;
    }
    .detail4__item {
        border-radius: 20px;
        padding: 15px 10px 0;
        margin: 0 0 0;
    }
.frontdirector__bg {
    display:none;
}.frontdirector__prof2 {
    position: absolute;
    bottom: 50px;
    right: 270px;
    z-index: 10;
}
.frontdirector__bgmob {
    width: 100%;
    height: 670px;
    object-fit: cover;
    object-position: center center;
    border-radius: 20px;
    display: block;
}.footer-col-navigation {
   display:none
}
	.seotext {
    margin: 15px 0;
    overflow: hidden;
}.footer-row .hdr__slogan{
   display:none
}.footer-col-copy {
    width: 100%;
    justify-content: start;
    margin-left: 0;
    margin: 20px 0 0;
}.footer-col-logo {
    width:100%;
    justify-content: start;
}
    .container {
        flex-direction: column;
        max-width: 580px;
        height: 100%!important;
    }.detail4__title {
    margin-bottom: 15px;
    color: #000;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.6;
}.detail4__title2 {
    margin-bottom: 15px;
    color: #ffffff;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.6;
}.detail4desc {
    /* font-size: 12px; */
    /* display: none; */
}
    .info-section,
    .form-section {
        width: 100%;
    }        .hdr__slogan {
            font-size: 10px;
            line-height: 1.7;
            color: #838383;
            display: none;
        }        .header {
            padding: 0;
            overflow: visible;
        }
	.hdr .container {
        height: 80px;
        align-items: center;
        flex-wrap: wrap;
        padding: 10px 30px!important;
        justify-content: space-between;
        flex-direction: row;
    }
    .hdr__logo {
    margin: 0 20px;
    }.header__benefits {
   
    display: none;
}
	#footer .hdr__logo img {
   
    width: 140px;
}
	.online {
   display: none;
}
	
	.have_question_our_specialist {
    display: none;
}
    .detail__wrap {
        border-radius: 40px;
        padding: 20px;
        max-width: calc(100% - 40px);
    }
    .detail__title {
        font-size: 40px;
        line-height: 50px;
    }
    .detail__title span {
        font-size: 30px;
    }
    .detail__badge {
        left: 200px;
        top: 120px;
        font-size: 14px;
    }
    .button {
        padding: 0 30px;
        font-size: 16px;
        height: 70px;
    }
    .detail__button {
        width: 100%;
    }
    .portfolio .swiper-slide {
        width: 220px;
    }
    h2 {
        font-size: 30px;
    }
	.frontdirector__main h2{font-size: 30px;}
    .h2-description {
        font-size: 16px;
    }.b9__over {
    position: absolute;
    z-index: 10;
    left: 30px;
    bottom: 40px;
    width: 85%;
    font-size: 16px;
    border-radius: 20px;
    font-weight: 300;
    line-height: 1.7;
    background: #000000bd;
    padding: 40px;
    /* color: #000; */
}
    .uslitem {
        width: 100%;
        margin: 0 0 15px;
    }
    .usltitle {
        font-size: 21px;
    }
	.timehead::before {
    content: "";
    border-radius: 50%;
    width: 1vw;
    height: 1vw;
    background-color: #52b060;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -5px;
    -webkit-animation: online 2s infinite;
    animation: online 2s infinite;
}
.form-section {
        padding: 30px;
    }
    .form-section h2 {
        font-size: 24px;
        max-width: 100%;
    }
    .formbflex {
        width: 100%;
        margin-bottom: 20px;
    }
    .formb form {
        flex-direction: column;
        align-items: stretch;
    }
    .formb input,
    select,
    .formb button {
        height: 75px;
        padding: 15px;
    }
    .frontdirector__over, .frontdirector__over2 {
        padding: 30px 0;
        flex-direction: row;
    }.frontdirector__prof {
    position: absolute;
    bottom: 50px;
    right: 240px;
    z-index: 10;
}.prof p {
    line-height: 40px;
    font-size: 15px;
    padding: 0 15px;
    background: #fff;
    border-radius: 8px;
    margin-bottom: -5px;
    color: #000;
    display: inline-block;
}
    .frontdirector__main {
        font-size: 18px;
        padding-bottom: 20px;
        margin-top: 0;
        padding: 0 40px;
    }.frontdirector__main p {
    max-width: 600px;
    margin: 30px 0;
    font-size: 17px;
    line-height: 30px;
    font-weight: 100;
}.btn_social_media {
   
    min-width: 50px;
    height: 50px;
    padding: 14px 15px;
    border: 1px solid #161616;
    border-image-slice: 1;
    border-width: 1px;
    border-radius: 10px;
    transition: all 0.5s linear;
}
	.btn_social_media svg{width:20px}
   .social_media_row {
    align-items: center;
    gap: 15px;
    display: flex;
    overflow: hidden;
    border-radius: 20px;
    height: 200px;
}
	.sec_header_row {
        flex-direction: column;
    }.contact_us_title {
    font: 700 20px / 1 "Onest";
    margin-bottom: 30px;
}.our_contact_value, .our_contact_value a {
    font: 700 15px / 1.5 "Onest";
    color: var(--brooclean-dark);
    width: 69%;
}
    .sec_header_row .sec_header_col, .sec_header_info_block {
        width: 100%;
    }
    .services_block {
        gap: 30px;
    }
    .service_item_short_info {
        padding: 20px;
    }
    .service_item_price {
        font-size: 28px;
    }
    .contact_us_left_col, .contact_us_right_col {
        width: 100%;
        flex-wrap: wrap;
    }
    .our_contact_social_media, .contact_us_our_contact {
        width: 100%;
        padding: 30px 20px;
    }
}




@media (min-width: 768px) and (max-width: 1200px) {
	 .form-section {
        padding: 40px;
    }
    .form-section h2 {
        font-size: 28px;
    }
    .formbflex {
        width: 48%;
    }
    .frontdirector__over, .frontdirector__over2 {
        padding: 0 80px;
    }
	.frontdirector__over2 .frontdirector__main {
        font-size: 20px;
        margin-top: 15px;
        padding: 0 0 0 50px;
    }
    .frontdirector__main {
        font-size: 20px;
        margin-top: 75px;
        padding: 0 0 0 20px;
    }
    .sec_header_row .sec_header_col {
        width: 65%;
    }
    .sec_header_info_block {
        width: 32%;
    }
    .services_block {
        gap: 40px;
    }
    .service_item_short_info {
        padding: 30px;
    }
    .service_item_price {
        font-size: 36px;
    }
    .contact_us_left_col {
        width: 65%;
    }
    .contact_us_right_col {
        width: 35%;
    }
    .our_contact_social_media, .contact_us_our_contact {
        width: 45%;
    }
	.hdr .container {
    }.header .nav__link {
    display: block;
    position: relative;
    padding: 15px 10px;
    color: #b9b9b9;
    font-weight: 600;
    font-size: 15px;
}
    .hdr__logo {
        margin-right: 20px;
    }
    .detail__title {
        font-size: 55px;
        line-height: 65px;
    }
    .detail__title span {
        font-size: 40px;
    }
    .detail__badge {
        left: 300px;
        top: 150px;
        font-size: 16px;
    }
    .button {
        padding: 0 40px;
        font-size: 16px;
        height: 70px;
    }
    .detail__button {
        width: 300px;
    }
    .portfolio .swiper-slide {
        width: 280px;
    }
    h2 {
        font-size: 40px;
    }
    .h2-description {
        font-size: 18px;
    }
    .uslitem {
        width: 48%;
        margin: 0 0 20px;
    }
    .usltitle {
        font-size: 18px;
    }
	.main-col-soc {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    padding: 0;
}
.header-socials{
    }
    .video-wrapper {

        position: relative;
        width: 100%;
        height: 305px;
    }
    .hdr .container {
        /* height: 60px; */
    }
    .div-phone-up{
        /* display: none; */
        margin-left: 10px;
    }
    .hdr__logo{
        margin:  0 auto;
        display: flex;
        justify-content: center;
    }
    .img-container{
        margin:  0 auto;
        background-color: #8d8d8d;
    }
    h2 {
        color: #fff;
        text-align: left;
        margin-bottom: 0;
        font-weight: 400;
        font-size: 40px!important;
        max-width: 1170px;
        line-height: 1.3;
        position: relative;
        z-index: 10;
        font-weight: 400;
    }
    .h2-description {
        font-size: 20px;
        margin-top: 25px;
        line-height: 1.7;
        text-align: left;
        max-width: 1170px;
        margin-right: auto;
        color: #8d8d8d;
    }
    .frontdirector__over {
        display: flex;
        flex-flow: wrap;
        align-items: stretch;
        justify-content: center;
        padding: 0 55px;
    }
    .preview-text {
        position: relative;
        top: 50px;
        width: 100%;
        text-align: center;
        color: white;
        font-size: 12px;
        z-index: 10;
        font-weight: 500;
        pointer-events: all;
        width: 80%;
    }

    .hdr__slogan {
        display: none;
    }
    .hdr__action {
        font-size: 13px;
        white-space: nowrap;
    }
    .hdr__action img {
        width: 15px;
        margin-right: 8px;
    }
    .hdr__action small {
        display: none;
    }
    .detail__wrap {
        border-radius: 30px;
    }
    .detail .container {
        padding-top: 30px;
        padding-bottom: 130px;
    }
    .detail__abs {
        width: 200px;
        right: -50px;
        top: 70px;
    }
    .detail__absleft {
        width: 150px;
        left: -56px;
        top: 340px;
    }
    .detail__tags {
        height: auto;
        flex-flow: row wrap;
        margin-bottom: 30px;
    }
    .detail__tags span {
        height: 30px;
        padding: 0 15px;
        margin-right: 5px;
        margin-bottom: 5px;
        font-size: 15px;
    }
    .detail__title {
        font-size: 30px;
        line-height: 1.2;
        font-weight: 700;
        position: relative;
    }
    .detail__title span {
        position: static;
        display: inline;
    }
    .detail__title br {
        display: none;
    }
    .detail__title b {
        font-weight: 700;
    }
    .detail__badge {
        position: static;
        transform: none;
        font-size: inherit;
        font-family: inherit;
        font-weight: inherit;
        padding: 0;
        color: #000;
        white-space: normal;
        display: inline;
        background: none;
    }
    .detail__badge img {
        display: none;
    }

    .detail__bot {
        flex-flow: column nowrap;
        align-items: stretch;
        margin-top: 15px;
    }
    .detail__botleft {
        font-size: 15px;
    }
    .detail__button {
    }
    .detail__aside {
        display: flex;
        flex-direction: column;
        justify-content: start;
        width: 100%;
        margin: 25px 0 0;
        /* flex-flow: column nowrap; */
        align-items: center;
        gap: 5px;
    }
    .userblock {
        width: 330px;
        margin-bottom: 15px;
        margin-right: 0;
        padding: 20px;
    }
    .userblock:last-child {
        margin-bottom: 0;
    }
    .userblock__ava {
        width: 70px;
        height: 70px;
    }

    .userblock__name {
        font-size: 15px;
        line-height: 1.4;
    }
    .userblock__pos {
        font-size: 13px;
        line-height: 1.4;
    }

    .portfolio {
        margin-top: -100px;
        margin-bottom: 20px;
    }
    .portfolio__items img {
        width: 170px;
        border-radius: 11px;
        margin-right: 5px;
    }
    .portfolio .swiper-slide {
        width: 250px;
    }
    .portfolio .swiper-slide img {
        border-radius: 11px;
    }
    .footer {
        height: auto;
        padding: 20px 0 20px;
    }
    .footer__bg {
        width: 100%;
    }
    .footer__block {
        height: auto;
        flex-flow: column nowrap;
        align-items: center;
        padding: 15px;
        text-align: center;
        font-size: 12px;
        line-height: 1.4;
        margin-top: 10px;
    }
    .footer__center {
        margin-top: 13px;
        margin-bottom: 13px;
    }
    .footer__right {
        text-align: center;
    }
    .frontdirector {
        margin: 0;
    }
    .uslflex {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 2.6%;
        margin-top: 50px;
    }
    .uslitem {
        width: 48%;
        background: url(../images/uslbg.png);
        padding: 20px;
        border-radius: 20px;
        margin: 0 0 30px;
        color: #000;
        background-size: cover;
        position: relative;
        z-index: 1;
    }
    .detail4__item {
        font-size: 13px;
        line-height: 1.4;
    }
    .b9__over {
        font-size: 18px;
        left: 20px;
        top: 20px;
    }
    .b9__bg {
        height: 400px;
        border-radius: 15px;
    }
    .detail4__img--4 {
        width: 140px;
        margin-bottom: 15px;
        margin-top: 0;
    }
    .detail4__img--2 {
        width: 120px;
        margin-top: 0;
    }
    .detail4__title {
        margin-bottom: 20px;
    }
    .detail4__grid {
        margin: 30px auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        
    }
    .detail4__item{
        min-width: 330px;
        margin:  0 auto;
    }

    .detail__wrap {
        border-radius: 50px;
    }
    .detail .container {
        padding-bottom: 150px;
        padding-top: 40px;
    }
    .detail__abs {
        width: 400px;
        right: -150px;
        top: 30px;
    }
    .detail__absleft {
        width: 240px;
        left: -160px;
    }
    .detail__tags {
        margin-bottom: 45px;
    }
    .detail__title {
        font-size: 47px;
    }.detailhead .container {
    padding: 90px 15px 170px;
}
	.headflexo{  flex-flow: column;}
    .detail__aside {
        margin-left: auto;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        gap: 20px;
      
    }
	
    .detail__botleft {
        font-size: 18px;
    }
    .detail__button {
        height: 80px;
        padding: 0 40px;
        font-size: 18px;
        width: 50%;
    }
    .portfolio__items img {
        width: 250px;
    }
    .portfolio .swiper-slide {
        width: 250px;
    }
    .footer {
        height: 100px;
    }
    .footer__block {
        margin-top: 20px;
        height: 60px;
        font-size: 13px;
        padding: 0 20px;
        border-radius: 10px;
    }
    .footer__bg {
        width: 900px;
    }
    .b9__wrap {
        grid-gap: 15px;
    }
    .detail4__img--4 {
        margin-top: -10px;
        width: 80%;
    }
    .detail4__img--2 {
        margin-top: -10px;
        width: 80%;
    }
    .detail4__title {
        margin-bottom: 30px;
    }
    .detail4__item {
        padding: 20px 15px 0;
        font-size: 17px;
        width: 47%;
        margin: 10px 0;
    }
    .header-socials__title {
        font-size: 16px;
    }
    .header-socials__title {
        line-height: 20px;
    }
    .detail__wrap {
        max-width: 100%;
    }
    .detail__botleft {
        padding-left: 0;
    }
	.main-tel {
    font-size: 20px;
    font-weight: 700;
} .have_question_our_specialist {
    display: none!important;
}.btn_social_media {
    font: 700 14px / 2.3 "Onest";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 50px;
    height: 50px;
    padding: 14px 15px;
    border: 1px solid #161616;
    border-image-slice: 1;
    border-width: 1px;
    border-radius: 10px;
    transition: all 0.5s linear;
}.frontdirector__main p {
    max-width: 400px;
    margin: 30px 0;
    font-size: 17px;
    line-height: 30px;
    font-weight: 100;
    /* background: #fff; */
    /* padding: 30px 40px; */
    /* color: #000; */
    border-radius: 20px;
}.frontdirector__prof {
    position: relative;
    bottom: 25px;
    right: 0;
    z-index: 10;
}
.online {
   display: none;
}.header__benefits{display:none;}

.uslugi {
    position: relative;
    margin: 50px 0 0;
    overflow: hidden;
}.formbflex {
    width: 47%;
}.formb form {
    display: flex;
    align-items: end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 25px;
}.formb button {
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    height: 75px;
    width: 47%;
}.frontdirector__over2 {
    display: flex;
    flex-flow: column nowrap;
    align-items: end;
    justify-content: center;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 15px 0 235px;
}.frontdirector__prof2 {
    position: relative;
    bottom: 0px;
    left: -400px;
    z-index: 10;
}.sec_header_row .sec_header_col {
    width: 100%;
}.contact_us_our_contact {
    border: 1px solid #121212;
    border-radius: 10px;
    padding: 35px 15px 35px 50px;
    width: 100%;
}.our_contact_social_media {
    border: 1px solid #121212;
    border-radius: 10px;
    padding: 40px 80px 50px 50px;
    width: 100%;
}.contact_us_right_col {
    gap: 20px;
    width: 100%;
    flex-wrap: wrap;
}
	
}	
	

@media (min-width: 1200px) and (max-width: 1400px) {
.main-tel {
    font-size: 20px;
    font-weight: 700;
}	
.hdr__slogan {
 display:none
}	
	.detail .container {
    padding: 70px 75px 300px;
}.detail__aside {
}.userblock__pos {
    font-size: 13px;
}.userblock__name {
    font-size: 14px;
}.frontdirector__prof {
    position: absolute;
    bottom: 70px;
    right: 350px;
    z-index: 10;
}.frontdirector__prof2 {
    position: absolute;
    bottom: 90px;
    right: 0;
    z-index: 10;
    left: -150px;
}
}