@media screen and (min-width:993px) {
    .category-card:nth-child(odd) {
        padding-right: 29px
    }
    .category-card:nth-child(even) {
        padding-left: 29px
    }
    .category-card:nth-last-child(1),
    .category-card:nth-last-child(2) {
        padding-bottom: 0;
        border-bottom: none
    }
    .how-work__grid {
        position: relative
    }
    .how-work__grid:after {
        content: '';
        position: absolute;
        top: 100%;
        right: 122px;
        width: 14px;
        height: 23px;
        margin-top: -7px;
        background-image: url(/wp-content/themes/printex/img/line_arrow2.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: center
    }
    .how-work .step-item:last-child .step-item__top:before {
        display: none
    }
    .how-work__grid2 {
        width: calc(100% + 40px)
    }
    .how-work__grid2 .step-item {
        width: calc(20% - 40px);
        margin: 0 40px 0 0
    }
    .how-work__grid2 .step-item__top:before {
        background-size: 100% auto;
        background-image: url(/wp-content/themes/printex/img/line_arrow3.png);
        width: 32px;
        left: unset;
        right: 100%;
        margin-right: 4px
    }
}

.step-item {
    width: calc(25% - 95px);
    margin: 0 95px 0 0;
    text-align: center
}

.step-item__top {
    border: 1px dashed #3b3663;
    min-height: 60px;
    padding: 5px;
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.step-item__top:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    margin-left: 6px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 83px;
    height: 15px;
    background-image: url(/wp-content/themes/printex/img/line_arrow.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: right top
}

.step-item__inner {
    background-color: #ec2451;
    background-image: -o-linear-gradient(348deg, #ffb15a 7%, #ffa540 93%);
    background-image: linear-gradient(102deg, #ffb15a 7%, #ffa540 93%);
    color: #fff;
    border-radius: 24.5px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 14px;
    font-size: 17px
}

.step-item__inner span {
    letter-spacing: .01em
}

.step-item__inner img {
    width: 43px;
    margin-right: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.step-item__desc {
    font-size: 14px;
    line-height: 105%;
    margin-top: 8px;
    padding: 0 15px
}

@media screen and (max-width:1400px) {
    .awards__grid {
        grid-template-columns: repeat(5, calc(20% - 80px / 5));
        gap: 40px 20px
    }
    .award-card__icon {
        width: 75px;
        height: 75px;
        margin-right: 10px
    }
    .award-card__title {
        font-size: 18px
    }
    .header__inner:before {
        margin-right: -144px
    }
    .header__logo {
        width: 110px;
        margin-right: 40px
    }
    .header-info__icon {
        margin-right: 7px;
        width: 40px;
        height: 40px
    }
    .header-info__icon img {
        max-width: 22px;
        max-height: 22px
    }
    .nav__link {
        font-size: 12px
    }
}

@media screen and (max-width:1200px) {
    .catalog-item__inner {
        grid-template-columns: 400px calc(100% - 430px);
        gap: 30px
    }
    .gallery__small .swiper-slide {
        width: calc(100% / 3)
    }
    .catalog-info {
        padding: 14px;
        border-radius: 10px
    }
    .catalog-info .tab-content {
        padding: 14px
    }
    .services-slider .swiper-slide {
        width: calc(100% / 3)
    }
    .qa-card__hidden {
        padding-left: 20px;
        padding-right: 20px
    }
    .services-page__grid {
        grid-template-columns: repeat(3, calc(100% / 3 - 32px / 3))
    }
    .site-item {
        margin-right: 20px
    }
    .portfolio__grid {
        grid-template-columns: repeat(3, calc(100% / 3 - 16px))
    }
    .team__grid {
        grid-template-columns: repeat(2, calc(50% - 8px));
        gap: 16px
    }
    .team-card {
        grid-template-columns: 150px calc(100% - 160px);
        gap: 10px
    }
    .certificates__grid {
        grid-template-columns: repeat(3, calc(100% / 3 - 16px));
        gap: 24px;
        margin-top: 40px
    }
    .contacts__col {
        padding-left: 20px;
        padding-right: 20px
    }
    .map {
        margin-top: 40px
    }
    .about-gallery {
        grid-template-columns: repeat(3, calc(100% / 3 - 40px / 3));
        gap: 20px
    }
    .main-slider .swiper-button {
        width: 40px;
        height: 40px
    }
    .main-slider .swiper-button img {
        width: 20px
    }
    .main-slider .swiper-button-prev {
        left: 10px
    }
    .main-slider .swiper-button-next {
        right: 10px
    }
    .main-banner {
        padding: 30px 60px
    }
    .advantages__grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: unset;
        width: calc(100% + 10px)
    }
    .advantage-card {
        width: calc(100% / 3 - 10px);
        margin: 10px 10px 0 0
    }
    .awards {
        overflow: hidden
    }
    .awards__grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: unset;
        width: calc(100% + 20px);
        margin-top: 0
    }
    .award-card {
        width: calc(25% - 20px);
        margin: 40px 20px 0 0
    }
    .how-work__grid {
        width: calc(100% + 40px)
    }
    .step-item {
        width: calc(25% - 40px);
        margin: 0 40px 0 0
    }
    .step-item__top:before {
        width: 32px;
        margin-left: 4px
    }
    .step-item__desc {
        padding: 0
    }
    .footer__col2 {
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset
    }
    .footer-nav {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        max-width: unset
    }
    .footer-nav li {
        margin-bottom: 10px
    }
    .feedback {
        height: 44px;
        padding-left: 10px;
        border-radius: 22px
    }
    .feedback__btn {
        border-radius: 22px;
        height: 44px;
        padding: 0 10px;
        margin-left: 10px
    }
    .feedback__btn span {
        font-size: 12px
    }
    .feedback__phone {
        font-size: 13px
    }
    .header-info__text {
        font-size: 12px
    }
}

@media screen and (max-width:1100px) {
    .nav {
        padding: 0 10px
    }
    .nav__link {
        font-size: 11px
    }
}

@media screen and (max-width:992px) {
    .catalog-item {
        overflow: hidden
    }
    .catalog-item__inner {
        grid-template-columns: 100%
    }
    .gallery__small {
        display: none
    }
    .gallery__big .swiper {
        overflow: unset
    }
    .gallery__big .swiper-slide {
        padding-right: 10px;
        width: 300px
    }
    .services-slider .swiper-slide {
        width: 50%
    }
    .services-page__text,
    .text35 {
        font-size: 28px
    }
    .page-block {
        padding: 30px 0 60px
    }
    .faq__grid {
        grid-template-columns: 100%;
        margin-top: 25px
    }
    .faq__desc {
        margin-top: 10px
    }
    .services-page__grid {
        margin-top: 25px;
        grid-template-columns: repeat(2, calc(50% - 8px))
    }
    .services-page__text {
        margin-top: 40px
    }
    .consult {
        border-radius: 16px;
        margin-top: 40px
    }
    .consult__col1,
    .consult__col2 {
        padding: 40px
    }
    .reviews__inner {
        padding: 30px 0 60px
    }
    .reviews__items {
        margin-top: 16px;
        width: calc(100% + 16px);
        max-width: unset
    }
    .reviews__img {
        display: none
    }
    .site-item {
        margin-right: 16px;
        width: calc(100% / 3 - 16px)
    }
    .portfolio__grid {
        margin-top: 25px;
        grid-template-columns: repeat(2, calc(50% - 6px));
        gap: 12px
    }
    .team__grid {
        grid-template-columns: 100%
    }
    .certificate-card {
        padding: 15px
    }
    .contacts__grid {
        display: grid;
        grid-template-columns: 100%;
        gap: 20px;
        margin-top: 30px
    }
    .contacts__col {
        padding: 0!important;
        max-width: 100%!important;
        min-height: unset
    }
    .contacts__col:not(:last-child) {
        border-bottom: 1px solid #ccc;
        padding-bottom: 20px!important
    }
    .contacts__col:after {
        display: none
    }
    .contacts-item:not(:last-child) {
        margin: 0 0 25px
    }
    .contacts-item__desc {
        min-height: unset
    }
    .map {
        height: 350px
    }
    .about-gallery {
        margin-top: 25px
    }
    .about__text {
        margin-top: 30px
    }
    .review-card {
        grid-template-columns: 100%;
        gap: 20px
    }
    .review-card__left {
        padding-right: 0
    }
    .review-card__right {
        padding: 20px 0 0;
        border-left: none;
        border-top: 1px solid #bebebe
    }
    .main {
        padding: 0 0 20px
    }
    .main-banner {
        padding: 30px 60px
    }
    .print-card {
        width: 33%
    }
    .order {
        padding: 30px 0
    }
    .order__fields {
        grid-template-columns: 100%;
        gap: 8px
    }
    .order__nav {
        margin-top: 12px
    }
    .order__btn {
        width: 100%
    }
    .advantages {
        padding: 40px 0 20px
    }
    .advantages__grid {
        margin-top: 20px;
        grid-template-columns: repeat(2, calc(50% - 5px))
    }
    .advantage-card {
        width: calc(50% - 10px)
    }
    .works {
        padding: 20px 0 40px
    }
    .works-slider {
        margin-top: 20px
    }
    .works-slider .swiper-nav {
        margin-bottom: 27px
    }
    .work-card {
        padding: 12px
    }
    .categories {
        padding: 30px 0
    }
    .categories__grid {
        grid-template-columns: 100%;
        gap: 20px
    }
    .category-card {
        padding-bottom: 20px
    }
    .category-card:last-child {
        padding-bottom: 0;
        border-bottom: none
    }
    .awards {
        padding: 25px 0
    }
    .award-card {
        width: calc(100% / 3 - 20px);
        margin-top: 35px
    }
    .how-work {
        padding: 20px 0 40px
    }
    .how-work__grid {
        width: 100%;
        display: block;
        margin-top: 25px
    }
    .how-work__grid2 {
        display: block
    }
    .how-work__grid2 .step-item:last-child {
        margin-bottom: 0
    }
    .how-work__grid2 .step-item:last-child:after {
        display: none
    }
    .step-item {
        margin: 0 0 20px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .step-item:after {
        content: '';
        display: block;
        top: 100%;
        right: 122px;
        width: 14px;
        height: 23px;
        margin: 10px auto 0;
        background-image: url(/wp-content/themes/printex/img/line_arrow2.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: center
    }
    .step-item__top {
        min-width: 60%
    }
    .step-item__top:before {
        display: none
    }
    .footer__top {
        display: grid;
        grid-template-columns: repeat(2, calc(50% - 16px));
        gap: 32px
    }
    .footer__col {
        margin: 0
    }
    .footer__col3 {
        grid-column: 1/-1;
        display: grid;
        grid-template-columns: repeat(2, calc(50% - 16px));
        gap: 32px
    }
    .footer__bottom {
        display: block;
        margin-top: 30px
    }
    .footer__by {
        margin-top: 20px
    }
    .footer-socials {
        margin: 0;
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset
    }
    .header {
        padding-bottom: 0;
        margin-bottom: 20px
    }
    .header._open .menu {
        opacity: 1;
        pointer-events: unset
    }
    .header._open .burger ._view1 {
        opacity: 0
    }
    .header._open .burger ._view2 {
        opacity: 1
    }
    .header__inner:before {
        height: 100%;
        margin-right: -170px
    }
    .menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: calc(100 * var(--vh));
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        padding: 30px 16px 16px;
        background-color: #363636;
        color: #fff;
        overflow-y: auto;
        overflow-x: hidden;
        z-index: 20
    }
    .nav {
        position: static;
        background-color: transparent;
        -webkit-box-shadow: unset;
        box-shadow: unset;
        padding: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        min-height: unset
    }
    .nav__link {
        margin: 0 0 20px;
        font-size: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .nav__link span {
        display: block
    }
    .nav__link img {
        margin-right: 10px
    }
    .burger {
        border-radius: 50%;
        z-index: 21;
        width: 40px;
        height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative
    }
    .burger img {
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 25px
    }
    .burger ._view2 {
        opacity: 0
    }
    .header-info {
        margin: 0 0 20px
    }
    .header-info__text {
        color: #fff;
        font-size: 14px
    }
    .feedback {
        width: 100%;
        padding-left: 20px
    }
    .feedback__btn {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-left: 20px;
        margin-right: -1px
    }
    .scroll-up {
        width: 40px;
        height: 40px;
        right: 15px;
        bottom: 25px
    }
    .scroll-up img {
        width: 20px
    }
}

@media screen and (max-width:768px) {
    .services-page__grid {
        grid-template-columns: 100%
    }
    .catalog-info {
        border-radius: 0;
        padding: 10px
    }
    .catalog-info .tabs {
        width: calc(100% + 20px);
        margin-left: -10px;
        padding: 0 10px;
        overflow-x: auto
    }
    .catalog-info .tabs::-webkit-scrollbar {
        width: 0;
        height: 0
    }
    .catalog-info .tab {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
    .consult {
        grid-template-columns: 100%
    }
    .consult__check,
    .consult__desc {
        max-width: 100%
    }
    .site-item {
        width: calc(50% - 16px)
    }
    .certificates__grid {
        grid-template-columns: repeat(2, calc(50% - 12px))
    }
    .order-form {
        padding: 20px 15px 0
    }
    .order-form__field {
        grid-template-columns: 100%
    }
    .order-form__field .order-form__title,
    .order-form__field label {
        padding: 0;
        text-align: left
    }
    .order-form__count {
        display: block
    }
    .order-form__count-text {
        margin: 8px 0 0
    }
    .review-card {
        padding: 20px
    }
    .print {
        padding: 20px 0
    }
    .print-card {
        margin-top: 25px;
        width: 50%;
        padding: 0 15px
    }
    .print-card__img {
        width: 130px;
        height: 130px;
        padding: 10px
    }
    .print-card__link {
        bottom: 0
    }
    .print-card__title {
        font-size: 14px
    }
    .file-input2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }
    .file-input2__btn {
        margin: 0 0 10px;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
    .file-input2__title {
        font-size: 12px
    }
    .award-card {
        width: calc(50% - 20px)
    }
    .footer__col3 {
        grid-template-columns: 100%
    }
    .footer__info {
        min-width: auto
    }
    .footer-subscribe {
        width: 100%
    }
}

@media screen and (max-width:576px) {
    .m-text h3,
    .text35 {
        font-size: 28px
    }
    .gallery__big .swiper-slide {
        max-width: 250px;
        width: 80%
    }
    .services__title {
        font-size: 28px
    }
    .services-slider .swiper-slide {
        width: 100%
    }
    .consult {
        grid-template-columns: 100%
    }
    .consult__col1,
    .consult__col2 {
        padding: 30px 20px
    }
    .consult-form__fields {
        margin-top: 25px;
        gap: 20px
    }
    .consult-form__btn {
        margin-top: 25px
    }
    .site-item {
        width: calc(100% - 16px)
    }
    .portfolio-modal__desc {
        padding: 8px 15px
    }
    .portfolio__grid {
        grid-template-columns: 100%
    }
    .team-card {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        grid-template-columns: 120px calc(100% - 130px)
    }
    .team-card__name {
        font-size: 20px
    }
    .team-card__desc,
    .team-card__prof {
        font-size: 14px
    }
    .certificates__grid {
        margin-top: 20px;
        grid-template-columns: repeat(2, calc(50% - 6px));
        gap: 12px
    }
    .certificate-card {
        padding: 5px
    }
    .about-gallery {
        grid-template-columns: 100%;
        gap: 12px
    }
    .gallery-item._big {
        grid-column: unset;
        grid-row: unset
    }
    .file-input {
        padding: 8px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .file-input__hint {
        margin: 8px 0 0
    }
    .call-form {
        padding: 20px 15px 0
    }
    .review-card__top {
        display: block
    }
    .review-card .rating-block {
        margin: 10px 0 0
    }
    .main {
        overflow: hidden;
        padding-bottom: 50px
    }
    .main .container {
        padding: 0
    }
    .main-slider {
        overflow: unset
    }
    .main-slider .swiper-button {
        top: 100%;
        margin: 5px 0 0
    }
    .main-slider .swiper-button.swiper-button-disabled {
        background: gray
    }
    .main-slider .swiper-button-prev {
        left: 50%;
        -webkit-transform: translateX(-110%);
        -ms-transform: translateX(-110%);
        transform: translateX(-110%)
    }
    .main-slider .swiper-button-next {
        right: 50%;
        -webkit-transform: translateX(110%);
        -ms-transform: translateX(110%);
        transform: translateX(110%)
    }
    .main-banner {
        padding: 25px 16px;
        min-height: 450px
    }
    .main-banner:after {
        border-radius: 10px
    }
    .main-banner__title {
        font-size: 28px
    }
    .main-banner__desc {
        font-size: 14px
    }
    .main-banner__img img {
        border-radius: 10px
    }
    .order__title,
    .print__title {
        font-size: 20px
    }
    .print-card {
        padding: 0 5px
    }
    .print-card__title {
        font-size: 12px
    }
    .order__desc {
        font-size: 14px
    }
    .order__fields {
        margin-top: 20px
    }
    .advantages__grid {
        grid-template-columns: 100%
    }
    .advantage-card {
        width: calc(100% - 10px)
    }
    .works {
        overflow: hidden
    }
    .works-slider .swiper-container {
        overflow: unset
    }
    .award-card {
        width: calc(100% - 20px)
    }
    .step-item__top {
        width: 100%
    }
    .footer__top {
        grid-template-columns: 100%
    }
    .footer-subscribe {
        display: grid;
        grid-template-columns: 100%;
        gap: 10px
    }
    .footer-subscribe__btn {
        position: static;
        width: 100%
    }
    .footer-subscribe__field input {
        padding-right: 20px
    }
    .footer-socials {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .footer-socials__title {
        width: 100%;
        margin: 0 0 10px
    }
    .footer-socials__item {
        margin: 0 10px 0 0
    }
}