/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */

@media only screen and (max-width: 1200px) {}


/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
    .display {
        display: none;
    }

    .button_zakaz {
        margin-bottom: 0;
        /*max-width: 360px*/
        min-width: 300px;
    }

    .title_card {
        text-align: center;
    }
    .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
        width: auto;
    }
    .icon_ski_card{
        padding: 5px;
    }


.presentation5 {
    margin-top: 30px;
}
}

@media only screen and (max-width: 768px) {
    .presentation-content {
        margin-top: 10px;
    }

    .presentation5 {
margin-top: 70px;
        height: 530px;
    }

    .form-block label {
        font-weight: 400;
        color: #000;
    }
    .recl ul {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 600px) {
    .presentation5 {
margin-top: 100px;
    }

}
@media only screen and (max-width: 560px) {


    .presentation-content {
        margin-top: 40px;
    }

    .presentation-content h1 span {
        line-height: 30px;

    }

    .presentation-content h2 {
        margin-top: -30px;

    }

}

@media only screen and (max-width: 545px) {

        .presentation5 {
margin-top: 70px;
    }

}
@media only screen and (max-width: 532px) {
    .presentation5 {
        background-size: auto 680px;
        height: 565px;

    }

}

@media only screen and (max-width: 507px) {
    .presentation5 {
        height: 585px;
    }

}

@media only screen and (max-width: 503px) {
    .presentation5 {
        height: 630px;
    }

}


@media only screen and (max-width: 430px) {

    .title_card {
        font-size: 45px;
    }

    .discount_date_center,
    .discount_date  {
        font-size: 22px;
    }

    .price_new {

        font-size: 43px;

        line-height: 44px;

    }

    .price_new span i {
        font-size: 30px;

    }

    del.cross {
        font-size: 34px;
    }

    .price_old,
    .price_old_center {
        font-size: 22px;

    }

    .price_select_button {

        margin-right: 5px;
        margin-top: 5px;
    }

}

@media only screen and (max-width: 420px) {
    .ttx_icon span:last-of-type {
        font-size: 18px;
    }

}

@media only screen and (max-width: 395px) {
    .presentation5 {
        background-size: auto 710px;
        height: 650px;
    }

    .presentation-content h2 {
        font-size: 19px;
    }


}




@media only screen and (max-width: 372px) {


    .ttx_icon {
        margin-bottom: 5px;
        margin-top: 5px;
    }
    .ttx_icon  img {
        width: 35px;
        height: 35px;

    }
    .ttx_icon span:first-of-type {

        line-height: 32px;
    }

    .ttx_icon span:last-of-type {
        color: #000;
        font-size: 17px;
        float: none;
        display: block;

    }

    .presentation-content h1 {
 font-size: 45px;
 line-height: 40px;
 margin-top: 45px;
 /*color: red*/

}

.presentation-content h2 {
margin-top: -5px;
font-size: 20px;
}
.presentation-content{
    margin-top: 5px;
}

    .presentation5 {
margin-top: 90px;
    }
}





@media only screen and (max-width: 380px) {
    .price_select_button{
       font-size: 15px;
   }


}


@media only screen and (max-width: 360px) {
    .title_card {
        font-size: 40px;
    }
    .ttx{
        font-size: 18px;
    }
    .price_select_button{
       font-size: 14px;
   }


}

@media only screen and (max-width: 354px) {

    .ttx_icon span:last-of-type {
        font-size: 19px;
        line-height: 18px;

    }
}


@media only screen and (max-width: 347px) {
    .presentation5 {
margin-top: 100px;
    }

}@media only screen and (max-width: 340px) {
    .price_select_button{
       font-size: 13px;
   }

}

@media only screen and (max-width: 325px) {
    .price_select_button{
       font-size: 12px;

   }


   .ttx_icon span:last-of-type {
    font-size: 18px;
    line-height: 18px;

}

}

/*==========  Mobile First Method  ==========*/


/* Medium Devices, Desktops */

@media only screen and (min-width: 992px) {
    .mobile {
        display: none;
    }
}


/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {}