.container {
    width: 100%;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container {
        width: 54rem;
    }
}

@media (min-width: 768px) {
    .container {
        width: 72rem;
    }
    .header__container{
        display: flex;
    }
    .header__mobile{
        display: none;
    }
    .info-size{
        margin-right:.5rem ;
        margin-bottom: 1rem;
    }
    .footer__container li {
        text-align: start;
        font-size: 2rem;
    }
    .main__container-text{
        width: 100%;
        font-size: 42rem;
    }

}

@media (min-width: 992px) {
    .container {
        width: 96rem;
    }
    .header__container{
        justify-content: space-between;
    }
    .header__logo{
        display: flex;
        align-items: center;
    }
    .sneakers,
    .sneakers-box{
        flex-direction: row;
    }
    .sneakers__images {
        margin-bottom: 0;
    }
    .sneakers__images-group{
        display: none;
        transform: rotate(0);
        width: 40%;
        margin-left: 38rem;
        margin-top: 14rem;
    }
    .sneakers__images-group img{
        width: 70%;
    }
    .image-group-box{
        display: none;
        width: 37%;
        position: absolute;
        top: 5rem;
        right: -8rem;
        margin: 0;
    }

    .image-group{
        position: absolute;
    }
    .selector{
        position: relative;
        bottom: 0;
        transform: rotate(0deg);

    }
    .selector__container {
        width: 26.5rem;
        height: 26.5rem;
        border-radius: 50%;
        background: linear-gradient(90deg, rgb(200, 200, 200), #191920 35%);
    }

    .selector__container::before {
        content: '';
        background-color: #191920;
        width: 24rem;
        height: 24rem;
        right: 1.2rem;
        top: 1.2rem;
    }

    .line-container {
        position: relative;
        width: 29.5rem;
        height: 20px;
        top: 12.5rem;
        right: .4rem;
        transform: rotate(0deg);
        transition: all 1s cubic-bezier(0.65, 0.05, 0.36, 1);
        z-index: 10;
    }

    .line {
        position: absolute;
        top: 50%;
        left: 0;
        width: 50%;
        height: 4px;
        background-color: rgba(85, 85, 85, 0);
        transform: translateY(-50%);
        z-index: 1;
    }

    .circle {
        position: absolute;
        top: 50%;
        left: 0;
        width: 22px;
        height: 22px;
        background-color: #ffffff;
        border-radius: 50%;
        transform: translateY(-50%);
        z-index: 2;
    }

    .selector__img {
        width: 11rem;
        height: 5rem;
        position: absolute;
        border-radius: 1rem;
        background: linear-gradient(90deg, rgba(40, 88, 255, 0.53), rgba(40, 88, 255, 0) 80%);
        overflow: hidden;
        z-index: 2;
        animation: bgimg 1s cubic-bezier(0.65, 0.05, 0.36, 1);
    }
    .selector__img1 {
        top: -7rem;
        right: 18.5rem;
        transform: rotate(50deg);
    }

    .selector__img2 {
        top: 0rem;
        right: 24rem;
        transform: rotate(25deg);
    }

    .selector__img3 {
        top: 8.5rem;
        right: 26rem;
        transform: rotate(0);
    }

    .selector__img4 {
        top: 17rem;
        right: 24.2rem;
        transform: rotate(-25deg);
    }

    .selector__img5 {
        top: 23.5rem;
        right: 18.5rem;
        transform: rotate(-50deg);
    }

}

@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }

    .image-group-box{
        display: inline-block;

    }
    .sneakers__images-group{
        display: flex;
    }
}
@media (min-width: 1500px) {
    .container {
        width: 1500px;
    }
}