/* Base styles for large screens (PC first) */

/* Large desktops */
@media (max-width: 1920px) {
  
}

/* Desktops */
@media (max-width: 1440px) {
    nav.nav.header__nav ul li a {
        padding: 11px 20px;
    }
    .header__actions button {
        padding: 12px 25px;
    }
    .header__actions {
        margin-left: 20px;
    }
    section.order input.form__input {
        width: 36%;
    }
    form.form.order__form {
        flex-wrap: wrap;
        max-width: 300px;
    }
    section.order input.form__input {
        width: 100%;
    }
    section.order .button.black {
        width: 100%;
    }
    .footer__top {
        flex-wrap: wrap;
    }
    .footer__col:nth-child(1) {
        width: 50%;
    }
    .footer__col:nth-child(2),
    .footer__col:nth-child(3)  {
        width: 25%;
    }
    .footer__col:nth-child(4) {
        margin-top: 30px;
        width: 100%;
        text-align: center;

    }
    p.footer__subtext {
        text-align: center;
    }
    .footer__button--wrap,
    .footer__socials.socials {
        justify-content: center;
    }
    p.company-story__lead,
    h2.company-story__title,
    h2.catalogs-section__title {
        font-size: 30px;
    }
    .development-plans__grid .features__item {
        flex: 1 1 calc(50% - 20px);
    }
    section.collection-promo {
        background-position: center;
    }
    h1.wholesale-section__title {
        width: 100%;
    }
    p.wholesale-section__description {
        width: 100%;
        max-width: 100%;
        text-align: left;
        margin-left: 0;
        padding-top: 42px;

    }
    .retail-section__grid {
        flex-wrap: wrap;
    }
    article.retail-section__card {
        flex: 0 0 100%;
    }
    .wholesale-section__banner {
        flex-wrap: wrap;
    }
    .order-banner__info {
        width: 100%;
    }
    form.order-banner__form {
        width: 100%;
    }
    .order-banner__info {
        text-align: center;
    }
    p.order-banner__subtitle {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .principles__left {
        padding-right: 20px;
    }
    p.footer__question {
        text-align: center;
    }
    section.collection-promo {
        background-position: right;
    }
}
@media (max-width: 1280px) {
    .color-solutions__grid article.product-card {
        flex: 1 1 calc(50% - 20px);
    }
    .product-card__info {
        width: 50%;
    }
    .product-card__visual {
        width: 50%;
        max-width: auto;
    }
}
/* Medium desktops */
@media (max-width: 1024px) {
    button#menu-open {
        display: block;
    }
    a.header__logo {
        position: relative;
        left: 0;
        right: 0;
        margin: auto;
    }
    .nav.nav.header__nav {
        display: none;
    }
    .header__actions {
        display: none;
    }
    .about__container {
        flex-wrap: wrap;
    }
    .about__content {
        width: 100%;
    }
    .about__features.features {
        margin-top: 30px;
        width: 100%;
    }
    .principles__right .tabs__header {
        width: 100%;
        overflow-x: auto;
    }
    h2.about__title,
    h1.about-hero__title,
    h1.collection-promo__title,
    h2.collection-promo2__title,
    h1.wholesale-section__title,
    h2.order__title,
    h1.constructor-hero__title,
    h2.sublimation-info__title,
    h2.color-cta__title,
    h1.contact-details__title,
    .page-content__title,
    h2.color-solutions__title {
        font-size: 34px;
    }
    h2.gallery__title,
    h2.order-banner__title,
    h2.principles__heading,
    h2.retail-section__title,
    h2.social-networks__title {
        font-size: 30px;
    }
    p.about-hero__subtitle {
        max-width: 500px;
        margin: 15px auto 0;
    }
    .gallery__header {
        flex-wrap: wrap;
    }
    h2.gallery__title,
    .gallery__desc {
        width: 100%;
        flex: none;
    }
    .gallery__desctext {
        text-align: left;
    }
    .gallery__nav {
        justify-content: flex-start;
    }
    .principles__left,
    .principles__right {
        width: 100%;
    }
    .principles__right .tabs__header {
        margin-top: 30px
    }
    .tabs__content {
        margin-top: 15px;
        padding: 30px;
    }
    section.order {
        background-size: cover;
        position: relative;
    }
    section.order:before {
        content: '';
        background: #000;
        opacity: 0.5;
        position: absolute;
        left: 0; right: 0; top: 0; bottom: 0;
        width: 100%;
        height: 100%;
    }
    .order__container {
        z-index: 1;
        position: relative;
    }
    .order__form-wrapper {
        margin: auto;
        width: 100%;
    }
    p.order__subtitle {
        margin: 25px 0 20px;
    }
    form.form.order__form {
        margin: 25px 0;
    }
    .principles__container {
        flex-wrap: wrap;
    }
    h2.company-story__title
     {
        width: 100%;
    }
    .company-story__desc {
        width: 100%;
        text-align: left;
        padding-top: 20px;
    }
    .company-story__content {
        flex-wrap: wrap;
    }
    .company-story__accordion {
        width: 100%;
        order: 2;
        flex: none;
    }
    .company-story__visual {
        flex: none;
        width: 100%;
        text-align: center;
    }
    .company-story__visual img {
        display: block;
        margin: auto;
        border-radius: 40px;
        overflow: hidden;
    }
    .partners-slider__header {
        flex-wrap: wrap;
    }
    h2.partners-slider__title {
        width: 100%;
    }
    .partners-slider__desc,
    h2.catalogs-section__title,
    h2.retail-section__title,
    .color-solutions__header-left {
        width: 100%;
    }
    .partners-slider__desctext,
    p.catalogs-section__description,
    p.retail-section__description,
    .color-solutions__header-right {
        text-align: left;
        padding-top: 42px;
        margin-left: 0;
    }
    p.color-solutions__description {
        text-align: left;
    }
    article.catalogs-grid__item {
        flex: 1 1 100%;
        max-width: 100%;
    }
    .collection-promo2__inner-right {
        margin-left: 0;
    }
    .collection-promo2-bg:after {
        border-radius: 40px;
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    input.b2b-form__input {
        flex: 1 1 100%;
    }
    p.b2b-form__policy {
        text-align: center;
    }
    .sublimation-info__content {
        width: 100%;
        padding-right: 0;
    }
    .sublimation-info__features {
        width: 100%;
        margin-top: 30px;
    }
    input.color-form__input {
        max-width: 100%;
        flex: 1 1 100%;
    }
    button.color-form__submit {
        flex: 1 1 100%;
    }
    .contact-details__content {
        flex-wrap: wrap;
    }
    .contact-details__info.contact-info {
        flex: 1 1 100%;
    }
    .contact-details__visual {
        flex: 1 1 100%;
        text-align: center;
        margin-top: 30px;
    }
    .card.gallery__card:hover .card__overlay {
        padding: 41px 20px 20px 20px;
    }
    .card.gallery__card:hover .card__overlay .card__text{
        max-height: 70%;
        overflow-y: auto;
    }
    section.collection-promo {
        background-position: center;
    }

}

/* Tablets landscape */
@media (max-width: 768px) {
    .hero__slide::before  {
        display: block;
    }
    .features__item {
        padding: 30px 10px 10px 19px;
    }
    .footer__col:nth-child(1) {
        width: 100%;
    }
    .footer__col:nth-child(2),
    .footer__col:nth-child(3)  {
        width: 100%;
    }
    p.footer__copyright {
        margin-top: 10px;
    }
    .footer__col:nth-child(2) {
        margin-top: 30px;
    }
    .story-accordion__item {
        margin: 0px 20px 30px;
    }
    .partners-slider__wrapper {
        padding: 80px 20px;
    }
    .wholesale-section__banner {
        padding: 101px 20px;
    }
    .retail-section__wrapper {
        padding: 60px 20px;
    }
    .color-cta__inner {
        padding: 60px 20px;
    }
    .footer__col:nth-child(2),
    .footer__col:nth-child(3) {
        display: none;
    }
    .footer__watermark {
        margin-top: 36px;
    }
    .contact-info__card {
        margin: 0px 20px 30px;
    }
    .social-networks__box {
        padding: 103px 20px;
    }
    .hero__slide {
        background-position: right;
    }
    .card__overlay {
        display: none;
    }
    .color-solutions__grid article.product-card {
        flex: 1 1 100% !important;

    }
}

/* Tablets portrait */
@media (max-width: 600px) {
    span.features__number {
        font-size: 38px;
    }
    .gallery__grid .gallery__card {
        background-position: center center;
    }
    .tabs__content {
        margin-top: 15px;
        padding: 30px 15px;
    }
    .story-accordion__body {
        padding: 0px 15px 60px;
    }
    h3.story-accordion__title {
        padding: 50px 15px;
    }
    button.story-accordion__icon {
        margin-right: 22px;
    }
    h3.story-accordion__title {
        font-size: 18px;
    }
    .button .button__text {
        padding: 5px 20px;
    }
    .contact-info__label {
        padding: 43px 20px;
    }
    p.contact-info__value {
        padding: 0px 20px 38px;
    }
    span.card__arrow {
        display: none;
    }
    .color-solutions__grid article.product-card{
        padding: 10px 15px 10px 15px !important;
    }

}

/* Mobile phones */
@media (max-width: 480px) {
    .hero__title,
    h2.about__title,
    h2.gallery__title,
    h2.principles__heading,
    h2.order__title,
    h1.about-hero__title,
    h1.constructor-hero__title {
        font-size: 25px;
    }
    .about__features.features {
        gap: 10px;
    }
    a.social-networks__btn {
        justify-content: flex-start;
        padding: 26px 30px;
        width: 100%
    }
}

/* Small mobile phones */
@media (max-width: 360px) {
  
}