@media only screen and (max-width: 1740px) {
    .swiper-info-text picture {
        width: 120%;
    }
}

/* @media only screen and (max-width: 1400px) {
    .swiper-mainslide-container{
        height: unset;
    }
    .hero-swiper{
        height: unset;
    }

    .swiper-content {
        flex-wrap: wrap;
        gap: 20px;
        padding: 150px 60px;
    }
    .welcome-text, .main-image-container {
        flex: 1;
        min-width: 45%;
    }

    .welcome-text{
        padding: 0;
        max-width: unset;
        height: 80%;
        align-items: unset;
    }
    .main-image-container{
        height: 80%;
    }
    .welcome-text p {
        max-width: 54ch;
    }
    .brands-link{
        margin-top: 2rem;
        position: unset;
        text-align: center;
    }
    .welcome-text p{
        padding: 3rem;
        padding-top: 7rem;
    }

    .swiper-info-text{
        align-items: flex-end;
        margin-top: 4rem;
        padding: 0;
    }
    .swiper-info-text picture{
        position: absolute;
        display: flex;
        left: -172px;
        top: 84px;
    }
    .image-container picture, .image-container img {
        display: block; 
        width: 88%; 
        height: auto; 
    }
    .swiper-info-text p{
        max-width: 65ch;
    }
    
} */

@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .brands-link {
        right: -39%;
    }

    .image-container img {
        width: 90%;
        height: auto;
    }

    .image-container picture {
        width: 100%;
    }

    .main-image-container {
        max-width: 486px;
    }

    .image-container {
        margin-top: auto;
    }
}


@media only screen and (max-width: 1200px) {
    .about-page-content {
        gap: 8rem;
    }

    .about-content-item {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8rem;
    }

    .about-image-container {
        order: 1;
    }

    .brands-text-paragraph {
        max-width: unset;
    }

    .brands-info-text {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4rem;

    }

    .brands-info-text picture {
        margin-left: unset;
        width: 100%;
        height: auto;
    }

    .brands-link {
        max-width: 300px;
    }

    .swiper-mainslide-container {
        height: unset;
    }

    .hero-swiper {
        height: unset;
    }

    .swiper-content {
        flex-wrap: wrap;
        gap: 20px;
        padding: 150px 60px;
    }

    /* .welcome-text, .main-image-container {
        flex: 1;
        min-width: 45%;
    } */

    .welcome-text {
        padding: 0;
        max-width: unset;
        height: 80%;
        align-items: unset;
    }

    .brands-link {
        margin-top: 2rem;
        position: unset;
        text-align: center;
    }

    .welcome-text p {
        padding: 3rem;
        /* padding-top: 7rem; */
    }

    .swiper-info-text {
        align-items: flex-end;
        margin-top: 4rem;
        padding: 0;
    }

    .swiper-info-text picture {
        position: absolute;
        display: flex;
        left: -172px;
        top: 84px;
    }

    .image-container picture,
    .image-container img {
        display: block;
        width: 88%;
        height: auto;
    }

    /* .nav-lists-group{
        display: none;
    } */

    .link-list {
        display: none;
    }

    .mobile-toggle {
        display: flex;
    }

    .swiper-content {
        flex-direction: column;
    }

    .welcome-text p {
        max-width: unset;
        text-align: center;
        width: 80%;
        justify-self: center;
    }

    .swiper-info-text p {
        max-width: unset;
        text-align: center;
        width: 80%;
        align-self: center;
    }

    .brands-link {
        width: 50%;
        min-width: 300px;
        align-self: center;
    }
}

@media only screen and (max-width: 768px) {
    .header-info h1 {
        font-size: 3rem;
    }

    .header-info-brands h1 {
        font-size: 4.8rem;
    }

    .swiper-info-text p {
        padding-bottom: 60px;

    }

    .swiper-info-text picture {
        all: unset;
        position: relative;
        height: 200px;
        width: 100%;
    }

    .swiper-info-text img {
        all: unset;
        width: 100%;
        position: absolute;
        top: 0;
        left: -50%;
    }
}

@media only screen and (max-width: 580px) {
    #form-submit {
        width: 100%;
    }

    .header {
        padding: 20px 40px;
    }

    .header-info h1 {
        text-align: center;
    }

    #mobile-menu {
        width: 100vw;
        box-shadow: none;
    }

    .welcome-text p {
        padding-left: 60px;
        padding-right: 60px;
        padding-top: 15rem;
        width: unset;
    }

    .swiper-content {
        padding: 0;
    }

    .swiper-info-text p {
        padding: 0 60px;
        /* order: 2; */
        width: unset;
    }

    .image-text {
        font-size: 4.5rem;
        text-align: center;
    }

    .swiper-buttons-container {
        bottom: 35px;
    }

    .image-text picture {
        justify-self: center;
    }
}

@media only screen and (max-width: 430px) {
    nav a picture img {
        width: 150px;
    }

    .mobile-top {
        padding-top: 30px;
    }
}