@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 1px) and (max-width: 1500px) {
	
	.clases-zoom-img {
		width: 35%;
		padding: 35px 0px;
	}
	
	.clases-zoom-txt {
		width: 65%;
	}
	
	.clases-zoom-iniciamos {
		margin-bottom: 30px;
	}
	
	.clases-zoom-linea {
		margin-bottom: 30px;
	}
	
}





@media only screen and (min-width: 1px) and (max-width: 920px) {
	
	.cintillo {
		box-sizing: border-box;
		padding-right: 10px;
	}
	
	.menu-responsive {
		display: block;
	}
	
	.cerrar-responsive {
		width: 30px;
		height: 30px;
		margin-top: 25px;
		display: inline-block;
	}
	
	.menu {
		position: fixed;
		background-color: #000;
		width: 250px;
		height: 100%;
		top: 0px;
		right: -350px;
		padding-top: 35px;
		text-align: center;
		box-sizing: border-box;
	}
	
	.catnav li {
		width: 100%;
		height: 50px;
		line-height: 50px;
	}
	
	.catnav a {
		width: 100%;
		text-align: left;
		box-sizing: border-box;
	}
	
	.slide-palabras {
		width: 100%;
		left: 0px;
		font-size: 4vw;
		padding: 0px 50px;
		box-sizing: border-box;
	}
	
	.palabra {
		font-size: 3vw;
	}
	
	.idiomas-info {
		padding: 0px 25px;
	}
	
	.idiomas-info-txt {
		width: 100%;
	}
	
	.clases-zoom-txt {
		font-size: 3vw;
	}
	
	.faq {
		width: -moz-calc(70% - 50px);
		width: -webkit-calc(70% - 50px);
		width: -o-calc(70% - 50px);
		width: calc(70% - 50px);
		margin-right: 50px;
	}
	
	.faq-img {
		width: 30%;
	}
	
}





@media only screen and (min-width: 1px) and (max-width: 650px) {
	
	.palabra {
		font-size: 4vw;
	}
	
	.porque-estudiar {
		width: 320px;
		padding: 25px;
		margin-left: 25px;
	}
	
	.clases-zoom-txt {
		font-size: 25px;
		padding: 50px 80px;
	}
	
	.seccion {
		padding: 45px 0px;
	}
	
	.seccion-portada-titulo {
		font-size: 9vw;
		margin-top: 200px;
		margin-bottom: 100px;
	}
	
	.seccion-titulo-img {
		width: 45px;
		height: 45px;
		padding: 5px;
		box-sizing: border-box;
	}
	
	.seccion-info {
		width: -moz-calc(100% - 70px);
		width: -webkit-calc(100% - 70px);
		width: -o-calc(100% - 70px);
		width: calc(100% - 70px);
		margin: 0px 10px;
	}
	
	.seccion-titulo {
		font-size: 30px;
	}
	
}





@media only screen and (min-width: 1px) and (max-width: 580px) {
	
	.slider-sagradas-escrituras {
		display: none;
	}
	
	.slider-biblia {
		display: block;
	}
	
	.slider-salto-linea {
		display: none;
	}
	
	.idiomas-info-main {
		display: grid;
		flex-direction: column;
	}
	
	.idiomas-info {
		width: 100%;
		margin: 30px 0px;
	}
	
	.idiomas-info-titulo {
		text-align: center;
	}
	
	.idiomas-info-img {
		display: none;
	}
	
	.idiomas-info-img-responsive {
		display: block;
		width: 100%;
	}
	
	.sobre-profesor {
		width: 100%;
		padding: 30px 25px;
		box-sizing: border-box;
	}
	
	.faq {
		width: 100%;
		margin-right: 0px;
	}
	
	.faq-titulo {
		font-size: 24px;
	}
	
	.faq-img {
		display: none;
		width: 100%;
	}
	
	.faq-form-main {
		padding: 20px 10px;
	}
	
	.faq-form {
		width: 100%;
		margin: 20px 0px;
	}
	
	.faq-form-data {
		width: -moz-calc(100% - 55px);
		width: -webkit-calc(100% - 55px);
		width: -o-calc(100% - 55px);
		width: calc(100% - 55px);
	}
	
	.faq-pregunta, 
	.faq-respuesta {
		font-size: 14px;
	}
	
	.faq-input-izquierdo {
		width: 100%;
		margin-right: 0px;
		font-size: 14px;
	}
	
	.faq-input-derecho {
		width: 100%;
		margin-left: 0px;
		font-size: 14px;
	}
	
	.bg-faq-btn {
		width: 30px;
		height: 30px;
		margin-top: -50px;
	}
	
	.faq-btn {
		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent;
		border-left: 16px solid white;
		margin-top: 6px;
		margin-left: 8px;
	}
	
}





@media only screen and (min-width: 1px) and (max-width: 480px) {
	
	.slide-palabras {
		top: 150px;
	}
	
	.slide-palabras {
		font-size: 6vw;
	}
	
	.palabra {
		font-size: 5vw;
	}
	
	.porque-estudiar {
		width: -moz-calc(100% - 30px);
		width: -webkit-calc(100% - 30px);
		width: -o-calc(100% - 30px);
		width: calc(100% - 30px);
		margin: 30px 15px;
		box-sizing: border-box;
	}
	
	.clases-zoom-img {
		width: 100%;
		padding: 10px 0px;
	}
		
	.clases-zoom-txt {
		width: 100%;
		padding: 40px 20px;
		font-size: 20px;
	}
	
	.clases-zoom-iniciamos {
		font-size: 28px;
	}
	
	.seccion-info {
		width: -moz-calc(100% - 75px);
		width: -webkit-calc(100% - 75px);
		width: -o-calc(100% - 75px);
		width: calc(100% - 75px);
		padding: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	
	.seccion-libro-img {
		width: 200px;
	}
	
	.btn-whatsapp {
		width: 45px;
		height: 45px;
	}
	
}