/*TABLETS*/
@media only screen and (min-width: 320px) and (max-width: 900px) {
	.slicknav_menu{
		display:block !important;
    	background:rgba(0,0,0,1) !important;
		position:relative !important
	}
	.slicknav_nav{
		display:block;
		position:absolute;
		width:100%;
		top:80px
	}
	#header .menu_usuario{
			background:rgba(0,0,0,0.8);
			position:fixed;
			width:100%;
			z-index:99999
		}
	#header #banners-home{
		padding-top:37px !important;
		display:block
	}
	}
@media only screen and (min-width: 768px) and (max-width: 900px) {
	/*MENU MOBILE*/
	#header .slicknav_menu{display:block}
	.slicknav_menu,
	#header a.logo {
		top:33px !important
	}
	/*END MENU MOBILE*/
	nav.primary-menu{display:none}
	
	#header .banners_into{height:400px}
	#header .banners_into:before{
		top:140px
	}
	#header .banners_into:after{
		top:165px
	}
	
	#content{padding-top:10px}
	#content ul.lista_productos{margin:0; padding:0; list-style:none}
			#content ul.lista_productos li{
				display:inline-table;
				float:left;
				width:22.8%;
				min-height:270px;
				max-height:330px
				}
			#content ul.lista_productos li img{
				width:auto;
				height:auto
				}
			#content ul.lista_productos li a .title{
					line-height:15px;
					height:70px;
					font-size:12px
				}
			#content ul.lista_productos li .detalle{
				padding:10px;
				overflow:hidden
			}
				#content ul.lista_productos li .detalle .precio{
					font-size:25px;
					float:none;
					margin-top:10px;
					margin-bottom:0;
					display:block;
					height:45px
					}
	
	#content .blog{width:32%}
	
	.end{padding:8px 5px}
	
	.container > .rowFancyBox{max-width:768px; min-width:650px}

	}
@media (min-width: 900px) {
	#select-category{
		display:none !important
		}
	}