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

:root {
--padding	:80px;
}

#b2 .b2-items .item .iconos {
gap: 30px;
}
#b2 .b2-items .item .iconos .icono .circulo {
width: 80px;
height: 80px;
}
#b2 .b2-items .item .iconos .icono .circulo i {
font-size: 5em;
}

}
/***************************************************************************************/
@media only screen and ( max-width: 1600px ) {
:root{
--padding	:60px;
--top		:45px!important;
}

nav ul li {
padding: 0 15px;
}

#b2 .b2-items .item {
margin-right: 50px;
}
#b2 .b2-items .item figure {
height: 100%;
}
#b2 .b2-items .item .iconos {
gap: 20px;
}
#b2 .b2-items .item .iconos .icono .circulo {
width: 70px;
height: 70px;
}
#b2 .b2-items .item .iconos .icono .circulo i {
font-size: 4.5em;
}

#b4 .b4-items .item {
width: calc((100% - 120px) / 4);
}
#b4 .b4-items .item:not(:last-child) {
margin-right: 40px;
}
#b4 .b4-items .item figure {
height: 20.5vw;
}


}
/***************************************************************************************/
@media only screen and ( max-width: 1400px ) {
:root{
--padding	:50px;
--top		:40px!important;
}

header #cont #der #triangulo {
flex: 0 0 100px;
}
nav ul li {
padding: 0 10px;
}
.sub {
flex: 0 0 150px;
}

#b1 .b1-items .item {
height: 100px;
padding: 20px 120px 20px 20px;
margin-right: 20px;
}
#b1 .b1-items .item:before {
width: 95px;
}
#b1 .b1-items .item .cont h3 {
font-size: 1.5vw;
}
#b1 .b1-items .item .icono {
top:15px;
right: 13px;
width: 70px;
height: 70px;
line-height: 80px;
}
#b1 .b1-items .item .icono i {
font-size:35px;
}

.b4-items .item {
gap:25px;
}
/*padding: 20px 150px 20px 20px;*/
.planes {
width: 100%;
}


}
/***************************************************************************************/
@media only screen and ( max-width: 1300px ) {
.tabla {
width:70%;
}
footer #cont .items {
gap: 20px;
}
footer #cont .items .item {
flex: unset;
width: 49% !important;
}
}
/***************************************************************************************/
@media only screen and ( max-width: 1200px ) {
:root{
--padding	:40px;
--top		:30px!important;
}

header #cont #logo {
flex: 0 0 150px;
margin-right:20px;
}
header #cont #der #triangulo {
flex: 0 0 70px;
}
nav ul li {
padding: 0 5px;
}
nav ul li a {
font: normal 15px / 1 var(--fuente4), "Imperial", Times, serif;
}
.sub {
flex: 0 0 120px;
}

#b4 .b4-items .item {
width: calc((100% - 60px) / 4);
}
#b4 .b4-items .item:not(:last-child) {
margin-right: 20px;
}
#b4 .b4-items .item figure {
height: 21.8vw;
}

.planes {
gap: 30px;
}
.planes .item {
padding: 50px 25px 25px 25px;
}
.planes .item .tit {
font-size: 13px;
left: 35%;
}

.contacto {
gap: 30px;
}
.contacto .l,
.contacto .r {
width:50%
}
.contacto .l .items .item .txt {
font-size: 1.1vw;
}
.contacto .campo {
width: 100%;
}

}
/***************************************************************************************/
@media only screen and ( max-width: 1000px ) {
:root{
--padding	:30px;
--altoh1	:17vw;
}

nav,
.i1,
nav ul,.flechaabajo { display:none; }
#m,
.i2,
.slicknav_menu {
display:block;
}

.sub {
right:calc(var(--padding) + 100px);
}
.sub .select {
border-radius:7.5px;
}

.base {
margin-top:5vw;
}

.sinanimacion figure .fijo .baseC .titulo {
font-size:4.2vw
}
.sinanimacion figure .fijo .baseC .cont {
font-size:2.2vw
}

article .paginas h1 {
font-size:5vw;
}
article h2 {
font: 4vw / 1 var(--fuente6), arial, Georgia, serif;
}

.tabla {
width:100%;
}

#b1 .b1-items {
display:block;
margin-top:-20px;
}
#b1 .b1-items .item {
width: 100%;
height: 80px;
float:left;
padding: 20px 100px 20px 20px;
margin-top:20px;
}
#b1 .b1-items .item:not(:last-child) {
margin-right: 0;
}
#b1 .b1-items .item:before {
width: 60px;
}
#b1 .b1-items .item .cont h3 {
font-size: 3.5vw;
}
#b1 .b1-items .item .icono {
top:15px;
right: 35px;
width: 50px;
height: 50px;
line-height: 50px;
}
#b1 .b1-items .item .icono i {
font-size:25px;
}

#b2 .b2-items {
flex-direction: column;
margin-top:-20px;
}
#b2 .b2-items .item {
width: 100%;
margin-right: 0px;
margin-top:20px;
}

#b3 .b3-items {
height: auto;
}
#b3 .b3-items .item {
width:100%;
margin-right:0px;
}
#b3 .b3-items .item:nth-child(2n) {
display:none;
}

#b4 .b4-items {
margin-top:-20px
}
#b4 .b4-items .item {
width: calc((100% - 20px) / 2);
margin-top:20px;
margin-right:20px
}
#b4 .b4-items .item:not(:last-child) {
margin-right: 20px;
}
#b4 .b4-items .item:nth-child(2n),
#b4 .b4-items .item:nth-child(4n) {
margin-right:0px
}
#b4 .b4-items .item figure {
height: 41vw;
}

.pl-ciudad h2 {
font-size:20px!important;
}
.planes {
display:block
}
.planes .item {
width:47.5%!important;
margin-right:5%;
float:left;
padding: 50px 15px 15px 15px;
}
.planes .item:nth-child(2n) {
margin-right:0;
}

.contacto .l .items .item .txt {
padding-left:10px;
font-size: 1.5vw;
}

.pagos {
width:100%;
}

.promo {
width:100%!important;
}

footer #cont .items {
gap: 10px;
}
footer #cont .items .item {
width: 48.9% !important;
}
footer #cont .items .item:nth-child(3n),
footer #cont .items .item:nth-child(4n) {
margin-top:20px
}

}
/***************************************************************************************/
@media only screen and ( max-width: 850px ) {

.promociones {
display:block;
}
.promociones .item {
width:100%;
}
.promociones .item h3 {
font-size: 3vw;
}
.promociones .item figure {
height: 50vw;
}

}
/***************************************************************************************/
@media only screen and ( max-width: 768px ) {
:root{
--padding	:20px;
--altoh1	:23vw;
--top		:20px!important;
}

.sinanimacion figure .fijo .baseC .cont {
font-size:3.2vw
}

article p {
color:var(--oscuro)!important;
line-height:1.3
}

.contacto {
display:block;
}
.contacto .l, .contacto .r {
padding: 50px;
width:100%;
}
.contacto .l .items .item .txt {
padding-left:20px;
font-size: 16px;
}

.canales .canal {
flex: 1 1 calc(25% - 20px);
}

}
/***************************************************************************************/
@media only screen and ( max-width: 655px ) {


#b1 .b1-items .item .cont h3 {
font-size: 6vw;
}

article h2 {
font: 20px / 1 var(--fuente6), arial, Georgia, serif;
}

#b3 .b3-items {
padding-top: 30px;
padding-bottom: 30px;
}
#b3 .b3-items .item h4 {
font-size: 30px;
margin-top:20px;
}

.planes .item {
width:100%!important;
padding: 50px 35px 35px 35px;
-webkit-box-shadow: rgba(2, 2, 2, .15) 0px 10px 30px 0px;
-moz-box-shadow: rgba(2,2,2,.15) 0px 10px 60px 0px;
-ms-box-shadow: rgba(2,2,2,.15) 0px 10px 60px 0px;
-o-box-shadow: rgba(2,2,2,.15) 0px 10px 60px 0px;
box-shadow: rgba(2, 2, 2, .25) 0px 10px 60px 0px;
}
.planes .item .tit {
width:45%;
left: 50%;
}

.pagos {
width:100%;;
}
.pagos .pago {
flex: 1 1 calc(100%);
}
.pagos .pago .txt {
height:100px;
}

}
/***************************************************************************************/
@media only screen and ( max-width: 500px ) {
:root{
--padding		:10px!important;
}

header .arriba .cont .a-der {
display:none
}

header #cont #logo {
flex: 0 0 100px;
margin-right: 0px;
}
header #cont #der #triangulo {
flex: 0 0 80px;
}
header #cont #der #triangulo:before {
border-top: 80px solid transparent;
border-left: 30px solid var(--blanco);
border-bottom: 0px solid transparent;
}

.slicknav_btn {
top:20px!important;
background-color: var(--color4)!important;
}
.sub {
top:40px;
right:var(--padding)!important;
}
.sub .select {
height: 30px;
background-position: right 7px top 4px;
}

.base {
margin-top:5vw;
}
.base .a-cont {
width:100%;
padding:10px;
}
.base .a-cont .titulo h4 {
font-size:4.5vw;
}
.base .a-cont .texto {
margin-top:10px;
}
.base .a-cont .texto p {
font-size:3vw;
}
.a--izq {
text-align:center;
margin-left:0;
}
.a--der {
text-align:center;
margin-right:0px;
}

.contacto .l, .contacto .r {
padding: 0px;
}
.contacto .r {
margin-top:var(--top)
}
.contacto .l .items .item .icono {
flex: 0 0 80px;
}
.contacto .r .frm .input {
width:100%
}
.contacto .l .items .item .cortar {
font-size: 14px;
}

.promociones .item .icono {
display:none;
}

footer #cont .items .item {
width: 100% !important;
}
footer #cont .items .item:nth-child(2n) {
margin-top:20px
}


footer .abajo .copy {
display:unset;
}
footer .abajo .copy .izq {
width:100%;text-align:center
}
footer .abajo .copy .der {
width:100%;
margin-top:5px;
text-align:center
}
/***************************************************************************************/
@media only screen and ( max-width: 360px ) {

#b4 .b4-items {
margin-top:-20px
}
#b4 .b4-items .item {
width: 100%;
margin-top:20px;
margin-right:0px
}
#b4 .b4-items .item:not(:last-child) {
margin-right: 0px;
}
#b4 .b4-items .item:nth-child(2n),
#b4 .b4-items .item:nth-child(3n),
#b4 .b4-items .item:nth-child(4n) {
margin-right:0px
}
#b4 .b4-items .item figure {
height: 80vw;
}

}