@media screen and (max-width: 1400px) {
    .container {
        width: 100%;
        padding: 0 20px;
    }
    .breadcrumbs {
        padding: 24px 20px;
        width: calc(100% + 40px);
        margin-left: -20px;
    }
}
@media screen and (max-width: 1200px) {
    .catalog-container .service-snippet {
        width: 32%;
        margin-right: 2%;
    }
    .catalog-container .service-snippet:nth-child(4n) {
        margin-right: 2%;
    }
    .catalog-container .service-snippet:nth-child(3n) {
        margin-right: 0;
    }
    .consultation-section .form_box {
        width: 95%;
    }
    #menu-desk .wrapper .menu ul li {
        margin-right: 20px;
    }
    #menu-desk .wrapper .catalog ul li {
        margin-right: 7px;
    }
    .foo_menu_box {
        margin-right: 30px;
    }
    .footer_info_box .link_box {
        width: auto;
    }
}
@media screen and (max-width: 1100px) {
    #mobmenu-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 12px 20px;
        height: auto;
        overflow: visible;
    }
    #header {
        -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
    }
    .h_logo_box {
        width: 100%;
        -ms-flex-negative: 1;
        flex-shrink: 1;
    }
    .h_logo_block {
        width: 354px;
    }
    .h_mobmenu-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    #menu-desk,
    .h_region_block #geolocation,
    .h_region_block svg.ico,
    .h_worktime_block {
        display: none;
    }
    .h_region_block {
        display: none;
    }
    .category-item:hover {
        border: 2px solid transparent;
    }
    .category-item:hover .arrow:after {
        opacity: 0;
    }
    .category-item.sale {
        border: 2px solid #ffe500;
    }
    .category-item.sale .arrow:after {
        opacity: 1;
    }
    #category-section .flex_container {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    #category-section .flex_container .category-item {
        width: 49.5%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    #category-section .flex_container .category-item .link .name_box .arrow {
        display: none;
    }
}
@media screen and (max-width: 1000px) {
    .subtitle-1 {
        width: 70%;
    }
    .cta-container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 20px;
    }
    .cta-container .mssg_box {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 20px;
    }
    .head-title h2 {
        width: 70%;
    }
    .service-snippet {
        height: 190px;
    }
    .service-snippet .title_box svg {
        display: none;
    }
    .consultation-section {
        height: auto;
        padding-top: 180px;
    }
    .consultation-section .form_box {
        width: 100%;
    }
    .catalog-slider {
        width: calc(100% + 40px);
        margin-left: -20px;
    }
    .catalog-slider .slide {
        margin: 0;
        padding-left: 20px;
        width: 310px;
    }
    .footer_box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .footer_box .foo_title:after,
    .footer_box .foo_title:before {
        display: none;
    }
    .footer_box .foo_title.foo_head {
        margin: 0;
        padding: 8px 8px 8px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
    }
    .footer_box .foo_title.foo_head:after {
        width: auto;
        height: auto;
        background: 0 0;
        display: block;
        content: "\f107";
        font-family: FontAwesome;
        color: #525252;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        font-size: 16px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }
    .footer_box .foo_accordion {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: 1px solid #525252;
    }
    .footer_box .foo_accordion.active .foo_head:after {
        -webkit-transform: rotateZ(180deg);
        -ms-transform: rotate(180deg);
        transform: rotateZ(180deg);
    }
    .footer_box .foo_accordion .content {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 0;
        overflow: hidden;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }
    .footer_box .foo_accordion .content .wrapper {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 12px 0;
    }
    .foo_menu_box {
        width: 100%;
        max-width: 100%;
        margin: 0 0 8px;
    }
    .foo_servises_box {
        padding: 0;
        margin-bottom: 8px;
    }
    .foo_contacts_box {
        margin-top: 8px;
        width: 100%;
    }
    .foo_contacts_box .foo_title:after {
        display: block;
    }
    .footer_info_box .logo_block {
        margin-right: 40px;
    }
    .footer_info_box .link_box {
        margin-left: 40px;
    }
    .main_box .slider_box .slider .slide img {
    filter: brightness(50%);
    }
@media screen and (max-width: 900px) {
    #footer .footer_head .contacts_box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #footer .footer_head .contacts_box .phone_box {
        width: 100%;
        margin: 0;
    }
    #footer .footer_head .contacts_box .mssg_box {
        margin-top: 15px;
    }
    #footer .footer_head .contacts_box .mssg_box .mssg-buttons {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #footer .footer_head .contacts_box .mssg_box .mssg-buttons .mssg-button {
        width: 100%;
        margin: 0 0 10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    #footer .footer_head .contacts_box .mssg_box .mssg-buttons .mssg-button:last-child {
        margin-bottom: 0;
    }
    #footer .footer_head .contacts_box .callback {
        width: 100%;
        margin: 10px 0 0;
    }
}
@media screen and (max-width: 800px) {
    .consultation-section .form_box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .consultation-section .form_box .title_box {
        width: 100%;
    }
    .consultation-section .form_box .form_block {
        width: 100%;
        margin-top: 15px;
    }
}
@media screen and (max-width: 770px) {
    .cta-container .mssg_box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .cta-container .mssg_box .mssg-buttons {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 15px 0 0;
    }
    .category-item .link .image_box .thumbnail {
        max-width: none;
        width: 100%;
        min-height: 0;
    }
    .catalog-container {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .catalog-container .service-snippet {
        width: 49%;
        margin-right: 0;
    }
    .catalog-container .service-snippet:nth-child(4n) {
        margin-right: 0;
    }
    .catalog-container .service-snippet:nth-child(3n) {
        margin-right: 0;
    }
    #category-section .flex_container .category-item {
        width: 100%;
    }
    #category-section .flex_container .category-item .arrow_box {
        display: block;
    }
    .footer_box {
        padding-top: 20px;
        padding-bottom: 0;
    }
    .footer_info_box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .footer_info_box .pravo {
        width: 100%;
        margin-top: 15px;
    }
    .footer_info_box .link_box {
        margin: 15px 0 0;
    }
}
@media screen and (max-width: 700px) {
    .h_phone_block .phone {
        overflow: hidden;
        border-radius: 16px;
        background: #26ca54;
        width: 42px;
        height: 42px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .h_phone_block .phone span {
        display: none;
    }
    .h_phone_block .phone svg {
        display: block;
    }
    .h_phone_block .mssg-container {
        display: none;
    }
    .foo_servises_box .menus_box .wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .foo_servises_box .menus_box .wrapper .menu_block {
        width: 100%;
        margin-bottom: 20px;
    }
    .foo_servises_box .menus_box .wrapper .menu_block:last-child {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 600px) {
    .subtitle-1 {
        width: 90%;
    }
    .head-title h2 {
        width: 100%;
    }
    .catalog-container .service-snippet {
        margin-bottom: 11px;
    }
    .pagination-container .nav-links a.next,
    .pagination-container .nav-links a.prev {
        display: none !important;
    }
    #header {
        padding: 7px 0;
    }
    .header_box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .h_logo_box {
        width: calc(100% - 42px);
    }
    .h_logo_block {
        width: auto;
    }
    .h_logo_block img {
        margin: 0;
    }
    .h_logo_block .text {
        display: none;
    }
    .h_description_mob {
        display: block;
    }
}
@media screen and (max-width: 500px) {
    .subtitle-1 {
        width: 100%;
    }
    .section-pad {
        padding: 25px 0;
    }
    .mssg-buttons {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .mssg-buttons .mssg-button {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .cta-container .btn-1 {
        width: 100%;
    }
    .cta-container .mssg_box .title {
        width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .cta-container .mssg_box .mssg-buttons .mssg-button {
        margin: 0 0 8px;
    }
    .cta-container .mssg_box .mssg-buttons .mssg-button:last-child {
        margin-bottom: 0;
    }
    .service-snippet {
        height: 170px;
    }
    .catalog-container .service-snippet {
        margin-bottom: 9px;
    }
    .consultation-section .form_box .form_block form p {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .consultation-section .form_box .form_block form input {
        width: 100%;
    }
    .consultation-section .form_box .form_block form button {
        width: 100%;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        margin: 12px 0 0;
    }
}
@media screen and (max-width: 400px) {
    .btn-1 {
        padding: 18px;
    }
    .category-item {
        padding: 0;
    }
    .category-item .link {
        padding: 8px;
    }
    .category-item .link .image_box .thumbnail {
        max-width: none;
        width: 100%;
        min-height: 0;
    }
    .category-item .link .name_box {
        padding: 8px;
    }
    .category-item .list_box {
        padding: 8px 16px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .category-item .arrow_box {
        padding: 0 16px 15px;
    }
    .head-title h1 {
        font-size: 26px;
    }
    .head-title h2 {
        font-size: 13px;
        margin-top: 10px;
    }
    .service-snippet {
        height: 130px;
        padding: 10px 14px;
    }
    .service-snippet .tags {
        padding: 10px 14px;
    }
    .service-snippet .tags .sale {
        padding: 3px 6px;
        font-size: 10px;
    }
    .service-snippet .tags .sale img {
        width: 8px;
        margin-right: 3px;
    }
    .service-snippet .tags .new {
        padding: 3px 6px;
        font-size: 10px;
        margin-top: 5px;
    }
    .service-snippet .sale_number {
        top: 10px;
        right: 14px;
        width: 30px;
        height: 30px;
        font-size: 9px;
    }
    .service-snippet .title_box .title .name {
        font-size: 14px;
    }
    .service-snippet .title_box .title .price {
        font-size: 11px;
    }
    .catalog-container .service-snippet {
        margin-bottom: 6px;
    }
    .consultation-section .form_box {
        padding: 20px 22px;
    }
    .social-offer {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .social-offer .text {
        width: 100%;
    }
    .modal-window .modal-block {
        width: 300px;
    }
    .modal-window .modal-block .close {
        width: 30px;
        height: 30px;
    }
    .modal-window .modal-block .title {
        font-size: 22px;
    }
}
@media screen and (max-width: 350px) {
    .container {
        padding: 0 15px;
    }
    .category-item .link .image_box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .category-item .link .image_box .thumbnail {
        width: 100%;
    }
    .tabs-1 {
        padding: 5px 15px;
        width: calc(100% + 30px);
        margin-left: -15px;
    }
    .breadcrumbs {
        padding: 20px 15px;
        width: calc(100% + 30px);
        margin-left: -15px;
    }
    .catalog-slider {
        width: calc(100% + 30px);
        margin-left: -15px;
    }
    .catalog-slider .slide {
        padding-left: 15px;
        width: 270px;
    }
    #mobmenu-btn {
        padding: 10px 12px;
    }
    #mobmenu-btn .btn .btn_container {
        width: 68px;
        padding: 5px 0;
    }
}
@media screen and (max-width: 1200px) {
    #stage-section .stage_box .item {
        padding-right: 5%;
    }
    #partners-section .partners_box {
        width: calc(100% + 40px);
        margin-left: -20px;
    }
    #partners-section .partners_box .slide {
        padding-left: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 0;
    }
    #contacts-section .wrapper_box .content_box .list_box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #contacts-section .wrapper_box .content_box .list_box .mail_box,
    #contacts-section .wrapper_box .content_box .list_box .phone_box {
        width: 49%;
        -ms-flex-negative: 1;
        flex-shrink: 1;
    }
    #contacts-section .wrapper_box .content_box .list_box .adress_box,
    #contacts-section .wrapper_box .content_box .list_box .social_box {
        width: 49%;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        margin-top: 15px;
    }
}
@media screen and (max-width: 1000px) {
    #stage-section .stage_box {
        width: calc(100% + 40px);
        margin-left: -20px;
        overflow: hidden;
        overflow-x: auto;
        padding-left: 20px;
    }
    #stage-section .stage_box::-webkit-scrollbar {
        width: 0;
    }
    #stage-section .stage_box .item {
        width: 250px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 40px;
        padding-bottom: 10px;
    }
    #about-section .info_box .benefits_box {
        margin-right: 8px;
    }
    #feedback-section .feedback_box .item.image svg,
    #feedback-section .feedback_box .item.image:after,
    #portfolio-section .title_box .arrows_block {
        display: none;
    }
    #portfolio-section .portfolio_box {
        width: calc(100% + 40px);
        margin-left: -20px;
    }
    #portfolio-section .portfolio_box .slider .slide {
        width: 400px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 20px;
        margin: 0;
    }
    #quiz-section .quiz_box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border-radius: 16px;
        padding: 24px;
        background: -o-radial-gradient(24.21% -27.83%, 67.5% 67.9%, rgba(38, 202, 84, 0.2) 0, rgba(38, 202, 84, 0) 100%),
            #f4f4f4;
        background: radial-gradient(67.5% 67.9% at 24.21% -27.83%, rgba(38, 202, 84, 0.2) 0, rgba(38, 202, 84, 0) 100%),
            #f4f4f4;
    }
    #quiz-section .quiz_box .content_box {
        width: 100%;
        margin: 0;
        background: 0 0;
        padding: 0;
    }
    #quiz-section .quiz_box .content_box .image_block .arrow {
        -webkit-transform: rotateZ(60deg);
        -ms-transform: rotate(60deg);
        transform: rotateZ(60deg);
    }
    #quiz-section .quiz_box .quiz_block {
        height: 120px;
        margin-top: -70px;
        position: relative;
        z-index: 2;
        background: #fff;
    }
    #contacts-section .wrapper_box .map_box {
        width: 370px;
    }
}
@media screen and (max-width: 770px) {
    #about-section .info_box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #about-section .info_box .benefits_box {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0;
    }
    #about-section .production_box .head_box .arrows_box {
        display: none;
    }
    #about-section .production_box .slider_box {
        margin-top: 20px;
    }
    #about-section .production_box .slider_box .slide_item {
        width: 350px;
        padding: 0 4px;
        margin: 0;
    }
    #contacts-section .wrapper_box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #contacts-section .wrapper_box .content_box {
        width: 100%;
    }
    #contacts-section .wrapper_box .content_box .list_box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #contacts-section .wrapper_box .content_box .list_box .mail_box,
    #contacts-section .wrapper_box .content_box .list_box .phone_box {
        width: 49%;
        -ms-flex-negative: 1;
        flex-shrink: 1;
    }
    #contacts-section .wrapper_box .content_box .list_box .adress_box,
    #contacts-section .wrapper_box .content_box .list_box .social_box {
        width: 49%;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        margin-top: 15px;
    }
    #contacts-section .wrapper_box .map_box {
        width: 100%;
        height: 300px;
    }
}
@media screen and (max-width: 700px) {
    #partners-section .partners_box .slide {
        width: 150px;
    }
    #partners-section .partners_box .slide .item {
        height: 90px;
    }
    #feedback-section .title_box .arrows_block {
        display: none;
    }
    #feedback-section .feedback_box {
        width: calc(100% + 40px);
        margin-left: -20px;
    }
    #feedback-section .feedback_box .slide {
        width: 230px;
        margin: 0;
        padding-left: 20px;
    }
}
@media screen and (max-width: 600px) {
    #about-section .info_box .video_block {
        height: 200px;
    }
    #about-section .info_box .video_block .play_btn svg {
        width: 70px;
        height: 70px;
    }
    #about-section .info_box .video_block .play_btn p {
        bottom: 30px;
        font-size: 20px;
    }
}
@media screen and (max-width: 500px) {
    #about-section .about_box {
        padding: 24px;
    }
    #about-section .info_box {
        margin-top: 15px;
    }
    #about-section .info_box .benefits_box .item {
        width: 100%;
    }
    #about-section .info_box .video_block {
        height: 160px;
    }
    #about-section .info_box .video_block .play_btn svg {
        width: 40px;
        height: 40px;
    }
    #about-section .info_box .video_block .play_btn p {
        bottom: 25px;
        font-size: 16px;
    }
    #about-section .production_box .slider_box .slide_item {
        width: 280px;
    }
    #contacts-section .wrapper_box .content_box .list_box {
        margin-top: 15px;
    }
    #contacts-section .wrapper_box .content_box .list_box .phone_box {
        width: 100%;
    }
    #contacts-section .wrapper_box .content_box .list_box .mail_box {
        width: 100%;
        margin-top: 15px;
    }
    #contacts-section .wrapper_box .content_box .list_box .adress_box {
        max-width: 100%;
        width: 100%;
    }
    #contacts-section .wrapper_box .content_box .list_box .social_box {
        width: 100%;
    }
    #contacts-section .wrapper_box .map_box {
        height: 200px;
    }
}
@media screen and (max-width: 400px) {
    #stage-section .stage_box .item {
        width: 220px;
        padding-right: 30px;
    }
    #about-section .production_box .slider_box .slide_item {
        width: 250px;
    }
    #portfolio-section .portfolio_box .slider .slide {
        width: 300px;
    }
}
@media screen and (max-width: 350px) {
    #stage-section .stage_box {
        width: calc(100% + 30px);
        margin-left: -15px;
        padding-left: 15px;
    }
    #about-section .production_box .slider_box .slide_item {
        width: 220px;
    }
    #feedback-section .feedback_box,
    #partners-section .partners_box,
    #portfolio-section .portfolio_box {
        width: calc(100% + 30px);
        margin-left: -15px;
    }
    #portfolio-section .portfolio_box .slider .slide {
        padding-left: 15px;
        width: 280px;
    }
}