/* Exclaire - Personal Life Coach HTML5 Template */
/*@media (min-width:1570px){
	.container {
	    width: 1570px;
	}
}*/
@media only screen and (max-width: 1023px){

}

@media only screen and (max-width: 1460px){
	header nav a{font-size: 14px;}
}

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

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

	header{display: none;}
	.movil{display: block;}
	#header-movil{
		padding: 20px 30px;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		background: white;
		z-index: 999;
		transform: translate3d(0px, 0px, 0px);
		transition:all 0.5s ease;
		-moz-transition:all 0.5s ease;
		-webkit-transition:all 0.5s ease;
		-ms-transition:all 0.5s ease;
		-o-transition:all 0.5s ease;
	}
	#header-movil.sticky{
		transform: translate3d(0px, -130px, 0px);
	}
	#header-movil img{height: 50px;}
	.list-links{
		width: 100%;
		height: 0;
		overflow: hidden;
		transition:all 0.5s ease;
		-moz-transition:all 0.5s ease;
		-webkit-transition:all 0.5s ease;
		-ms-transition:all 0.5s ease;
		-o-transition:all 0.5s ease;
	}
	.list-links div{
		padding: 15px;
	}
	.list-links i{
		padding: 0 10px;
	}
	.list-links.open{
		height: 250px;
	}
	.menu-icon{
		font-size: 30px;
    line-height: 50px;
		cursor: pointer;
	}
	#inicio{padding-top: 0px;}

	.boxes{display: block;}
	.info-box{position: relative;padding: 40px 0;}
	.box{
		width: 100%;
    max-height: none;
    height: auto !important;
    min-height: 80vw;
	}
	.right{position: relative;}
	#acerca{
		height: 50vh;
		min-height: 400px;
	}
	.box-acerca{
		top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 90%;
	}
	#contacto .info-box{
		position: relative;
		padding: 30px 0;
	}
	footer{text-align: center;padding: 40px 0 50px;}
	.link-footer {
    display: block;
    width: 100%;
    text-align: center;
    padding: 5px;
	}
	footer .redes-sociales{display: inline-block !important;width: auto !important;}
	.center-movile{text-align: center;display: block;}
	#whatsapp-movile{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 50%;
		height: 40px;
		text-align: center;
		z-index: 999;
		background: #4caf50;
		padding: 10px;
	}
	#whatsapp-movile a{
		color: white;
		line-height: 20px;
    	font-size: 12px;
	}
	#contacto-iconos{
		display: block;
	    bottom: 0;
	    top: auto;
	    right: 0;
	    padding: 6px 0px;
	    width: 50%;
	    background: white;
	}
	#contacto-iconos a{padding: 0 10px;}
}
@media only screen and (max-width: 800px){
	/*.info-box{position: relative;padding: 30px 0;width: 100%;}
	.slotholder{position: relative;}
	.slotholder:before{
		content: "";
		background: red;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100%;
	}*/
	.banner-web{display: none !important;}
	.banner-movil{display: block !important;}
/*	.slotholder:after{
		content: " ";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(255, 255, 255, 0.5);
	}*/
	.main-slider h1{font-size: 25px !important;line-height: 25px !important;margin-bottom: 30px;}
	.main-slider h2 {
	    font-size: 16px !important;
	    line-height: 20px !important;
	}
	.main-slider .btn div{
		padding: 8px 12px !important;
		font-size: 15px !important;
	}
	/*.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption{left: 5% !important;}*/
}
@media only screen and (max-width: 599px){
	#acerca{height: 40%; padding: 20px 0; min-height: auto;}
	.box-acerca{position: relative;}
	.content-popup{width: 90%;height: 90vh;
    overflow: scroll;}
	#close-popup{top: 10px;right: 10px;}
	.info-box{width: 90%;}
	#contacto-iconos a{padding: 0 15px; font-size: 19px;}
	.icon-partner{display: inline-block; margin-left: 5px;}
	.google{width: 25px;}
	#whatsapp-movile{padding: 10px 0; bottom: 45px; width: 100%; height: 45px;}
	#whatsapp-movile a{font-size: 15px;}
	#contacto-iconos{padding: 10px 0; width: 100%;}
	footer{padding-bottom: 90px;}
	#acerca-box-desktop{display: none;}
	#acerca-mobile{display: block;}
	.b-a-mobile{background: #f2f2f2; width: 100%;}
	.btn-slide{line-height: normal!important; padding: 7px 40px !important;}
	.square-costs{margin: 60px 15px 0;}
	.package-list-details{margin-left: 6%;}
	.h2, h2{font-size: 22px;}
	.flex-footer{display: block;}
	.footer-left{text-align: center; margin-bottom: 20px;}
	.footer-center{text-align: center; margin-bottom: 20px;}
	.footer-right{text-align: center;}
	.bdr-1{border-bottom: 0px;}
	#contacto{border-top: 1px solid #acc90d;}
	.ptb-80{padding: 50px 0;}
	.whats-movil{position: fixed; bottom: 0; background: #25d366; padding: 15px 0; width: 100%; text-align: center; font-size: 16px; display: flex; align-items: center;}
}

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

}