@media screen and (max-width: 480px){
/****************DISEÑO INDEX******************/
	.encabezado{
		display: none;
	}

	.logo{
		width: 40%;
	}

	

	.menu-responsive ul{
		width: 80%;
	}

	.menu-responsive ul a{
		display: block;
	}

	.pie-index{
		font-size: 15px;
		font-weight: bold;
		margin-top: 30px;
	}

	.menu-pages{
		display: none;
	}

	.menu-pages ul{
		width: 80%;
	}

	.menu-pages ul a{
		display: block;
	}

	.pie-index{
		font-size: 15px;
		font-weight: bold;
		margin-top: 30px;
	}


/*************END DISEÑO INDEX******************/


/****************DISEÑO NOSOTROS******************/
	.op-menu{
		position: absolute;
		cursor: pointer;
		right: 50px;
		top: 10px;
		display: block;
	}

	.i-menu{
		font-size: 25px;

	}

	.banner, .fondo, .banner2{
		height: 100%;
	}

	.fondo p{
		font-size: 30px;
		font-weight: bold;
		margin-bottom: 10%;
	}

	.section{
		padding: 0px !important;
	}

	.h1-qs, .tits{
		font-size: 25px;
		font-weight: bold;
	}

	.delete-br, .delete-br br{
		display: none !important;
	}

	.texto, .texto2{
		padding: 10px 0px;
	}

	.boton{
		margin: 20px auto;
	}

	.btn-lg{
		font-size: 15px;
	}
	
	.txt-ops{
		text-align: justify;
		padding: 0px 0px 10px 0px;
	}


/*************END DISEÑO NOSOTROS******************/


/****************DISEÑO CONTACTO******************/
	#contact{
		padding: 5px 0px;
		height: 100%;
	}

	.section-content{
		margin: 0px;
	}

	.section-header{
		font-size: 25px;
		font-weight: bold;
	}

	.subtit{
		width: 90%;
		text-align: justify;
		font-size: 18px;
	}

	form{
		height: 100%;
		margin: auto;
		padding-bottom: 60px;
	}

	.form-control{
		font-size: 1.1em;
	}

	.form-line{
		border: 0px;
	}

	.div-cont{
		width: 100% !important;
	}

	.cont-info{
		padding: 20px 0px !important;
	}

/*************END DISEÑO CONTACTO******************/



/****************DISEÑO FOOTER******************/
	footer{
		height: 100%;
	}

	footer p{

		font-size: 16px;
		font-weight: bold;
	}

/*************END DISEÑO FOOTER******************/

}

@media screen and (max-width: 599px) and (min-width: 481px) {
	/****************DISEÑO INDEX******************/
	.encabezado{
		display: none;
	}

	.logo{
		width: 40%;
	}

	

	.menu-responsive ul{
		width: 80%;
	}

	.menu-responsive ul a{
		display: block;
	}

	.pie-index{
		font-size: 15px;
		font-weight: bold;
		margin-top: 30px;
	}

	.menu-pages{
		display: none;
	}

	.menu-pages ul{
		width: 80%;
	}

	.menu-pages ul a{
		display: block;
	}

	.pie-index{
		font-size: 15px;
		font-weight: bold;
		margin-top: 30px;
	}


/*************END DISEÑO INDEX******************/


/****************DISEÑO NOSOTROS******************/
	.op-menu{
		position: absolute;
		cursor: pointer;
		right: 50px;
		top: 10px;
		display: block;
	}

	.i-menu{
		font-size: 25px;

	}

	.banner, .fondo, .banner2{
		height: 100%;
	}

	.fondo p{
		font-size: 30px;
		font-weight: bold;
		margin-bottom: 10%;
	}

	.section{
		padding: 0px !important;
	}

	.h1-qs, .tits{
		font-size: 25px;
		font-weight: bold;
	}

	.delete-br, .delete-br br{
		display: none !important;
	}

	.texto, .texto2{
		padding: 10px 0px;
	}

	.boton{
		margin: 20px auto;
	}

	.btn-lg{
		font-size: 15px;
	}
	
	.txt-ops{
		text-align: justify;
		padding: 0px 0px 10px 0px;
	}


/*************END DISEÑO NOSOTROS******************/


/****************DISEÑO CONTACTO******************/
	#contact{
		padding: 5px 0px;
		height: 100%;
	}

	.section-content{
		margin: 0px;
	}

	.section-header{
		font-size: 25px;
		font-weight: bold;
	}

	.subtit{
		width: 90%;
		text-align: justify;
		font-size: 18px;
	}

	form{
		height: 100%;
		margin: auto;
		width: 80%;
		padding-bottom: 60px;
	}

	.form-control{
		font-size: 1.1em;
	}

	.form-line{
		border: 0px;
	}

	.div-cont{
		width: 100% !important;
	}

	.cont-info{
		padding: 20px 0px !important;
	}

/*************END DISEÑO CONTACTO******************/



/****************DISEÑO FOOTER******************/
	footer{
		height: 100%;
	}

	footer p{

		font-size: 16px;
		font-weight: bold;
	}

/*************END DISEÑO FOOTER******************/
}

@media screen and (max-width: 799px) and (min-width: 600px) {
	/****************DISEÑO INDEX******************/
	.encabezado{
		display: none;
	}

	.logo{
		width: 40%;
	}

	

	.menu-responsive ul{
		width: 80%;
	}

	.menu-responsive ul a{
		display: block;
	}

	.pie-index{
		font-size: 15px;
		font-weight: bold;
		margin-top: 30px;
	}

	.menu-pages{
		display: none;
	}

	.menu-pages ul{
		width: 80%;
	}

	.menu-pages ul a{
		display: block;
	}

	.pie-index{
		font-size: 15px;
		font-weight: bold;
		margin-top: 30px;
	}


/*************END DISEÑO INDEX******************/


/****************DISEÑO NOSOTROS******************/
	.op-menu{
		position: absolute;
		cursor: pointer;
		right: 50px;
		top: 10px;
		display: block;
	}

	.i-menu{
		font-size: 25px;

	}

	.banner, .fondo, .banner2{
		height: 100%;
	}

	.fondo p{
		font-size: 30px;
		font-weight: bold;
		margin-bottom: 10%;
	}

	.section{
		padding: 0px !important;
	}

	.h1-qs, .tits{
		font-size: 25px;
		font-weight: bold;
	}

	.delete-br, .delete-br br{
		display: none !important;
	}

	.texto, .texto2{
		padding: 10px 0px;
	}

	.boton{
		margin: 20px auto;
	}

	.btn-lg{
		font-size: 15px;
	}
	
	.txt-ops{
		text-align: justify;
		padding: 0px 0px 10px 0px;
	}

	.centrar-img{
		margin: auto;
	}


/*************END DISEÑO NOSOTROS******************/


/****************DISEÑO CONTACTO******************/
	#contact{
		padding: 5px 0px;
		height: 100%;
	}

	.section-content{
		margin: 0px;
	}

	.section-header{
		font-size: 25px;
		font-weight: bold;
	}

	.subtit{
		width: 90%;
		text-align: justify;
		font-size: 18px;
	}

	form{
		height: 100%;
		margin: auto;
		width: 80%;
		padding-bottom: 60px;
	}

	.form-control{
		font-size: 1.1em;
	}

	.form-line{
		border: 0px;
	}

	.div-cont{
		width: 100% !important;
	}

	.cont-info{
		padding: 20px 0px !important;
	}

/*************END DISEÑO CONTACTO******************/



/****************DISEÑO FOOTER******************/
	footer{
		height: 100%;
	}

	footer p{

		font-size: 16px;
		font-weight: bold;
	}

/*************END DISEÑO FOOTER******************/
}

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


	.dentro{
		width: 95%;
	}

	.menu{
		width: 100%;
	}

	.menu ul{
		width: 70%;
	}

	.menu-pages{
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 1280px) and (min-width: 1024px) {      /* mac*/
	.dentro{
		width: 95%;
	}

	.menu{
		width: 100%;
	}

	.menu ul{
		width: 70%;
	}

	.menu-pages{
		margin-bottom: 30px;
	}
}
@media screen and (max-width: 1366px) and (min-width: 1024px) { }

@media screen and (min-width: 1367px) { }