@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 360px){
	.main-tittle-box h1{
		font-size: 45px;
		line-height: 39px;
	}
}

@media screen and (min-width : 640px){
	.main-tittle-box h1{
		font-size: 70px;
		line-height: 63px;
	}
	footer article{
		padding: 100px 0px 50px;
	}
	.company{
		width: 50%;
	}
	.company p{
		padding: 10px 90px 10px 20px;
	}
	.list-art{
		width: 25%;
	}
}
@media screen and (min-width: 768px){
	.menu-container-mobile{
		display: block;
		max-width: 450px;
		visibility: visible;
	}
	.menu-container{
		display: block;
		max-width: 600px;
		visibility: visible;
	}
	.title-left{
		background-image: url(../img/logos-nosotros.png);
		background-repeat:no-repeat;
		background-position:right top;

	}
	.main-tittle-box h1{
		font-size: 82px;
		line-height: 74px;
	}
	.main-tittle-box p{
		font-size: 26px;
		line-height: 31px;
	}
	.high-l-title,
	.high-l-title-blue{
		float: left;
		margin: 0px;
		width: 40%;
	}
	.high-l-title h2 {
	    text-align: right;
	}
	.high-l-text,
	.high-l-text-blue{
		float: left;
		margin: 0px;
		width: 60%;
	}
	.high-l-text p {
	    text-align: left;
	}
	.text-container p {
	    font-size: 18px;
	    line-height: 28px;
	}
	/*.title-left{
		float: left;
		width: 25%;
	}
	.text-right{
		float: right;
		width: 75%;
	}
	.title-section span:after {
	    top:79px;
	}*/
	.middle{
		font-size: 23px !important;
		line-height: 33px !important;
	}
	/*.middle:after {
	    content: "";
	    display: block;
	    margin: 0px;
	    width: 1px;
	    height: 200px;
		border-left: 2px solid #42A8E2;
		text-align: left;
		position: absolute;
		top: 40px;
		left: 10px;
	}*/
	.title-stripe-head{
		font-size: 4em;
	}	
	.title-stripe{
		font-size: 1.8em;
		line-height: 1.65em;
	}
	.video-container{
		float: left;
		width: 50%;
	}
	.lista-asesores{
		float: left;
		margin: 30px 0px;
		width: 50%;
	}
}
@media screen and (min-width: 800px){
}
@media screen and (min-width: 1024px){
	.menu-container{
		max-width: 800px;
	}
	.menu-container-mobile{
		margin: 0px auto;
		max-width: 600px;
	}
	.ubicacion{
		height: 60%;
	}
	.info-contact-container:after {
	    right: -500px;
	    top: 0px;
	    border-right: 500px solid transparent;
	    border-top: 500px solid #F5F5F5;
	    content: "";
	    width: 1px;
	    position: absolute;
	}
	.info-contact-container{
		height: 100%;
		left: 0px;
		top: 0px;
		width: 300px;
	}
	.title-section-contact {
	    font-size: 23px;
	}
	.inner-contact{
	    padding-top: 30px; 
	}
	.inner-contact li {
	    font-size: 21px;
	}
	.asesores{
	    display:block;
	    float: left;
	    font-size: 23px;
	    line-height: 23px;
	    padding: 6px 0px;
	}
	.oficina{
	    font-size: 23px;
	    line-height: 23px;
	    padding: 6px 0px;
	}
	


}
@media screen and (min-width: 1030px){
	
	.menu-container-mobile{
		margin: 0px auto;
		max-width: 800px;
	}
}