@media screen and (max-width: 1600px){
	.menu-link{
		font-size: 15px;
	}


	.cart-column-small{
		width: 35%;
	}
	.cart-column {
	    width: 63%;
	}

}

@media screen and (max-width: 1400px){
	.category-title{
		font-size: 18px;
	}
	.category-box span{
		font-size: 14px;
	}
	.price-old{
		font-size: 15px;
	}
	.category-box{
		padding-top: 10px
	}
	.category-box img{
		margin-top: 10px
	}
	.product-main-info{
		margin: 0 4%;
		width: 49%;
	}
	

	.products-list .product-box {
	    width: calc(33.33% - 20px);
	    margin: 20px 10px 0 10px;
	}
	
	
}
@media screen and (max-width: 1200px){	
	.top-header{
		padding: 8px 0; 
	}
	.header-email{
		margin-left: 10px;
	}
	.header-phone{
		padding-right: 10px;
		margin-left: 140px;
	}
	header .logo{
 		margin: 0 0 0 40px;
 	}
	header .logo img{
		width: 90px;		
     	top: -33px;
	}
	.middle-header{
		padding: 10px 0;
	}
	.right-hld{
		width: auto;
	}
	.search-hld{
		display: none;
	}
	.search-btn{
		float: left;
		display: block;
		width: 50px;
	    background:  url(../images/search-dark.svg) no-repeat center;
	    background-size: 32px; 
	    border: none;
	    height: 50px;
	    border-radius: 15px;   
	}
	.search-hld{
		position: absolute;
	    width: 100%;
	    top: 106px;
	    z-index: 5;
	    left: 0;
	    margin: 0;
	    padding: 15px 10px;
	    background: #fff;
	    display: none;

	}
	.search-input, .search-submit{
		line-height: 50px;
		height: 50px;
		width: 60px;
		border-radius: 0;
	}
	.search-input{
		width: calc(100% - 60px)
	}
	.search-hld.opened{
		display: block;
	}
	.top-links{
		display: none;
	}
	.top-link-txt, .top-link-title{
		display: none;
	}
	.cart-btn, .user-btn{
		height: 50px;
		width: 50px;		
		padding-left: 0;
		margin-left: 10px;
	}
	.cart-numb-hld{
		display: none;
	}
	.cart-btn .cart-numb{
		left: 25px;
	}
	.mob-only{
		display: block;
	}
	
	nav{	    
	    position: absolute;
	    left: 0;
	    min-height: 100vh;	   
	    width: 100%;
	    left: 0;
	    top: 105px;
	    margin-top: 0;
	    left: -100%;
	    -webkit-transition: all 0.4s;
	    -o-transition: all 0.4s;
	    transition: all 0.4s;
	    z-index: 50;
	    background: #010013;
	}
	nav.openedMenu{
		left: 0;
	} 
	.menu{
		flex-wrap: wrap;
	}
	.menu-item{
		width: 100%;
		
	}
	.menu-item.has-submenu{		
		background: url(../images/arrow-down.svg) no-repeat right 10px top 20px;
	}
	.menu-item.has-submenu.active{		
		background: url(../images/arrow-top.svg) no-repeat right 10px top 20px;
	}
	.has-submenu .menu-link{
		background: none;
		width: calc(100% - 40px)
	}
	.menu-item:hover .mega-menu-holder{
		display: none;
	}
	.mega-menu-holder.opened{
		display: block!important;
		position: relative;
		top: 0; 
		float: left;
	}
	
	.menu-link{
		width: 100%;
		padding: 0 15px;
	}
	.has-submenu .menu-link, .has-submenu .menu-link:hover, .menu-item.has-submenu.active .menu-link{
		background:none;
		color: #fff;
	}


	.menu-col.menu-col-bigger .sub-nav-link{
		padding-left: 20px;
	}
		
	.menu-col{
		width: 50%;
	}
	.menu-btn{
		display: block;
	}
	.nav-item{
		width: 100%;
		float: left;
		border-bottom: 1px solid #f2f8ff;
	}	
	.nav-item.mobile-link {
	    display: block;
	}
	.nav-item.has-sub .nav-link::after{
		content: none;
	}
	.has-sub{
		position: relative;
	}
	.hero-section .container{
		width: 100%
	}
	.icon-box{
		font-size: 13px;
		padding: 10px;
	}		
	.icon-box:before{
		width: 60px;
		height: 60px;
		background-size: 30px;
	}
	.icon-title{
		font-size: 14px;
	}

	.prod-name{
		font-size: 16px;
	}
	.category-big-column{
		order: -1;
		width: 100%;
		max-width: 600px;
		margin-bottom: 10px;
	}
	.categories-holder{
		flex-wrap: wrap;
		max-width: 
	}
	.category-column{
		width: 100%;
		margin: 5px;
		justify-content: space-around;
	}
	.category-box{
		width: 49%
	}


	.name {
	    float: left;
	    width: 100%;
	    font-size: 24px;
	    line-height: 30px;
	    margin-bottom: 10px;
	}
	.inner-price .price, .inner-price .price-old{
	    font-size: 24px;
	}
	 
 	.btn{ 		
 		min-width: 250px;
 	}
	.btn-buy span {
		width: 25px;
		height: 25px;
	}
	.section-title{
		font-size: 22px;
    	line-height: 28px;
	}
	.category-content{
		width: 180px;
		height: 180px;
	}
	.product-info-holder{
		padding: 20px;
	}
	.bundle-holder{
		flex-wrap: wrap;
		padding: 12px 0;
	}
	.bundle-price-hld{
		width: 100%;
		border-left: none;
		padding-left: 0;
		margin-top: 20px;
		display: block;
	}
	
	
	.footer-main{
		padding: 15px 0;
	}
	.footer-column{
		width: 50%;
		margin: 10px 0;
	}
	.footer-column:nth-of-type(odd){
		clear: left;
	}
	.footer-contacts{		
		width: 50%;		

	}
	.footer-l{
		font-size: 18px
	}
	.top-categories-hld{
		padding-top: 5px;
	}
	.top-category{
		font-size: 16px;
		height: 60px
	}
	.title{
		font-size: 22px;
    	line-height: 26px;
	}
	.news-view{
		width: 100%;		
	}
	.aside-news{
		width: 100%;
	}
	.aside-categories .category-box{
		width: calc(33.33% - 4px)
	}	
	.aside-box .news-box{
		width: calc(33.33% - 8px);
		margin: 4px;
	}

	.sort-btn span{
		margin-left: 8px;
	}
	.news-title, .news-title h2 {
		font-size: 18px;
		line-height: 24px;
	} 

	.cart-column-small, .cart-column{
		width: 100%;
	}
	.profile-main{
		width: calc(100% - 280px)
	}
	.section-inner-title{
		font-size: 24px;
	}
	.social-title{
		font-size: 14px;
	}

}


@media screen and (max-width: 1100px){
	.products-row-list .product-box, .products-list .product-box { 
	    width: calc(33.33% - 12px);
	    margin: 6px;
	}

	.products-list .product-box {
	    width: calc(50% - 14px);
	    margin: 15px 7px 0 7px;
	}
	
}
@media screen and (max-width: 900px){
	.brand-img{
		margin: 5px;
		width: calc(20% - 10px);
	}
	
	.swiper-pagination-bullets.hero-pagination{
		margin-bottom: 0;
	}
	.hero-pagination .swiper-pagination-bullet{
		width: 12px;
		height: 12px;
	}
	.banner-column-small{
		width: calc(40.6% - 15px);
	}
	.banner.banner-small {	   
	    width: calc(50% - 7px);
	}
	.banner.banner-middle {	    
	    margin-top: 12px;
	}
	.tabs-holder{
		flex-wrap: wrap;
	}
	.tab-btns{
		display: none;
	}
	.mobile-tab-btn{
		display: block;
	}
	.tab{
		display: block;
	}
	.tab-content{
		display: none;
		padding: 10px;
	}
	.tab.active .tab-content{
		display: block;
	}
	.tabs-hld{
		float: left;
		width: 100%;
	}	
	.main-column, aside, .products-column{
		width: 100%;
	}
	aside{
		margin-bottom: 0;
	}
	.btn-filters{
		display: block;
		float: left;
	    width: 100%;
	    line-height: 50px;
	    font-size: 16px;
	    background: #020015;
	    color: #fff;
	    border-radius: 50px;
	    text-align: center;
	    margin-bottom: 20px;
	}
	.top-filters-btns{
		width: 100%;
	}
	.products-column .section-sub-title{
		width: 100%;
		margin-top: 15px;
	}
	
	.label-installation{
		font-size: 11px;
		line-height: 14px;
	}
	
	.news-box-info{
		padding: 15px 10px;
		padding-bottom: 30px;
	}
	.news-title, .news-title h2 {
	    font-size: 20px;
	}
	.news-desc {	   
	    font-size: 14px;
	    line-height: 20px;
	    margin-top: 10px;
	    max-height: 80px;
	}
	

	
	.filters-holder{
		display: none;
		float: left;
		width: 100%;margin-top: 20px;
	}
	
	
	
	.news-thumbs-hld{
		padding: 20px 15px;
		padding-bottom: 0;
	}
	
	.map-title{
		padding-top: 40px;
		background-size: auto 35px;
	}

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

	.products-row-list .product-box, .products-list .product-box { 
	    width: calc(50% - 12px);
	    margin: 6px;
	}
	.about-us-section{
		padding: 60px 0
	}
	.about-us-hld{
		width: 100%
	}
	.about-title{
		font-size: 30px;
	}
	.site-icons-section{
		padding: 10px 0;
	}
	.icon-box{ 
		float: left;
		width: 50%;
		max-width: 100%;
		margin:  5px 0;		  
	}
	.view-all{
		font-size: 16px;
		background-size: 30px;
		width: 160px;
		line-height: 50px;
		float: left;
		margin-top: 10px;
	}
	.section-title{
		width: 100% 
	}
	section{
		padding: 20px 0
	}
	.footer-bottom{
		font-size: 14px;
	}
	.footer-link{
		font-size: 18px;
	}
	.product-label{
		font-size: 13px;
	}
	.pagination .pag-next a{
		font-size: 12px;
	}

	.product-content{
		padding: 7px;
	}
	
	.footer-social-title{
		font-size: 14px;
	}
	.gallery-holder, .product-main-info{
		width: 100%; 
		margin: 0;
	}
	.inner-specificatons{
		margin:  20px 0;
		max-width: 100%;
	}
	.inner-specificatons .spec-box{
		width: 25%;
	}
	
	.cart-prod-total-hld{
		padding: 20px;
	}
	.header-row .cart-cell.cell-smaller, .header-row .cart-cell.cell-quantity{
		display: none; 
	}
	.cart-row{
		flex-wrap: wrap;
	}
	.cart-cell {	   
	    width: calc(100% - 80px);
	}
	
	.cell-product{		
		padding: 10px;
	}
	.cart-quantity-hld{
		height: auto;
	}
	.cart-cell.cell-smaller, .cart-cell.cell-quantity{
		width: 33.33%;
		line-height: 30px;
		padding: 10px 0;
	}
	.cart-row .cart-cell.cell-quantity{
		padding-top: 10px;
	}
	.cart-cell.cell-smaller.cell-model{
		width: 80px;
    	font-size: 12px;
    	line-height: 14px;
	}
	
	.cart-cell .cart-label{
		display: block;
		line-height: 20px;
		font-weight: normal;
    	font-size: 13px;
	}
	.header-row .cart-img, .header-row .cart-info-prod{
		display: none;
	}
	.header-row .mob-only{
		display: block;
	}
	.header-row .cart-cell:first-of-type{
		padding-left: 15px;
	}
	.cart-total-row{
		padding: 10px;
		font-size: 15px;
	}
	.cart-total-row .sum{
		width: 120px;
	}
	.spec-box {
		padding: 7px 0;
	    padding-left: 24px;    
	    background-size: 17px;
	}
	.product-spec{
		padding: 0;
	}
	.cart-row{
		flex-wrap: wrap;
	}
	.cart-cell {	   
	    width: calc(100% - 80px);
	}
	
	.cell-product{		
		padding: 10px;
	}
	.cart-quantity-hld{
		height: auto;
	}
	.cart-cell.cell-smaller, .cart-cell.cell-quantity{
		width: 33.33%;
		line-height: 30px;
		padding: 10px 0;
	}
	.cart-row .cart-cell.cell-quantity{
		padding-top: 10px;
	}
	.cart-cell.cell-smaller.cell-model{
		width: 80px;
    	font-size: 12px;
    	line-height: 14px;
	}
	.cart-product .product-img{
		width: 100px
	}
	.cart-prod-info{
		width: calc(100% - 100px);
		padding-left: 15px;
	}
	.delete-product {	   
	    left: 100px;
	    top: 17px;
	}
	.cart-product .prod-name{
		font-size: 16px;
		line-height: 20px;
	}
	.cart-product .price-hld{
		font-size: 15px;
		line-height: 18px;
	}
	.cart-pop-total span{
		font-size: 26px;
	}
	.cart-cell .cart-label{
		display: block;
		line-height: 20px;
		font-weight: normal;
    	font-size: 13px;
	}
	.header-row .cart-img, .header-row .cart-info-prod{
		display: none;
	}
	.header-row .mob-only{
		display: block;
	}
	.header-row .cart-cell:first-of-type{
		padding-left: 15px;
	}
	.cart-total-row{
		padding: 10px;
		font-size: 15px;
	}
	.cart-total-row .sum{
		width: 120px;
	}
	.aside-box .news-box{
		width: 100%;
		margin: 5px 0;
	}
	.aside-categories .category-box{
		width: calc(50% - 4px)
	}
	.profile-main{
		width: 100%;
		margin-left: 0;
		margin-top: 20px;
	}
	.profile-aside{
		width: 100%;
	}
	.contact-column, .contacts-form-hld{	    
	    width: 100%;
	}
	.contacts-form-hld{
		margin-top: 20px;
	}
	.contacts-btn{
		float: left;
		margin-top: 10px;
		margin-left: 0
	}

}
@media screen and (max-width: 600px){
	
	.banners-hld{
		flex-wrap: wrap;
	}
	.banner{
		width: 50%
	}
	.brand-img{		
		width: calc(33.33% - 10px);
	}
	.top-header {
        padding: 4px 0;
    }
    .middle-header {
        padding: 7px 0;
    }
    .menu-btn{
    	padding-top: 8px
    }

	.search-btn{
		width: 40px;
	}	
	.cart-btn .cart-numb{
		width: 14px;
		min-width: 20px;
    	height: 20px;
    	line-height: 20px;
    	font-size: 12px;
	}
	header .logo {
	    margin: 4px 0 7px 45px;
	    font-size: 18px;
	}
	.logo span {
	    font-size: 28px;
	}
	.header-phone{
		font-size: 13px;
		border-right: none;
	}
	.header-email{
		display: none;
	}
	.hero-container{
		flex-wrap: wrap;
	}
	.hero-slider-hld{
		width: 100%;
	}
	.hero-slider-hld .swiper-container, .hero-slider-hld .swiper-wrapper, .hero-slider-hld .swiper-slide, .hero-slider-hld .slide-img, .hero-slider img {
		height: auto;
	}
	.hero-banners{
		width: 100%;
	}
	.hero-banner{
		width: 50%
	}
	.banners-hld{
		flex-wrap: wrap;
	}
	.banner-column-small {
	    width: 100%;
	    text-align: center;
	    margin-bottom: 10px;
	}
	.banner.banner-big{
		display: inline-block;
		max-width: 400px;
	}
	.banner-column-big{
		width: 100%;
	}

	.phone-btn{
		padding:  3px 0;
		padding-left: 45px;
		background-size: 35px;
		font-size: 16px;
	}
	.footer-column, .footer-contacts, .footer-face{
		width: 100%;
		margin-top: 15px;
	}
	.products-row-list .product-box, .products-list .product-box {   
		width: calc(50% - 10px);
		margin: 10px 5px;
	}
	.news-box{
		flex-wrap: wrap;
		margin: 10px 0;
	}
	.news-img-hld, .news-box-info{
		width: 100%;		
	}
	.news-box-info{
		order: 1;
	}
	.read-more{
		margin-top: 10px;
	}
	.cart-box .form-title{
		font-size: 16px;
		line-height: 20px;
	}

	.popup-content, .popup-bottom{
		padding: 20px;
	}
	.popup-title{
		font-size: 16px;
	}
	.cart-product{
		padding: 10px;
	}
	.order-title{
		padding: 5px 10px 5px 30px;
		background-size: 18px;
		background-position: 5px center;
		font-size: 15px;
	}
	.order-row{
		padding: 10px;
		font-size: 15px;
	}
	.order-label{	    
	    padding-left: 30px;
	    background-size: 20px;
	}
	.order-label.label-status{
		background-size: 16px;
	}
	.order-content{
		padding: 10px 10px 15px 10px
	}
	.order-btn{
		width: 100%;
		margin-top: 20px;
	}
	.order-date{
		margin-top: 10px;
	}
	.product-top-info{
		width: 100%
	}
}	

@media screen and (max-width: 450px){
	header .logo{
	    margin: 0px 0 0px 35px;
	    width: 90px
	}
	header .logo img {
	    width: 80px;
	}
	nav{
	    top: 93px; 
	}
	.menu-btn{
		width: 40px;
		height: 60px;
		padding-left: 7px;
		
	}
	.menu-btn .line{
		width: 26px;
	}
	
	.hero-banner{
		width: 100%
	}
	
	.page-title{
		font-size: 22px;
		line-height: 26px;
	}
	
	.section, section {
	    padding: 20px 0;
	}
		
	.section-title.add-margin{
		margin-top: 20px;
	}
	
	.popup-btns{
		width: 100%;
	}
	.popup-btn{
		width: 100%;
		margin-top: 10px;
		margin-left: 0;
	}
	.category-column{
		margin: 0;
	}
	.category-box{
		width: 100%;
		margin: 5px 0;
	}
	.aside-categories .category-box{
		width: 100%
	}
	
	.name{
		font-size: 22px;
		line-height: 28px;
	}
	.footer-bottom .text{
		margin-top: 0;
	}
	.btn-buy{
		width: 100%;
		margin-top: 10px; 
	}
	.fast-order-input{
		width: calc(100% - 150px)
	}
	.fast-order-btn{
		font-size: 18px;
		width: 150px;
	}

	.products-row-list .product-box, .products-list .product-box {
	    width: 100%;
	    margin: 10px 0;
	}
	
}
@media screen and (max-width: 360px){
	.product-box, .products-row-list .product-box{ 
		width: 100%;
		margin:  6px 0;
	}	
	
	.sort-btn{
		display: none;
	}


}