.nav-pills {
    background-color: transparent!important;
}
@media only screen and (max-width: 1199px) {
    .h1-secondary{
        margin-bottom: 30px;
    }
    /*.bread{
        display: none;
    }*/
	
	.info-icon .items{

        width: 38px;
        padding: 5px 8px;
        line-height: 25px;
    }
	
}

@media only screen and (max-width: 991px) {
    .header-search input{
        display: none;
    }
    .result-search-lg{
        display: none !important;
    }
    .s-container{
        left: -5px;
    }
    header{
        padding-top: 5px;
        padding-bottom: 5px;
        position: absolute;
        top: 0px;
        left: 0;
        right: 0;
        z-index: 100;
        background-color: #fff;
        box-shadow: 0 1px 1px 2px rgba(0,0,0,0.05)
    }
    header.bottomS{
        position: fixed;
        top:0;
    }
    .content .nav-pills{
        background-color: transparent;
    }
    .content .nav-pills a{
        min-width: calc(50% - 30px);
        margin-left: 15px;
        border-radius: 0;
        margin-bottom: 5px;
        color: #000;
        margin-right: 15px;
        background-color: #f2f2f2;
        margin-bottom: 25px;
    }
    .content .nav-pills a.active{
        background-color: #f00;
        color: #fff;
    }
    .upFooter>div, .middleFooter>div{
        margin-bottom: 0;
    }
   .main-banner .slider-text{
       height: 70vmin;
    }
    .main-banner .red-arrow, .main-banner .slider-h{
        margin-bottom: 15px;
        margin-top: 10px;
    }
    .main-banner .slider-h{
        font-size: 40px;
       
    } 
    .slider-text .red-arrow{
        height: auto;
        margin-right: 10px;
    }
    .slider-text>.row{
        height: auto !important;
        position: absolute;
        bottom: 0; 
        background-color: rgba(255,255,255,0.8);
    }
	
	main{
   /* padding-top: 48px;*/
	 padding-top: 50px;
	}
}

@media only screen and (max-width: 767px) {
    .modal-menu_in .mobile-menu li>a>div{
        display: none;
    }
    .catalog-cart{
        padding: 0 0 25px 0;
        border: none;
        border-bottom: 1px solid #e2e2e2;
    }
    
    .about .navbar-brand {
        text-align: center;
        width: 100%;
    }
    .main-banner .slider-h{
        font-size: 30px;
    }
    .banner{
        background-image: url(../images/banner-min.png)
    }
    .sale-disc{
        top:10px;
        bottom: auto;
    }
    .modal-search .result-search span{
        display: block;
    }
	.xzoom-container{
        margin-bottom: 30px;
    }

	
}

@media only screen and (max-width: 575px) {
    .modal-search input{
        margin-left: 0;
        width: 100px;
    }
    
    .navbar-brand{
        margin-right: 0;
        padding-top: 14px;
    }
    .cart-price h3{
        display: inline;
        margin-right: 8px;
    }
    h2, .h1-secondary{
        font-size: 20px;
    }
    .main-banner .slider-h{
        font-size: 26px;
    }
    .banner h2{
        font-size: 30px;
    }
    .hidden-xs{
        display: none;
    }
    .main-catalog-item h5{
        font-size: 15px;
    }
}
@media only screen and (max-width: 420px){
	.main-item p{
		font-size: 14px !important;
	}
    .header-search{
        margin-right: auto;
    }
    .hSocial{
        display: none;
    }
    .search-a{
        font-size: 14px;
    }
    .main-catalog .col-6{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 10px;
    }
    .main-product .nav-pills a{
        min-width: 100%;
    }
    .banner h2{
        font-size: 25px;
    }
    .news-text h5{
        font-size: 14px;
    }
    .slider-text p{
        background-image: none;
        padding-right: 0;
    }
    .slider-text .slider-h{
        font-size: 22px;
    }
    .main-banner .slider-text {
        height: 72vmin;
    }
}

/* Custom, iPhone Retina */

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


/* Extra Small Devices, Phones */

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


/* Small Devices, Tablets */

@media only screen and (min-width: 768px) {	
    .modal-menu_in .mobile-menu li>a>div{
        float: left;
    }

    .modal-menu_in .mobile-menu li>a>span{
        padding-left: 35px;
        display: block;
    }
    .catalog-h h1{
        padding-left: 50px;
        padding-right: 50px;

    }
    .content{
        min-height: 100vh;
        padding-bottom: 355px;
    }
    footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 355px;
        background-color: #F0F0E9;
    }
    
    .catalog-cart{
        height: 100%;
        padding: 15px;
        border: 1px solid #e2e2e2;
        border-radius: 8px;
    }

    .catalog-cart:hover {
        outline: 1px solid #ff8888;
        border-radius: 8px;
        box-shadow: 0 0 10px #ff0000;
    }
    
    .on-list .catalog-cart-grid{
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }
    .on-list .catalog-cart{
        padding: 0 0 25px 0;
        border: none;
        border-bottom: 1px solid #e2e2e2;
    }
    .on-list .catalog-cart:last-of-child{
        border-bottom: none;
    }
    .on-list .catalog-cart_img{
        flex: 0 0 180px;
        max-width: 180px;
    }
    
    .on-list .catalog-cart_text{
        flex: 0 0 calc(100% - 180px);
        max-width: calc(100% - 180px);
    }
    .on-list .catalog-cart_h{
        padding-right: 220px;
        position: relative;
    }
    .on-list .catalog-cart_price{
        margin-left: calc(100% - 200px);
		padding-top: 25px;
    }
    .on-list .catalog-cart_price span{
        display: block;
    }
    .on-list .spec-disc {
        display: block;
        position: absolute;
        left: calc(100% - 185px);
        top:0;
        overflow: hidden;
		padding-left: 12px;
    	padding-right: 10px;
    }
    .on-list .spec-disc .sale-hits{
        position: relative;
        left: -5px;
    }
    
    .on-list .catalog-cart_img .sale-hits{
        display: none;
    }
    
    .on-list .catalog-cart_img .sale-disc{
        bottom: 10px;
    }
    .on-list .catalog-cart_h h5, .on-list .catalog-cart_text .price{
        margin-bottom: 5px;
    }
}


/* Medium Devices, Desktops */

@media only screen and (min-width: 992px) {
    
    /*.result-search-lg{
       display: none;
    }*/
    .result-search-lg_active{
        display: block;
    }
    .result-search{
        position: absolute;
       /* top:149px;*/
        
        z-index: 10;
        left: 0;
        right: 0;
        
    }
   
    footer{
        height: 575px;
    }
    .content{
        padding-bottom: 575px;
    }
    .nav-pills a.nav-link{
        height: 32px;
        position: relative;
        background-color: transparent;
        transition: 0.2s all;
        padding: 0;
        background-color: #a3a3a3;
        border-radius: 0;
		margin-right: 22px;
   		margin-bottom: 20px;
   		padding: 0 20px;
    }
    .nav-pills a span{
        line-height: 22px;
        padding: 5px;
        color:  #fff;
        font-size: 14px;
        position: relative;
    	white-space: nowrap;
    }
    .nav-pills a:not(:first-of-type):not(:last-of-type){
        z-index: 1;
    }
    .nav-pills a:not(:first-of-type):not(:last-of-type) span{
        display: block;
    }

    .nav-pills a:last-of-type:before{
        transform: skew(20deg);
        z-index: 1;
        left: -25px;
        height: 22px;
    }
    .nav-pills a:first-of-type{
        height: 0;
        border-top: 32px solid transparent;
        border-right: 32px solid transparent;
       
        /* height: 0; */
/*        width: calc(20% + 21px);*/
    }
    .nav-pills a.active:first-of-type, .nav-pills a:first-of-type:hover{
        border-top-color: #ed1c24;
    }
    .nav-pills a:first-of-type span{
        position: relative;
        top:-32px;
        display: block;
        
    }
    .nav-pills a:last-of-type {
        border-bottom: 32px solid transparent;
        border-left: 32px solid transparent;
        height: 0;
        border-right: none;
        margin-left: -7px;
    }

    .nav-pills a.active:last-of-type, .nav-pills a:last-of-type:hover{
        border-top-color: #d8d8d8;
    }
    .nav-pills a:last-of-type span{
        position: relative;
        display: block;

    }
    .nav-pills .nav-link:hover, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active{
        background-color: #ed1c24;
        border-radius: 0;
    }
    .on-map .nav-pills .nav-link:first-of-type{
        transform: skewX(20deg);
        z-index: 1;
        margin-right: 0;
        margin-left: -5px;
    }
    .on-map .nav-pills .nav-link:first-of-type span{
        transform: skewX(-20deg);
    }
}


/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {
    
    /* header{
        padding-left: 20px;
        padding-right: 20px;
    } */
    footer{
        height: 588px;
    }
    .content{
        padding-bottom: 588px;
    }
}