@media screen and  (max-width : 1280px) {
/****************************
CULUMNAS
****************************/
	.col-5{
		width:20%;}
	.col-lg-1 {
	  width: 8.33333%; }
	
	.col-lg-2 {
	  width: 16.777%; }
	
	.col-lg-3 {
	  width: 25%; }
	
	.col-lg-4 {
	  width: 33.33%; }
	
	.col-lg-5 {
	  width: 41.66667%; }
	
	.col-lg-6 {
	  width: 50%; }
	
	.col-lg-7 {
	  width: 58.33333%; }
	
	.col-lg-8 {
	  width: 66.66667%; }
	
	.col-lg-9 {
	  width: 75%; }
	
	.col-lg-10 {
	  width: 83.33333%; }
	
	.col-lg-11 {
	  width: 91.66667%; }
	
	.col-lg-12 {
	  width: 100%; }
	/****************************
	PLANTILLA
	****************************/
	.contenedor{
		width:1025px
	}
	
	
	/****************************
	MENÚ
	****************************/
	nav {
		margin-top: 1em;
	}
	nav ul li a {
		padding: 15px 8px;
	}
	/**************************************
	HOME
	**************************************/
	.Acerca{
		padding-bottom:1em;
		padding-top:1em;
	}
	.Acerca h1 {
		font-size: 1.8em;
	}
	
	.Acerca h2 {
		font-size: 1.2em;
	}
	.ContactoHome article > h2 {
		font-size: 1.4em;
	}
	.ContactoHome article > h3 {
		font-size: 1em;
	}
	.Variedad h2 {
		font-size: 1.5em;
	}
	
	/****************************
	PROMOCIONES
	****************************/
	.menu-subcategorias li a {
		font-size:0.9em;
	}
	/****************************
	PROMOCIONES
	****************************/
	.marca article h2,.marca article span {
		font-size: 1.3em;
	}
	
	.marca a span {
		font-size: 1.2em;
	}
}

@media screen and  (max-width : 1024px) {
/****************************
columnas
****************************/
	.col-5{
		width:20%;}
	.col-mg-1 {
	  width: 8.33333%; }
	
	.col-mg-2 {
	  width: 16.777%; }
	
	.col-mg-3 {
	  width: 25%; }
	
	.col-mg-4 {
	  width: 33.33%; }
	
	.col-mg-5 {
	  width: 41.66667%; }
	
	.col-mg-6 {
	  width: 50%; }
	
	.col-mg-7 {
	  width: 58.33333%; }
	
	.col-mg-8 {
	  width: 66.66667%; }
	
	.col-mg-9 {
	  width: 75%; }
	
	.col-mg-10 {
	  width: 83.33333%; }
	
	.col-mg-11 {
	  width: 91.66667%; }
	
	.col-mg-12 {
	  width: 100%; }
	/****************************
	PLANTILLA
	****************************/
	.contenedor{
		width:961px
	}
	.navegacion p {
		font-size: 0.9em;
	}
	/****************************
	MENÚ
	****************************/
	nav ul li a {
		font-size:0.8em;
		padding: 9px 8px;
	}
	/****************************
	HOME
	****************************/
	.Variedad h2,.Variedad h3{
		font-size:1em;
	}
	.Novedades h6.cintillo {
		font-size: 1.3em;
	}
	/**************************************
	SERVICIOS
	**************************************/
	
	/**************************************
	CONTACTO
	**************************************/

}
@media screen and  (max-width : 960px) {
	/****************************
COLUMNAS
****************************/
	.col-5{
		width:20%;}
	.col-md-1 {
	  width: 8.33333%; }
	
	.col-md-2 {
	  width: 16.777%; }
	
	.col-md-3 {
	  width: 25%; }
	
	.col-md-4 {
	  width: 33.33%; }
	
	.col-md-5 {
	  width: 41.66667%; }
	
	.col-md-6 {
	  width: 50%; }
	
	.col-md-7 {
	  width: 58.33333%; }
	
	.col-md-8 {
	  width: 66.66667%; }
	
	.col-md-9 {
	  width: 75%; }
	
	.col-md-10 {
	  width: 83.33333%; }
	
	.col-md-11 {
	  width: 91.66667%; }
	
	.col-md-12 {
	  width: 100%; }
	
	/****************************
	PLANTILLA
	****************************/
	header{
		position:fixed;
	}
	figure.logo img {
		width: 100%;
	}
	.contenedor{
		width:750px
	}
	.navegacion p a.facturacion {
		padding: 4px 10px;
	}
	
	.EsacioTop{
		padding-top:83px;
	}
	/**************************************
	Menu
	**************************************/
	#back.fondo {
		box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		top:103px;
		right:-100%;
		float: left;
		position: fixed;
		padding-top: 90px;
		width: 100%;
		min-height: 100%;
		background: rgba(0,0,0,0);
		z-index: 25;
	}
	nav{
		background:#444;
		-webkit-box-shadow: -2px 6px 5px 0px rgba(0,0,0,0.4);
		-moz-box-shadow: -2px 6px 5px 0px rgba(0,0,0,0.4);
		box-shadow: -2px 6px 5px 0px rgba(0,0,0,0.4);
		height:100%;
		margin:0;
		position:fixed;
		right:-100%;
		top:83px;
		width:50%;
		z-index:90;
	}
	nav ul {
		text-align:right;
		width:100%
	}
	nav ul li,nav ul li:last-child{
		display:block;
		border-right:0 !important;
		margin:0;
	}
	nav ul li a{
		border-bottom:1px solid rgba(255,255,255,0.3);
		color:#fff;
		font-size:1.2em;
		padding:10px 33px 10px 17px;
	}
	nav ul li a:hover{
		color:#fff;
	}
	.menu_bar{
		display:block;
		float:right;
	    margin-top: 10px;
		width:100%
	}
	.menu_bar .bt_menu{
		box-sizing:border-box;
		-webki-box-sizing:border-box;
		-moz-box-sizing:border-box;
		color:#666;
		display:block;
		font-size:1.2em;
		padding: 3px 30px 3px 7px;
		position:relative;
		text-align:right
	}
	.menu_bar .bt_menu:after{
		color: #666;
		content: '\e902';
		display: inline-block;
		font-family: 'icomoon';
		font-size: 0.9em;
		height: 100%;
		line-height: 37px;
		margin-left: 10px;
		position: absolute;
		right: 0;
		text-align: center;
		top: 0;
		width: 30px;
	}

	/****************************
	HOME
	****************************/
	.ContactoHome{
		border-bottom:1px solid #ddd;
	}
	.ContactoHome article,.ContactoHome figure{
		vertical-align:middle;
		margin-bottom:0;
	}
	
	.Novedades h6.cintillo {
		font-size: 1em;
		padding: 16px 15px;
		top:10px;
	}
	.Novedades h6.cintillo:after {
		border-left: 10px solid #048c4c;
		border-top: 16px solid transparent;
		border-bottom: 16px solid transparent;
	}
	.plecabottom {
		border-bottom:0;
	}
	.sombra{
		box-shadow: -15px 0px 15px -17px rgba(0,0,0,0.0);
		-webkit-box-shadow: -15px 0px 15px -17px rgba(0,0,0,0.0);
		-moz-box-shadow: -15px 0px 15px -17px rgba(0,0,0,0.0);
	}
	.marca a span {
		font-size: 1em;
	}
	/**************************************
	PROMOCIONES
	**************************************/
	.menu_categorias li a {
		font-size:0.8em;
		padding:10px;
	}
	/**************************************
	PRECIOS
	**************************************/	
	figure.Precios{
		display:none;		
	}
	
	
	/**************************************
	HERRAMIENTAS
	**************************************/	
	.marca article,.marca article h2, .marca article span {
		font-size: 1.3em;
		text-align:center;
	}
	
	/**************************************
	CONTACTO
	**************************************/	
	figure.ContactoBloque{
		display:none;
	}
	.ContatoDatos {
		padding-bottom:1em;
	}
	.DatosCorreo, .DatosTelefonos, .DatosUbicacion {
		padding-left: 40px;
		margin-bottom:2em;
	}
	.DatosCorreo:before, .DatosTelefonos:before, .DatosUbicacion:before {
		background:none;
		font-size: 1.7em;
		top: -21px;
		width: 0;
	}
	
}
@media screen and  (max-width : 736px) {
	/****************************
	COLUMNAS
	****************************/
	.col-5{
		width:20%;}
	.col-mc-1 {
	  width: 8.33333%; }
	
	.col-mc-2 {
	  width: 16.777%; }
	
	.col-mc-3 {
	  width: 25%; }
	
	.col-mc-4 {
	  width: 33.33%; }
	
	.col-mc-5 {
	  width: 41.66667%; }
	
	.col-mc-6 {
	  width: 50%; }
	
	.col-mc-7 {
	  width: 58.33333%; }
	
	.col-mc-8 {
	  width: 66.66667%; }
	
	.col-mc-9 {
	  width: 75%; }
	
	.col-mc-10 {
	  width: 83.33333%; }
	
	.col-mc-11 {
	  width: 91.66667%; }
	
	.col-mc-12 {
	  width: 100%; }
	/****************************
	PLANTILLA
	****************************/
	figure.logo img {
		min-width: 204px;
	}
	header{
		position:fixed;
		z-index:300;
	}
	.navegacion p {
		background:#fff;
		color:#333;
		font-size:0.8em;
		margin-top:-3px;
		padding:0;
	}
	.navegacion p:before{
		display:none;
	}
	.contenedor{
		width:95%
	}
	.titulos {
		font-size: 1.8em;
	}
	.subtitulos {
    	font-size: 1.3em;
	}
	.EsacioTop {
		padding-top: 79px;
	}
	/**************************************
	MENU
	**************************************/
	nav{
		top:79px;
	}
	nav ul li a {
		font-size: 1em;
	}
	/**************************************
	HOME
	**************************************/
	figure.Acerca{
		display:none;
	}
	.titulos-home {
		font-size: 1.5em;
	}
	.marca a span {
		font-size: 0.8em;
	}
	/**************************************
	PROMOCIONES
	**************************************/
	.menu_categorias {
        border-bottom: 0;
		float:right;
        height: auto;
		margin-top:0;
		width:100%;
    }

    .menu_categorias {
        display: none;
        height: auto;
        width: 100%;
    }

    .menu_categorias li {
        width: 100%;
        float: left;
        position: relative;
    }

    .menu_categorias a {
    	border-top: 1px solid #ddd;
		box-sizing:border-box;
		-webki-box-sizing:border-box;
		-moz-box-sizing:border-box;
    	font-size: 1.1em;
		padding: 0 8px 0 0;
		text-align: left;
		width: 100%

    }

    a#pull {
		background:#eee;
		color:#777;
        display: block;
		font-size:1.1em;
		font-weight:700;
		outline:none;
		padding:10px 45px 10px 10px;
        position: relative;
	    text-align: left;
        width: 100%
    }

    a#pull:after {
    	content: "+";
    	font-size: 40px;
		font-weight:700;
    	line-height: 25px;
    	color: #777;
    	width: 30px;
    	height: 30px;
    	display: inline-block;
    	position: absolute;
    	right: 5px;
		text-align:center;
    	top: 5px;
    }
	
	/**************************************
	HERRAMIENTAS
	**************************************/
	.Herramientas h2{
	    font-size: 1.8em;
	}
	.Herramientas h3{
	    font-size: 1.5em;
	}
	.borde {
		border-left:0;
	}
}

@media screen and  (max-width : 667px) {
	.navegacion p strong {
		display:none;
	}
	.Variedad{
		padding-bottom:1em;
		padding-top:1em;
	}
	.Novedades h6.cintillo {
		padding: 14px 10px;
	}
	.Novedades h6.cintillo:after {
		border-left: 10px solid #048c4c;
		border-top: 14px solid transparent;
		border-bottom: 14px solid transparent;
	}
}

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

	/****************************
	HOME
	****************************/
	.Novedades h6.cintillo {
		font-size: 0.8em;
		padding: 12px 10px;
		top: 5px;
	}
	.Novedades h6.cintillo:after {
		border-left: 10px solid #048c4c;
		border-top: 12px solid transparent;
		border-bottom: 12px solid transparent;
	}
	
	/****************************
	HERRAMIENTAS
	****************************/
	.Herramientas h2,.Herramientas h3 {
		font-size: 1.2em;
	}
	.marca article, .marca article h2, .marca article span {
    	font-size: 1.1em;
	}
}
/**************************************
HOME
**************************************/


@media screen and  (max-width : 480px) {
	/****************************
	COLUMNAS
	****************************/
	.col-5{
		width:20%;}
		
	.col-ch-1 {
	  width: 8.33333%; }
	
	.col-ch-2 {
	  width: 16.777%; }
	
	.col-ch-3 {
	  width: 25%; }
	
	.col-ch-4 {
	  width: 33.33%; }
	
	.col-ch-5 {
	  width: 41.66667%; }
	
	.col-ch-6 {
	  width: 50%; }
	
	.col-ch-7 {
	  width: 58.33333%; }
	
	.col-ch-8 {
	  width: 66.66667%; }
	
	.col-ch-9 {
	  width: 75%; }
	
	.col-ch-10 {
	  width: 83.33333%; }
	
	.col-ch-11 {
	  width: 91.66667%; }
	
	.col-ch-12 {
	  width: 100%; }
	/**************************************
	PLANTILLA
	**************************************/ 
	figure.logo img {
		display:block;
		margin:0 auto;
		width: 178px;
	}
	footer .pie p {
		text-align:center;
	}
	footer .pie2 p {
		margin-top:0.5em;
		text-align:center;
	}
	footer .pie2 p:after{
		display:none;
	}
	
	.EsacioTop {
		padding-top: 154px;
	}
	.navegacion{
		text-align:center;
		border-bottom:1px solid #ddd;
		padding-bottom:1em;
	}
	.navegacion p a.facturacion {
		border-radius:5px;
		-moz-border-radius: 5px;
		-webkit-border-radius:5px;
	}
	.subtitulos {
   		font-size: 0.9em;
	}
	.titulos {
		font-size: 1.2em;
	}
	/**************************************
	MENU
	**************************************/
	nav {
		top: 154px;
		width:80%;
	}
	nav ul li a{
		font-size:0.9em;
	}
	.menu_bar{
		margin-top:0;
	}
	/**************************************
	HOME
	**************************************/
	figure.Variedad,.ContactoHome figure{
		display: none;
	}
	.Acerca h1 {
		font-size: 1.5em;
	}
	.Acerca h2 {
		font-size: 1em;
	}
	.ContactoHome article{
		padding-bottom:1em;
		text-align:center;
	}
	.ContactoHome article h2,.ContactoHome article p{
		text-align:center;
	}
	
	.Precios a p {
		font-size:0.8em;
	}
	
	/**************************************
	HERRAMIENTAS
	**************************************/
	.marca article, .marca article h2, .marca article span {
		font-size: 0.9em;
	}
	.marca a {
		margin-bottom:1em;
		display:block;
	}
}