/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	.headerInner {
		width: 96%;
		margin: 0 auto;
	}
	.headerIzq {
		float: left;
		width: 60%;
		max-width: 220px;
		padding: 10px 0 0 0;
	}
	.headerDer {
		float: right;
		width: 40%;
		max-width: calc(100% - 167px);
	}	
	.menuPrincipal {
		display: none;
	}
	.hamburguesa {
		display: block;
	}	
	.header {
		width: 100%;
		height: 76px;
	}	
	.contenidoSeccion {
	  padding: 30px 0px 50px 0;
	}	
	footer {
		padding: 10px 0 100px 0;
	}	
	.submenuLateral ul {
		padding-left: 0;
	}
}

/* Small devices (landscape phones, less than 768px) */
@media (min-width: 576px) and (max-width: 767.98px) {
	.headerInner {
		width: 96%;
		margin: 0 auto;
	}
	.headerIzq {
		float: left;
		width: 45%;
	}
	.headerDer {
		float: right;
		width: 48%;
	}	
	.menuPrincipal {
		display: none;
	}	
	.hamburguesa {
		display: block;
	}		
	.header {
		width: 100%;
		height: 80px;
	}	
	.contenidoSeccion {
	  padding: 30px 0px 50px 0;
	}	
	footer {
		padding: 10px 0 100px 0;
	}			
	.submenuLateral ul {
		padding-left: 0;
	}			
}

/* Medium devices (tablets, less than 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {
	.headerInner {
		width: 96%;
		margin: 0 auto;
	}
	.headerIzq {
		float: left;
		width: 40%;
	}
	.headerDer {
		float: right;
		width: 58%;
	}		
	.menuPrincipal {
		display: none;
	}	
	.menuPrincipal {
		display: none;
	}
	.hamburguesa {
		display: block;
	}	
	.header {
		width: 100%;
		height: 85px;
	}
	.contenidoSeccion {
	  padding: 30px 0px 50px 0;
	}	
}

/* Large devices (desktops, less than 1200px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
	.headerInner {
		width: 96%;
		margin: 0 auto;
	}
	.headerIzq {
		float: left;
		width: 30%;
	}
	.headerDer {
		float: right;
		width: 68%;
	}	
	nav ul li {
		float: left;
		margin-right: 15px;
	}
	.menuWraper {
		display: block;
	}	
}