@media (max-width:1024px) and (min-width: 0){
    .popular__slider .slick-list{
        margin: 0;
    }
}
@media (max-width: 768px) and (min-width: 0){
    .mobile-menu{
        display: block;
        transition: 2s;
    }
   .navbar-toggle{
        position: absolute;
        top:-5px;
        left:15px;
        margin: 0;
        display: block;
    }
    .flex-menu ul{
        display: none;
    }
    .flex-menu {
        justify-content: flex-end;
    }
    .header__wrap p{
        font-size: 24px;
    }
    .header__wrap .flex {
        flex-wrap: wrap;
        align-items: flex-end;
    }
    header{
        padding: 20px 0;
    }
    header .logo {
        min-width: 340px;
        padding: 22px 0 27px 92px;
        font-size: 17px;
        background-size: 80px 96px;
        line-height: 170%;
        margin:0;
    }
    header .logo span{
        display: block;
        font-size: 30px;
    }
    .flex-right .cart {
        width: 217px;
        padding: 3px 0px 3px 42px;
        background: url(../images/iconCart.png) 9px 6px no-repeat rgb(56, 56, 56);
        border-radius: 35px;
        position: relative;
        margin: 11px 0 0 0;
    }
    .flex-right .cart p {
        font-size: 12px;
    }
    .flex-right .cart .count_prod {
        left: 24px;
        top: 1px;
    }
    .flex-left p.phone {
        margin: 11px 0 0 0px;
    }
    .flex-left form {
        width: 190px;
    }
    nav.catalog-menu ul li a{
        font-size: 13px;
        padding: 12px;
    }
    .popular__slider .slick-list {
        margin: 0px;
    }
    .sv-slider .col-sm-5 {
        width: 41.66666667%;
    }
    .sv-slider .col-sm-7 {
        width: 58.33333333%;
    }
    .main__slider{
        margin:0 -15px;
    }
    .sv-slider .slick-slide .row{
        margin: 0;
    }
    .slide__wrap {
        padding: 15px 0 0 10px;
    }
    .slide__wrap p.title {
        font-size: 40px;
    }
    .sv-slider .slick-dots {
        padding: 0px 0 0 15px;
    }
    .sv-slider{
        height: auto;
        padding-bottom: 15px;
    }
    .sv-popular{
        padding: 20px 0 0 0;
    }
    .sv-popular .row{
        margin:0;
    }
    .about__text{
        padding: 0 15px;
    }
    .sv-about figure{
        display: none;
    }
    .sv-preim .col-xs-12{
        width: 50%;
    }
    .sv-preim{
        padding: 20px 0 0 0;
    }
    .sv-preim figure {
        margin-bottom: 20px;
    }
    .sv-preim p{
        text-align: center;
    }
    .sv-preim .row{
        display: flex;
        flex-wrap: wrap;
    }
    .sv-preim .col-xs-12{
        padding: 0 15px;
        margin-bottom: 20px;
    }
    .sv-new {
        padding: 46px 15px 0 15px;
    }
    .new__list {
        justify-content: flex-start;
    }
    .new__list .product__item {
        margin: 25px 15px 15px 14px;
    }
    .sv-order {
        margin: 50px 0 0 0;
    }
    .order__form {
        padding: 40px 37px 30px 37px;
    }
    footer{
        margin:0;
        padding: 20px 15px;
    }
    footer .menu {        
        margin: 0 50px 0 0;
    }
    footer .newsletter {
        width: 100%;
        max-width: 345px;
        display: block;
        margin: 20px auto 0;
        text-align: center;
    }
    footer .newsletter input,
    footer .newsletter form{
        text-align: left;
    }
    .list_radio input[type="radio"] + label{
        margin:0 8px;
    }
    .wrapper{
        padding: 45px 15px;
    }
    .thumbs__list{
        display: none;
    }
    .gallery_product {
        width: 100%;
        padding: 0 15px 0 0;
    }
    .sv-product .col-xs-6{
        padding: 0;
    }
    .product__info form a.btn{
        width: 176px;
    }
    .product__info form button{
        width: 155px;
        background: #b8de6f url(../images/cart.png) no-repeat 13px 18px;
        margin: 0 10px 0 0;
    }
    .order_right .checks{
        padding: 14px 0;
    }
    .cart__line div:first-child{
        min-width: auto;
        max-width: 412px;
    }
    .cart__line p.name{
        line-height: 130%;
    }
    .cart__line .delete{
        margin: 6px 10px 0 0;
    }
}

@media (max-width: 667px) and (min-width: 0){
    nav.catalog-menu{
        display: none;
    }
    .slide__wrap p.title{
        font-size: 20px;
    }
    .slide__wrap p{
        font-size: 18px;
    }
    .sv-slider .price {
        padding: 7px 21px 7px 21px;
        font-size: 13px;
    }
    .slide__wrap a.btn {
        width: 135px;
        margin: 23px 0 0 0;
        font-size: 12px;
        padding: 6px 0;
    }
    header{
        background: #f7f8f8;
    }
    header .logo{
        min-width: 100%;
        width: auto;
    }
    header .flex, .header__wrap .flex,
    .sv-order .list_radio{
        flex-wrap: wrap;
    }
    .new__list .product__item {
        margin: 15px 2% 10px 2%;
        width: 46%;
    }
    .order__form {
        padding: 20px 7px 10px 7px;
    }
    .list_radio input[type="radio"] + label{
        margin: 10px 0;
        width: 50%;
        font-size: 12px;
    }
    .sv-order .list_radio{
        padding: 0 0 0 5px;
    }
    .sv-order form{
        padding: 10px 0 0 0;
    }
    .sv-order .fields button{
        width: 130px;
    }
    .sv-order .fields input {
        width: calc(100% - 131px);
    }
    .sv-slider .slick-dots{
        display: none!important;
    }
    .flex-left p.phone {
        margin: 0px 5px 0px 0px;
    }
    header {
        background: #f7f8f8 url(../images/bg-header.jpg) no-repeat top center;
    }
    .header__wrap > p{
        display: none;
    }
    .flex-right .cart{
        margin: 11px 5px 0 0;
    }
    header .logo {
        padding: 1px 0 11px 59px;
        font-size: 15px;
        background-size: 50px 60px;
        margin: 0;
    }
    .header__wrap .flex{
        justify-content: end;
        flex-direction: row-reverse;
    }
    .slide__wrap p.title {
        font-size: 18px;
    }
    .jq-selectbox__select {
        padding: 0 20px;
    }
    .jq-selectbox__trigger-arrow {
        top: 16px;
        right: 9px;
    }
    .sv-product .col-xs-6{
        width: 100%;
    }
    .slider-product{
        justify-content: center;
    }
    .product__info {
        padding: 29px 0 0 0;
    }
    .product__descr ul{
        margin:0;
        width: 100%;
    }
    .product__descr ul li{
        width: 100%;
    }
    .product__descr ul li span:first-child{
        margin:0 30px 0 0;
        width: auto;
    }
    .product__descr ul li span:last-child{
        width: auto;
    }
    .product__descr ul:last-child{
        margin:0;
        width: 100%;
    }
    .gallery_product{
        padding: 0;
    }
    .cart__line p.price{
        margin: 10px 0 0 10px;
    }
    .popup {
        width: 94%;
        left:3%;
        margin:-240px 0 0 0;
        padding: 25px 17px 30px 17px;
    }
    .popup .field label{
        font-size: 13px;
        width: 97px;
    }
}
