/******** CABEZA *******/

@media only screen and (max-width: 780px) {
.cabeza-logo{margin-top: 15px;}
.cabeza-logo img{width: 45px; height: 45px;}
}

@media only screen and (max-width: 480px) {
.logo {height: 60px;}
.cabeza-logo{margin-top: 12px;}
.cabeza-logo img{width: 35px; height: 35px;}
.wrapperStyle {margin: 19px 40px 0 10px;}
.menuMobileStyle {top: 60px;}
}


/******** MENU *******/

@media only screen and (max-width: 680px) {
.nav {display: none;}
.subllam {display: none;}
.wrapperStyle {display: block;}
}


@media(max-width: 500px) {
.menuMobileStyle {width: 100%;}

.subMenuStyleOpen {transform: translate3d(0,0,0);}

.subMenuTitle {padding: 25px 0px 25px 95px; font-size: 20px;}

.subMenuTitleIconStyle {left: 60px;}

}



/******** VIDEO *******/


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

.videod {max-height: 525px; overflow: hidden;}

}




/******** PRESENTACION *******/


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

.presentacion-tx2 {font-size: 54px; line-height: 60px;}

.presentacion-raya{margin: 10px 0 10px 0;}

.presentacion{left: 45px; margin: 0 auto 0 auto; width: 90%;}

}


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

.videod {display: none;}

.videot {display: block;}

}



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

.presentacion{position: relative; left: 0; margin: 35px auto 50px auto;}

.presentacion-tab{top: 0; transform: translateY(0);}

.presentacion-cont{width: 95%; margin: 0 auto 0 auto; }

}



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

.presentacion{margin: 35px auto 50px auto;}

.presentacion-cont{width: 310px; margin: 0 auto 0 auto; }

.presentacion-tx2 {font-size: 42px; line-height: 50px;}

.videot {display: none;}

.videom {display: block;}

}


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

.presentacion-cont{width: 90%;}

}



/******** PROMO *******/

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

.promo {height: 150px;}

.promo-tx1 {margin-left: 90px; font-size: 30px; line-height: 40px;}

.promo-content-td{background: transparent url(../im/Raya-fina.jpg) no-repeat 0 20px; }

}


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

.promo-tx1 {margin-left: 30px;}

.promo-content-td{background: transparent url(../im/Raya-fina.jpg) no-repeat -60px 20px; }

}



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

.promo-corte1 {display: none;}

.promo-corte2 {display: block;}

.promo-tx1 {margin-left: 30px; font-size: 26px; line-height: 32px;}

.promo-esp1 {margin-left: 60px;}

.promo-esp2 {margin-left: 30px;}

}








/******** PLANES *******/

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

.planes {width: 700px;}

.planes-fotos li{float: none;}

.planes-fotos-f1 {width: 700px; height: auto;}

.planes-fotos-f1 li{display: table; width: 350px; float: left;}

.planes-fotos-f2 {width: 700px; height: auto;}

.planes-fotos-f2 li{width: 350px; float: right; text-align: right;}

.planes-fotos-f3 {width: 700px; height: auto;}

.planes-fotos-f3 li{width: 350px; float: left;}

.planes-fotos-txcont-izq{display: table; margin: 0 0 0 30px;}

.planes-fotos-txcont-der{display: table; margin: 0 30px 0 0;}

.planes-fotos-titulo{font-size: 24px; margin: 30px 0 15px 0;}

.planes-fotos-enc{position: relative; margin: 20px 0 0 0;}

.planes-fotos-enc-der{position: absolute; margin-left: 170px;}

.planes-fotos-tx{font-size: 16px;}

.planes-margen{height: 70px;}

}


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

.planes {width: 350px;}

.planes-fotos-f1 {width: 350px;}

.planes-fotos-f1 li{float: none;}

.planes-fotos-f2 {width: 350px;}

.planes-fotos-f2 li{float: none; text-align: left;}

.planes-fotos-f3 {width: 350px;}

.planes-fotos-f3 li{float: none;}

.planes-fotos-txcont-izq{margin: 0 0 40px 0;}

.planes-fotos-txcont-der{margin: 0 0 40px 0;}

.planes-fotos-titulo{margin: 20px 0 15px 0;}

.planes-fotos-enc{position: relative; margin: 20px 0 0 0;}

.planes-fotos-enc-der{position: relative; margin-left: 0;}

.planes-margen{height: 20px;}

}


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

.planes-titulo {margin: 40px auto 45px auto; font-size: 34px; line-height: 40px;}

.planes {width: 290px;}

.planes-fotos-f1 {width: 290px;}

.planes-fotos-f1 li{width: 100%;}

.planes-fotos-f2 {width: 290px;}

.planes-fotos-f2 li{width: 100%;}

.planes-fotos-f3 {width: 290px;}

.planes-fotos-f3 li{width: 100%;}

}


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

.planes {width: 95%;}

.planes-fotos-f1 {width: 95%;}

.planes-fotos-f2 {width: 95%;}

.planes-fotos-f3 {width: 95%;}

}





/******** AHORRA *******/

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

.ahorra {
background: transparent url(../im/Ahorra.jpg) no-repeat 30% center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.ahorra-cont{float: right; text-align: right; margin: 0; margin-right: 45px;}

.ahorra-tx2{float: right;}

}


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

.ahorra {height: 330px;
background: transparent url(../im/Ahorra.jpg) no-repeat 20% center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.ahorra-cont{float: right; text-align: right; margin: 0; margin-right: 45px;}

.ahorra-tx1{width: 450px; font-size: 38px; line-height: 45px;}

.ahorra-tx2{width: 400px; font-size: 22px; line-height: 28px; margin: 18px auto 0 auto;}

}


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

.ahorra {
background: transparent url(../im/Ahorra.jpg) no-repeat 30% center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

}


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

.ahorra-tx-cont{vertical-align: top;}

.ahorra-tx1{width: 450px; font-size: 38px; line-height: 45px; margin-top: 20px;}

.ahorra-tx2{display: none;}

.ahorra-tx3{display: block;}

}


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

.ahorra {
background: transparent url(../im/Ahorra.jpg) no-repeat 20% center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.ahorra-tx1{font-size: 30px; line-height: 40px; width: 200px;}

}


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

.ahorra {
background: transparent url(../im/Ahorra.jpg) no-repeat 23% center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.ahorra-cont{margin-right: 20px;}

}



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

.ahorra-cont{margin-right: 10px;}

}



/******** PRIMERA *******/

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

.primera {width: 880px;}

.primera-cont{width: 450px;}

}



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

.primera {width: 410px; margin: 70px auto 60px auto;}

.primera li{float: none;}

.primera-cont{display: block; width: 100%; height: auto; text-align: center; margin-bottom: 60px;}

.primera-tx1{width: 100%; font-size: 32px; line-height: 42px;}

.primera-tx2{font-size: 22px; line-height: 32px; margin: 10px 0 0 0;}

.primera-tabla{width: 410px;}

}


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

.primera {width: 295px; margin: 70px auto 40px auto;}

.primera-cont{width: 80%; margin: 0 auto 40px auto;}

.primera-tx1{font-size: 28px; line-height: 32px;}

.primera-tx2{font-size: 18px; line-height: 24px; font-weight: 100; margin: 5px 0 0 0;}

.primera-tabla{width: 295px;}

.primera-tabla-titulo{font-size: 20px; line-height: 22px;}

.primera-tabla-parrafo{font-size: 16px; line-height: 22px; margin: 2px auto 25px auto;}

}

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

.primera {width: 95%;}

.primera-cont{width: 95%;}

.primera-tabla{width: 95%;}

}




/******** REALIDAD *******/

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

.realidad-tx1 {font-size: 32px; line-height: 40px;}

.realidad-tx2 {font-size: 22px; line-height: 30px; font-weight: 200;}

.realidad-lista {margin: 50px auto 30px auto;}


.realidad-lista {width: 500px;}
.realidad-lista li{width: 95%; max-width: 250px; height: 350px;}

}

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

.realidad-tx1 {font-size: 28px; line-height: 35px; margin: 50px auto 0 auto;}

.realidad-tx2 {font-size: 16px; line-height: 24px; font-weight: 100;}

.realidad-lista {width: 95%; max-width: 250px;}

.realidad-lista li{height: 260px;}

.realidad-lista img{width: 110px;}

.realidad-titulos{width: 100%; font-size: 16px; margin: 10px auto 0 auto;}

.realidad-tipo{width: 100%; font-size: 16px; font-weight: 100; margin: 5px auto 0 auto;}

}




/******** CIERRE *******/

@media only screen and (max-width: 1200px) {
.cierre-titular{margin: 40px auto 20px auto;}
.cierre-titular-rompe{display: block;}
.cierre-texto{margin: 65px auto 20px auto;}
}

@media only screen and (max-width: 1100px) {
.cierre-banner{height: 320px;}	
}

@media only screen and (max-width: 800px) {
.cierre-banner{background: transparent url(../im/familia2.jpg) no-repeat center 20%;
-webkit-background-size: 800px;
-moz-background-size: 800px;
-o-background-size: 800px;
background-size: 800px;}
.cierre-rompe{height: 10px;}	
}

@media only screen and (max-width: 490px) {
.cierre-titular{margin: 40px auto 0 auto; line-height: 30px; font-size: 28px !important;}
.cierre-texto{margin: 0 auto 20px auto;}
}



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

/******** BOTONES MEDIO *******/

.botones-medio{display: table; margin: 0 auto 70px auto;}
}





/******** PIE *******/

@media only screen and (max-width: 880px) {
.pie-azul-logo1 {display: none;}
.pie-azul-logo2 {display: block; padding: 0 0 10px 0;}
.pie-azul-texto{float: none; display: table;}
}

@media only screen and (max-width: 720px) {
.pie-azul-enlaces {display: table; float: none; margin: 0 auto 0 auto;}
.pie-azul-copy {float: none; margin-top: 3px; text-align: center;}
.sep2{display: none;}
}

@media only screen and (max-width: 360px) {
.pie-azul-enlaces a{font-size: 12px; letter-spacing: 0;}
.pie-azul-copy {letter-spacing: 0;}
}



/******** COOKIES *******/


@media only screen and (max-width: 770px) {
.cookies{position: fixed; top: 0; display: table; z-index: 500;}
.cookies-href{margin: 30px 0 30px 0;}
.cookies-top{display: block;}
.cookies-bottom{display: none;}
.cookies-lista {display: block; margin: 20px auto 20px auto;}
.cookies-lista li{float: none; text-align:center;}
.cookies-lista li form{margin-top: 0px;}
}

@media only screen and (max-width: 400px) {
.cookies-btn{width: 100px;}
}




/******** CTAS *******/

@media only screen and (max-width: 770px) {
.ctas{display: block;}
.ctas-bottom{display: block;}
}

@media only screen and (max-width: 500px) {
.ctas-form {width: 100%;}
.ctas-href{width: 328px;}
.btn-axa-ctas {font-size: 13px; padding: 0 10px 0 10px; letter-spacing: normal;}
.btn-ghost-azul{font-size: 13px; letter-spacing: normal; margin: 0;}
.btn-ghost-azul span{padding: 0 7px 0 7px;}
.btn-axa-ctas-href {display: table; float: left; font-size: 13px; padding: 15px 12px 10px 12px; height: 18px; letter-spacing: normal; margin: 0 10px 0 0;}
.btn-ghost-azul-href{font-size: 13px; letter-spacing: normal; margin-left: -10px;}
.btn-ghost-azul-href span{padding: 0 10px 0 10px;}
}


@media only screen and (max-width: 350px) {
.ctas-rompe{display: block; line-height: 3px;}
.btn-ghost-azul span{display: inherit; padding: 5px 5px 0 5px;}
.btn-ghost-azul img{ margin-top: -20px;}
}

@media only screen and (max-width: 240px) {
.btn-ghost-azul{margin-top: 10px;}
}

@media only screen and (max-width: 1024px) {
	.nav-stroke{
		display: none !important;
	}
}