@media screen and (max-width: 1024px) {
    
    .btn-resp {
		display: block !important;
	}

	.nav::-webkit-scrollbar-track {
		background-color: #1f232c;
	}

	.nav::-webkit-scrollbar {
		background-color: rgba(0,0,0,0.5);
		width: 7px;
	}

	.nav::-webkit-scrollbar-thumb {
		border-radius: 100px;
		background-color: rgba(0,0,0,0.5);
	}
	.nav {
		background-color: #17202b;
		align-items: flex-start;
		height: -webkit-calc(100% - 156px);
		height: -moz-calc(100% - 156px);
		height: calc(100% - 156px);
		overflow-y: auto;
		position: fixed;
		right: -400px;
		top: 156px;
		width: 400px;
		-webkit-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	    .header.sticky .nav {
    		height: -webkit-calc(100% - 81px);
    		height: -moz-calc(100% - 81px);
    		height: calc(100% - 81px);
    		top: 81px;
	    }
		.nav.active {
			right: 0px;
		}
			.nav .hmenu {
				flex-direction: column !important;
				justify-content: flex-start !important;
				width: 100%;
			}
				.nav .hmenu li a i {
					display: block;
					position: absolute;
					right: 15px;
					top: 14px;
				}
					.nav .hmenu li li a i {
						top: 12px;
						-webkit-transform: rotate(0deg);
						-ms-transform: rotate(0deg);
						-o-transform: rotate(0deg);
						transform: rotate(0deg);
					}
				.nav .hmenu > li > a,
				.nav .hmenu > li > a:not([href]):not([tabindex]) {
    color: #ffffff !important;
    height: 50px !important;
    line-height: 50px !important;
    width: 100%;
}

				.nav .hmenu li ul, .nav .hmenu li ul ul {
					display: none;
					left: 0px !important;
					margin-top: 0px !important;
					opacity: 1;
					position: relative !important;
					top: 0px !important;
					visibility: visible;
					max-width: 100%;
					min-width: 0%;
					-webkit-transition: none !important;
					-o-transition: none !important;
					transition: none !important;
				}
					.nav .hmenu li ul {
						background-color: #171d28;
					}
						.nav .hmenu li ul > li:hover > a,
						.nav .hmenu li ul > li:active > a {
							color: #fff;
						}
							.nav .hmenu li li li a {
								padding-left: 30px;
							}
				
	.ir-buttons .item {
		width: -webkit-calc(50% - 20px) !important;
		width: -moz-calc(50% - 20px) !important;
		width: -ms-calc(50% - 20px) !important;
		width: calc(50% - 20px) !important;
	}
	
}






@media screen and (max-width: 768px) {
	.top-bar {
		justify-content: center !important;
		padding: 0px !important;
	}
		.top-bar .item.social {
			display: none;
		}
		.top-bar .subitem.number a {
			font-weight: 700;
			font-size: 12px;
			padding: 0px 5px;
		}
		
	.header .logo img {
	    height: 40px;
	}
	
	.nav {
    left: 100%;
    height: -webkit-calc(100% - 131px);
    height: -moz-calc(100% - 131px);
    height: calc(100% - 130px);
    top: 180px;
    width: 80%;
}
	    .nav.active {
	        left: 20%;
	    }
	
	#mega-menu-wrap-main-menu {
		width: 100%;
	}
	
	.marcas-productos .wpb_column.vc_col-sm-2 {
		width: 20%;
		float: none !important;
	}
	
	.footer .item {
    
		justify-content: left !important;}
	
	
	.product-list .item.product-item {
     margin-top: 15% !important;
	}
	
	select.orderby {
    margin-top: 28% !important;
    padding: 8px 27px !important;}
	
}

@media screen and (max-width: 480px) {
	.ir-buttons .item {
		margin: 20px 0px !important;
		width: -webkit-calc(100%) !important;
		width: -moz-calc(100%) !important;
		width: -ms-calc(100%) !important;
		width: calc(100%) !important;
	}
	
	.marcas-productos .vc_row {
		justify-content: center;
		margin: 0px !important;
	}
		.marcas-productos .wpb_column.vc_col-sm-2 {
			margin-bottom: 20px !important;
			margin-top: 20px !important;
			width: 33.33%;
		}
}


@media (min-width: 992px){
	.col-lg-3 {max-width: 24% !important;}


}