/*==========  Desktop First Method  ==========*/
@media only screen and (max-width : 1800px) {
    .container-fluid {
        padding: 0 40px;
    }
}
@media only screen and (max-width : 1700px) {
    .logo-wrap {
        gap: 22px;
    }
    .logo img {
        width: 160px;
    }
    .logo-descr {
        font-size: 13px;
        width: 303px;
    }
    .header__contacts {
        gap: 14px;
    }
    .phone-main {
        font-size: 21px;
    }
    .location-value {
        padding: 12px 21px;
        min-width: 268px;
    }
    .wrapper {
        padding-top: 190px;
    }
}
@media only screen and (max-width : 1600px) {
    .header__wrapper {
        padding: 28px 0;
    }
    .location-value {
        padding: 10px 17px;
        min-width: 245px;
    }
    body {
        font-size: 14px;
    }
    .header__center {
        gap: 16px;
    }
    .logo img {
        width: 135px;
    }
    .logo-wrap {
        gap: 15px;
    }
    .logo-descr {
        font-size: 11px;
        width: 265px;
    }
    .socials-list img {
        width: 28px;
    }
    .btn-main {
        font-size: 16px;
        height: 58px;
        padding: 0 30px;
    }
    .header .btn-main {
        height: 48px;
        padding: 0 26px;
    }
    .phone-main {
        font-size: 19px;
    }
    .billbord {
        padding-top: 195px;
        padding-bottom: 80px;
        background-position: center top 30px;
        background-size: 1300px auto;
    }
    .title-big {
        font-size: 57px;
    }
    .subtitle-big {
        font-size: 28px;
    }
    .item-form input, .item-form textarea {
        height: 58px;
        padding: 0 20px;
        font-size: 14px;
    }
    .billbord .form-wrap {
        margin-top: 45px;
    }
    .form-wrap {
        max-width: 710px;
    }
    .billbord__bottom {
        padding: 90px 55px;
        padding-bottom: 0;
    }
    .billbord__bottom .row > div {
        padding: 0 20px;
    }
    .billbord__bottom .row {
        margin: 0 -20px;
    }
    .item-billbord {
        font-size: 16px;
        gap: 20px;
    }
    .item-billbord__icon {
        width: 40px;
        height: 40px;
    }
    .steps, .footer__top, .partners, .catalog, .consultation, .about, .news {
        padding: 80px 0;
    }
    .about__head {
        gap: 32px;
    }
    .about__logo img {
        width: 65px;
    }
    .title-section {
        font-size: 40px;
    }
    .about__head .title-section {
        max-width: 505px;
    }
    .item-about {
        padding: 28px;
        padding-right: 199px;
        min-height: 270px;
    }
    .title-middle {
        font-size: 20px;
    }
    .item-about__image img {
        transform: scale(0.85);
        transform-origin: 100% 100%;
    }
    .slider-cards .slick-slide,
    .slider-partners .slick-slide,
    .slider-news .slick-slide,
    .slider-catalog .slick-slide,
    .row > div {
        padding: 0 8px;
    }
    .slider-cards .slick-list,
    .slider-partners .slick-list,
    .slider-news .slick-list,
    .slider-catalog .slick-list,
    .row {
        margin: 0 -8px;
    }
    .row.row_main > div {
        margin-bottom: 16px;
    }
    .row.row_main {
        margin-bottom: -16px;
    }
    .form-page {
        padding: 46px;
        max-width: 440px;
    }
    .form-page .title-middle {
        margin-bottom: 21px;
    }
    .checkbox {
        font-size: 13px;
        margin-top: 26px;
    }
    .consultation__image img {
        max-width: 900px;
        top: -10px;
    }
    .consultation__content {
        max-width: 588px;
    }
    .consultation__image {
        height: 335px;
    }
    .partners .title-section, .steps .title-section, .news .title-section, .catalog .title-section {
        margin-bottom: 42px;
    }
    .tabs-page a {
        height: 142px;
        padding: 13px;
    }
    .tabs-page a img {
        max-width: 42px;
    }
    .tabs-page {
        margin-bottom: 37px;
    }
    .item-catalog__content {
        padding: 25px;
        padding-top: 20px;
    }
    .item-catalog__title {
        font-size: 18px;
        margin-bottom: 21px;
    }
    .item-catalog__image {
        height: 235px;
        padding: 15px;
    }
    .slick-arrow {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
    .slick-prev {
        left: -25px;
    }
    .slick-next {
        right: -25px;
    }
    .slider-partners .slick-dots, .slider-news .slick-dots, .slider-catalog .slick-dots {
        bottom: -40px;
    }
    .slick-dots {
        gap: 13px;
    }
    .slider-partners, .slider-news, .slider-catalog {
        margin-bottom: 40px;
    }
    .item-step {
        padding: 30px;
    }
    .item-step::after {
        width: 54px;
        height: 54px;
        right: -27px;
        font-size: 27px;
    }
    .row.row_steps > div {
        padding: 0 35px;
        margin-bottom: 55px;
    }
    .row.row_steps {
        margin: 0 -35px;
        margin-bottom: -55px;
    }
    .item-step::before {
        width: 69px;
        height: 14px;
    }
    .row > div:nth-child(3) .item-step::before {
        width: 818px;
        height: 54px;
        right: 166px;
    }
    .item-news__image {
        height: 190px;
    }
    .item-news__content {
        padding: 13px;
        gap: 14px;
    }
    .item-news__title {
        font-size: 18px;
    }
    .link-page {
        font-size: 16px;
    }
    .partners .title-section {
        max-width: 830px;
    }
    .item-partner {
        height: 200px;
    }
    .footer__title {
        font-size: 22px;
        margin-bottom: 19px;
    }
    .footer .phone-main {
        font-size: 28px;
    }
    .footer__links a {
        font-size: 16px;
    }
    .footer__wrap {
        font-size: 15px;
    }
    .socials-main img {
        width: 36px;
    }
    .footer__nav li {
        margin-bottom: 14px;
        padding-left: 16px;
    }
    .footer__nav li::before {
        top: 4px;
    }
    .footer__contacts {
        max-width: 300px;
        gap: 22px;
    }
    .footer__content {
        gap: 22px;
    }
    .requisites {
        font-size: 13px;
    }
    .footer__info {
        max-width: 300px;
    }
    .footer__bottom p {
        margin-bottom: 12px;
    }
    .footer__bottom {
        padding: 22px 0;
    }
    .wrapper {
        padding-top: 146px;
    }
    .header.nav-up {
        transform: translateY(-160px)
    }
    .menu ul {
        width: 310px;
    }
    .unit-services {
        padding: 33px;
        gap: 20px;
    }
    .unit-services__icon {
        width: 58px;
        height: 58px;
    }
    .unit-services li {
        margin-bottom: 14px;
        padding-left: 16px;
    }
    .unit-services li::before {
        top: 4px;
        width: 5px;
        height: 5px;
    }
    .breadcrumbs {
        padding-top: 56px;
        font-size: 13px;
    }
    .page-services .title-section {
        margin-bottom: 35px;
    }
    .page-services {
        padding-bottom: 80px;
    }
    .info-service {
        font-size: 15px;
        gap: 10px;
    }
    .unit-step_number, .item-box__icon, .info-service__icon {
        width: 50px;
        height: 50px;
    }
    .descr-service {
        font-size: 15px;
        margin-top: 22px;
    }
    .single-service .btn-main {
        margin-top: 40px;
        padding: 0 44px;
    }
    .single-service {
        padding-bottom: 60px;
    }
    .assemble, .steps-service, .kits, .portfolio, .about-service {
        padding: 74px 0;
    }
    .assemble .title-section, .steps-service .title-section, .kits .title-section, .portfolio .title-section, .about-service .title-section {
        margin-bottom: 50px;
    }
    .item-box {
        font-size: 16px;
        padding: 30px;
    }
    .item-card__image {
        height: 205px;
    }
    .item-card__content {
        padding: 20px;
        gap: 14px;
    }
    .item-card__title {
        font-size: 18px;
    }
    .unit-kit__title {
        font-size: 28px;
    }
    .unit-kit ul {
        padding-top: 18px;
    }
    .unit-kit li {
        margin-bottom: 14px;
        padding-left: 16px;
    }
    .unit-kit li::before {
        top: 4px;
        width: 5px;
        height: 5px;
    }
    .unit-kit__image {
        height: 352px;
    }
    .unit-kit {
        margin-bottom: 46px;
    }
    .unit-kit .row > div {
        padding: 0 22px;
    }
    .unit-kit .row {
        margin: 0 -22px;
    }
    .unit-kit__content {
        max-width: 370px;
    }
    .unit-step {
        padding: 33px;
        gap: 20px;
    }
    .unit-step_number::before {
        font-size: 27px;
    }
    .consultation_service .consultation__image img {
        max-width: 560px;
    }
    .consultation_service .consultation__image {
        margin-top: 25px;
    }
    .assemble__wrap {
        padding: 0 95px;
    }
    .item-assemble {
        gap: 26px;
        padding: 21px 0;
    }
    .item-assemble__title {
        font-size: 18px;
    }
    .price-main {
        font-size: 18px;
    }
    .form-assemble {
        padding: 42px;
        margin-top: 38px;
    }
    .assemble-total {
        font-size: 22px;
        max-width: 460px;
    }
    .assemble-total__value strong {
        font-size: 56px;
    }
    .text-about {
        font-size: 16px;
    }
    .text-about p {
        margin-bottom: 16px;
    }
    .page-mission .image-page {
        margin-left: 20px;
    }
    .quote {
        padding-left: 30px;
        font-size: 16px;
        margin-bottom: 35px;
    }
    .quote::before {
        width: 18px;
        height: 13px;
    }
    .page-mission .title-section {
        margin-bottom: 32px;
    }
    .page-mission {
        padding-bottom: 68px;
    }
    .numbers-about {
        padding: 72px 0;
    }
    .item-number,
    .wrap-numbers {
        gap: 100px;
    }
    .item-number__content {
        max-width: 157px;
    }
    .item-number__value {
        font-size: 56px;
        margin-bottom: 11px;
    }
    .page-team .text-about {
        max-width: 850px;
    }
    .page-team .text-about, .page-team .title-section {
        margin-bottom: 35px;
    }
    .item-team__title {
        font-size: 18px;
    }
    .item-team__content {
        padding: 17px 15px;
    }
    .page-team {
        padding-bottom: 80px;
    }
    .item-document {
        margin-bottom: 38px;
        gap: 25px;
    }
    .item-document__title {
        font-size: 21px;
        margin-bottom: 6px;
    }
    .item-document__descr {
        font-size: 16px;
    }
    .item-document .btn-main {
        min-width: 235px;
        height: 50px;
    }
    .item-document__icon {
        width: 55px;
        height: 55px;
    }
    .page-contacts .title-section,
    .page-news .title-section,
    .page-reviews .title-section,
    .page-portfolio .title-section,
    .page-catalog .title-section,
    .page-vacancies .title-section,
    .page-documents .title-section {
        margin-bottom: 38px;
    }
    .page-contacts,
    .page-news,
    .page-reviews,
    .page-portfolio,
    .page-catalog,
    .page-vacancies,
    .page-documents {
        padding-bottom: 80px;
    }
    .item-form textarea {
        height: 145px;
        padding-top: 20px;
    }
    .text-main {
        font-size: 16px;
    }
    .text-main__title {
        margin-top: 25px;
    }
    .item-dropdown__content .btn-main {
        min-width: 240px;
        margin-top: 13px;
    }
    .item-dropdown__head {
        padding: 26px 32px;
        font-size: 21px;
    }
    .item-dropdown__content {
        padding: 26px 32px;
        padding-top: 0;
    }
    .text-main ul li {
        padding-left: 16px;
    }
    .text-main ul li::before {
        width: 5px;
        height: 5px;
    }
    .search-main input {
        height: 56px;
        padding: 0 20px;
        font-size: 14px;
    }
    .btn-search {
        height: 56px;
        width: 56px;
        font-size: 19px;
    }
    .search-main {
        width: 630px;
    }
    .select-catalog {
        height: 56px;
        padding: 0 20px;
        padding-right: 58px;
    }
    .select-catalog .jq-selectbox__trigger::after {
        right: 18px;
    }
    .select-catalog .jq-selectbox__dropdown li {
        padding: 10px 22px;
    }
    .head-catalog {
        margin-bottom: 28px;
    }
    .wrap-checks {
        gap: 13px 23px;
        margin-bottom: 42px;
    }
    .checkbox.checkbox_main {
        font-size: 14px;
    }
    .pager {
        margin-top: 38px;
    }
    .page-numbers {
        width: 48px;
        height: 48px;
        font-size: 16px;
    }
    .prev.page-numbers, .next.page-numbers {
        font-size: 14px;
    }
    .title-card {
        font-size: 27px;
        margin-bottom: 27px;
    }
    .feature {
        padding: 14px 0;
    }
    .card-content .price-main {
        font-size: 21px;
    }
    .card-content__bottom .btn-main {
        min-width: 190px;
    }
    .card-content__bottom {
        padding-top: 33px;
    }
    .card-content {
        padding: 32px;
    }
    .image-card {
        height: 595px;
    }
    .page-card {
        padding-top: 60px;
        padding-bottom: 72px;
    }
    .recommendations .title-section {
        margin-bottom: 50px;
    }
    .recommendations {
        padding-bottom: 72px;
    }
    .item-review {
        padding: 32px;
    }
    .item-review__title {
        font-size: 18px;
    }
    .item-review__image {
        width: 72px;
        height: 72px;
        font-size: 44px;
    }
    .item-review__head {
        gap: 20px;
        margin-bottom: 20px;
    }
    .rating__item {
        width: 17px;
        height: 16px;
    }
    .item-review__info {
        gap: 12px;
    }
    .item-review__bottom {
        padding-top: 33px;
    }
    .form-block .item-form textarea {
        height: 124px;
    }
    .form-block__image img {
        max-width: 360px;
    }
    .form-block {
        padding: 34px 34px;
    }
    .section-form {
        padding: 72px 0;
    }
    .form-block__content {
        margin-left: -80px;
    }
    .form-block .title-middle {
        margin-bottom: 22px;
    }
    .article-main {
        padding: 32px 40px;
        max-width: 1090px;
    }
    .article-content h1 {
        font-size: 44px;
    }
    .img.img-left, img.img-right {
        max-width: 330px;
    }
    img.img-right {
        margin-left: 40;
    }
    img.img-left {
        margin-right: 40px;
    }
    .article-content h2 {
        font-size: 29px;
    }
    .article-content h3 {
        font-size: 18px;
    }
    .page-article {
        padding-top: 60px;
        padding-bottom: 80px;
    }
    .unit-contacts {
        padding: 25px;
        min-height: 290px;
        font-size: 16px;
    }
    .unit-contacts p, .unit-contacts .title-middle {
        margin-bottom: 18px;
    }
    #map {
        height: 580px;
    }
    .wrapper_error {
        padding-top: 110px;
    }
    .page-error {
        padding: 135px 0;
    }
    .error-content__value {
        font-size: 180px;
    }   
    .descr-thanks {
        font-size: 19px;
        margin-bottom: 28px;
    }
    .title-thanks {
        font-size: 103px;
    }
    .thanks-image img {
        max-width: 900px;
    }
}
@media only screen and (max-width : 1400px) {
    .logo-descr {
        width: 175px;
    }
    .location-value {
        padding: 10px 14px;
        min-width: 200px;
    }
    .container-fluid {
        padding: 0 25px;
    }
    .phone-main {
        font-size: 17px;
    }
    .footer__links a {
        font-size: 15px;
    }
    .footer__wrap {
        font-size: 15px;
    }
    .footer .phone-main {
        font-size: 26px;
    }
    .footer__bottom {
        font-size: 12px;
    }

}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .header__wrapper .header__info,
    .header__wrapper .logo-descr {
        display: none;
    }
    .location-value {
        min-width: 235px;
    }
    .title-big {
        font-size: 43px;
    }
    .subtitle-big {
        font-size: 23px;
    }
    .billbord {
        padding-top: 145px;
        padding-bottom: 75px;
        background-size: 1000px auto;
    }
    .billbord__bottom {
        padding: 0;
        padding-top: 60px;
    }
    .billbord__bottom .row > div {
        padding: 0 10px;
    }
    .billbord__bottom .row {
        margin: 0 -10px;
    }
    .item-billbord {
        font-size: 14px;
        gap: 16px;
    }
    .title-section {
        font-size: 34px;
    }
    .about__logo img {
        width: 53px;
    }
    .about__head {
        gap: 20px;
    }
    .title-middle {
        font-size: 18px;
    }
    .item-about {
        padding: 25px;
        padding-right: 140px;
        padding-bottom: 50px;
        min-height: 250px;
    }
    .item-about__image img {
        transform: scale(0.6);
    }
    .consultation__image {
        height: 300px;
        margin-top: 30px;
    }
    .consultation__image img {
        max-width: 740px;
    }
    .form-page {
        padding: 25px;
    }
    .tabs-page {
        margin-bottom: 35px;
        gap: 5px;
    }
    .tabs-page a img {
        max-width: 35px;
    }
    .tabs-page a {
        height: 140px;
        padding: 10px;
    }
    body {
        font-size: 12px;
    }
    .btn-main {
        font-size: 14px;
        height: 50px;
    }
    .item-catalog__title {
        font-size: 16px;
        margin-bottom: 19px;
    }
    .item-catalog__content {
        padding: 16px;
        padding-top: 10px;
    }
    .item-catalog__image {
        height: 205px;
    }
    .row > div:nth-child(3) .item-step::before {
        width: 660px;
        height: 53px;
        right: 105px;
    }
    .steps, .footer__top, .partners, .catalog, .consultation, .about, .news {
        padding: 60px 0;
    }
    .item-news__title {
        font-size: 16px;
    }
    .item-news__image {
        height: 155px;
    }
    .link-page {
        font-size: 14px;
    }
    .partners .title-section {
        max-width: 702px;
    }
    .item-partner {
        height: 160px;
    }
    .footer .phone-main {
        font-size: 23px;
    }
    .footer__links a {
        font-size: 12px;
    }
    .socials-main img {
        width: 28px;
    }
    .footer__wrap {
        font-size: 12px;
    }
    .footer__wrap {
        font-size: 12px;
    }
    .wrapper {
        padding-top: 144px;
    }
    .unit-services {
        padding: 20px;
    }
    .single-service .title-section {
        font-size: 31px;
    }
    .item-box {
        font-size: 14px;
        padding: 20px;
    }
    .item-card__image {
        height: 175px;
    }
    .item-card__title {
        font-size: 16px;
    }
    .item-card__content {
        padding: 15px;
        gap: 12px;
    }
    .unit-kit__title {
        font-size: 25px;
    }
    .unit-kit__image {
        height: 305px;
    }
    .unit-kit .btn-main {
        padding: 0 32px;
        margin-top: 25px;
    }
    .unit-step {
        padding: 22px;
        gap: 16px;
    }
    .consultation_service .consultation__image img {
        max-width: 474px;
    }
    .assemble__wrap {
        padding: 0;
    }
    .text-about {
        font-size: 14px;
    }
    .quote {
        font-size: 14px;
        margin-bottom: 25px;
    }
    .numbers-about {
        padding: 60px 0;
    }
    .item-team__title {
        font-size: 15px;
    }
    .item-document__title {
        font-size: 18px;
    }
    .item-document__descr {
        font-size: 14px;
    }
    .item-document .btn-main {
        min-width: 210px;
        height: 45px;
    }
    .item-document {
        margin-bottom: 30px;
        gap: 20px;
    }
    .item-document__icon {
        width: 50px;
        height: 50px;
    }
    .text-main {
        font-size: 14px;
    }
    .item-dropdown__head {
        padding: 24px;
        font-size: 18px;
    }
    .item-dropdown__content {
        padding: 24px;
        padding-top: 0;
    }
    .item-dropdown__content .btn-main {
        min-width: 210px;
    }
    .search-main {
        width: 510px;
    }
    .wrap-checks {
        gap: 12px 15px;
        margin-bottom: 35px;
    }
    .checkbox.checkbox_main {
        font-size: 12px;
    }
    .search-main input {
        height: 46px;
        padding: 0 14px;
        font-size: 12px;
    }
    .select-catalog {
        height: 46px;
        padding: 0 16px;
        padding-right: 50px;
    }
    .select-catalog .jq-selectbox__trigger::after {
        right: 13px;
    }
    .btn-search {
        height: 46px;
        width: 46px;
        font-size: 16px;
    }
    .page-numbers {
        width: 44px;
        height: 44px;
        font-size: 14px;
    }
    .card-content .price-main {
        font-size: 18px;
    }
    .card-content__bottom .btn-main {
        min-width: 165px;
    }
    .card-content__bottom {
        padding-top: 25px;
    }
    .title-card {
        font-size: 23px;
        margin-bottom: 25px;
    }
    .feature {
        padding: 12px 0;
    }
    .image-card {
        height: 545px;
    }
    .item-review__title {
        font-size: 16px;
    }
    .item-review {
        padding: 22px;
    }
    .form-block__image img {
        max-width: 250px;
    }
    .article-content h1 {
        font-size: 38px;
    }
    .date-article {
        margin-bottom: 22px;
    }
    .article-main {
        padding: 25px 30px;
    }
    .article-content h2 {
        font-size: 25px;
    }
    .article-content h2, .article-content h3 {
        margin-top: 26px;
        margin-bottom: 15px;
    }
    .article-content img {
        margin: 25px 0;
    }
    img.img-left {
        margin-right: 30px;
    }
    .share-block {
        padding-top: 25px;
    }
    .unit-contacts {
        padding: 22px;
        min-height: 283px;
        font-size: 14px;
    }
    .col-lg-4 .form-page {
        padding-top: 33px;
        padding-bottom: 33px;
    }
    .wrapper_error {
        padding-top: 110px;
    }
    .thanks-image img {
        max-width: 700px;
    }
    .descr-thanks {
        font-size: 15px;
        margin-bottom: 24px;
    }
    .title-thanks {
        font-size: 84px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .header__wrapper .header__contacts,
    .header__wrapper .header__center,
    .header__bottom {
        display: none;
    }
    .header__wrapper {
        padding: 12px 0;
    }
    .title-big {
        font-size: 22px;
        max-width: 332px;
        margin-left: auto;
        margin-right: auto;
    }
    .subtitle-big {
        font-size: 16px;
        max-width: 280px;
        margin: 0 auto;
    }
    .billbord {
        padding-top: 65px;
        padding-bottom: 50px;
        background-size: 365px auto;
        background-position: center top 25px;
    }
    .form-wrap {
        display: block;
    }
    .form-wrap .item-form{ 
        margin-bottom: 8px;
    }
    .form-wrap .btn-main {
        width: 100%;
    }
    .billbord__bottom .row > div {
        margin-bottom: 20px;
    }
    .billbord__bottom .row {
        margin-bottom: -20px;
    }
    .billbord__bottom {
        padding-top: 40px;
    }
    .steps, .footer__top, .partners, .catalog, .consultation, .about, .news {
        padding: 45px 0;
    }
    .about__head {
        margin-bottom: 15px;
        display: block;
    }
    .about__logo {
        margin-bottom: 20px;
    }
    .title-section {
        font-size: 28px;
    }
    .item-about {
        font-size: 12px;
    }
    .item-about .title-middle {
        margin-right: -56px;
    }
    .item-about__image img {
        transform: scale(0.56);
    }
    .title-middle {
        font-size: 16px;
    }
    body {
        font-size: 14px;
    }
    .consultation__content {
        margin-top: 30px;
    }
    .hidden-mob {
        display: none !important;
    }
    .consultation .title-section {
        font-size: 26px;
        margin-bottom: 30px;
    }
    .consultation .title-section br {
        display: none;
    }
    .consultation__image img {
        margin: -40px 0;
        max-width: 100%;
    }
    .consultation__image {
        display: block;
        height: auto;
    }
    .catalog .title-section {
        font-size: 23px;
    }
    .slider-partners .slick-slide,
    .slider-news .slick-slide,
    .slider-catalog .slick-slide,
    .row > div {
        padding: 0 4px;
    }
    .slider-partners .slick-list,
    .slider-news .slick-list,
    .slider-catalog .slick-list,
    .row {
        margin: 0 -4px;
    }
    .tabs-page {
        margin-bottom: 28px;
        gap: 0;
        flex-wrap: wrap;
    }
    .tabs-page li {
        padding: 2px;
        width: 50%;
        flex: none;
    }
    .tabs-page a {
        font-size: 12px;
        gap: 5px;
        height: auto;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
    }
    .tabs-page a img {
        max-width: 22px;
    }
    .partners .title-section, .steps .title-section, .news .title-section, .catalog .title-section {
        margin-bottom: 25px;
    }
    .item-catalog__image {
        height: 160px;
        padding: 10px;
    }
    .item-catalog__content {
        padding: 10px;
    }
    .item-catalog__title {
        font-size: 14px;
        margin-bottom: 15px;
    }
    .item-catalog .btn-main {
        height: 45px;
    }
    .item-step::after {
        width: 50px;
        height: 50px;
        bottom: -25px;
        top: auto;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .row > div:nth-child(3) .item-step::before,
    .item-step::before {
        transform: rotate(90deg);
        left: 0;
        right: 0;
        top: 100%;
        margin: 0 auto;
        margin-top: 10px;
        width: 69px;
        height: 14px;
        background-image: url(../img/arrow_step.svg);
    }
    .row > div:last-child .item-step::before {
        display: none;
    }
    .steps {
        padding-bottom: 55px;
    }
    .item-news__image {
        height: 225px;
    }
    .item-news__content {
        padding: 18px;
    }
    .partners .title-section {
        font-size: 23px;
        max-width: 348px;
        margin-left: auto;
        margin-right: auto;
    }
    .item-partner {
        height: 135px;
    }
    .footer__logo .logo img {
        width: 140px;
    }
    .footer__logo {
        gap: 10px;
        display: flex;
        align-items: center;
    }
    .footer__info {
        margin-bottom: 25px;
        max-width: 100%;
    }
    .footer__title {
        font-size: 18px;
        margin-bottom: 13px;
    }
    .row > div:nth-child(2) .footer__column {
        margin-left: 0;
    }
    .footer__content {
        display: none;
    }
    .footer__contacts {
        max-width: 100%;
        display: block;
        margin: 0;
    }
    .footer__bottom {
        font-size: 13px;
    }
    .footer__bottom .row > div:nth-child(2) {
        text-align: left;
    }
    .footer__bottom .row > div {
        margin-bottom: 15px;
    }
    .footer__bottom .row {
        margin-bottom: -15px;
    }
    .create {
        justify-content: flex-start;
    }
    .footer__bottom br {
        display: none;
    }
    .footer__title i {
		font-size: 80%;
		display: inline-block;
		transition: all 0.3s;
	}
	.footer__title.active i {
		transform: rotate(180deg);
	}
    .footer__title {
		padding: 15px 0;
		display: flex;
		margin: 0;
		align-items: center;
		justify-content: space-between;
	}
    .footer__contacts .location-main {
        margin-bottom: 20px;
    }
    .footer .phone-main {
        margin-bottom: 20px;
    }
    .footer__links a {
        font-size: 14px;
    }
    .footer__links {
        margin: 20px 0;
    }
    .footer__wrap {
        font-size: 14px;
        margin-top: 20px;
    }
    .phone-mob {
        width: 40px;
        height: 40px;
        font-size: 16px;
        color: #fff;
        background: #151012;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: none;
    }
    .phone-mob i {
        transform: rotate(4deg);
    }
    .container-fluid {
        padding: 0 15px;
    }
    .wrapper {
        padding-top: 80px;
    }
    .header {
        transform: none !important;
        box-shadow: 0 0 10px #ccc;
    }
    .header__bottom {
        width: 100%;
        top: 100%;
        left: 0;
        max-height: 100vh;
        padding: 15px 0;
        padding-bottom: 150px;
        display: block;
        overflow: auto;
        color: rgba(21, 16, 18, 0.64);
        background: #fff;
        display: none;
        position: absolute;
    }
    .menu {
        display: block;
    }
    .menu > li > a {
        padding: 10px 0;
        color: #151012 !important;
        justify-content: space-between;
    }
    .menu__haschild > a::after {
        font-size: 90%;
    }
    .header__mob {
        gap: 20px;
        padding-top: 15px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .header__contacts {
        gap: 20px;
    }
    .menu-overlay {
        top: 126px;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.7);
        position: fixed;
        z-index: -1;
        display: none;
    }
    .no-scroll {
        overflow: hidden;
    }
    .billbord .form-wrap {
        margin-top: 27px;
    }
    .menu ul {
        opacity: 1;
        visibility: visible;
        position: relative;
        top: 0;
        left: 0;
        padding: 0;
        background: transparent;
        width: 100%;
        display: none;
    }
    .menu ul a {
        color: #151012;
    }
    .menu ul > li {
        padding: 10px 20px;
    }
    .menu ul ul {
        padding-top: 10px;
        left: 0;
    }
    .menu__haschild > a::after {
        transition: all 0.3s;
    }
    .menu__haschild.active > a::after {
        transform: rotate(-180deg);
    }
    .menu ul .menu__haschild.active > a::after {
        transform: rotate(-90deg);
    }
    .about__head .title-section {
        max-width: 350px;
    }
    .footer__contacts .footer__content {
        max-width: 315px;
    }
    .breadcrumbs {
        padding-top: 40px;
    }
    .page-services .title-section {
        margin-bottom: 25px;
    }
    .unit-services .title-middle {
        font-size: 17px;
    }
    .page-services {
        padding-bottom: 60px;
    }
    .single-service .title-section {
        font-size: 26px;
        margin-bottom: 24px;
    }
    .single-service .btn-main {
        margin-top: 24px;
        padding: 0 20px;
        width: 100%;
    }
    .descr-service {
        font-size: 14px;
        margin-top: 14px;
    }
    .single-service {
        padding-bottom: 20px;
    }
    .assemble, .steps-service, .kits, .portfolio, .about-service {
        padding: 50px 0;
    }
    .assemble .title-section, .steps-service .title-section, .kits .title-section, .portfolio .title-section, .about-service .title-section {
        margin-bottom: 30px;
    }
    .unit-kit__image {
        height: 250px;
        padding: 25px;
        margin-top: 20px;
    }
    .steps-service .title-section {
        font-size: 23px;
    }
    .unit-step {
        font-size: 13px;
        padding: 20px;
    }
    .consultation_service .consultation__image img {
        max-width: 100%;
        margin: 0;
    }
    .item-assemble {
        gap: 14px 25px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .item-assemble__title {
        font-size: 16px;
    }
    .item-assemble__title {
        margin: 0;
        width: 100%;
    }
    .form-assemble {
        padding: 22px;
        margin-top: 30px;
    }
    .assemble-total {
        font-size: 18px;
        padding: 40px 20px;
        max-width: 100%;
        margin-bottom: 20px;
        height: initial;
    }
    .page-mission .image-page {
        margin: 0;
        margin-top: 20px;
    }
    .page-mission .text-about {
        margin-right: 0;
    }
    .page-mission {
        padding-bottom: 50px;
    }
    .wrap-numbers {
        display: block;
    }
    .item-number::after {
        width: 100%;
        height: 1px;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .item-number {
        padding: 25px 0;
        text-align: center;
        display: block;
        position: relative;
    }
    .item-number__content {
        margin: 0 auto;
    }
    .numbers-about {
        padding: 30px 0;
    }
    .page-team .text-about, .page-team .title-section {
        margin-bottom: 22px;
    }
    .item-team__title {
        font-size: 16px;
    }
    .item-team__content {
        padding: 20px;
    }
    .page-team {
        padding-bottom: 60px;
    }
    .hint__content {
        left: -20px;
        transform: none;
    }
    .hint__content::after {
        margin: 0;
        left: 25px;
        right: auto;
    }
    .item-document {
        flex-wrap: wrap;
    }
    .item-document .btn-main {
        width: 100%;
        min-width: initial;
    }
    .item-document__title {
        font-size: 17px;
    }
    .item-document__descr {
        font-size: 13px;
    }
    .item-document__info {
        flex: 1;
    }
    .page-contacts,
    .page-news,
    .page-reviews,
    .page-portfolio,
    .page-catalog,
    .page-vacancies,
    .page-documents {
        padding-bottom: 55px;
    }
    .page-contacts .title-section,
    .page-news .title-section,
    .page-reviews .title-section,
    .page-portfolio .title-section,
    .page-catalog .title-section,
    .page-vacancies .title-section,
    .page-documents .title-section {
        margin-bottom: 30px;
    }
    .dropdowns-wrap {
        padding-right: 0;
    }
    .item-dropdown__head {
        font-size: 16px;
        padding: 20px;
    }
    .item-dropdown__head i {
        font-size: 80%;
    }
    .item-dropdown__content {
        padding: 20px;
        padding-top: 0;
    }
    .text-main__title, .text-main li, .text-main p {
        margin-bottom: 12px;
    }
    .col-lg-4 .form-page {
        margin: 0;
        padding-top: 25px;
        padding-bottom: 25px;
        margin-top: 25px;
    }
    .head-catalog {
        display: block;
    }
    .search-main {
        margin-bottom: 20px;
        width: 100%;
    }
    .search-main input {
        height: 50px;
        padding: 0px 15px;
        font-size: 14px;
    }
    .select-catalog {
        height: 50px;
        padding: 0 15px;
    }
    .pager {
        margin-top: 35px;
        justify-content: center;
    }
    .breadcrumbs li {
        max-width: 175px;
    }
    .image-card {
        height: 400px;
        margin-bottom: 25px;
        padding: 30px;
    }
    .card-content {
        padding: 20px;
    }
    .card-content__bottom {
        display: block;
    }
    .card-content__bottom .btn-main {
        width: 100%;
        margin-top: 20px;
        min-width: initial;
    }
    .card-content_info {
        margin-top: 30px;
    }
    .card-content .title-middle {
        margin-bottom: 14px;
    }
    .page-card {
        padding-top: 40px;
        padding-bottom: 50px;
    }
    .recommendations .title-section {
        margin-bottom: 29px;
    }
    .recommendations {
        padding-bottom: 50px;
    }
    .tabs-page.tabs-page_simple a {
        padding: 0 10px;
        height: 42px;
    }
    .rating__item {
        width: 15px;
        height: 14px;
    }
    .item-review__image {
        width: 60px;
        height: 60px;
        font-size: 36px;
    }
    .item-review__head {
        gap: 12px;
        margin-bottom: 16px;
    }
    .item-review {
        padding: 20px 15px;
    }
    .item-review__bottom {
        padding-top: 25px;
        font-size: 13px;
    }
    .section-form {
        padding: 55px 0;
    }
    .form-block__content {
        margin-left: 0;
    }
    .form-block {
        padding: 25px 20px;
    }
    .form-block__image {
        display: none;
    }
    .col_checkbox {
        order: 2;
    }
    .form-block .checkbox {
        margin-top: 20px;
    }
    .page-article {
        padding-top: 40px;
        padding-bottom: 50px;
    }
    .article-main {
        padding: 25px 20px;
    }
    .article-content h1 {
        font-size: 31px;
    }
    .date-article {
        margin-bottom: 15px;
    }
    .article-content img {
        margin: 15px 0;
    }
    .article-content h2 {
        font-size: 20px;
    }
    img.img-left,
    img.img-right {
        float: none;
        margin: 0;
        max-width: 100%;
    }
    .article-content h3 {
        font-size: 16px;
    }
    .wrap-contacts {
        margin-right: 0;
    }
    .unit-contacts {
        min-height: 180px;
    }
    #map {
        height: 400px;
    }
    .page-error {
        padding: 90px 0;
        background: #b6161d;
    }
    .error-content__value {
        font-size: 155px;
    }
    .title-thanks {
        font-size: 70px;
    }
    .descr-thanks {
        font-size: 14px;
        max-width: 310px;
        margin-left: auto;
        margin-right: auto;
    }
    .thanks-image img {
        max-width: 400px;
    }
    .thanks-image {
        margin-top: 0;
    }
    .thanks-content {
        text-align: center;
    }
    .fancybox-slide {
        padding: 15px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .menu-overlay,
    .header__mob,
    .sandwich,
    .show-mob {
        display: none !important;
    }
    .header__bottom,
    .footer__content {
        display: block !important;
    }
    .footer__contacts .footer__content {
        display: flex !important;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }
    .wrapper_error .header__bottom {
        display: none !important;
    }
}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}
@media (min-width: 1600px) {
	.container {
    max-width: 1510px;
}
}

@media (hover: hover) {
    .btn-main:hover {
        background: #900107;
    }
    .btn-main.btn-main_page:hover {
        background: #282426;
    }
    .menu > li > a:hover {
        color: rgba(255, 255, 255, 0.64);
    }
    .socials-list a:hover img {
        opacity: 0.7;
    }
    .item-about:hover {
        box-shadow: 0 5px 10px #dbdbdb;
    }
    .tabs-page a:hover {
        background: #b6161d;
        color: #fff;
    }
    .tabs-page a:hover img {
        opacity: 1;
        filter: brightness(0) invert(1);
    }
    .btn-main.btn-main_block:hover {
        background: rgba(182, 22, 29, 0.2);
    }
    .slick-arrow:hover {
        box-shadow: 0 4px 16px 0 rgba(54, 53, 53, 0.3);
    }
    .slick-dots li button:hover {
        background: #b6161d;
    }
    .link-page:hover {
        color: #151012;
    }
    .item-card:hover .item-card__image img,
    .item-news:hover .item-news__image img {
        transform: scale(1.1);
    }
    .footer__nav li a:hover {
        color: #b6161d;
    }
    .menu ul a:hover {
        font-weight: 500;
    }
    .menu ul a:hover span {
        border-color: #fff;
    }
    .text-about a:hover {
        border-color: transparent;
    }
    .item-review:hover,
    .unit-services:hover,
    .item-team:hover {
        box-shadow: 0 5px 10px #dbdbdb;
    }
    .item-document__descr:hover {
        color: rgba(21, 16, 18, 0.9);
    }
    .page-numbers:hover {
        background: #b6161d;
        color: #fff;
    }
    .show-review:hover {
        color: #b6161d;
        border-color: #b6161d;
    }
    .article-content p a:hover,
    .article-content li a:hover {
        border-color: transparent;
    }
    a.link-main:hover {
        border-color: transparent;
    }
}

@media (hover: none) {
    .btn-main:active {
        background: #900107;
    }
    .btn-main.btn-main_page:active {
        background: #282426;
    }
    .menu > li > a:active {
        color: rgba(255, 255, 255, 0.64);
    }
    .socials-list a:active img {
        opacity: 0.7;
    }
    .item-about:active {
        box-shadow: 0 5px 10px #dbdbdb;
    }
    .tabs-page a:active {
        background: #b6161d;
        color: #fff;
    }
    .tabs-page a:active img {
        opacity: 1;
        filter: brightness(0) invert(1);
    }
    .btn-main.btn-main_block:active {
        background: rgba(182, 22, 29, 0.2);
    }
    .slick-arrow:active {
        box-shadow: 0 4px 16px 0 rgba(54, 53, 53, 0.3);
    }
    .slick-dots li button:active {
        background: #b6161d;
    }
    .link-page:active {
        color: #151012;
    }
    .item-card:active .item-card__image img,
    .item-news:active .item-news__image img {
        transform: scale(1.1);
    }
    .footer__nav li a:active {
        color: #b6161d;
    }
    .menu ul a:active {
        font-weight: 500;
    }
    .menu ul a:active span {
        border-color: #fff;
    }
    .text-about a:active {
        border-color: transparent;
    }
    .item-review:active,
    .unit-services:active,
    .item-team:active {
        box-shadow: 0 5px 10px #dbdbdb;
    }
    .item-document__descr:active {
        color: rgba(21, 16, 18, 0.9);
    }
    .page-numbers:active {
        background: #b6161d;
        color: #fff;
    }
    .show-review:active {
        color: #b6161d;
        border-color: #b6161d;
    }
    .article-content p a:active,
    .article-content li a:active {
        border-color: transparent;
    }
    a.link-main:active {
        border-color: transparent;
    }
}