/* Other smaller resolutions */
@media only screen and (max-width: 768px)
{
	html, body { width: auto!important; overflow-x: hidden!important; padding:1%; } 

/* HOMEPAGE - BEGIN */		
	#htop { width: 100%; border-bottom: none }	
	#htop #conta { max-width:767px; min-width:767px; margin:0 auto; height:80px}	

	/* Compact Menu */
	#menuic { display:block; font-size:35px }
	/* Logo */
	#logo {padding-top:20px; padding-left:30%; width:180px; height:30px;}
	#logo a { width:100px; height:20px; display:block; background: url(../img/LogoNombrePeque.png) no-repeat;}

	/* Social header */
	#social { display:none}
	
	/* Cart */
	#cart {
    	margin: 0 auto;
    	width: 25%;
		padding-top:25px
	}
	
	/* Navigation Menu */
	#nav { height:100%; padding-bottom: 1px; padding-top: 1px; }
	
	#nav #menu{ display:none}
	
	#nav ul {
		position: static;
		display: none;
		width:unset;
	}
	/*Create vertical spacing*/
	#nav li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	#nav ul li, #nav li a {
		width: 100%;
	}
}

/* Viewport resolution width 390px and 414px, iPhone */
@media only screen and (max-width: 414px)
{
	html, body { width: auto!important; overflow-x: hidden!important; padding:1%; } 
		
	#htop { width: 100%; border-bottom: none }	
	#htop #conta { max-width:389px; min-width:389px; margin:0 auto; height:80px}	

	/* Compact Menu */
	#menuic { display:block; font-size:35px }
	/* Logo */
	#logo {padding-top:20px; padding-left:25%; width:120px; height:30px;}
	#logo a { width:100px; height:20px; display:block; background: url(../img/LogoNombrePeque.png) no-repeat;}
	/* Social header */
	#social { display:none}

	/* Cart */
	#cart {
    	margin: 0 auto;
    	width: 25%;
		padding-top:22px;
		padding-right:10px;
	}
	#cart a { font-weight:300; font-size:14px}
	/* Navigation Menu */
	#nav { height:100%; padding-bottom: 1px; padding-top: 1px; }
	
	#nav #menu{ display:none}
	
	#nav ul {
		position: static;
		display: none;
		max-width:389px;
		min-width:unset;
	}
	/*Create vertical spacing*/
	#nav li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	#nav ul li, #nav li a {
		width: 100%;
	}

	#container-homepage-membresias-packs { height:275px; background-color:#D2FA63; display:block; margin-top:20px; padding-bottom:20px }
	#container-homepage-membresias-packs-image {height:275px; display:block; }
	#container-homepage-membresias-packs a#container-homepage-packs-image-img { display: block; height:143px; width:120px; float:left; margin-top:60px; margin-right:10px; margin-left: 5px;
background: url(../img/PacksMembersiasPeque.png) no-repeat 0 0; background-size: 100%; text-decoration:none; }
	.container-homepage-packs-title {  font-size:17px; font-weight:600; color:#000; padding-top:30px}
	.container-homepage-packs-text {  font-size:10px; font-weight:500; text-align:justify; color:#000; padding-top:10px} 
	#container-homepage-membresias-packs-text {height:275px; display:block; }
	#container-homepage-membresias-packs-text a#container-homepage-packs-options { display:block; float:left; height:109px; width:169px; background: url(../img/PacksImage.png) no-repeat 0 0; background-size: 100%; text-decoration:none; margin-top:10px;}
	#container-homepage-tienda  { max-width:389px; height:273px; background-image: url(../img/TiendaNoxPeque.png); background-repeat:no-repeat; background-position:center; background-size:cover; display:block;
	padding-top:0px  }
	
	#footer { display:block}
	#footer #conta-footer { width:389px; margin:0 auto; height:100px;}
	#social-footer {float:none; padding-left:35%;display:block;}
/* HOMEPAGE - END */
	
/* MEMBRESIAS - BEGIN */
	#main-membresias { background-image:none; background-color:#000; width:100%;}	
	#container-packs { width:389px; margin:0 auto; height:100%; padding-bottom:25px; padding-left:5px;  }
	#container-packs a#PackMensualIndividual {float:none; display:block;}
	#container-packs a#PackAnualIndividual {float:none; display:block;}
	#container-packs a#PackMensualParejas {float:none; display:block;}
	#container-packs a#PackAnualParejas {float:none; display:block;}
	#container-packs a#PackMensualFamiliar {float:none; display:block;}
	#container-packs a#PackAnualFamiliar {float:none; display:block;}

	#container-membresias { width:389px; margin:0 auto; height:100%; padding-bottom:25px; padding-left:5px;  }
	#container-membresias a#MembresiaPersonal {float:none; display:block;}
	#container-membresias a#MembresiaPersonalVIP {float:none; display:block;}
	#container-membresias a#MembresiaFamiliaAmigos {float:none; display:block;}
	#container-membresias a#MembresiaFamiliaAmigosVIP {float:none; display:block;}
	#container-membresias a#MembresiaPersonalAllStars {float:none; display:block;}
	#container-membresias a#MembresiaFamiliaAmigosAllStars {float:none; display:block;}

/* MEMBRESIAS - END */

/* CLUB - BEGIN */
#main-club { background-color:#000; width:100%;}
.main-club-instal-images { width:100% }
/* CLUB - END */

/* RESERVAS - BEGIN */
#main-reservas { background-color:#000; width:100%;}
.main-reservas-images { content: url(../img/TablaPreciosPeque.png); width:100%; padding-bottom:100px }
/* RESERVAS - END */

/* COMPETICIONES - BEGIN */
#main-competiciones { background-color:#000; width:100%;}
.main-competiciones-images { content: url(../img/CompeticionesPeque.png); width:100%; padding-bottom:100px }
/* COMPETICIONES - END */

/* ACADEMIA - BEGIN */
#main-academia { background-color:#000; width:100%;}
.main-academia-images { content: url(../img/AcademiaPeque.png); width:100%; padding-bottom:100px; padding-top:50px }
/* ACADEMIA - END */

/* TIENDA - BEGIN */
#main-tienda { background-color:#fff; width:100%;}
.main-tienda-images { content: url(../img/ProShopPeque.png); width:100%; padding-bottom:100px; padding-top:50px }
/* TIENDA - END */

/* RESTAURANTE - BEGIN */
#main-restaurante { background-color:#000; width:100%;}
.main-restaurante-images { content: url(../img/RestaurantePeque.png); width:100%; padding-bottom:100px; padding-top:50px }
/* RESTAURANTE - END */

}