
@media (max-width: 1190px){
    .form__bike-img{
        width: 500px;
    }
    .form__bike{
        top: 60px;
    }
}
@media (max-width: 1110px){
    .bike__inner{
        flex-wrap: wrap;
    }
    .bike__text{
        max-width: 100%;
        width: 100%;
    }
    .bike{
        padding: 0;
    }
    .bike__link{
        margin-top: 30px;
    }
    .bike__column{
        margin-bottom: 30px;
    }
    .bike__column-slider{
        min-width: 100%;
        width: 100%;
        margin-left: 0;
    }
    .info-img{
        display: none;
    }
    .info__inner{
        height: 100%;
    }
    .info__list{
        flex-basis: 100%;
        max-height: 100%;
        height: 100%;
    }
    
    .info__item-text{
        max-width: 100%;
    }
}
@media (max-width: 991px) {
    .menu {
        margin-right: 0px;
    }
    .characteristics__inner{
        flex-wrap: wrap;
    }
    .characteristics__img{
        order: -1;
        margin-bottom: 40px;
        max-width: 100%;
        width: 100%;
    }
    .characteristics__items{
        flex-basis: 100%;
        margin-right: 0;
    }
    .characteristics__name {
        flex-basis: 50%;
    }
    .characteristics__description{
        flex-basis: 50%;
    }
    .form {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
    }
    .form__label-box{
        margin-bottom: 390px;
    }
    .form__bike{
        top: auto;
        bottom: 88px;
        right: 0;
        left: 0;
        margin: 0 auto;
    }
    .form__bike-img {
        width: 445px;
    }
    .form__bike-price {
        top: -100px;
        left: 222px;
        right: 80px;
    }
    .form__text {
        text-align: center;
    }
    .form-btn{
        max-width: 100%;
        width: 100%;
    }
}


@media (max-width: 640px){
    .bike__title{
        font-size: 44px;
        margin-top: 30px;
        line-height: 56px;
        margin: 30px 0 5px;
    }
    .bike__subtitle{
        margin: 0 0 30px;
        font-style: 22px;
        line-height: 29px;
    }
    .bike__list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        margin-top: 50px;
    }
    .bike__list-item{
        width: 50%;
        margin-bottom: 15px;
    }
}

@media (max-width: 640px) {
    .header__inner {
        display: block;
        text-align: center;
    }
.menu {
    margin-top: 45px;
    display: block;
}

.menu__list {
    max-width: 100%;
    width: 100%;
        padding: 25px 10px;
        justify-content: space-evenly;
    }
    .menu__list {
        justify-content: space-evenly;
     }
     .menu__item + .menu__item{
         padding-left: 0;
     }
     .menu__link{
         padding: 25px 15px;
     }

.menu__item + .menu__item {
    padding-left: 0;
}
}
@media (max-width: 580px){
    .footer__inner {
        height: auto;
        display: block;
        text-align: center;
        padding: 15px 0;
    }
    .footer__social{
        padding: 15px 0;
    }
    .footer__contacts {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .form-btn {
        padding: 36px 20px;
        letter-spacing: 14px;
    }
    .form__bike-img {
        width: 310px;
    }
    .form__label-box {
        margin-bottom: 270px;
    }
    .form__bike-img {
        margin-bottom: 10px;
    }
}

@media (max-width: 460px) {
    .characteristics {
        padding-top: 0px;
    }
    .characteristics {
        margin-bottom: 80px;
    }
    .menu__list{
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 25px;
    }
    .munu__link {
        justify-content: space-between;
        padding: 25px 0;
    }
    .bike__link{
        padding: 15px;
        letter-spacing: .9em;
        display: flex;
        justify-content: center;
    }
    .bike__title, .bike__subtitle{
        text-align: center;
    }
    .info__item:last-child{
        margin-bottom: 40px;
    }
}
@media (max-width: 350px){
    .menu{
        margin-top: 30px;
    }
    .munu__link {
        font-size: 12px;
    }
    .form__bike-img {
        width: 370px;
    }
    .form__bike-price {
        top: -120px;
        left: 170px;
        right: 80px;
    }
    .form__label-box {
        margin-bottom: 300px;
    }
    .form__bike-img {
        width: 310px;
    }
}    
