/* --------------- MEDIDA PARA LAPTOP PEQUEÑAS --------------- */


/*  Para esto usamos los Media Querys (De tal media a tal medida, quiero que tenga tales caracteristicas) */

 

@media screen and (max-width:1080px) 

{

				
			*{
			 	font-size: 11px;
			 	
			
			}

			.nav li a {
				padding:10px 15px;
			}



			#articulos img
			{

				height: 200px;
			}

			#foto_producto img

			{
			height: 300px;
		

			}

			 .nombre_autor{
 
				font-size: 1.3rem;
			}


			#articulos img
			{
				 
				height: 135px;
			}


			nav #nav_1,nav #nav_2, nav #nav_3 {
				
				height:40px;
			}



			


		
}
								 /* --------------- MEDIDA PARA TABLETS (Horizontal)--------------- */



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

				
			*{
			 	font-size: 10px;
			
			}

		 


			#foto_producto img

			{
			height: 290px;
		

			}

		td img {
				width:110px;
				height:110px;
			}



		.nombre_autor{
 
				font-size: 1.2rem;
			}



}			
		
			
                   					  /* --------------- MEDIDA PARA TABLETS (Horizontal-Pequeño)--------------- */


@media screen and (max-width:920px) 

{

				
			*{
			 	font-size: 9px;
			
			}

			.nav li a {
				padding:10px 12px;
			}

					input[type=text] ,input[type=password],input[type=email]  
			{
	
				height: 8px;
			}

			#articulos img
			{

				height: 120px;
			}

			#foto_producto img

			{
			height: 260px;
		

			}

				td img {
				width:100px;
				height:100px;
			}



}	

                   					  /* --------------- MEDIDA PARA TABLETS (Vertical Grande)--------------- */


	

						
@media screen and (max-width:800px) 

{

				
			*{
			 	font-size: 7.5px;
			
			}

			.nav li a {
				padding:8px 8px;
				font-size: 1.6rem;
			}

			#articulos img
			{

				height: 100px;
			}


			#foto_producto img

			{
			height: 220px;
		

			}

			td img {
				width:90px;
				height:90px;
			}


			 .slick-slide   {
			  
			      height:30px;

			    }

			     .slick-slide {
			      margin: 0px 10px;
			    }



}	


                   					  /* --------------- MEDIDA PARA TABLETS (Vertical Pequeño)--------------- */


	

						
@media screen and (max-width:700px) 

{

				
			*{
			 	font-size: 6.5px;
			
			}

			.nav li a {
				padding:8px 8px;
				font-size: 1.4rem;
			}

				input[type=text] ,input[type=password],input[type=email]  
			{
	
				height: 8px;
			}


			#foto_producto img

			{
			height: 200px;
		

			}

			td img {
				width:75px;
				height:75px;
			}

			nav #nav_1,nav #nav_2, nav #nav_3 {
				
				height:30px;
			}


				#articulos {
				
				
				width: 20%;
				
				
			}	


}	


                   					  /* --------------- MEDIDA PARA TELEFONOS (Horizontal)--------------- */


	

						
@media screen and (max-width:650px) 

{

				
			*{
			 	font-size: 5.9px;
			
			}

			.nav li a {
				padding:8px 7px;
				font-size: 1.5rem;
			}


				input[type=text] ,input[type=password],input[type=email]  
			{
			
				font-size: 1em;
			
				
				height: 10px;
			}


			#articulos img
			{

				height: 85px;
			}

			#foto_producto img

			{
			height: 190px;
		

			}

			td img {
				width:65px;
				height:65px;
			}


			#mapa_google { 
			height: 250px;   }


}	




                   					  /* --------------- MEDIDA PARA TELEFONOS (Vertical Grande) --------------- */


	

						
@media screen and (max-width:550px) 

{

				
			*{
			 	font-size: 4px;
			
			}

			.nav li a {
				padding:8px 6px;
				font-size: 1.6rem;
			}

				input[type=text] ,input[type=password],input[type=email]  
			{
			
				font-size: 1.4em;
			
				
				height: 10px;
			}



			#articulos img
			{

				height: 80px;
			}

			#foto_producto img

			{
			height: 160px;
		

			}

			td img {
				width:60px;
				height:60px;
			}


			nav #nav_1,nav #nav_2, nav #nav_3 {
				
				height:20px;
			}
			



}	


                   					  /* --------------- MEDIDA PARA TELEFONOS (Vertical Pequeño) --------------- */


	

						
@media screen and (max-width:500px) 

{

				
			*{
			 	font-size: 4px;
			
			}

			.nav li a {
				padding:8px 6px;
				font-size: 1.4rem;
			}


				input[type=text] ,input[type=password],input[type=email]  
			{
			
				font-size: 1.2em;
			
				
				height: 10px;
			}


			

			#articulos img
			{

				height: 70px;
			}


			td img {
				width:40px;
				height:40px;
			}

			#mapa_google { 
			height: 150px;   }



	#articulos {
				
				
				width: 20%;
				
				
			}	



	 .nombre_autor{
 
				font-size: .8rem;
			}


}