/*RESPONSIVE 320-480*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .space{display:none !important;}
  .header_img img{
      width: 100%!important;
      height: 200px;
  }
  .body_img{
      margin: 90px auto 0!important;
      width: 100% !important;
      left: 0;
      text-align: center;
  }
  .body_img img{
      height: 200px!important;
      width: 90% !important;
      border-radius: 40px;
      object-fit: cover;
  }
  .title{
    padding: 30px 0px!important;
    width: 90%!important;
    margin: 0 auto !important;
    font-size: 30px;
  }
    #header_vh .logo{padding:15px 0 !important;}
  #header_vh .gif img{height: 350px !important;}  
  #header_vh .logo img{ width: 150px !important;}
  .descrip_1, .descrip_2, .puntos, .dscrp-tp{
    font-size: 20px;
    padding: 0 0px 20px!important;
    width: 90% !important;
    margin: 0 auto !important;
  }
  .dscrp-tp{padding: 0 20px 50px!important}
  .formulario form{ 
    padding: 30px 0px 50px;
    width: 90% !important;
    margin: 0 auto !important;
  }
  #redes_group{
    padding:0 0 30px;
    width: 90%;
    margin: 0 auto
  }
  .logo_footer{
    padding: 0;
  }
  .social-media{
    padding: 0;
    text-align: center;
  }
  #group_img{height: 450px;}
  .imagen_fondo img{ height: 400px; }
  .title_img{
    width: 90%!important;
    margin: 0 auto!important;
    font-size: 30px;
  }
  .title_img .hs_cos_wrapper{width: 100%;}
  .dscrp_img{
     width: 90% !important;
     margin: 0 auto !important;
     padding: 0 0 20px;
     font-size: 23px;
  }
  .cta_btn{
     width: 100% !important;
     margin: 0 auto !important;
  }
  .copyright{ text-align:center; }
  .logo_footer img{ width: 115px; }
} 
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .title_img{ padding: 0px 0 25px; !important }
  .body_img{ margin: 110px auto 0!important; }
  .body_img img{ width: 280px!important; }
}

/*RESPONSIVE 768-TABLET*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .header_img img{
      width: 100%!important;
      height: 400px;
  }
  .body_img{
      margin: 175px auto 0!important;
      width: 100% !important;
      left: 0px;
      text-align: center;
      right: 0;
  }
  .img-header-tp img{margin-left: 12px !important;}
  .body_img img{
      height: 300px!important;
      width: 90% !important;
      border-radius: 40px;
  }
  .title{
    padding: 0px!important;
    font-size: 35px;
  }
  .descrip_1, .descrip_2, .puntos, .dscrp-tp{
    font-size: 20px;
    padding:40px 0 0!important;
  }
  .dscrp-tp{padding: 40px 0px 50px!important}
  .formulario form{ 
    padding: 50px 0px;
  }
  .social-media{padding: 0 0px 15px;}
  .title_img{
      font-size: 35px;
      padding: 0px 50px 20px;
  }
  .title_img .hs_cos_wrapper{width: 100%;}
  .dscrp_img{
     padding: 0 0 30px;
     font-size: 30px;
  }
  .logo_footer{padding:15px 0}
  .copyright{
    font-size: 26px;
    padding: 0 20px;
  }
}

/*RESPONSIVE LANDINGS TAOS*/
@media only screen and (max-width: 1300px) {
  #formulario-taos .formulario .hs_recaptcha{
      float: inherit;
      padding-top: 20px;
      text-align: center;
      width: 100%;
  }
  #formulario-taos .formulario .hs_recaptcha .grecaptcha-badge{margin: 0 auto !important;}
  #formulario-taos .formulario .hs-submit{
      float: inherit;
      padding-top: 20px;
      text-align: center;
      width: 100%;
  }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  #header-taos .logo img{width: 100px;}
  #formulario-taos .formulario form{
    padding: 20px 0;
  }
  #formulario-taos .formulario form .hs-fieldtype-radio .input ul li{
      width: 100%;
      float: inherit !important;
      padding-right: 0 !important;
      padding-left: 0 !important;
  }
  #body-taos .tit-gris{
      line-height: 38px;
      font-size: 30px;
      width: 90%;
      margin: 0 auto;
      text-align: center;
  }
  #carrusel-taos .descrip-taos{
      font-size: 18px;
      line-height: 26px;
      width: 90%;
      margin: 0 auto;
      text-align: justify;
  }
  #carrusel-taos .carrusel .hs-testimonial figure{
      height: 300px!important;
  }
  #body-taos #punto-taos{
      padding-left: 5%;
      position: relative;
      padding-right: 5%;
  }
  #body-taos #punto-taos .info{padding:0 !important; height: auto !important;}
  #body-taos #punto-taos .img img{
      height: 300px!important;
      padding-bottom: 30px
  }
  #body-taos #punto-taos .img1:after{
      background: #3b84f7;
      content: "";
      margin-top: -40px;
      padding: 12px 50px;
      position: absolute;
      right: 5%;
      z-index: -1;
  }
  #body-taos .taos-flex .row-fluid-wrapper .row-fluid{
      display: flex !important;
      flex-direction: column-reverse !important;
  }
  #body-taos .imgcarro:before{
      background: #3b84f7;
      content: "";
      left: 0;
      padding: 30px 50px;
      position: absolute;
      top: 38%;
      z-index: -1;
  }
  #body-taos #punto-taos .img4:before{
      background: #3b84f7;
      bottom: 12px;
      content: "";
      left: 5%;
      padding: 10px 50px;
      position: absolute;
      z-index: -1;
  }
  #carrusel-taos .carrusel .slick-next{
      right: 12%;
  }
  #carrusel-taos .carrusel .slick-prev{
      left: 70%;
  }
  #footer-taos .redesgroup .redes-txt{
      line-height: 30px;
      text-align: center;
      font-size: 22px;
  }
  #footer-taos .redesgroup .direccion{
      font-size: 20px;
      text-align: center;
  }
  #taos3 .imagen-form{
      position: relative;
      width: 90%;
      margin: 0 auto;
      padding-top: 50px !important;
  }
  #taos3 .imagen-form img{
      height: 400px!important;
  }
  #taos3 .tit-gris{
      font-size: 30px;
      line-height: 45px;
      width: 90%;
      margin: 0 auto;
  }
  #taos3 .datostxt{
      font-size: 20px;
      width: 90%;
      margin: 0 auto;
  }
  #taos3 .imagen-form:after{
      left: 20px;
  }
  #footer-taos #redessociales .row-fluid {
      display: flex;
      text-align: center;
      justify-content: center;
  }  
  #footer-taos .redesgroup img {
      width: 40px;
      padding-left: 10px;
  }
  #formulario-taos .formulario{
      padding-bottom: 10px !important;
   } 
  .carrusel-taos2 .selecciona-asesor{
      font-size: 23px;
      line-height: 30px;
  }
  .carrusel-taos2 .carrusel .slick-list .prevdiv {
      margin: 0;
  }
  .carrusel-taos2 .carrusel .slick-list .slick-slide {
      transform: inherit;
  }
  .carrusel-taos2 .carrusel .slick-list .nextdiv {
      margin-left: 0;
      z-index: 0;
  }
  .carrusel-taos2 .carrusel .slick-list {
     padding:0 !important;
  }

.carrusel-taos2 .carrusel .slick-list .slick-slide.nextdiv{
    margin-left: 0 !important;
    z-index: 0;
  transform: scale(1) !important;
}

.carrusel-taos2 .carrusel .slick-list .slick-slide.prevdiv{
    transform: scale(1) !important;
    left: 0!important;
}
  
  .carrusel-taos2 .carrusel .slick-list .slick-active{
      box-shadow: 0 0.25em 2em -0.5em rgb(29 29 31 / 30%);
      margin-left: 0!important;
      margin-right: 0!important;
      position: relative;
      transform: scale(1);
      transition: all .2s ease-in-out;
      z-index: 5!important;
      padding: 0;
      margin: 0 !important;
  }
  .carrusel-taos2 .carrusel .hs-testimonial figure {
      border-radius: 0!important;
      height: 350px!important;
      width: 90%!important;
      margin-top: 20px;
  }
  .carrusel-taos2 .carrusel .slick-prev {
      left: 68%;
      top: 105%;
  }
  .carrusel-taos2 .carrusel .slick-next {
      right: 17%;
      top: 105%;
  }
  .carrusel-taos2 .tit-gris {
      font-size: 60px!important;
      line-height: 50px!important;
      margin-top: 10px;
  }
  .carrusel-taos2{
      margin-top: -80px;
  }
  .carrusel-taos2 .carrusel .hs-testimonial blockquote .enlace{
      width: 90%;
      margin: 30px auto 0;
  }
  .cuadro-negro{
    background: url(https://info.continentalmotores.com/hubfs/taos%20negro-svg-respons.svg) !important;
    background-size: 98% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    height: 500px !important;
    margin: 0 auto;
    padding: 0;
    position: relative;
  }
  .cuadro-negro .info{
    bottom: 0px;
    position: absolute;
    text-align: center;
    padding: 0 3% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {

  #body-taos #punto-taos .tit-gris{
    width: 75%;
  }
  #body-taos #punto-taos .img img{
    height: 300px!important;
  }
  #body-taos #punto-taos .info {
    height: 350px;
  }
  .cuadro-negro{
      height: 300px !important;
  }
  #body-taos .tit-gris{
      font-size: 40px;
      line-height: 37px;
  }
  #body-taos .descrip-taos{
      font-size: 13px;
  }
  #carrusel-taos .descrip-taos {
      font-size: 15px;
      width: 70%;
  }
  #carrusel-taos .carrusel .hs-testimonial figure{
      height: 250px!important;
  }
  #carrusel-taos .carrusel .slick-prev {
    left: 85%;
  }
  #formulario-taos .formulario form {
    margin: 0 auto;
    width: 75%;
  }
  #footer-taos .redesgroup .redes-txt {
    font-size: 30px;
  }
  #footer-taos .redesgroup img {
    width: 100px;
  }
  #footer-taos .redesgroup .direccion, #footer-taos .redesgroup .direccion a {
    font-size: 20px;
  }
  #footer-taos .footerlogo img {
    height: auto;
    width: 150px;
  }
  #header-taos .logo img {
    width: 150px;
  }
  .carrusel-taos2 .carrusel .slick-list {
     padding:0 100px !important;
  }
  .carrusel-taos2 .carrusel .slick-list .slick-active{
      box-shadow: 0 0.25em 2em -0.5em rgb(29 29 31 / 30%);
      margin-left: 0!important;
      margin-right: 0!important;
      position: relative;
      transform: scale(1);
      transition: all .2s ease-in-out;
      z-index: 5!important;
      padding: 0;
      margin: 0 !important;
  }
  .carrusel-taos2 .carrusel .hs-testimonial {
     display: flex !important;
     flex-direction: column;
  }
  .carrusel-taos2 .carrusel .hs-testimonial figure {
      border-radius: 0!important;
      height: 350px!important;
      width: 100%!important;
      margin: 20px 0 10px;
  }
  .carrusel-taos2 .tit-gris {
      font-size: 50px!important;
      line-height: 50px!important;
      margin-top: 10px;
  }
  .carrusel-taos2{
      margin-top: -80px;
  }
  .carrusel-taos2 .carrusel .hs-testimonial blockquote .enlace{
      width: 90%;
      margin: 30px auto 0;
  }
  .carrusel-taos2 .carrusel .slick-prev {
    left: 12%;
    top: 98%;
  }
  .carrusel-taos2 .carrusel .slick-next {
    right: 12%;
    top: 98%;
  }
  .carrusel-taos2 .selecciona-asesor {
    font-size: 25px;
    line-height: 28px;
  }
  .cuadro-negro .info .tit-gris{
    width: 110% !important;
    font-size: 26px !important;
    line-height: 0 !important;
  }
  .cuadro-negro .info .descrip-taos{
      margin-top: -15px !important;
      font-size: 13px !important;
      line-height: 21px !important;
  }
  .cuadro-negro .info{
      padding-right: 3% !important;
      padding-left: 7% !important;
      padding-top: 3% !important;
  }
}
  
  
  
/**********LANDING AMAROK**************/
@media only screen and (min-width: 320px) and (max-width: 767px) {
  #header_vh .nombre{
    font-size: 75px !important;
  }
  #header_vh .descubre{
    font-size: 25px !important;
  }
  #header_vh .flechas{
    padding: 25px 0 30px !important;
  }
  #Banner_vh .exterior{
    font-size: 15px !important;
    padding: 0 5% !important;
  }
  #Banner_vh .desafia p{
    padding: 15px 25px !important;
    width: 75% !important;
  }
  #Banner_vh .desafia p span{
    font-size: 15px !important;
  }
  #info_vh .detalles p{
    padding: 100px 0 33px !important;
    width: 90% !important;
    font-size: 25px !important;
  }
  #punto-amarok{
      width: 90% !important;
      margin: 0 auto 20px !important;
  }
  #punto-amarok .img img{
      height: 300px !important;
  }
  #punto-amarok .tit, #puntoapp .tit{font-size: 35px !important;}
  #punto-amarok .descrip, #puntoapp .descrip{
      font-size: 15px !important;
      height: 280px !important;
      line-height: 25px !important;
  }
  #punto-amarok .descrip  p, #puntoapp .descrip p{
      font-size: 18px !important;
  }
  #info_vh .entretenimiento{font-size: 40px !important;}
  #info_vh .viajes p{
    font-size: 20px !important;
    line-height: 28px !important;
    padding: 20px 0 35px !important;
    width: 90% !important;
  }
  #puntoapp .img img{height: 200px!important;}
  #puntoapp{
    width: 90% !important;
    margin: -20% auto 0 !important;
  }
  #cotiza_vh .cotiza-amarok-txt, #cotiza_vh .cotiza-amarok-txt a{
    top: 67% !important;
    margin: 0 auto !important;
    width: 100% !important;
  }
  #cotiza_vh .cotiza-amarok-txt p{
    font-size: 28px !important; 
  }
  #footeroct .especificaciones{
    font-size: 20px !important;
    letter-spacing: 0 !important;
    line-height: 26px !important;
    padding: 10px 10px 20px !important;
    text-align: center !important;
  }
  #footeroct .copyright2{
    font-size: 30px !important;
    line-height: 40px !important;
    text-align: center !important;
  }
  #footeroct .redes .social-media{
      padding: 30px 0 30px !important;
      text-align: center !important;
  }
  #footeroct .img {
    margin-left: 0 !important;
    text-align: center !important;
    margin-top: -15px !important;
  }
  #footeroct .row-fluid{
    display: flex !important;
    flex-direction: column-reverse !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #Banner_vh .exterior{
      font-size: 37px !important;
      padding: 0px 3% !important;
  }
  #Banner_vh .desafia p span{
      font-size: 30px !important;
  }
  #Banner_vh .desafia p{width: 70% !important;}
  #info_vh .detalles p {
    color: #fff;
    padding: 190px 0 80px !important;
    width: 80% !important;
    font-size: 50px !important;
  }
  #punto-amarok .img img{
      height: 200px!important;
  }
  #punto-amarok .tit, #puntoapp .tit{font-size: 30px !important;}
  #punto-amarok .descrip, #puntoapp .descrip{
      font-size: 13px !important;
      line-height: 22px !important;
  }
   #punto-amarok .descrip{
     height: 400px !important;
     line-height: 32px !important;
     margin: -20px 0 0 !important;
     padding: 0 20px 25px !important;
  }
  #punto-amarok .descrip p, #puntoapp .descrip p{
      font-size: 16px !important;
      line-height: 22px !important;
  }
  #info_vh .entretenimiento{
      font-size: 65px !important;
  } 
  #info_vh .viajes p{
      font-size: 35px !important;
      line-height: 42px !important;
      margin: 0 auto !important;
      padding: 25px 0 50px !important;
  }
  #puntoapp .descrip{height: 225px !important;}
  #puntoapp .img img{height: 304px !important ;} 
  #cotiza_vh .cotiza-amarok-txt p, #cotiza_vh .cotiza-amarok-txt a {
      font-size: 60px !important;
  }
  #footeroct .especificaciones {
    color: #00afef;
    font-family: VW Head;
    font-size: 13px !important;
    letter-spacing: 0 !important;
    line-height: 20px !important;
    padding: 0px 0 10px !important;
  }
  #footeroct .copyright2{
    font-size: 18px !important;
  }
  #footeroct .redes .social-media {
    padding: 30px 0 5px !important;
    text-align: left;
  } 
  #footeroct .img img {
    width: 47% !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1350px) {
  #punto-amarok .descrip, #puntoapp .descrip{height: 250px !important;}
  #Banner_vh .desafia p{
      width: 60% !important;
  }
  #Banner_vh .exterior{
      font-size: 44px !important;    padding: 0 7% !important;
  }
  #punto-amarok .descrip, #puntoapp .descrip{
      font-size: 18px !important;
      line-height: 19px !important;
  }
  #punto-amarok .tit, #puntoapp .tit{
      font-size: 28px !important;
  }
  #info_vh .detalles p{
    width: 70% !important;
    padding: 100px 0 65px !important;
  }
}
@media only screen and (min-width: 1351px) and (max-width: 1500px) {
  #Banner_vh .desafia p{
      width: 50% !important;
  }
  #Banner_vh .desafia{top: 85% !important;}
}
/**********LANDING TIGUAN**************/
@media only screen and (min-width: 320px) and (max-width: 767px) {
  #Banner_vh .familia{font-size: 45px !important;}
  #Banner_vh .viajes{padding: 0 2% !important; line-height: 40px !important; font-size: 30px !important;}
  #punto-amarok .img-tiguan img{    height: 200px!important;}
  #punto-amarok .tit-tiguan{font-size: 25px !important; padding: 25px 7px 20px !important;}
  #punto-amarok .tit-text{font-size: 25px !important; padding: 25px 0px 120px !important;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #Banner_vh .viajes{padding: 0 12% !important; line-height: 40px !important; font-size: 30px !important;}
  #punto-amarok .img-tiguan img {height: 150px!important;}
  #punto-amarok .tit-tiguan{font-size: 20px !important; padding: 25px 8px 20px !important; line-height: 26px !important;}
  #punto-amarok .tit-tiguan span div span{font-size: 16px !important;}
  #punto-amarok .des-tiguan p{font-size: 13px !important; line-height: 12px !important;}
  #punto-amarok .tit-tiguan{
      font-size: 15px !important;
      line-height: 15px !important;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  #punto-amarok .des-tiguan p{
    font-size: 13px !important;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1360px) {
  #punto-amarok .tit-tiguan, #punto-amarok .tit-tiguan span{
      font-size: 21px !important;
      line-height: 20px !important;
  }
}
@media only screen and (min-width: 1205px) and (max-width: 1400px) {
  #punto-amarok .des-tiguan p{
    font-size: 15px !important;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1300px) {
  #punto-amarok .des-tera{min-height:230px !important;}
  #punto-amarok .des-tera span p{
      font-size: 13px !important;
  }
  #cotiza_vh .cotiza-teramont {
      line-height: 55px !important;
      top: 80% !important;
  }
  #cotiza_vh .cotiza-teramont p{font-size:0 !important;}
  #cotiza_vh .cotiza-teramont p span{
    font-size: 50px !important;
    line-height: 0 !important;
  }
  
}
@media only screen and (min-width: 1290px) and (max-width: 1440px) {
#punto-amarok .des-tera{min-height:172px !important;}
#punto-amarok .des-tiguan{min-height:190px !important;}
}
@media only screen and (min-width: 1301px) and (max-width: 1440px) {
  #punto-amarok .des-tera span p{
      font-size: 18px !important;
      line-height: 19px;
  }
  #cotiza_vh .cotiza-teramont {
      line-height: 65px !important;
      top: 78% !important;
  }
  #cotiza_vh .cotiza-teramont p{font-size:0 !important;}
  #cotiza_vh .cotiza-teramont p span{
    font-size: 70px !important;
    line-height: 0 !important;
  }
  
}
/**********LANDING CONSTELLATION**************/
@media only screen and (min-width: 320px) and (max-width: 767px) {
  #header_vh .constellation{    margin: -20% auto 0 !important;position: relative;width: 90% !important;}
  #header_vh .constellation p{    font-size: 25px !important;padding: 20px 0 !important;}
  #Banner_vh .txt-constellation{font-size: 18px !important;line-height: 28px !important;padding: 10px 2% 50px !important;}
  #info_vh #punto-constellation{height: auto;padding:0 0 20px !important;    width: 90% !important; margin: 0 auto !important;}
  #info_vh #punto-constellation .img{
      align-items: center !important;
    display: grid !important;
    height: auto !important;
    margin-left: inherit !important ;
    position: relative !important;
    text-align-last: center !important;
    z-index: 1 !important;
    text-align: center !important;
  }
  #cotiza_vh .blog-constellation p {
    line-height: 30px!important;
  }
  #info_vh #punto-constellation .img img{ width: 95% !important;}
  #info_vh #punto-constellation #info{
      align-self: center !important;
    background-color: #fff !important;
    border-radius: 44px !important;
    display: block !important;
    flex-direction: column !important;
    height: auto !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 30px 10px 0 10px !important;
    position: relative !important;
    right: inherit !important;
    width: 100% !important;
    z-index: 0 !important;
   MARGIN-TOP: -35px !important;
  }
  #info_vh #punto-constellation #info .tit {
    font-size: 35px !important;
    line-height: 40px !important;
    text-align: center !important;
    margin-top: 10px !important;
  }
  #info_vh #punto-constellation #info .descrip {
    font-size: 17px !important;
    line-height: 22px !important;
    text-align: center!important;
    padding-bottom: 20px !important;
  }
  .blog-constellation{
    line-height: 0px!important;
    top: 40% !important;
    margin: 0 auto !important;
    width: 100% !important;
    padding: 0 !important;
  }
  #cotiza_vh .blog-constellation p span{ font-size:20px !important;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #header_vh .constellation{    margin: -18% auto 0;position: relative;width: 80%!important;}
    .blog-constellation{
    line-height: 0px!important;
    top: 50% !important;
    margin: 0 auto !important;
    width: 100% !important;
    padding: 0 5% !important;
  }
  #cotiza_vh .blog-constellation p span{ font-size:25px !important;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #header_vh .constellation p{font-size: 30px !important;}
  #Banner_vh .txt-constellation{padding: 10px 0% 50px !important;}
  #info_vh #punto-constellation .img img{width: 100% !important;}
  #info_vh #punto-constellation #info{
      right: 4% !important;
    width: 57% !important;
  }
  .blog-constellation{padding: 0 7% !important;top: 54% !important;line-height: 50px !important;}
  #cotiza_vh .blog-constellation p span{font-size:60px !important;}
}
@media only screen and (min-width: 1025px) and (max-width: 1300px) {
  .blog-constellation{
      padding: 0 10% !important;
      top: 57% !important;
  }
  #info_vh #punto-constellation #info .tit{
        font-size: 35px !important;
        line-height: 29px !important;
  }
  #info_vh #punto-constellation #info .descrip{
      font-size: 19px !important;
  }
  #Banner_vh .txt-constellation{
      padding: 10px 15% 50px !important;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1440px) {
  .blog-constellation{
      top: 60% !important;
  }
}
/**********LANDING DELIVERY*************/
@media only screen and (min-width: 320px) and (max-width: 767px) {
  #Banner_vh .delivery{font-size: 45px !important;}
  #Banner_vh .transporta {font-size: 24px !important;letter-spacing: -1px !important;line-height: 31px !important;}
  #punto-delivery{    width: 90%;margin: 0 auto;}
  #punto-delivery .img img{width: 90% !important;}
  .blog-deli{padding: 0!important;top: 63% !important;line-height: 21px !important;width:100% !important;}
  #cotiza_vh .blog-deli p{font-size:25px !important; margin:0 auto !important;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #Banner_vh .delivery{    font-size: 80px !important;}
  #Banner_vh .transporta {
    font-size: 37px !important;
    letter-spacing: -1px !important;
    line-height: 31px !important;
    margin-top: -15px  !important;
  }
  #punto-delivery .img img{width: 70%  !important;}
  #punto-delivery #info{    width: 100% !important;}
.blog-deli{padding: 0!important;top: 75% !important;line-height: 40px !important;width:100% !important;}
  #cotiza_vh .blog-deli p{font-size:50px !important; margin:0 auto !important;}
}
@media only screen and (min-width: 1025px) and (max-width: 1350px) {
  #cotiza_vh .blog-deli p{
      font-size: 60px !important;
      line-height: 60px !important;
  }
  .blog-deli{
      padding: 0 7% !important;  
      top: 56% !important;
  }
}

/**********LANDING NIVUS*************/
@media only screen and (min-width: 320px) and (max-width: 767px) {
#header_vh .Nivus {
    font-size: 120px!important;
    padding: 60px 0 0!important;
}
  #header_vh .gif-nivus {
    margin: -30px 0!important;
    z-index: -1!important;
}
#header_vh .desapercibido {
    font-size: 40px!important;
    line-height: 35px!important;
}
#header_vh .moderno{
    padding: 0 5%!important;
    line-height: 27px!important;
    font-size: 20px!important;
}
  #punto-nivus img{
      height: 280px!important;
  }
  #punto-nivus .tit{
      font-size: 30px!important;
      padding: 30px 0 20px!important;
  }
  #punto-nivus .descrip{
      line-height: 22px!important;
      padding: 0 2%!important;
  }
  #cotiza_vh .pruebanivus{
    line-height: 30px!important;
    padding: 0 3%!important;
    top: 37% !important;
  }
  #header_vh .logo img {width: 150px;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
#header_vh .Nivus {
    font-size: 120px!important;
    padding: 60px 0 0!important;
}
  #header_vh .gif-nivus {    margin: -30px 0!important;
    z-index: -1!important;
}
#header_vh .desapercibido {
    font-size: 40px!important;
    line-height: 35px!important;
}
#header_vh .moderno{
    padding: 0 5%!important;
    line-height: 27px!important;
    font-size: 20px!important;
}
  #punto-nivus img{
      height: 200px!important;
  }
  #punto-nivus .tit{
      font-size: 30px!important;
      padding: 30px 0 20px!important;
  }
  #punto-nivus .descrip{
      line-height: 22px!important;
      padding: 0 2%!important;
  }
  #cotiza_vh .pruebanivus{
    line-height: 30px!important;
    padding: 0 3%!important;
    top: 45% !important;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1350px) {
  #cotiza_vh .pruebanivus{
    padding: 0 5% !important;
    top: 50% !important;
  }
}
@media only screen and (min-width: 1351px) and (max-width: 1440px) {
  #cotiza_vh .pruebanivus{
     padding: 0 15% !important;
  }
}
/**********LANDING TCROSS*************/
@media only screen and (min-width: 320px) and (max-width: 767px) {
  #header_vh .sorprendete{font-size: 35px!important;}
  #header_vh .tcross{font-size: 75px!important;}
  #header_vh .potencia{font-size: 15px!important; line-height: 16px!important; padding: 0 4% 30px!important;}
  #info_vh .detalles-tcross{line-height: 35px!important; font-size: 30px!important;}
  #info_vh #punto-tcross .img img, #info_vh #punto-tcross-odd .img img{    width: 90%!important;}
  #info_vh #punto-tcross .img {
    align-items: center!important;
    display: grid!important;
    height: 300px!important;
    margin-left: 0!important;
    position: relative!important;
    text-align-last: center!important;
    top: 0!important;
    z-index: 1!important;
  }
  #info_vh #punto-tcross #info {
    align-self: center!important;
    background-color: #fff!important;
    border-radius: 44px!important;
    display: flex!important;
    flex-direction: column!important;
    height: auto!important;
    justify-content: center!important;
    margin: -60px auto 0!important;
    padding: 0 0px 0 0px!important;
    position: relative!important;
    right: 0!important;
    width: 90%!important;
    z-index: 0!important;
  }
  #info_vh #punto-tcross-odd #info {
    align-self: center!important;
    background-color: #fff!important;
    border-radius: 44px!important;
    display: flex!important;
    flex-direction: column!important;
    height: auto!important;
    justify-content: center!important;
    margin: -60px auto 0!important;
    padding: 0 0px 0 0px!important;
    position: relative!important;
    right: 0px!important;
    width: 90%!important;
    z-index: 0!important;
  }
  #info_vh #punto-tcross-odd .img {
    align-items: center!important;
    display: grid!important;
    height: auto!important;
    margin-left: 0%!important;
    position: relative!important;
    text-align-last: center!important;
    top: 0!important;
    z-index: 1!important;
    padding-bottom: 30px;
  }
  #punto-tcross-odd .row-fluid{
    display: flex !important;
    flex-direction: column-reverse !important;  
  }
  #info_vh #punto-tcross-odd #info .tit, #info_vh #punto-tcross #info .tit{font-size: 42px !important;text-align: center !important; line-height: 40px !important; padding-top: 35px;}
  #info_vh #punto-tcross-odd #info .descrip,#info_vh #punto-tcross #info .descrip{
    font-size: 18px !important;
    line-height: 25px !important;
    text-align: center !important;
    padding: 0 2% !important;
  } 
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #header_vh .potencia{
    font-size: 30px !important;
    line-height: 44px !important;
    padding: 0 5% 30px !important;
  }
  #header_vh .tcross{font-size: 150px; !important}
  #Banner_vh .img-constellation img{    width: 80% !important;}
  #info_vh .detalles-tcross{font-size: 70px !important;    line-height: 75px !important;}
  #info_vh #punto-tcross-odd #info{    width: 63% !important;}
  #info_vh #punto-tcross-odd .img img{    width: 98% !important;}
  #info_vh #punto-tcross-odd .img{margin-left: 65% !important;}
  #info_vh #punto-tcross #info{    right: 8% !important;width: 63% !important;}
  #info_vh #punto-tcross .img img{width: 98% !important;}
  #info_vh #punto-tcross .img{    margin-left: -20% !important;}
  #info_vh #punto-tcross-odd #info .tit, #info_vh #punto-tcross #info .tit{font-size: 35px !important;line-height: 39px !important;}
  #info_vh #punto-tcross-odd #info .descrip,#info_vh #punto-tcross #info .descrip{font-size: 20 !important;}
}

@media only screen and (min-width: 1025px) and (max-width: 1150px) {
 #info_vh #punto-tcross-odd #info{    width: 63% !important;}
  #info_vh #punto-tcross-odd .img img{    width: 98% !important;}
  #info_vh #punto-tcross-odd .img{margin-left: 65% !important;}
  #info_vh #punto-tcross #info{    right: 8% !important;width: 63% !important;}
  #info_vh #punto-tcross .img img{width: 98% !important;}
  #info_vh #punto-tcross .img{    margin-left: -20% !important;}
  #info_vh #punto-tcross-odd #info .tit, #info_vh #punto-tcross #info .tit{font-size: 35px !important;line-height: 39px !important;}
  #info_vh #punto-tcross-odd #info .descrip,#info_vh #punto-tcross #info .descrip{font-size: 20 !important;}
}
@media only screen and (min-width: 1151px) and (max-width: 1500px) {
  #info_vh #punto-tcross-odd #info .tit, #info_vh #punto-tcross #info .tit{
       line-height: 30px !important;
        font-size: 30px !important;
  }
}

/**********LANDING TERAMONT*************/
@media only screen and (min-width: 320px) and (max-width: 767px) {
  #header_vh .disenada{
      line-height: 23px !important;
      font-size: 15px !important;
      padding: 1% 5% !important;
      margin-top: -20px !important;
  }
  #header_vh .teramont{}
  #header_vh .teramont {
    font-size: 70px !important;
    line-height: 108px !important;
    position: relative !important;
    margin-top: -100px !important;
  }
  #cotiza_vh .cotiza-teramont {
    line-height: 25px !important;
    text-align: center !important;
    top: 60% !important;
    margin: 0 auto !important;
    width: 100% !important;
  }
  #cotiza_vh .cotiza-teramont p{font-size: 20px !important;}
  #cotiza_vh .cotiza-teramont p span{font-size:35px !important}
  .cot-tera img{    height: 250px; object-fit: cover;}
  #Banner_vh .img-teramont{    width: 90% !important; margin: -50% auto !important;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #header_vh .teramont{font-size: 150px !important;}
  #header_vh .disenada{font-size: 25px !important;line-height: 35px !important;padding: 0 2% !important;}
  #punto-amarok .des-tera{height: 500px !important;}
  #cotiza_vh .cotiza-teramont {
    line-height: 45px !important;
    text-align: center !important;
    top: 62% !important;
    margin: 0 auto !important;
    width: 100% !important;
  }
  #cotiza_vh .cotiza-teramont p{font-size: 40px !important;}
  #cotiza_vh .cotiza-teramont p span{font-size: 50px !important;}
}

/**********LANDING TAOS*************/
@media only screen and (min-width: 320px) and (max-width: 767px) {
  #header_vh .recorrido{
      font-size: 20px !important;
      line-height: 25px !important;
      margin-top: -100px !important;
  }
  #header_vh .flechas-taos img{width:20px !important;}
  #header_vh .flechas-taos{ margin-top: -55px !important;}
  #Banner_vh .taos-lp{font-size: 110px!important;}
  #Banner_vh .img-taoslp img{width: 80%!important;}
  #Banner_vh .imagenes-taoslp img{width: 80%!important;}
  #Banner_vh .txt-taoslp{
      line-height: 27px!important;
      padding: 0 5% 30px!important;
      font-size: 20px!important;
  }
  #info_vh #punto-taoslp .img{
      text-align-last: center!important;
      margin-left: 0!important;
      height: auto!important;
  }
  #info_vh #punto-taoslp .img img{height: 250px!important;    margin-top: 0px!important;     width: 90%!important;}
  #info_vh #punto-taoslp #info{
    padding: 45px 8% 0!important;
    position: relative!important;
    right: 0!important;
    width: 90%!important;
    margin: -35px auto 0!important;
    height: auto!important;
  }
  #info_vh .tecnologia{font-size: 55px!important!important;}
  #info_vh .tecnologia-txt{font-size: 35px!important;}
  #cotiza_vh .cotiza-taoslp p{font-size: 30px!important;}
  #cotiza_vh .cotiza-taoslp { width: 100%!important; line-height: 20px!important;}
  #info_vh #punto-taoslp #info .tit{font-size: 30px !important;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #header_vh .recorrido{
      font-size: 60px!important;
      line-height: 60px!important;
      margin-top: -250px!important;
  }
  #header_vh .flechas-taos {margin-top: -100px!important;}
  #Banner_vh .txt-taoslp{
    line-height: 45px!important;
    padding: 0 10% 50px!important;
    font-size: 30px!important;
  }
  #info_vh #punto-taoslp .img img{width: 100%!important;}
  #info_vh #punto-taoslp .img{margin-left: -9%!important;}
  #info_vh #punto-taoslp #info{right: 5% !important; width: 59% !important;}
  #cotiza_vh .cotiza-taoslp p{font-size: 50px!important;}
  #cotiza_vh .cotiza-taoslp { width: 100%!important; line-height: 40px!important;}
}
@media only screen and (min-width: 1025px) and (max-width: 1350px) {
  #cotiza_vh .cotiza-taoslp p{
     font-size: 71px !important;
     line-height: 70px !important;
  }
  #info_vh #punto-taoslp #info .tit{
      font-size: 35px !important;
  }
  #info_vh #punto-taoslp #info .descrip{
       font-size: 14px !important;
       line-height: 19px !important;
  }
}