@media screen and (max-width: 1400px) {
    .polish-gallery .page-img {
        height: 300px
    }
}

@media screen and (max-width: 1240px) {
    .polish-gallery .page-img {
        height: 240px
    }

    .category-label {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .category-label__item {
        margin-right: 15px
    }

    .page-logo {
        width: 170px
    }

    .nav-list > li > a, .nav-list > li > button {
        font-size: 12px
    }

    .nav-list > li + li {
        margin-left: 10px
    }


    .bdt-navbar-nav > li > a, .bdt-navbar-nav > li > button {
        font-size: 12px
    }

    .bdt-navbar-nav > li + li {
        margin-left: 10px
    }

    .nav-arrow {
        font-size: 10px
    }

    .header-top {
        padding: 20px 0
    }

    .home-img {
        width: -webkit-calc(100% + 420px);
        width: calc(100% + 420px);
        left: -120px
    }

    .top-phone {
        font-size: 16px
    }

    .home-video .video-block {
        height: 300px
    }

    .full-video {
        height: 400px
    }

    .advantages-section, .blog-section, .service-section {
        padding: 70px 0
    }

    .page-section {
        padding-top: 20px;
        padding-bottom: 70px
    }

    .page-cover + .page-section {
        padding-top: 50px
    }

    .class-section {
        padding: 70px 0
    }

    .service-tab__item {
        font-size: 14px
    }

    .article-img, .page-img, .service-img {
        height: 300px
    }

    .page-content__extra .big {
        font-size: 18px
    }

    .bottom-gallery .page-img, .home-about .video-block {
        height: 400px
    }

    .banner {
        height: auto
    }

    .footer {
        padding: 20px 0
    }

    .footer-block__name {
        font-size: 21px
    }

    .news__cover {
        height: 200px
    }

    .page-cover {
        height: 430px
    }

    .page-cover__title {
        top: 230px
    }

    .contact-section {
        padding: 100px 0
    }

    .contact-col {
        padding: 0 15px
    }

    .price-body {
        padding: 0
    }

    .price-head > .container {
        padding: 0 15px
    }

    .extra-gallery .page-img {
        height: 220px
    }

    .page-gallery .video-block--regular-video {
        height: 300px
    }

    .not-doing__block:after {
        width: -webkit-calc(65% - 20px);
        width: calc(65% - 20px)
    }

    .not-doing-right {
        padding: 30px 0 30px 30px
    }

    .page-gallery--type2 .page-img {
        height: 220px
    }

    .ton-gallery .page-img {
        height: 160px
    }

    .glass-type {
        padding: 30px 20px
    }

    .glass-type__label {
        padding: 5px 30px
    }

    .why-block__title {
        padding: 0 30px;
        font-size: 18px
    }

    .franchise-content {
        padding: 0 50px
    }

    .package {
        padding: 20px 15px 30px
    }

    .ceo-right {
        padding: 50px 70px
    }

    .ceo__title {
        font-style: 25px
    }

    .stat-video {
        margin-top: -300px;
        width: 595px;
        height: 250px
    }

    .stat-section, .top-text__item, .top-text__line {
        margin-top: 40px
    }

    .timer-block__val {
        font-size: 64px
    }

    .coop-wrap__img {
        width: 500px;
        height: 500px;
        left: -280px
    }

    .top-form {
        padding: 0
    }
}

@media screen and (max-width: 991px) {
    .ceo-right__img, .nav-btn, .sub-nav {
        position: relative
    }

    .nav-btn, .price-table > tbody > tr > td:last-child {
        border: none
    }

    .lang .nav-list, .nav-list, .bdt-navbar-nav {
        -webkit-box-direction: normal
    }

    .request-form {
        padding: 0 100px
    }

    .sub-nav {
        display: block !important;
        top: 0;
        width: 100%;
        padding: 15px 0 0 15px;
        box-shadow: none
    }

    .ceo-left, .coop-wrap__img {
        display: none
    }

    .sub-nav li a {
        font-size: 12px
    }

    .stat-section {
        margin-top: 0
    }

    .franchise-top {
        padding: 150px 0 50px
    }

    .top-text__title {
        font-size: 32px
    }

    .stat-col__val, .tariff__price {
        font-size: 48px
    }

    .top-form {
        margin-top: 30px;
        padding: 0 100px
    }

    .coop-wrap {
        width: 100%;
        padding: 30px
    }

    .franchise-footer {
        padding: 50px 0
    }

    .franchise-bottom__logo {
        width: 240px
    }

    .franchise-bottom__text {
        padding: 0
    }

    .how-work-section {
        padding: 0 0 50px
    }

    .terms-buying {
        margin-top: 50px;
        padding-top: 30px
    }

    .tariff {
        padding: 30px 15px 130px
    }

    .tariff__btn {
        bottom: 30px
    }

    .title-block {
        padding-bottom: 50px
    }

    .title-block--type2 {
        padding-bottom: 20px
    }

    .studio-section {
        padding-bottom: 50px
    }

    .stat-block {
        margin-top: 40px
    }

    .dark-section, .stat-section {
        padding: 50px 0
    }

    .stat-video {
        width: 100%;
        margin-top: 0
    }

    .stat-block__row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .stat-col {
        width: 33.3%
    }

    .ceo-right {
        display: block;
        text-align: center;
        padding: 30px 15px 40px
    }

    .not-doing__block:after, .plus-img {
        display: none
    }

    .category-td, .video-title--right {
        text-align: left
    }

    .ceo-right__img {
        left: 0;
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        margin: 0 auto
    }

    .ceo {
        margin-top: 15px
    }

    .ceo__name {
        font-size: 21px;
        font-style: 16px
    }

    .franchise-content {
        padding: 0
    }

    .package__title {
        height: 50px
    }

    .polish-gallery .page-img, .ton-gallery .page-img {
        height: auto
    }

    .note {
        margin-top: 40px
    }

    .glass-list {
        padding-top: 30px
    }

    .glass-type {
        padding: 15px 15px 30px
    }

    .glass-type__label {
        max-width: 290px;
        margin: 0 auto;
        font-size: 16px
    }

    .bdt-navbar-nav > li + li,
    .nav-list > li + li, .pagination > li + li {
        margin-left: 0
    }

    .polish-gallery {
        margin-top: 20px
    }

    .price-drop, .price-drop__body {
        margin-top: 15px
    }

    .price-drop__title {
        font-size: 18px;
        padding: 5px 0
    }

    .category-label {
        padding-top: 30px
    }

    .category-label__item {
        padding: 5px 15px
    }

    .category-label + .full-video {
        margin-top: 50px
    }

    .not-doing__block {
        margin-top: 40px
    }

    .not-doing-right {
        padding: 30px 0 0;
        color: #fff
    }

    .extra-gallery {
        margin-top: 0;
        padding-top: 50px
    }

    .page-gallery .video-title {
        margin-top: 30px
    }

    .page-gallery .video-title--bottom {
        margin-top: 0
    }

    .contact-col, .page-gallery + .page-content__title {
        margin-top: 30px
    }

    .page-gallery .video-block--regular-video {
        height: 220px
    }

    .contact-col {
        width: 100% !important;
        padding: 0 15px
    }

    .contact-section {
        padding: 40px 0 70px
    }

    .contact__phone a {
        font-size: 18px
    }

    .page-cover {
        height: 330px
    }

    .page-cover__title {
        top: 170px;
        font-style: 23px
    }

    .price-head {
        padding: 20px 0
    }

    .price-name--bigger {
        font-size: 17px
    }

    .price-table tbody tr td {
        padding: 5px 0
    }

    .price-table > thead tr {
        display: block
    }

    .price-table > thead tr td {
        display: none
    }

    .price-table > thead tr td:first-child {
        display: block
    }

    .price-table > tbody > tr {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        padding: 5px 0 15px
    }

    .price-table > tbody > tr + tr {
        margin-top: 10px
    }

    .news__cover, .page-content__text p, .page-content__text ul, .page-content__text > a {
        margin-top: 20px
    }

    .price-table > tbody > tr > td {
        display: block;
        width: 100%;
        margin-left: 0
    }

    .price-table > tbody > tr > td:before {
        display: block;
        content: attr(data-label);
        text-align: left;
        padding-bottom: 5px;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 14px
    }

    .price-table > tbody > tr > td:nth-child(2), .price-table > tbody > tr > td:nth-child(3), .price-table > tbody > tr > td:nth-child(4), .price-table > tbody > tr > td:nth-child(5) {
        width: unset;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .category-td, .work-td {
        width: 100%;
        padding: 5px 0
    }

    .full-video {
        height: 300px
    }

    .page-content__text {
        padding: 20px 0 0
    }

    .news__cover {
        height: 160px
    }

    .news__title {
        font-size: 18px
    }

    .pagination {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 50px
    }

    .pagination > li {
        margin-top: 10px;
        margin-right: 6px
    }

    .pagination > li:last-child {
        margin-right: 0
    }

    .pagination > li > a, .pagination > li > button {
        min-width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 15px
    }

    .pagination > li > a.pagination-text, .pagination > li > button.pagination-text {
        font-size: 13px;
        padding-right: 10px
    }

    .top-cover {
        padding: 50px 0 60px
    }

    .article__content, .nav-btn {
        padding: 0
    }

    .footer-block__name {
        font-size: 18px
    }

    .article__title, .blog-title {
        font-size: 21px
    }

    .nav-btn {
        display: block;
        background: 0 0;
        cursor: pointer;
        color: #fff;
        z-index: 101;
        font-size: 28px;
    }

    .home-img {
        width: -webkit-calc(100% + 300px);
        width: calc(100% + 300px);
        left: -90px
    }

    .home-video .video-block {
        height: 240px
    }

    .service-img {
        height: auto
    }

    .article-img, .page-img {
        height: 220px
    }

    .menu-doc {
        margin-top: -230px
    }

    .cafe-section {
        margin-top: 80px
    }

    .menu--type1 {
        margin-top: 30px
    }

    .article__content p, .article__content > a {
        margin-top: 20px
    }

    .blog-title {
        margin-bottom: 30px
    }

    .article-btns {
        padding-top: 40px
    }

    .play-btn {
        -webkit-transform: translate(-50%, -50%) scale(.7);
        -ms-transform: translate(-50%, -50%) scale(.7);
        transform: translate(-50%, -50%) scale(.7)
    }

    .page-btn {
        height: 44px;
        line-height: 44px;
        font-size: 14px;
        min-width: 120px
    }

    .advantages-section, .class-section, .service-section {
        padding: 50px 0
    }

    .section-title {
        font-size: 25px;
        padding-bottom: 20px
    }

    .section-title--small {
        font-size: 23px
    }

    .service-tab {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -webkit-justify-content: start;
        -ms-flex-pack: start;
        justify-content: start;
        margin-top: -10px
    }

    .service-tab__item {
        margin-right: 15px;
        margin-top: 10px
    }

    .services {
        margin-top: 50px
    }

    .service-item > .row > div {
        padding: 0 15px !important
    }

    .service-item--type2 .service-head {
        margin-top: 15px
    }

    .service-text {
        padding-left: 15px
    }

    .service-head__extra {
        margin-top: 5px
    }

    .service-head {
        height: 100px
    }

    .service-img {
        margin-top: 15px
    }

    .service-bottom {
        margin-top: 0;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .service-bottom .service-img {
        margin-top: 15px
    }

    .bottom-gallery {
        margin-top: 30px
    }

    .bottom-gallery .page-img, .home-about .video-block {
        height: 300px;
        margin-top: 30px
    }

    .home-about p {
        font-size: 18px
    }

    .home-qoute {
        margin-top: -100px
    }

    .advantages {
        padding-top: 10px
    }

    .advantage {
        margin-top: 40px
    }

    .advantage__text {
        margin-top: 20px
    }

    .banner {
        margin-top: 60px
    }

    .nav-list .sub-menu > li + li, .nav-list > li + li {
        margin-top: 10px
    }

    .bdt-navbar-nav .sub-menu > li + li, .bdt-navbar-nav > li + li {
        margin-top: 10px
    }

    .map-block {
        width: 420px;
        padding: 50px 60px
    }

    .map-block__title {
        font-size: 21px
    }

    .map-item {
        height: 570px
    }

    .header-top {
        padding: 10px 0
    }

    
    .main-nav {
        display: none;
        position: absolute;
        right: 0;
        top: 100px;
        max-height: -webkit-calc(100vh - 100px);
        max-height: calc(100vh - 100px);
        background: #fff;
        width: 240px;
        padding: 15px;
        z-index: 99;
        overflow: auto;
        -webkit-transition: .25s ease-in;
        transition: .25s ease-in
    }

    .bdt-navbar, .main-nav {
        display: none;
        position: absolute;
        right: -24px;
        top: 27px;
        max-height: -webkit-calc(100vh - 100px);
        max-height: calc(100vh - 100px);
        background: #fff;
        width: 350px;
        padding: 15px;
        z-index: 99;
        overflow: auto;
        -webkit-transition: .25s ease-in;
        transition: .25s ease-in;
    }

    .bdt-navbar.active,
    .main-nav.active {
        display: block;
        -webkit-transition: .25s ease-in;
        transition: .25s ease-in
    }

    .bdt-navbar-nav,
    .nav-list {
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .bdt-navbar-nav .sub-menu,
    .nav-list .sub-menu {
        position: relative;
        display: block;
        width: 100%;
        padding: 10px 15px 0;
        box-shadow: none
    }

    .bdt-navbar-nav > li > a,
    .nav-list > li > a {
        color: #000 !important
    }

    .icon-nav::after {
        position: absolute;
        top: 0;
        right: 0
    }

    .lang {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .lang .nav-list {
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .lang .nav-list > li > a {
        color: #fff
    }

    .lang .nav-list > li + li {
        margin-left: 10px;
        margin-top: 0
    }

    .price-section {
        padding-top: 50px;
        padding-bottom: 40px
    }

    .price-section--pb {
        padding-bottom: 80px
    }

    .complex-block {
        padding: 30px 0
    }
}

@media screen and (max-width: 767px) {
    .footer-block, .home-video, .ozon {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }

    .washing-price {
        padding-right: 0
    }

    .washing-price .price-table > tbody > tr > td.work-td {
        padding-right: 30px
    }

    .price-table > tbody > tr {
        position: relative
    }

    .price-table > tbody > tr > td {
        position: static
    }

    .hide-btn {
        top: 5px;
        width: 36px;
        height: 36px;
        right: -10px
    }

    .request-form {
        padding: 0 50px
    }

    .map-block {
        right: unset;
        left: 11px;
        top: 140px
    }

    .franchise-bottom__logo {
        width: 200px
    }

    .top-form {
        padding: 0
    }

    .form-item {
        height: 40px
    }

    .page-btn--small {
        height: 40px !important;
        line-height: 40px !important
    }

    .top-text__title {
        font-size: 25px
    }

    .top-text__line {
        margin-top: 30 p
    }

    .top-text__item {
        margin-top: 30px
    }

    .coop-wrap {
        padding: 30px 15px
    }

    .coop-section {
        padding: 30px 0
    }

    .price-section, .price-section--pb {
        padding-bottom: 40px
    }

    .timer-block__val {
        font-size: 48px
    }

    .timer-block + .timer-block {
        margin-left: 20px
    }

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

    .email-form {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .email-form__input {
        width: 100%
    }

    .email-form__btn {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        margin-top: 15px
    }

    .studio-gallery__left .service-img, .studio-gallery__right .service-img {
        height: auto
    }

    .buy-btn {
        margin-top: 60px
    }

    .page-cover__title {
        font-style: 21px
    }

    .stat-col {
        width: 50%;
        text-align: center
    }

    .stat-col__val {
        font-size: 42px
    }

    .stat-col__val:after {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .ozon {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .ozon__img {
        margin: 0 auto
    }

    .ozon__text {
        width: 100%;
        text-align: center;
        padding-left: 0;
        padding-top: 15px
    }

    .price-section {
        padding-top: 40px
    }

    .extra-gallery {
        padding-top: 30px
    }

    .extra-gallery .page-img {
        height: 180px
    }

    .full-video, .video-block--regular-video {
        height: 240px
    }

    .extra-gallery .row > div {
        width: 50%
    }

    .contact-section {
        padding: 10px 0 40px
    }

    .page-section {
        padding-bottom: 50px
    }

    .note {
        padding: 15px
    }

    .extra-gallery-section {
        padding-bottom: 40px
    }

    .page-gallery {
        padding-top: 10px
    }

    .article-img, .bottom-gallery .page-img, .news__cover {
        height: auto
    }

    .pagination {
        margin-top: 30px
    }

    .blog-section {
        padding: 40px 0
    }

    .blog-title {
        padding-bottom: 30px
    }

    .article__gallery {
        padding-top: 30px
    }

    .map-block {
        width: 290px;
        padding: 20px 15px;
        font-size: 14px
    }

    .map-block__title {
        font-size: 18px
    }

    .advantages .row {
        margin: 0 -15px
    }

    .advantages .row > div {
        padding: 0 15px
    }

    .footer-block {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .footer-block__name {
        position: relative;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        left: 0;
        top: 0;
        padding: 10px 0
    }

    .advantage {
        margin-top: 30px
    }

    .advantage__text {
        margin-top: 10px
    }

    .service-section {
        padding-top: 30px
    }

    .top-phone {
        font-size: 14px
    }

    .header .container {
        padding: 0 10px
    }

    .bottom-gallery {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .home-about .video-block {
        height: 200px
    }

    .home-img {
        width: 520px;
        margin-top: -100px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-left: 20px
    }

    .top-social > li + li {
        margin-left: 10px
    }

    .home-qoute {
        margin-top: -30px
    }

    .home-video {
        margin-top: 0;
        padding-top: 35px;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .home-video .video-block {
        margin-top: 15px
    }

    .service-head__title {
        font-size: 21px
    }

    .service-head {
        height: auto;
        padding-bottom: 10px
    }

    .page-gallery--type2 .page-img {
        height: auto
    }

    .price-drop__title {
        font-size: 16px
    }
}

@media screen and (max-width: 475px) {
    .request-form {
        padding: 0
    }

    .price-table > tbody > tr > td:nth-child(2), .price-table > tbody > tr > td:nth-child(3), .price-table > tbody > tr > td:nth-child(4), .price-table > tbody > tr > td:nth-child(5) {
        font-size: 14px
    }

    .timer-block__val {
        font-size: 36px
    }

    .extra-gallery .page-img, .extra-gallery .page-img img {
        height: auto
    }

    .extra-gallery .row > div {
        width: 100%;
        max-width: 100%
    }
}

@media screen and (max-width: 399px) {
    .map-block {
        top: 80px
    }

    .map-item {
        height: 450px
    }
}