@media screen and (max-width: 768px){
	
	.icon-menu{
		display:inline-block;
		list-style: none;
		color:#4dbe3a;

		position:absolute;
		top:20px;
		right: 15px;
		
	}

	header img{
		width: 142px;
		height: 42px;
	}

	nav{
		padding: 30px 0px;

	}
	nav ul{
		margin-right: 0px;
	}
	nav ul li{
		display: none;
		padding: 15px 0px;
		width: 100%;
	}

	nav ul li a{
		padding: 15px 25px;
	}

	 

	
}

@media screen and (max-width: 768px){
	.menu-movil{
		height: 290px;
		background: white;
		margin-top: 20px;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
	}

	.menu-movil ul li{
		text-align: center;
		display: block;
	}
	
	.ani-menu{
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
	}

}


/***********************************/
/*************** SLIDER ***********/
/**********************************/

@media screen and (max-width: 768px){
	.slider{
		width: 100%;
		height: 90vh;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	.rslides{
			height:90vh;

		}

		.img-slider{
			height:100%;
		}

	.rslides li{
		width: 100%;
		height: 90vh;
	}


	.rslides li .elogo{
		width: 274px;
		height:78px; 

		margin:0 auto;

		position: relative;
		right: 10%;
		left: 10%;
	}
	.rslides li img{
		height: 100vh;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	 .prev{
	 	font-size: 40px;
	 	left: 0px;
	 }

	 .next{
		font-size: 40px;
		right: 0px;
	 }
}

/***********************************/
/*********** h1, h2 ****************/
/**********************************/

@media screen and (max-width: 768px){
	.contenedor-boton{
		top:60%;
	}
	.contenedor-boton-h2{
		position: absolute;
		top:65%;
	}

	.slider h1{
		left:15px;
	}

	.h2{
		top:25%;
		font-size: 1.5rem;
	}

}


/*************************************/
/************** EMPRESA *************/
/************************************/
@media screen and (max-width: 768px){
	.empresa p{
		margin-right: 20px;
		margin-left: 20px;
	}

	.info-empresa > div{
		width: 300px;
	}
}
/*********************************/
/************* PRODUCTOS ********/
/********************************/
@media screen and (max-width: 768px){
	.btn-mas{
		
		 top:75%;
	
	}

	.categ h2{
		text-align: center;
		font-size: 1.8rem;
	}
}


/************************************/
/********** PARTNERS ***************/
/***********************************/

@media screen and (max-width: 768px){
	.partners{
		height: 30%;
	}
}

/*************************************/
/************** CONTACTO *************/
/*************************************/

@media screen and (max-width: 768px){
	
	.contacto > div{
		width: 80%;
	}
	.contacto .forma input {
		padding: 18px 0px;
		width: 80%;
	}

	.contacto .forma textarea{
		padding: 18px 0px;
		width: 80%;
		margin-left: 0px;
	}	
}


/*********************************/
/************ FOOTER *************/
/*********************************/
@media screen and (max-width: 768px){
	footer{
		height: 100%;
		margin-top: 0px;
	}
	footer > div{
		top:20px;
		height: 120px;
	}

	.addthis_sharing_toolbox{
		
		margin-top: 50px;
		
	}

	footer div a{
		font-size: 20px;
	}

	footer div p{
		font-size: 20px;
	}

	footer > div> ul > li >a{
		font-size: 20px;
	}
}


/**************************************/
/**************** BLOG ***************/
/*************************************/

@media screen and (max-width: 769px){
	.blog{
		margin: 0 auto;
		width: 100%;
		height: 80%;

		margin-left: 0px;
		margin-top: 50px;
		padding-bottom: 10px;
	}

	.blog > article{
		text-align: center;
		padding: 50px 13px;
		border-bottom: 1px solid #c2c2c2;
	}	

	.img-articulo{
		width: 250px;
		height: 200px;
	}

	.img-articulo:hover{
		width: 270px;
		height: 210px;

		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
	}


	.blog > article > a > p{
		text-align: justify;
		color:#a6a6a6;
	}

	aside{

		width: 95%;
		height: 30%;

		float: right;

	
		margin-right: 0%;
		margin-top: 10px;
		padding-bottom: 30px;

		border:none;

	}


}

/*******************************************/
/********* BLOG FOR IPADS *******************/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 

.blog{
		margin: 0 auto;
		width: 100%;
		height: 80%;

		margin-left: 0px;
		margin-top: 50px;
		padding-bottom: 10px;
	}

	.blog > article{
		text-align: center;
		padding: 50px 13px;
		border-bottom: 1px solid #c2c2c2;
	}	

	.img-articulo{
		width: 250px;
		height: 200px;
	}

	.img-articulo:hover{
		width: 270px;
		height: 210px;

		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
	}


	.blog > article > a > p{
		text-align: justify;
		color:#a6a6a6;
	}

	

}

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

		width: 95%;
		height: 30%;

		float: right;

	
		margin-right: 0%;
		margin-top: 20px;
		padding-bottom: 30px;

		border:none;

	}
}


/*********************************************/
/******************* SINGLE *******************/
/******************************************/

@media screen and (max-width: 768px){
	.single{
		margin: 0 auto;
		width: 100%;
		height: 80%;

		
		float: left;

		margin-left: 0;
		margin-top: 100px;
		padding-bottom: 10px;

		text-align: center;

	}

	.single > p{
		text-align: justify;
		margin: 0 5px;
	}


	/**** COMENTARIOS ****/

	.comment-form > p > input, textarea{
		width: 95%;
	}

	.commentlist{
		margin-left: 5px;
	}
}