@media only screen and (min-width : 1200px) {
        .nav-bx{display: block !important;}
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
        .nav-bx{
                z-index: 12;
                position: fixed;
                top:0px;
                height: 100%;
                overflow-y: auto;
                left:0;
                width: 200px;
                background: #fff;
                box-shadow: 2px 0 15px 0 rgba(0,0,0,0.3);
                display: none;
        }
        .toggle_mnu{display: block;}
        .mnu{position: static;}
        .nav{margin-bottom: 20px;}
        .nav li, .mnu li{margin: 0;display: block;}
        .nav a, .mnu a{font-size: 16px;text-decoration: none;padding: 5px 10px;display: block;font-weight: 500;}
        .header .wr{width: 750px;}
        .basket-bx{ }
        .logo img{width: 78px;}
        .header{padding: 10px 0;}
        .fixed .header .h-cont, .fixed .header .mnu{display: block;}
        .basket-bx{bottom: 7px;right: auto;left: -35px;}
        .h-cont{margin-bottom: 0;}
        #wrapper{padding-top: 68px;}
        .info-box .img img{max-width: 100%;}
        .info-box .title-bx{margin-top: 0;}
        .paral-slider{top: 0 !important;}
        .title-bx{font-size: 30px;}
        .cite-box .cite{font-size: 26px;}
        .footer .tel{margin: 0 208px;}
        .paral-box{height: auto;}
        .basket-box .bx3{width: 26%;}
        .catalog-list .btn{padding: 15px;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
        .catalog-list .btn{margin-bottom: 10px;display: block;}
        .basket-box .bx3{width: 25%;}
        .header .wr{width: 530px;}
        .footer .tel{margin: 0 100px;}
        .cite-box .cite{font-size: 21px;}
        .more-link{position: relative;margin-top: 20px;}
        .about-box{padding-bottom: 0;}
        .basket-box .hh{font-size: 14px;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
        .basket-bx{bottom: 18px;left: -50px;padding-left: 30px;}
        .h-cont .phone{font-size: 15px;position: absolute;left: -50px;bottom: -7px;}
        .header .wr{width: 200px;height: 36px;}
        .h-cont .social{position: fixed;right: 70px;top: 18px;}
        .info-box{padding-top: 30px;}
        .title-bx{font-size: 22px;}
        .footer > div>*{display: block;margin: 0 0 10px;}
        .footer .tel{margin: 0 0 10px;}
        .cite-box{padding: 0 0 20px;}
        .footer .social{display: block;}
        .basket-box .hh{display: none;}
        .basket-box .bx{display: block;width: auto;}
        .basket-item {position: relative;}
        .itogo-bx .bx1,
        .itogo-bx .bx3,
        .itogo-bx .bx4{display: none;}
        .itogo-bx .bx2{margin-bottom: 10px;}
        .itogo-bx{text-align: center;}
        .itogo-bx .bx5{font-size: 20px;}
        .basket-box .btn-bx{text-align: center;}
        .basket-item{margin: 0;padding: 20px 0;border-top: 1px solid #dad6d6;}
        .basket-item .bx6{position: absolute;right: 0;top: 10px;}
        .basket-item .bx1{display: inline-block;vertical-align: middle;margin-right: 10px;}
        .basket-item .bx2{display: inline-block;vertical-align: middle;width: 210px;}
        .basket-item .bx3{display: inline-block;vertical-align: middle;width: 49%;margin-top: 10px;}
        .basket-item .bx4{display: inline-block;vertical-align: middle;width: 49%;margin-top: 10px;}
        .basket-item .number input{margin: 0;}
        .basket-item .pr-bx span:first-child{width: auto;margin-right: 5px;font-size: 12px;}
        .basket-item .pr{text-align: center;margin-top: 10px;}
        .cart-slider{padding-left: 0;}
        #sync2{position: static;transform: none;margin-top: 10px;width: auto;height: auto;margin-bottom: 30px;}
        #sync2 .item{padding: 0;transform: none;}
.gallery_item {
height: 250px;
}
.gallery_item_nav {
display:block;
width:100px;
height: 80px !important;
}
.slider-for {
height: 250px;
}
.slider-nav {
height: 80px;
}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
        .cite-box .cite{font-size: 14px;}
        .h-cont .social{display: none;}
        .logo{margin-right: 0;}
        .header .wr{width: 155px;}
        .basket-bx{left: 10px;}
        .h-cont .phone{margin-right: 0;left: 10px;}
        .catalog-list .btn{font-size: 10px;}
}