@media (max-width: 1229px) {
    .header__logo-desktop {
        margin: -60px 20px 0 0;
    }
    .header__left {
        margin: 0 25px 0 0;
    }
    .header__phone {
        margin: -3px 25px -4px 0;
    }
    .header__phone a {
        margin: 4px 0;
        font-size: 14px;
        line-height: 18px;
    }
    .header__search {
        width: 260px;
    }
    .header-callback__open {
        padding: 2px 0 0 2px;
        width: 120px;
    }
    .header-callback__open span {
        display: none;
    }
    .header__menu > ul > li.header__catalog > a {
        padding: 23px 20px 25px;
    }
    .header__menu > ul > li > a {
        padding: 23px 10px 25px;
    }

    .equipment__title {
        font-size: 16px;
        line-height: 22px;
    }

    .about__content {
        width: 545px;
    }
    .about__content h1 {
        margin: 0 0 25px;
    }
    .about__content p {
        margin: 0 0 15px;
    }
    .about__bottom {
        margin: 25px 0 0;
        padding: 25px 0 0;
    }

    .about-page__content {
        width: 540px;
    }
    .about-page__content .content h1 {
        font-size: 28px;
        line-height: 34px;
    }
    .about-page__content .content h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .about-page__content .content h3 {
        font-size: 20px;
        line-height: 26px;
    }
    .about-page__content .content h4 {
        font-size: 18px;
        line-height: 24px;
    }
    .about-page__content .content h5 {
        font-size: 16px;
        line-height: 22px;
    }
    .about-page__content .content h6 {
        font-size: 14px;
        line-height: 20px;
    }
    .about-page__content .content p,
    .about-page__content .content li,
    .about-page__content .content th,
    .about-page__content .content td {
        font-size: 16px;
        line-height: 24px;
    }
    .about-page__content .content ul li:before {
        top: 12px;
    }
    .consult__form form {
        float: none;
        margin: 0 0 20px;
        width: 100%;
    }
    .consult__contacts {
        float: none;
    }

    .articles__list ul {
        margin: 0 -15px -40px;
    }
    .articles__list ul li {
        margin: 0 0 40px;
    }
    .articles__image {
        height: 149px;
    }

    .article__image {
        width: 500px;
    }
    .article__content {
        width: 460px;
    }
    .article__content .content h1 {
        font-size: 28px;
        line-height: 34px;
    }
    .article__content .content h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .article__content .content h3 {
        font-size: 20px;
        line-height: 26px;
    }
    .article__content .content h4 {
        font-size: 18px;
        line-height: 24px;
    }
    .article__content .content h5 {
        font-size: 16px;
        line-height: 22px;
    }
    .article__content .content h6 {
        font-size: 14px;
        line-height: 20px;
    }
    .article__content .content p,
    .article__content .content li,
    .article__content .content th,
    .article__content .content td {
        font-size: 16px;
        line-height: 24px;
    }
    .article__content .content ul li:before {
        top: 12px;
    }
    .article__info {
        padding: 18px 30px;
    }
    .article__author,
    .article__date {
        margin: 0 40px 0 0;
    }

    .page404 {
        padding: 40px 0 0 400px;
    }

    .contacts__list ul li:first-child {
        margin: 0 70px 0 0;
        max-width: 350px;
    }

    .service__title {
        font-size: 20px;
        line-height: 26px;
    }

    .category__title {
        font-size: 16px;
        line-height: 22px;
    }

    .category__wrap {
        width: 660px;
    }
    .category__wrap .consult__form {
        padding: 30px 50px;
    }
    .category__wrap .consult__form input[type="text"],
    .category__wrap .consult__form input[type="tel"] {
        margin: 0;
    }
    .category__wrap .consult__form input[type="text"]:first-child {
        margin: 0 10px 0 0;
        max-width: 320px;
    }
    .category__wrap .consult__form input[type="submit"] {
        display: block;
        margin: 15px 0 0;
    }
    .category__wrap .consult__agreement {
        margin: 15px 0 0;
    }

    .catalog__right {
        width: 150px;
    }
    .catalog__desc {
        width: 250px;
    }
    .search__results .catalog__right {
        width: 180px;
    }
    .search__results .catalog__desc {
        width: 360px;
    }

    .product__image {
        width: 380px;
    }
    .product__image.preloader {
        height: 380px;
    }
    .product__desc {
        width: 250px;
    }
    .product__price {
        float: none;
        margin: 0 0 15px;
    }
    .product__stock {
        float: none;
    }
    .product__stock .product__title {
        display: inline-block;
        vertical-align: middle;
        margin: 0 10px 0 0;
    }
    .product__nav {
        float: none;
    }
    .product__zoom {
        float: none;
        margin: 15px 0 0;
        width: 100%;
    }
    .product__zoom:before {
        top: 1px;
    }

    .footer__right {
        padding: 25px 25px 40px 0;
    }
    .footer__title {
        width: 260px;
        font-size: 13px;
    }
    .footer__clock br {
        display: block;
    }
    .footer__callback {
        width: 210px;
    }
    .footer__left {
        padding: 60px 0 40px 40px;
    }
    .footer__left .price__text {
        font-size: 14px;
    }
}

@media (max-width: 1199px) {
    .footer__logo {
        display: block;
        margin: -12px 0 20px;
    }
    .footer__title {
        display: block;
        margin: 0 0 20px 78px;
        width: 280px;
        font-size: 14px;
    }
    .footer__callback {
        position: relative;
        right: auto;
        top: auto;
        margin: 15px 0 0;
        width: 220px;
    }
    .footer__copyright {
        max-width: 380px;
    }
    .footer__left {
        padding: 55px 0 40px 50px;
    }
    .footer__left .price__text {
        font-size: 13px;
    }
    .footer__left .price__form ul li:nth-child(2) {
        float: none;
        margin: 0 0 20px;
    }
    .footer__left .price__form ul li:nth-child(3) {
        float: none;
        max-width: 240px;
    }
    .footer__left .price__required {
        display: block;
        margin: 20px 0 0;
    }

    .promo a.promo_first .promo__caption {
        max-width: 450px;
        font-size: 40px;
        line-height: 46px;
    }
    .promo a.promo_second .promo__caption,
    .promo a.promo_third .promo__caption {
        max-width: 320px;
        font-size: 24px;
        line-height: 30px;
    }

    .materials__list ul {
        margin: 0 -6px -25px;
    }
    .materials__list ul li {
        padding: 0 6px;
    }
    .materials__image {
        height: 100px;
        line-height: 100px;
    }
    .materials__image:before {
        height: 90px;
    }
    .materials__image img {
        max-height: 100px;
    }
}

@media (max-width: 1049px) {
    .header__logo-desktop {
        margin: -60px 15px 0 0;
    }
    .header__left {
        margin: 0 20px 0 0;
    }
    .header__search {
        width: 200px;
    }
    .header__search input[type="text"],
    .header__search input[type="search"] {
        padding: 0 57px 4px 15px;
    }
    .header__menu > ul > li:nth-child(2) {
        margin: 0 6px 0 0;
    }
    .header__menu > ul > li.header__catalog > a {
        padding: 23px 8px 25px;
    }
    .header__menu > ul > li > a {
        padding: 23px 8px 25px;
    }

    .equipment__image {
        margin: 0 0 0 20px;
    }
    .equipment__title {
        padding: 20px 20px 21px;
    }
    .equipment__list li ul {
        padding: 18px 20px 28px;
    }

    .about {
        padding: 40px 0;
    }
    .about__content {
        width: 500px;
    }
    .about__image {
        margin: -55px 0;
    }

    .about-page__image {
        max-width: 360px;
    }
    .about-page__content {
        width: 530px;
    }

    .articles__list ul {
        margin: 0 -10px -40px;
    }
    .articles__list ul li {
        padding: 0 10px;
    }
    .articles__image {
        height: 141px;
    }
    .articles__title {
        font-size: 16px;
        line-height: 20px;
    }

    .article__image {
        width: 440px;
    }
    .article__content {
        width: 450px;
    }
    .article__info {
        padding: 18px 20px;
    }
    .article__author,
    .article__date {
        margin: 0 15px 0 0;
    }

    .page404 {
        padding: 40px 0 0 330px;
        min-height: 393px;
    }
    .page404:after {
        width: 280px;
        height: 383px;
    }

    .contacts__list ul li:first-child {
        margin: 0 40px 0 0;
    }

    .service__title {
        font-size: 18px;
        line-height: 24px;
    }

    .category__image {
        margin: 0 0 0 20px;
    }
    .category__title {
        padding: 20px 20px 21px;
    }
    .category__list li ul {
        padding: 18px 20px 28px;
    }

    .category__wrap {
        width: 590px;
    }
    .category__wrap .consult__form input[type="text"],
    .category__wrap .consult__form input[type="tel"] {
        max-width: 185px;
    }
    .category__wrap .consult__form input[type="text"]:first-child {
        max-width: 290px;
    }
    .category__wrap .consult__contacts span {
        display: block;
        margin: 0 0 4px;
    }

    .catalog__image {
        width: 130px;
    }

    .product__image {
        width: 310px;
    }
    .product__image.preloader {
        height: 310px;
    }
}

@media (max-width: 991px) {
    .header__top {
        padding: 30px 0;
        background: url("../images/header-mobile.jpg") no-repeat 0 100%;
        border-bottom: 1px solid #afcfd7;
    }
    .header__left {
        margin: 0 60px 0 0;
    }
    .header__logo-desktop {
        display: none;
    }
    .header__logo-mobile {
        display: inline-block;
    }
    .header__title {
        display: none;
    }
    .header__right {
        float: left;
    }
    .header__phone {
        margin: -3px 35px -4px 0;
    }
    .header__bottom {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        display: none;
        margin: 0 0 -1px;
        padding: 30px 0 0;
        background: #f0f5f6;
        z-index: 101;
        overflow: auto;
    }
    .header__bottom .container {
        padding: 0 25px;
        max-width: 100%;
    }
    .header__open,
    .header__close,
    .header__logo-menu {
        display: block;
    }
    .header-callback__open {
        width: 180px;
    }
    .header-callback__open span {
        display: inline;
    }
    .header__search {
        float: none;
        width: 300px;
        clear: both;
    }
    .header__search input[type="text"],
    .header__search input[type="search"] {
        padding: 0 57px 2px 15px;
    }
    .header__menu {
        position: relative;
        margin: 30px -25px 0;
        overflow: hidden;
    }
    .header__menu:before {
        content: "";
        position: absolute;
        left: 125px;
        top: -72px;
        width: 146px;
        height: 72px;
        background: url("../images/svg/menu_mobile_image.svg") no-repeat 50% 100%;
        background-size: auto 72px;
    }
    .header__menu ul li a {
        position: relative;
    }
    .header__menu > ul > li {
        float: none;
    }
    .header__menu > ul > li:nth-child(2) {
        margin: 0;
    }
    .header__menu > ul > li.header__catalog > a,
    .header__menu > ul > li > a {
        padding: 16px 25px 18px;
    }
    .header__menu > ul > li:not(.header__catalog) {
        border-bottom: 1px solid #d6e4e7;
    }
    .header__menu > ul > li:not(.header__catalog) > a {
        color: #191919;
    }
    .header__menu > ul > li.header__catalog a svg {
        position: absolute;
        right: 25px;
        top: 14px;
        display: block;
        color: #fff;
    }
    .header__menu > ul > li.header__catalog > ul > li.active > a svg {
        color: #64dfff;
    }
    .header__menu > ul > li.header__catalog > a > svg {
        top: 22px;
    }
    .header__menu > ul > li:not(.header__catalog) > ul {
        position: relative;
        left: auto;
        top: auto;
        padding: 0 40px;
        border-top: 1px solid #d6e4e7;
        background: none;
    }
    .header__menu > ul > li:not(.header__catalog) > ul > li:first-child {
        margin-top: 12px;
    }
    .header__menu > ul > li:not(.header__catalog) > ul > li:last-child {
        margin-bottom: 12px;
    }
    .header__menu > ul > li:not(.header__catalog) > ul > li {
        margin: 0 0 8px;
        border-bottom: 0;
    }
    .header__menu > ul > li:not(.header__catalog) > ul > li > a {
        padding: 0;
        white-space: normal;
    }
    .header__menu > ul > li.active > ul {
        display: block;
    }
    .header__menu > ul > li.active:not(.header__catalog) > a,
    .header__menu > ul > li.open:not(.header__catalog) > a,
    .header__menu > ul > li.active:not(.header__catalog) > ul > li.active > a {
        color: #1c85a0;
    }
    .header__menu > ul > li.active:not(.header__catalog) > a:after {
        display: none;
    }
    .header__menu ul li.open > a > svg {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
    .header__menu > ul > li.header__catalog > ul {
        position: relative;
        left: auto;
        top: auto;
        padding: 0;
    }
    .header__menu > ul > li.header__catalog > ul > li {
        position: relative;
    }
    .header__menu > ul > li.header__catalog > ul:before {
        display: none;
        margin: 0 0 0 10px;
        font-size: 8px;
    }
    .header__menu > ul > li.header__catalog > ul > li > a {
        margin: 0;
        padding: 8px 25px;
        font-size: 13px;
        line-height: 19px;
    }
    .header__menu > ul > li.header__catalog > ul > li > ul {
        position: relative;
        display: none;
        margin: 0 -25px;
        padding: 0 50px;
        background: #fff;
    }
    .header__menu > ul > li.header__catalog > ul > li > ul > li {
        margin: 0;
    }
    .header__menu > ul > li.header__catalog > ul > li > ul > li > a {
        padding: 4px 0;
    }
    .header__menu > ul > li.header__catalog > ul > li > ul > li:first-child > a {
        padding-top: 14px;
    }
    .header__menu > ul > li.header__catalog > ul > li > ul > li:last-child > a {
        padding-bottom: 12px;
    }
    .header__menu > ul > li.header__catalog > ul > li > ul > li > a {
        font-size: 11px;
        line-height: 17px;
        color: #0c728d;
    }
    .header__menu > ul > li.header__catalog > ul > li > ul > li > a svg {
        display: none;
    }
    .header__menu > ul > li.blue > ul > li > ul > li > a {
        color: #11738d;
    }
    .header__menu > ul > li.green > ul > li > ul > li > a {
        color: #108c79;
    }
    .header__menu > ul > li.blue > ul > li.active > a {
        background: #11738d;
    }
    .header__menu > ul > li.green > ul > li.active > a {
        background: #108c79;
    }

    .promo {
        max-width: 938px;
    }
    .promo__table,
    .promo__row,
    .promo__cell {
        display: block;
    }
    .promo__cell > .promo__table {
        display: table;
        width: 100%;
    }
    .promo__cell > .promo__table > .promo__row {
        display: table-cell;
    }

    .catalog {
        margin: 0;
    }
    .equipment__headline:before,
    .equipment__headline:after {
        width: 60px;
    }
    .equipment__headline:before {
        margin: -1px 0 0 -300px;
    }
    .equipment__headline:after {
        margin: -1px -300px 0 0;
    }
    .equipment__list > ul {
        margin: 0 auto;
        max-width: 380px;
    }
    .equipment__image {
        margin: 0 0 0 30px;
        height: auto;
    }
    .equipment__image img {
        display: block;
        vertical-align: top;
    }
    .equipment__title {
        padding: 20px 30px 21px;
    }
    .equipment__list > ul > li:last-child {
        margin: 0;
    }
    .equipment__list li ul {
        padding: 18px 30px 28px;
    }

    .materials__headline:before,
    .materials__headline:after {
        width: 60px;
    }
    .materials__headline:before {
        margin: -1px 0 0 -300px;
    }
    .materials__headline:after {
        margin: -1px -300px 0 0;
    }

    .materials__list ul {
        margin: 0 -8px -25px;
    }
    .materials__list ul li {
        padding: 0 8px;
        width: 33.33%;
    }
    .materials__image {
        height: 120px;
        line-height: 120px;
    }
    .materials__image:before {
        height: 100px;
    }
    .materials__image img {
        max-height: 120px;
    }

    .about {
        margin: 0;
    }
    .about__content {
        float: none;
        width: 100%;
    }
    .about__content h1 {
        margin: 0 0 30px;
    }
    .about__content p {
        margin: 0 0 20px;
    }
    .about__bottom {
        margin: 30px 0 0;
        padding: 30px 0 0;
    }
    .about__image {
        display: none;
    }

    .about-page__image {
        float: none;
        margin: 0 0 30px;
        max-width: 400px;
    }
    .about-page__content {
        float: none;
        width: 100%;
    }
    .about-page__reviews {
        margin: 30px -5px -5px;
    }
    .about-page__certificates {
        max-width: 584px;
    }
    .about-page__certificates ul li {
        width: 50%;
    }
    .consult__form {
        padding: 30px 40px;
    }
    .consult__form input[type="text"],
    .consult__form input[type="tel"] {
        max-width: 160px;
    }
    .consult__form input[type="text"]:first-child {
        max-width: 250px;
    }

    .pluses__list ul li {
        width: 50%;
    }

    .clients__top {
        padding: 0 0 20px;
    }
    .clients__headline {
        margin: 0 0 5px;
        text-align: left;
    }
    .clients__text {
        position: relative;
        left: auto;
        top: auto;
    }
    .clients__slider .slick-prev,
    .clients__slider .slick-next {
        top: -95px;
    }

    .articles__list ul {
        margin: 0 -15px -40px;
    }
    .articles__list ul li {
        padding: 0 15px;
        width: 50%;
    }
    .articles__image {
        height: 157px;
    }

    .articles__menu > a {
        margin: 0;
    }
    .articles__menu ul {
        display: block;
        margin: 15px 0 0;
    }

    .article__image {
        float: none;
        margin: 0 0 25px;
        width: 100%;
        max-width: 540px;
    }
    .article__content {
        float: none;
        width: 100%;
    }
    .article__info {
        padding: 18px 35px;
    }
    .article__author {
        margin: 0 50px 0 0;
    }
    .article__date {
        margin: 0 0 15px;
    }
    .article__copyright {
        float: none;
        margin: 0;
        clear: both;
    }

    .page404 {
        padding: 20px 0 0 240px;
        min-height: 273px;
    }
    .page404:after {
        width: 192px;
        height: 263px;
    }
    .page404__menu {
        margin: 0 0 40px -240px;
    }
    .page404__back {
        margin: 0 0 0 -240px;
    }

    .contacts__list ul li:first-child {
        margin: 0 0 40px;
        max-width: 100%;
    }
    .contacts__list ul li:last-child {
        float: left;
        margin: 0 0 0 100px;
    }

    .service__content {
        margin: 0 0 40px;
    }
    .service__content .content h1 {
        font-size: 28px;
        line-height: 34px;
    }
    .service__content .content h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .service__content .content h3 {
        font-size: 20px;
        line-height: 26px;
    }
    .service__content .content h4 {
        font-size: 18px;
        line-height: 24px;
    }
    .service__content .content h5 {
        font-size: 16px;
        line-height: 22px;
    }
    .service__content .content h6 {
        font-size: 14px;
        line-height: 20px;
    }
    .service__content .content p,
    .service__content .content li,
    .service__content .content th,
    .service__content .content td {
        font-size: 16px;
        line-height: 22px;
    }
    .service__content .content ul li:before {
        top: 11px;
    }
    .service__title {
        font-size: 16px;
        line-height: 22px;
    }

    .category__list > ul {
        margin: 0 auto;
        max-width: 380px;
    }
    .category__image {
        margin: 0 0 0 30px;
        height: auto;
    }
    .category__image img {
        display: block;
        vertical-align: top;
    }
    .category__title {
        padding: 20px 30px 21px;
    }
    .category__list > ul > li:last-child {
        margin: 0;
    }
    .category__list li ul {
        padding: 18px 30px 28px;
    }

    .category__sidebar {
        position: relative;
        float: none;
        margin: 0 0 55px;
        width: 290px;
    }
    .category__sidebar:after {
        content: "";
        position: absolute;
        left: 0;
        right: -400px;
        bottom: -20px;
        height: 1px;
        background: #d5e5e5;
    }
    .sidebar__open {
        cursor: pointer;
    }
    .sidebar__open svg {
        display: block;
    }
    .sidebar__menu > ul {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 15px;
        margin: -10px;
        padding: 10px;
        background: #fff;
        border: 1px solid #f2f2f2;
        z-index: 1;
    }
    .sidebar__price,
    .sidebar__callback {
        display: none;
    }

    .category__wrap {
        float: none;
        width: 100%;
    }
    .category__wrap .consult__form {
        padding: 30px 40px;
    }
    .category__wrap .consult__form input[type="text"],
    .category__wrap .consult__form input[type="tel"] {
        margin: 0 10px 0 0;
        max-width: 160px;
    }
    .category__wrap .consult__form input[type="text"]:first-child {
        max-width: 250px;
    }
    .category__wrap .consult__form input[type="submit"] {
        display: inline-block;
        margin: 0;
    }
    .category__wrap .consult__contacts span {
        display: inline;
        margin: 0;
    }
    .category__wrap .consult__agreement {
        margin: 10px 0 0;
    }

    .catalog__image {
        width: 180px;
    }
    .catalog__desc,
    .search__results .catalog__desc {
        width: 300px;
    }
    .search__results .catalog__right {
        width: 150px;
    }

    .product__image {
        float: none;
        margin: 0 0 30px;
        width: 100%;
        max-width: 480px;
    }
    .product__image.preloader {
        height: auto;
        max-height: 480px;
    }
    .product__desc {
        float: none;
        width: 100%;
        max-width: 320px;
        margin: 0 auto;
    }
    .product__price {
        float: left;
        margin: 0;
    }
    .product__stock {
        float: right;
    }
    .product__stock .product__title {
        display: block;
        margin: 0 0 5px;
    }
    .product__nav {
        float: left;
    }
    .product__zoom {
        float: right;
        margin: 5px 0 0;
        width: 170px;
    }
    .product__zoom:before {
        top: 5px;
    }

    .table__responsive td,
    .table__responsive th {
        position: relative;
        white-space: nowrap;
        overflow: hidden;
    }

    .footer__left {
        float: none;
        padding: 40px 0;
        width: 100%;
    }
    .footer__left:before {
        left: -100%;
        bottom: 0;
    }
    .footer__right {
        float: none;
        padding: 40px 0;
        width: 100%;
    }
    .footer__logo {
        display: inline-block;
        margin: -12px 20px 30px 0;
    }
    .footer__title {
        display: inline-block;
        margin: 0;
    }
    .footer__clock br {
        display: none;
    }
    .footer__phone {
        max-width: 450px;
    }
    .footer__callback {
        position: absolute;
        right: 0;
        top: 5px;
        margin: 0;
    }
    .footer__copyright {
        max-width: 450px;
    }
    .footer__left {
        padding: 40px 0;
    }
    .footer__left .price__text {
        font-size: 15px;
    }
    .footer__left .price__form ul li:nth-child(2) {
        float: left;
        margin: 0 40px 0 0;
    }
    .footer__left .price__form ul li:nth-child(3) {
        float: left;
        max-width: 180px;
    }
    .footer__left .price__required {
        display: inline-block;
        margin: 0 0 0 25px;
    }

}

@media (max-width: 767px) {
    .header__top {
        padding: 25px 0 20px;
        height: auto;
    }
    .header__search {
        margin: 0 0 0 116px;
    }
    .header__phone {
        float: none;
        margin: 0 0 20px;
    }
    .header__callback {
        float: none;
        margin: 0 0 20px;
    }

    .promo {
        max-width: 550px;
    }
    .promo__cell > .promo__table,
    .promo__cell > .promo__table > .promo__row {
        display: block;
    }

    .materials__list ul li {
        width: 50%;
    }

    .consult__form input[type="text"],
    .consult__form input[type="tel"] {
        display: block;
        margin: 0 0 10px;
        max-width: 220px;
    }
    .consult__form input[type="text"]:first-child {
        max-width: 310px;
    }
    .consult__form input[type="submit"] {
        display: block;
        margin: 15px 0 0;
    }
    .consult__agreement {
        margin: 15px 0 0;
    }

    .clients__item {
        padding: 0 15px;
    }

    .articles__list {
        margin: 0 0 40px;
    }
    .articles__list ul {
        margin: 0 -10px -30px;
    }
    .articles__list ul li {
        margin: 0 0 30px;
        padding: 0 10px;
    }
    .articles__image {
        height: 116px;
    }
    .articles__btn {
        position: relative;
        right: auto;
        top: auto;
    }

    .articles__menu ul li a {
        padding: 0 15px;
    }

    .article__info {
        padding: 18px 25px;
    }
    .articles__other .articles__btn {
        right: auto;
        top: auto;
    }

    .page404 {
        padding: 20px 0 0 0;
        min-height: 1px;
    }
    .page404:after {
        display: none;
    }
    .page404__menu {
        margin: 0 0 40px;
    }
    .page404__menu > ul > li {
        margin: 0 0 30px;
    }
    .page404__menu > ul > li:last-child {
        margin: 0;
    }
    .page404__back {
        margin: 0;
    }

    .contacts__list ul li {
        float: none;
        margin: 0 0 40px;
    }
    .contacts__list ul li:first-child {
        max-width: 500px;
    }
    .contacts__list ul li:last-child {
        margin: 0;
    }

    .service__list {
        max-width: 390px;
    }
    .service__list ul {
        margin: 0;
    }
    .service__list ul li {
        float: none;
        margin: 0 0 4px;
        padding: 0;
        width: 100%;
    }
    .service__list ul li:last-child {
        margin: 0;
    }
    .service__title {
        font-size: 22px;
        line-height: 28px;
    }

    .category__sidebar:after {
        right: -220px;
    }
    .category__wrap .consult__form input[type="text"],
    .category__wrap .consult__form input[type="tel"] {
        margin: 0 0 10px;
        max-width: 220px;
    }
    .category__wrap .consult__form input[type="text"]:first-child {
        margin: 0 0 10px;
        max-width: 310px;
    }
    .category__wrap .consult__form input[type="submit"] {
        display: block;
        margin: 15px 0 0;
    }
    .category__wrap .consult__contacts span {
        display: block;
        margin: 0 0 4px;
    }
    .category__wrap .consult__agreement {
        margin: 15px 0 0;
    }

    .catalog__right,
    .search__results .catalog__right {
        width: 180px;
    }
    .catalog__desc,
    .search__results .catalog__desc {
        float: none;
        padding: 20px 0 5px;
        width: 100%;
        clear: both;
    }

    .alignleft,
    .alignright {
        margin: 0 0 10px;
        float: none !important;
    }

    .footer__clock br {
        display: block;
    }
}

@media (max-width: 740px) {
    #success {
        padding: 0;
        max-width: 540px;
    }
    #success a.close-modal {
        right: 15px;
    }
    .modal__wrap {
        padding: 45px 60px;
    }
    .modal__wrap:before {
        display: none;
    }
}

@media (max-width: 650px) {
    .modal {
        padding: 30px 25px 34px;
        max-width: 470px;
    }
    .modal__headline {
        font-size: 26px;
        line-height: 26px;
    }
    .modal__subtitle {
        font-size: 18px;
        line-height: 20px;
    }
    #callback .modal__form ul {
        margin: 0 0 25px;
    }
    #callback .modal__form ul li:first-child {
        float: none;
        margin: 0 0 15px;
    }
    #callback .modal__form ul li:last-child {
        float: none;
        margin: 0;
    }
    #ask .modal__form ul li:nth-child(2) {
        float: none;
        margin: 0 0 15px;
    }
    #ask .modal__form ul li:nth-child(3) {
        float: none;
        margin: 0 0 15px;
    }
    .modal__agreement {
        float: none;
        margin: 0 0 25px;
    }
    .modal__form input[type="submit"] {
        float: none;
    }
    #callback:after {
        display: none;
    }
    #price {
        padding: 40px 25px 30px;
    }
    #price .price__title {
        margin: 0 0 15px;
        font-size: 20px;
        line-height: 26px;
    }
    #price .price__text {
        margin: 0 0 25px;
        font-size: 13px;
    }
    #price .price__form ul li:nth-child(2) {
        float: none;
        margin: 0 0 20px;
    }
    #price .price__form ul li:nth-child(3) {
        float: none;
        max-width: 240px;
    }
    #price .price__required {
        display: block;
        margin: 20px 0 0;
    }
}

@media (max-width: 620px) {
    .modal__wrap .modal__headline {
        font-size: 28px;
        line-height: 28px;
    }
}

@media (max-width: 575px) {
    .header__left {
        float: none;
        margin: 0;
    }
    .header__logo-mobile {
        margin: -10px 0 0;
    }
    .header__right {
        float: none;
        margin: 0 0 18px 80px;
    }
    .header__phone {
        margin: 0 0 15px;
    }
    .header__callback {
        margin: 0;
        width: 180px;
    }
    .header-callback__open {
        padding: 2px 0 0;
        height: 32px;
    }
    .header__search {
        width: 100%;
        margin: 0;
    }

    .promo {
        margin: 0 auto 40px;
    }
    .promo a.promo_first .promo__caption {
        max-width: 300px;
        font-size: 26px;
        line-height: 32px;
    }
    .promo a.promo_second .promo__caption,
    .promo a.promo_third .promo__caption {
        max-width: 240px;
        font-size: 18px;
        line-height: 24px;
    }

    .equipment {
        margin: 0 0 40px;
    }
    .equipment__headline {
        margin: 0 auto 30px;
        max-width: 180px;
        font-size: 18px;
        line-height: 24px;
    }
    .equipment__headline:before,
    .equipment__headline:after {
        width: 80px;
    }
    .equipment__headline:before {
        margin: -1px 0 0 -190px;
    }
    .equipment__headline:after {
        margin: -1px -190px 0 0;
    }
    .equipment__image {
        margin: 0 0 0 20px;
    }
    .equipment__image img {
        max-height: 70px;
    }
    .equipment__title {
        padding: 15px 20px;
        font-size: 14px;
        line-height: 20px;
    }
    .equipment__list li ul {
        padding: 14px 20px 20px;
    }

    .materials {
        margin: 0 0 40px;
    }
    .materials__headline {
        margin: 0 auto 30px;
        max-width: 180px;
        font-size: 18px;
        line-height: 24px;
    }
    .materials__headline:before,
    .materials__headline:after {
        width: 80px;
    }
    .materials__headline:before {
        margin: -1px 0 0 -190px;
    }
    .materials__headline:after {
        margin: -1px -190px 0 0;
    }
    .materials__list {
        margin: 0 auto;
        max-width: 380px;
    }
    .materials__list ul {
        margin: 0 -5px -20px;
    }
    .materials__list ul li {
        margin: 0 0 20px;
        padding: 0 5px;
    }
    .materials__image {
        margin: 0 0 15px;
        height: 80px;
        line-height: 80px;
    }
    .materials__image:before {
        height: 70px;
    }
    .materials__image img {
        max-height: 80px;
    }
    .materials__title {
        font-size: 11px;
        line-height: 17px;
    }

    .about {
        padding: 35px 0 40px;
    }
    .about__content h1 {
        margin: 0 0 25px;
        font-size: 20px;
        line-height: 26px;
    }
    .about__content p {
        margin: 0 0 15px;
        font-size: 13px;
        line-height: 19px;
    }
    .about__list ul li a {
        padding: 1px 15px 0;
        height: 34px;
    }

    .about-page__clients {
        margin: 0;
    }
    .about-page__wrap {
        margin: 0 0 40px;
    }
    .about-page__image {
        margin: 5px 0 25px;
    }
    .about-page__content .content p,
    .about-page__content .content li,
    .about-page__content .content th,
    .about-page__content .content td {
        line-height: 22px;
    }
    .about-page__content .content ul li:before {
        top: 11px;
    }
    .about-page__headline {
        margin: 0 0 25px;
        font-size: 18px;
        line-height: 24px;
    }
    .about-page__certificates {
        margin: 0 0 40px;
    }
    .about-page__certificates ul {
        margin: 0 -5px -10px;
    }
    .about-page__certificates ul li {
        margin: 0 0 10px;
        padding: 0 5px;
    }
    .about-page__certificates ul li span {
        margin: 10px 0;
        font-size: 11px;
        line-height: 15px;
    }
    .about-page__pluses {
        margin: 0 0 40px;
        padding: 30px 0 40px;
    }
    .consult__form {
        margin: 0 0 40px;
        padding: 20px 20px 25px;
    }
    .consult__title {
        margin: 0 0 20px;
        font-size: 18px;
        line-height: 24px;
    }
    .consult__title span {
        margin: 5px 0 0;
        font-size: 14px;
        line-height: 16px;
    }
    .consult__form form {
        margin: 0 0 15px;
    }
    .consult__form input[type="text"],
    .consult__form input[type="tel"] {
        height: 38px;
    }
    .consult__contacts {
        font-size: 14px;
        line-height: 20px;
    }
    .consult__contacts br {
        display: block;
    }

    .pluses {
        margin: 0 0 40px;
        padding: 40px 0;
    }
    .pluses__list {
        margin: 0 auto;
        max-width: 380px;
    }
    .pluses__list ul li:nth-child(odd) {
        width: 45%;
    }
    .pluses__list ul li:nth-child(even) {
        width: 55%;
    }
    .pluses__image {
        margin: 0 0 20px;
    }
    .pluses__title {
        margin: 0;
        font-size: 12px;
        line-height: 18px;
    }
    .pluses__text {
        display: none;
    }

    .clients {
        margin: 0 0 40px;
        padding: 0 0 30px;
    }
    .clients__top {
        margin: 0 0 25px;
    }
    .clients__item {
        max-width: 200px;
    }

    .articles {
        margin: 0 0 40px;
    }
    .articles__headline {
        font-size: 20px;
        line-height: 26px;
    }
    .articles__list {
        margin: 0 0 30px;
        max-width: 370px;
    }
    .articles__list ul {
        margin: 0;
    }
    .articles__list ul li {
        padding: 0;
        width: 100%;
    }
    .articles__list ul li:last-child {
        margin: 0;
        padding: 0;
    }
    .articles__image {
        height: 176px;
    }

    .articles__menu ul {
        margin: 10px 0 0;
    }
    .articles__menu ul li {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin: 0 0 5px;
    }
    .articles__menu ul li a {
        padding: 1px 25px 0;
    }

    .article__info {
        margin: 35px -15px 0;
        padding: 18px 15px;
    }
    .article__author,
    .article__date {
        float: none;
    }
    .article__author {
        margin: 0 0 5px;
    }
    .articles__other {
        margin: 20px -15px 0;
        padding: 30px 15px 0;
    }

    .page404 {
        padding: 0;
    }
    .page404__text {
        margin: 0 0 30px;
        font-size: 16px;
        line-height: 24px;
    }
    .page404__search {
        margin: 0 0 40px;
    }
    .page404__menu {
        margin: 0 0 35px;
    }

    .contacts__list {
        margin: 0 0 40px;
    }
    .contacts__list ul li,
    .contacts__list ul li:first-child {
        margin: 0 0 30px;
    }
    .contacts__map {
        margin: 0 -16px -30px;
    }

    .service__title {
        font-size: 18px;
        line-height: 24px;
    }

    .category__image {
        margin: 0 0 0 20px;
    }
    .category__image img {
        max-height: 70px;
    }
    .category__title {
        padding: 15px 20px;
        font-size: 14px;
        line-height: 20px;
    }
    .category__list li ul {
        padding: 14px 20px 20px;
    }

    .category__content {
        padding: 25px 0 0;
    }
    .category__pluses {
        margin: 40px 0 0;
        padding: 40px 0;
    }
    .category__articles {
        margin: 40px 0 0;
    }

    .category__sidebar {
        margin: 0 0 50px;
    }
    .category__sidebar:after {
        left: -15px;
        right: -100%;
    }

    .category__wrap .consult__form {
        padding: 20px 20px 25px;
    }
    .category__wrap .consult__form form {
        margin: 0 0 15px;
    }
    .category__page + .category__pluses,
    .category__page + .category__content + .category__pluses {
        margin: 40px 0 -45px;
    }
    .category__pluses + .category__service {
        margin: 80px 0 -10px;
    }
    .category__headline {
        font-size: 18px;
        line-height: 24px;
    }

    .catalog__image {
        margin: 0 10px 0 0;
        width: 140px;
    }
    .catalog__right,
    .search__results .catalog__right {
        width: 130px;
    }
    .catalog__price span {
        font-size: 12px;
        line-height: 16px;
    }
    .catalog__price .price__yes {
        font-size: 18px;
        line-height: 24px;
    }
    .catalog__title {
        margin: 0 0 12px;
        font-size: 18px;
        line-height: 24px;
    }
    .catalog__name {
        padding: 0;
        font-size: 22px;
        line-height: 28px;
    }
    .catalog__number {
        display: none;
    }
    .catalog__menu {
        display: block;
    }

    .product__nav {
        float: none;
    }
    .product__zoom {
        float: none;
        margin: 15px 0 0;
        width: 100%;
    }
    .product__zoom:before {
        top: 1px;
    }
    .product__price span {
        font-size: 24px;
        line-height: 24px;
    }
    .product__stock .product__title {
        display: block;
        margin: 0 0 5px;
    }
    .category__back a {
        padding: 0 0 0 20px;
        font-size: 14px;
        line-height: 20px;
    }
    .category__back a svg {
        font-size: 12px;
    }

    .page {
        padding: 0 0 50px;
    }
    .breadcrumbs {
        margin: 0 -15px 20px;
        padding: 12px 15px;
        font-size: 11px;
        line-height: 17px;
    }
    .breadcrumbs a:after {
        top: 7px;
    }
    h1.headline {
        margin: 0 0 20px;
        font-size: 26px;
        line-height: 32px;
    }
    h2.headline {
        font-size: 18px;
        line-height: 24px;
    }
    .content .image__table th,
    .content .image__table td {
        padding: 5px;
    }
    .content .image__caption {
        margin: -5px 0 0;
        font-size: 12px;
        line-height: 15px;
    }
    .content h1 {
        font-size: 26px;
        line-height: 32px;
    }
    .content h2 {
        font-size: 22px;
        line-height: 28px;
    }
    .content p,
    .content li,
    .content th,
    .content td {
        font-size: 14px;
    }
    .content ul li:before {
        top: 9px;
    }
    .pagination {
        padding: 25px 0 0;
    }
    .pagination ul li a {
        width: 36px;
        height: 36px;
    }

    .footer__right {
        padding: 25px 0 30px;
    }
    .footer__logo {
        display: none;
    }
    .footer__title {
        display: block;
        margin: 0 0 20px;
        width: 280px;
    }
    .footer__contacts {
        margin: 0 0 25px;
    }
    .footer__address span {
        margin: 0 0 8px;
    }
    .footer__address span br {
        display: block;
    }
    .footer__callback {
        position: relative;
        right: auto;
        top: auto;
        margin: 15px 0 0;
        width: 220px;
    }
    .footer__policy a {
        display: block;
        margin: 0 0 5px;
    }
    .footer__copyright {
        margin: 0 0 20px;
        max-width: 380px;
    }
    .footer__left {
        padding: 30px 0 30px;
    }
    .footer__left .price__title {
        margin: 0 0 15px;
        font-size: 20px;
        line-height: 26px;
    }
    .footer__left .price__text {
        margin: 0 0 25px;
        font-size: 14px;
    }
    .footer__left .price__form ul li:nth-child(2) {
        float: none;
        margin: 0 0 20px;
    }
    .footer__left .price__form ul li:nth-child(3) {
        float: none;
        max-width: 240px;
    }
    .footer__left .price__required {
        display: block;
        margin: 20px 0 0;
    }

    label {
        max-width: 100%;
    }
    label br {
        display: block;
    }
}

@media (max-width: 540px) {
    #success {
        max-width: 420px;
    }
    .modal__wrap {
        padding: 30px 25px 35px;
    }
    .modal__wrap .modal__headline {
        font-size: 22px;
        line-height: 22px;
    }
    .modal__wrap .modal__text p {
        font-size: 14px;
        line-height: 18px;
    }
    .modal__close {
        font-size: 14px;
        line-height: 24px;
    }
}

@media (max-width: 400px) {
    .articles__image {
        min-height: 138px;
        height: auto;
    }
}

/* hover */
@media (min-width: 992px) {
    .header__search input[type="submit"]:hover {
        background: none;
    }
    .header-callback__open:hover {
        border-color: #2ba3c2;
        color: #09667e;
    }
    .header-callback__block ul li:hover {
        background: #2ba3c2;
        color: #fff;
    }
    .header__menu > ul > li:not(.header__catalog):hover > a,
    .header__menu > ul > li:not(.header__catalog):hover > a > svg {
        color: #b4f0ff;
    }
    .header__menu > ul > li:not(.header__catalog):hover > a:after {
        opacity: 0;
    }
    .header__menu > ul > li:not(.header__catalog) > ul > li > a:hover {
        background: #e2eef0;
    }
    .header__menu > ul > li.blue > ul > li a:hover {
        color: #64dfff;
    }
    .header__menu > ul > li.green > ul > li a:hover {
        color: #1be4c5;
    }

    .promo a:hover:after {
        -webkit-animation: shine 0.9s;
        animation: shine 0.9s;
    }
    .promo a:hover img {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    @-webkit-keyframes shine {
        100% {
            left: 125%;
        }
    }
    @keyframes shine {
        100% {
            left: 125%;
        }
    }

    .equipment__list > ul > li:hover .equipment__image {
        -webkit-transform: translate(0, 20%);
        transform: translate(0, 20%);
    }
    .equipment__top:hover .equipment__title {
        background: #19839f;
    }
    .equipment__list li ul li a:hover {
        border-color: #9bc4d4;
        color: #008db2;
    }

    .materials__item:hover .materials__image:before {
        background: #6cc2b0;
    }
    .materials__item:hover .materials__title span {
        border-bottom-color: #acdad0;
        color: #2fb199;
    }

    .about__list ul li a:hover {
        background: #115c75;
        color: #fff;
    }

    .about-page__certificates ul li a:hover {
        border-color: #40bcdd;
    }
    .about-page__certificates ul li a:hover:before {
        opacity: 1;
    }
    .consult__form input[type="submit"]:hover {
        background: #188aa7;
    }
    .consult__agreement a:hover {
        border-bottom-color: rgba(10,148,175,0.2);
    }

    .articles__item:hover .articles__title span {
        border-bottom-color: #a7cbd7;
        color: #188dab;
    }
    .articles__btn:hover {
        background: #75c0d3;
        color: #fff;
    }

    .articles__menu > a:hover {
        border-color: #09667e;
        color: #09667e;
    }
    .articles__menu ul li.blue a:hover {
        background: #2489a2;
    }
    .articles__menu ul li.green a:hover {
        background: #1e9c89;
    }

    .page404__menu li ul li a:hover {
        border-bottom-color: #9ebfc9;
        color: #187b94;
    }
    .page404__back a:hover {
        color: #0187a9;
    }

    .contacts__email a:hover {
        border-bottom-color: transparent;
    }
    .contacts__callback:hover {
        background: #75c0d3;
        color: #fff;
    }

    .service__list ul li a:hover:after {
        -webkit-animation: shine 0.9s;
        animation: shine 0.9s;
    }

    .category__top:hover .category__image {
        -webkit-transform: translate(0, 20%);
        transform: translate(0, 20%);
    }
    .category__list.blue .category__top:hover .category__title {
        background: #19839f;
    }
    .category__list.green .category__top:hover .category__title {
        background: #109b86;
    }
    .category__list.blue li ul li a:hover {
        border-color: #9bc4d4;
        color: #008db2;
    }
    .category__list.green li ul li a:hover {
        border-color: #91b3ad;
        color: #296d61;
    }

    .category__sidebar.blue .sidebar__menu > ul > li > a:hover {
        background: #19839f;
        border-color: #19839f;
        color: #fff;
    }
    .category__sidebar.green .sidebar__menu > ul > li > a:hover {
        background: #10927e;
        border-color: #10927e;
        color: #fff;
    }
    .category__sidebar.blue .sidebar__menu > ul > li > ul li a:hover {
        border-color: #d6e7ed;
        color: #1a92b1;
    }
    .category__sidebar.green .sidebar__menu > ul > li > ul li a:hover {
        border-color: #d7ede9;
        color: #28b29d;
    }

    .sidebar-price__btn:hover {
        background: #1aa82b;
    }
    .sidebar-callback__open:hover {
        border-color: #2ba3c2;
        color: #09667e;
    }
    .sidebar-callback__block ul li:hover {
        background: #2ba3c2;
        color: #fff;
    }
    .blue .btn__checkout:hover,
    .product__wrap.blue .btn__add2cart:hover,
    .product__wrap.blue .product__btn span:hover {
        background: #188aa7;
    }
    .green .btn__checkout:hover,	
    .product__wrap.green .btn__add2cart:hover,	
    .product__wrap.green .product__btn span:hover {
        background: #149884;
    }
    .category__back.blue a:hover {
        color: #2da7c7;
    }
    .category__back.green a:hover {
        color: #28b29d;
    }

    .catalog.blue .catalog__title a:hover,
    .catalog__list.blue .catalog__title a:hover {
        border-bottom-color: #75b7cb;
        color: #2b9bb8;
    }
    .catalog.green .catalog__title a:hover,
    .catalog__list.green .catalog__title a:hover {
        border-bottom-color: #6bb1a3;
        color: #10927e;
    }
    .catalog.blue .catalog__name a:hover {
        border-bottom-color: #12748e;
        color: #12748e;
    }
    .catalog.green .catalog__name a:hover {
        border-bottom-color: #10927e;
        color: #10927e;
    }

    .breadcrumbs a:hover {
        color: #0d667d;
    }
    .content a:hover {
        border-bottom-color: transparent;
    }

    .footer__callback:hover {
        background: #fff;
        border-color: #2ba8c8;
        color: #327a8d;
    }
    .footer__email a:hover {
        border-color: #a2cedd;
        color: #1ca0c3;
    }
    .footer__policy a:hover {
        color: #177f99;
    }
    .footer__kefirok a:hover {
        color: #1ca0c3;
    }

    .modal__agreement a:hover {
        border-bottom-color: rgba(10,148,175,0.2);
    }
    #callback .modal__form input[type="submit"]:hover {
        background: #13b199;
    }

    input[type="submit"]:hover {
        background: #1696b7;
    }
    label a:hover {
        border-color: rgba(149,233,255,0.5);
    }
}

/* safari */
.safari .articles__menu > a {
    padding: 9px 0 10px;
}
.safari .articles__menu > span {
    padding: 10px 0 9px;
}
.safari .article__category {
    padding: 9px 20px 10px;
}
.safari .category__title {
    padding-top: 21px;
    padding-bottom: 20px;
}
.safari .consult__form input[type="submit"] {
    padding: 0;
}
.safari .btn__add2cart,
.safari .product__btn span {
    padding: 0 0 1px;
}
.safari .category__back a svg {
    top: 4px;
}
.safari .consult__form input[type="submit"] {
    padding: 0;
}
.safari .sidebar__menu > ul > li > a {
    padding-top: 14px;
    padding-bottom: 12px;
}
.safari .catalog__menu > ul > li > a {
    padding-top: 14px;
    padding-bottom: 12px;
}
.safari .sidebar__open i {
    top: -2px;
}
.safari .sidebar__open svg {
    top: 10px;
}
.safari .footer__address svg,
.safari .footer__phone svg {
    top: 5px;
}
.safari .product__stock .product__yes,
.safari .product__stock .product__no {
    padding: 0 12px;
}
.safari .sidebar__menu > ul > li > ul li.active a:before {
    top: -1px;
}
.safari .price__form input[type="email"],
.safari .price__form input[type="tel"],
.safari .price__form input[type="text"] {
    padding: 2px 15px 0;
}
.safari .modal__form input[type="submit"] {
    padding: 0;
}

@media (max-width: 991px) {
    .safari .header__menu > ul > li.header__catalog > a,
    .safari .header__menu > ul > li > a {
        padding: 16px 25px;
    }
    .safari .header__menu > ul > li.header__catalog > ul > li > a {
        padding: 8px 25px 6px;
    }
    .safari .header__menu > ul > li.header__catalog a svg {
        top: 12px;
    }
    .safari .header__menu > ul > li.header__catalog > a > svg {
        top: 20px;
    }
}

@media (max-width: 575px) {
    .safari .category__title {
        padding-top: 16px;
        padding-bottom: 14px;
    }
}

/* other */
@media (min-width: 768px) {
    .page404__menu > ul {
        counter-reset: li;
        -webkit-columns: 2;
        columns: 2;

        -webkit-column-gap: 35px;
        column-gap: 35px;
        overflow: hidden;
    }
    .page404__menu > ul > li {
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
        overflow: hidden;
    }
}

@media (min-width: 992px) {
    .header__menu > ul > li.blue > ul {
        counter-reset: li;
        -webkit-columns: 3;
        columns: 3;
    }
    .header__menu > ul > li.green > ul {
        counter-reset: li;
    }

    .equipment__list > ul {
        counter-reset: li;
        -webkit-columns: 3;
        columns: 3;
        -webkit-column-gap: 15px;
        column-gap: 15px;
    }
    .equipment__list > ul > li {
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
    }

    .category__list > ul {
        counter-reset: li;
        -webkit-columns: 3;
        columns: 3;
        -webkit-column-gap: 15px;
        column-gap: 15px;
    }
    .category__list > ul > li {
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
    }

    .sidebar__menu > ul {
        display: block !important;
    }
}

@media (min-width: 1050px) {
    .container {
        max-width: 1030px;
    }

    .header__menu > ul > li.green > ul {
        -webkit-columns: 4;
        columns: 4;
    }

    .equipment__list > ul {
        -webkit-column-gap: 20px;
        column-gap: 20px;
    }

    .category__list > ul {
        -webkit-column-gap: 20px;
        column-gap: 20px;
    }
}

@media (min-width: 1230px) {
    .container {
        max-width: 1210px;
    }

    .header__menu > ul > li.green > ul {
        -webkit-columns: 5;
        columns: 5;
    }

    .page404__menu > ul {
        -webkit-column-gap: 40px;
        column-gap: 40px;
    }
}