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

/* ------ TXT ------ */
p.txt-s {
  font-size: calc(100vw * 12 / 1200) !important;
}
p.txt-m {
  font-size: calc(100vw * 18 / 1200) !important;
}
p {
  font-size: calc(100vw * 18 / 1200) !important;
}
h5 {
  font-size: calc(100vw * 22 / 1200) !important;
}
h4 {
  font-size: calc(100vw * 24 / 1200) !important;
}
h3 {
  font-size: calc(100vw * 32 / 1200) !important;
}
h2 {
  font-size: calc(100vw * 36 / 1200) !important;
}
h1 {
  font-size: calc(100vw * 70 / 1200) !important;
}


.btn-descargar2 {
    width: calc(100vw * 500 / 1200);
    height: calc(100vw * 70 / 1200);
    padding-top: calc(100vw * 20 / 1200);
    margin: calc(100vw * 80 / 1200) auto 0 auto;
}
.btn-ventajas {
    height: calc(100vw *60 / 1200);
    padding-left: calc(100vw * 60 / 1200);
    padding-right: calc(100vw * 60 / 1200);
    padding-top: calc(100vw * 12 / 1200);
}
.btn-ventajas:before {
  left: calc(100vw * -44 / 1200);
  border-right: calc(100vw * 45 / 1200) solid #a1093d;
  border-bottom: calc(100vw * 60 / 1200) solid transparent;
}
.btn-ventajas:after {
  right: calc(100vw * -44 / 1200);
  border-top: calc(100vw * 60 / 1200) solid transparent;
  border-left: calc(100vw * 45 / 1200) solid #a1093d;
}


}





.desktop-767 {
  display: block !important;
}
.mobile-767 {
  display: none !important;
}


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

.desktop-767 {
  display: none !important;
}
.mobile-767 {
  display: block !important;
}


/* ------ TXT ------ */
p.txt-s {
  font-size: calc(100vw * 14 / 767) !important;
}
p.txt-m {
  font-size: calc(100vw * 18 / 767) !important;
}
p {
  font-size: calc(100vw * 18 / 767) !important;
}
h5 {
  font-size: calc(100vw * 22 / 767) !important;
}
h4 {
  font-size: calc(100vw * 26 / 767) !important;
}
h3 {
  font-size: calc(100vw * 32 / 767) !important;
}
h2 {
  font-size: calc(100vw * 36 / 767) !important;
}
h1 {
  font-size: calc(100vw * 50 / 767) !important;
}


  #slider .item .caption h1 {
      line-height: 1;
  }
  .btn-descargar2 {
      width: calc(100vw * 500 / 767);
      height: calc(100vw * 70 / 767);
      padding-top: calc(100vw * 20 / 767);
      margin: calc(100vw * 80 / 767) auto 0 auto;
  }
  .btn-descargar2 i {
      width: calc(100vw * 22 / 767);
      height: calc(100vw * 22 / 767);
      margin-left: calc(100vw * 10 / 767);
  }
  #slider .btn-descargar2 {
    margin: calc(100vw * 30 / 767) auto 0 auto;
  }

  .navbar-collapse {
    border-top: 1px solid #fff;
  }
  .navbar-toggle {
    border: 1px solid #FFF;
    border-radius: 0;
  }
  .navbar-toggle .icon-bar {
    background: #fff;
  }
  header .main-menu {
    float: none !important;
    width: 100%;
    text-align: center;
  }
  header .main-menu li {
    margin-left: 0;
  }
  header .main-menu.nav > li > a {
    float: none !important;
  }
  header .logo {
      width: 127px;
      height: 45px;
  }



#slider .item .caption {
    bottom: calc(100vw * 160 / 767);
}



#redarea {
    padding-top: calc(100vw * 80 / 767);
    padding-bottom: calc(100vw * 90 / 767);
}
#redarea:after {
    bottom: calc(100vw * -33 / 767);
    border-width: calc(100vw * 35 / 767) calc(100vw * 35 / 767) 0 calc(100vw * 35 / 767);
}
#redarea .logo-classic {
    width: calc(100vw * 280 / 991);
    height: calc(100vw * 252 / 991);
    float: none !important;
    margin: 0 auto;
    margin-bottom: calc(100vw * 60 / 1200)
}
#redarea .right-area {
    height: auto;
    display: initial;
}
#redarea .right-area h4 {
    vertical-align: initial;
    display: initial;
}


#ventajas {
    padding-top: calc(100vw * 90 / 767);
    padding-bottom: calc(100vw * 120 / 767);
}
#ventajas .items-ventajas li {
  margin-bottom: calc(100vw * 100 / 767);
}

/* hexagon */
#ventajas .items-ventajas .hexagon {
  position: relative;
  width: calc(100vw * 260 / 767); 
  height: calc(100vw * 150.11 / 767);
  background-color: #ffffff;
  margin: calc(100vw * 75.06 / 767) auto;
  border-left: solid calc(100vw * 5 / 767) #d0d1d3;
  border-right: solid calc(100vw * 5 / 767) #d0d1d3;
}
#ventajas .items-ventajas .hexagon:before,
#ventajas .items-ventajas .hexagon:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: calc(100vw * 183.85 / 767);
  height: calc(100vw * 183.85 / 767);
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: calc(100vw * 33.0761 / 767);
}
#ventajas .items-ventajas .hexagon:before {
  top: calc(100vw * -91.9239 / 767);
  border-top: solid calc(100vw * 7.0711 / 767) #d0d1d3;
  border-right: solid calc(100vw * 7.0711 / 767) #d0d1d3;
}
#ventajas .items-ventajas .hexagon:after {
  bottom: calc(100vw * -91.9239 / 767);
  border-bottom: solid calc(100vw * 7.0711 / 767) #d0d1d3;
  border-left: solid calc(100vw * 7.0711 / 767) #d0d1d3;
}
#ventajas .items-ventajas .icon {
    width: calc(100vw * 170 / 767);
    height: calc(100vw * 170 / 767);
}

.btn-ventajas {
  height: calc(100vw *60 / 767);
  padding-left: calc(100vw * 60 / 767);
  padding-right: calc(100vw * 60 / 767);
  padding-top: calc(100vw * 12 / 767);
}
.btn-ventajas:before {
  left: calc(100vw * -44 / 767);
  border-right: calc(100vw * 45 / 767) solid #a1093d;
  border-bottom: calc(100vw * 60 / 767) solid transparent;
}
.btn-ventajas:after {
  right: calc(100vw * -44 / 767);
  border-top: calc(100vw * 60 / 767) solid transparent;
  border-left: calc(100vw * 45 / 767) solid #a1093d;
}

#ventajas .items-ventajas h5 {
    margin-bottom: calc(100vw * 90 / 767);
}
#ventajas .items-ventajas h2 {
    margin-top: calc(100vw * 90 / 767);
    margin-bottom: calc(100vw * 15 / 767);
}


footer {
    padding-top: calc(100vw * 90 / 767);
    padding-bottom: calc(100vw * 110 / 767);
}
footer .left-area {
    text-align: center;
}
footer .logo-classic {
    width: calc(100vw * 170 / 767);
    height: calc(100vw * 144 / 767);
    float: none !important;
    margin: 0 auto;
    margin-bottom: calc(100vw * 40 / 767);
}
footer .left-area p {
  text-align: center;
  float: none;
  padding: 0;
}
footer .logo {
    clear: both;
    float: none !important;
    width: calc(100vw * 318 / 767);
    height: calc(100vw * 114 / 767);
    display: block;
    margin: 0 auto;
    margin-top: calc(100vw * 40 / 767);
    margin-bottom: calc(100vw * 60 / 767);
}
footer .social {
    float: none;
    text-align: center;
}
footer .social li {
    width: calc(100vw * 50 / 767);
    height: calc(100vw * 50 / 767);
    margin-left: calc(100vw * 15 / 767);
    margin-right: calc(100vw * 30 / 767);
}
footer:after {
    top: calc(100vw * -33 / 767);
    border-width: 0 calc(100vw * 35 / 767) calc(100vw * 35 / 767) calc(100vw * 35 / 767);
}



}





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



/* ------ TXT ------ */
p.txt-s {
  font-size: calc(100vw * 14 / 520) !important;
}
p.txt-m {
    font-size: calc(100vw * 26 / 520) !important;
}
p {
  font-size: calc(100vw * 18 / 520) !important;
}
h5 {
  font-size: calc(100vw * 20 / 520) !important;
}
h4 {
    font-size: calc(100vw * 22 / 520) !important;
}
h3 {
  font-size: calc(100vw * 32 / 767) !important;
}
h2 {
  font-size: calc(100vw * 36 / 767) !important;
}
/*h1 {
    font-size: calc(100vw * 24 / 520) !important;
}*/


/*
  #slider .item .caption {
    bottom: calc(100vw * 30 / 520);
  }
*/
}