/* VARIABLES */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
    .bullets{
        display:none;
    }
    .contInfSlider {
        width: 100%;
        position: absolute;
        bottom: 0;
        margin-bottom: 20px;
    }
}
@media screen and (min-width: 250px) and (max-width: 768px){
    .bullets{
        display:none;
    }
    .contInfSlider {
        width: 100%;
        position: absolute;
        bottom: 0;
        margin-bottom: 20px;
    }
}
/*--*/
@media screen and (max-width: 1290px) {
            .perfil_menu {
    top: -38px;
    right: 2%;
}
    .perfil_menu .perfil_btn_menu {
    font-size: 12px;
    padding: 10px;
margin-top: 55px;
}
    .perfil_menu .search_btn_menu {
    padding: 8px;
    margin-left: 10px;
    font-size: 15px;
}

}
@media screen and (max-width: 1050px) {
        .perfil_menu {
    top: -38px;
    right: 2%;
}
    .perfil_menu .perfil_btn_menu {
    font-size: 12px;
    padding: 10px;
}
    .perfil_menu .search_btn_menu {
    padding: 8px;
    margin-left: 10px;
    font-size: 15px;
}
  .mi_menu {
    width: 100%; }

  .top {
    width: 98%; }

  nav ul li a {
    border-right: none; } }
@media screen and (max-width: 1000px) {
    nav ul li a{
        font-size: 0.7875rem;
    }
    .perfil_menu {
    top: -38px;
    right: 2%;
}
    .perfil_menu .perfil_btn_menu {
    font-size: 12px;
    padding: 10px;
}
    .perfil_menu .search_btn_menu {
    padding: 8px;
    margin-left: 10px;
    font-size: 15px;
}
  .producto_in div.auto > div .pro_present {
    width: 30%; }
  .producto_in div.auto > div .pro_dispo {
    text-align: left; }
    .producto_in div.auto > div .pro_dispo div {
      margin: 0px 3% 30px;
      width: 43%; }

  nav .mi_menu ul li ul {
    padding: 0 10px;
    width: 182px; }
    nav .mi_menu ul li ul img {
      display: none; }
    nav .mi_menu ul li ul li img {
      display: none; }
    nav .mi_menu ul li ul li:hover img {
      display: none; }
    nav .mi_menu ul li ul li:last-child a {
      border-bottom: none; } }
@media screen and (max-width: 980px) {
    nav ul li a{
            font-size: 0.65rem;
    }
  .perfil_menu {
    top: -38px;
    right: 2%; }
    .perfil_menu .perfil_btn_menu {
      font-size: 12px;
      padding: 10px; }
    .perfil_menu .search_btn_menu {
      padding: 8px;
      margin-left: 10px;
      font-size: 15px; }

  .mi_menu ul {
    text-align: center; }

  .video .videos_3 a {
    margin: 0 2% 30px;
    width: 40%; }
    .video .videos_3 a:nth-of-type(2) {
      margin: 0 2%; }
    .video .videos_3 a:nth-of-type(5) {
      margin: 0 2%; }

  .top_img {
    background-position: -600px center; }

  .top_img.VidaPetalo {
    background-position: -680px center; }

  .top_img.MinMi {
    background-position: -680px center; }

  .contenedor div .c_left {
    width: 72%; }
  .contenedor div .c_right {
    width: 24%;
    margin-left: 2%; } }
@media screen and (max-width: 900px) {
    nav ul li a{
        padding: 45px 16px 10px;
    }
  .videos .video_back div.auto .link_video {
    display: block;
    width: 100%; }
  .videos .video_back div.auto .info_video {
    display: block;
    width: 100%; }
  .videos .lista_videos div.auto .catego_video div a {
    width: 31%; }
  .videos .lista_videos div.auto .catego_video div a:nth-of-type(4) {
    display: none; }
  .videos .lista_videos div.auto .catego_video div a:nth-of-type(5) {
    display: none; }
    .img404 {
    height: auto;
    width: 100%;
    }
}


@media screen and (max-width: 800px) {
    nav ul li a {
    padding: 45px 14px 10px;
}
  .top div {
    width: 32%; }

  .contenedor div .c_left {
    display: block;
    width: 100%; }
  .contenedor div .c_right {
    display: block;
    width: 100%;
    margin-left: 0;
    clear: both;
    }
    .contenedor div .c_right > div {
      width: 93%;
      margin: 0 auto 30px; }
      .contenedor div .c_right > div a {
        min-height: 70px; }
  .contenedor div div.video_art {
    text-align: center; }
    .contenedor div div.video_art h3 {
      text-align: left; }
    .contenedor div div.video_art a {
      display: inline-block;
      text-align: left;
      margin: 0 2%;
      width: 45%; }

      .img404 {
    height: auto;
    width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .contInfSlider {
        width: 100%;
        padding: 0 10px;
    }
    .ttlSlider {
        width: auto;
        float: left;
        padding-left: 22vw;
    }
    .ttlSlider p {
        font-size: 10vw;
        text-align: center;
        -webkit-text-stroke: 1px #66C8F0;
        width:100%;

    }

  .mobile-header {
    display : block;
  }

  .top {
    display: none; }

  nav ul {
    display: none; }
    nav ul li {
      display: block; }
      nav ul li a {
        text-align: left;
        border-bottom: solid 1px #b5deec;
        width: 94%;
        margin: auto;
        padding: 6px 5px; }
        nav ul li a span {
          display: none; }

  .perfil_menu {
    display: none; }

  nav ul {
    padding-bottom: 2px; }
    nav ul li a.reg_menu {
      font-family: 'GothamRounded-Book';
      text-align: center;
      font-size: 16px;
      background: #3C82CA;
      width: 90%;
      border-radius: 4px;
      margin: 8px auto;
      display: block;
      padding: 16px 0px 13px;
      border-bottom: none; }

  footer .redes_fotter {
    padding: 70px 0px 90px; }
    footer .redes_fotter ul li a {
      margin-bottom: 30px; }

  .btn_inicio {
    display: block; }

  .inicio {
    display: block;
    height: 58px; }
    .inicio a {
      padding: 6px 5px;
      width: 94%; }
      .inicio a span {
        position: absolute;
        top: 18px; }
      .inicio a:hover span {
        top: 10px; }

  .producto div div {
    width: 40%; }
    .producto div div:nth-of-type(1) {
      border-right: none; }
    .producto div div:nth-of-type(2) {
      border-right: none; }
    .producto div div:nth-of-type(4) {
      border-top: none; }
    .producto div div:nth-of-type(5) {
      border-top: none;
      border-left: none;
      border-right: none; }
    .producto div div:nth-of-type(6) {
      border-top: none; }

  .paginador {
    display: none; }

  .paginador_mobile {
    display: inline-block;
    margin: 30px 0 30px 0;
    width: 100%; }

  .apps {
    border-top: solid 4px #66c8f0; }
    .apps div div.auto {
      padding: 40px 0px; }
      .apps div div.auto .apps_left {
        display: block;
        width: 100%; }
        .apps div div.auto .apps_left h1 {
          margin-bottom: 0; }
        .apps div div.auto .apps_left h3 {
          padding: 0;
          font-size: 60px;
          margin-bottom: 30px; }
        .apps div div.auto .apps_left img {
          display: none; }
      .apps div div.auto .apps_right {
        display: block;
        margin-left: 0;
        width: 100%; }

  .registro {
    border-top: solid 4px #66c8f0; }
    .registro div.auto div {
      width: 100%; }
      .registro div.auto div ul li:nth-of-type(2) a {
        margin: 15px 0; }

  .productos div.auto div h1 {
    margin: 20px auto 30px;
    text-align: center; }
    .productos div.auto div h1 span {
      display: none; }
  .productos div.auto div .pro_menu {
    display: block;
    margin: auto;
    width: 80%; }
  .productos div.auto div .pro_artic {
    display: block;
    width: 100%; }

  .videos .video_back > div.auto {
    width: 98%; }
    .videos .video_back > div.auto .info_video {
      padding: 25px 8px 8px; }

  .lista_videos div.auto .in_videos a {
    border-bottom: solid 1px #dadada;
    padding-bottom: 20px;
    margin: 0 0 24px;
    width: 100%; }
    .lista_videos div.auto .in_videos a img {
      display: inline-block;
      width: 30%; }
    .lista_videos div.auto .in_videos a div {
      display: inline-block;
      margin-left: 4px;
      vertical-align: top;
      width: 65%; }

  .seach_up {
    display: none !important; }

  nav .mi_menu ul {
    width: 100%; }
    nav .mi_menu ul li {
      width: 100%; }
      nav .mi_menu ul li ul {
        padding: 0;
        position: relative;
        width: 100%;
        display: none !important; }
        nav .mi_menu ul li ul li {
          padding: 0;
          width: 100%; }
          nav .mi_menu ul li ul li a {
            padding: 0; }
      nav .mi_menu ul li:hover ul {
        display: block !important; }

  .productos div.auto > div .pro_artic .mod_articulos {
    margin-left: 0; }

  .slide_desktop {
    display: none; }

  .slide_mobile {
    display: block; }

  .slide_show {
    min-height: 65vw; }

  .producto_general div.auto section div {
    width: 40%; }

  nav ul li ul.sub_product {
    background: #fff; }
    .img404 {
    height: auto;
    width: 100%;
    }
}
@media screen and (max-width: 767px) {
  footer .footer_info .contact1 {
    width: 100%; }
    footer .footer_info .contact1 h4 {
      padding: 20px 0px;
      font-size: 75px; }

  .top_img {
    background-position: 20% center; }
    .top_img > div {
      padding: 40px 0px; }
      .top_img > div div {
        margin: 0;
        width: 40%; }

  .top_img.VidaPetalo {
    background-position: 20% center; }
    .top_img.VidaPetalo > div {
      padding: 40px 0px; }
      .top_img.VidaPetalo > div div {
        margin: 0;
        width: 40%; }

  .top_img.MinMi {
    background-position: 20% center; }
    .top_img.MinMi > div {
      padding: 40px 0px; }
      .top_img.MinMi > div div {
        margin: 0;
        width: 40%; }
    .img404 {
    height: auto;
    width: 100%;
    }
}
@media screen and (max-width: 650px) {
    .video .videos_3 a:nth-child(-n+6){
        display:none !important;
    }
    .video .videos_3 a:nth-child(-n+2) {
        display:inline-block !important;
        margin: 0 2% 30px;
    width: 90%;
    }
    .video .videos_3 a:nth-of-type(2) {
      margin: 0 2% 30px; }
    .video .videos_3 a:nth-of-type(5) {
      margin: 0 2% 30px; }

  .video {
    padding-bottom: 290px; }
    .video .ver_videos {
      bottom: 220px;
      top: auto; }
    .video .poppy_lentes {
      right: 15%; }

  .producto {
    padding: 0; }
    .producto div div {
      display: none; }
    .producto div .produ_btn {
      padding: 50px 0%;
      display: block;
      margin: auto;
      width: 70%; }
      .producto div .produ_btn .m_img_produ {
        display: block;
        margin: 30px 0 20px;
        width: 100%; }

  .top_img {
    background-position: 20% center; }
    .top_img > div {
      padding: 40px 0px; }
      .top_img > div div {
        margin: 0;
        padding: 10px;
        width: 40%; }
        .top_img > div div h1 {
          font-size: 40px; }
        .top_img > div div p {
          font-size: 14px; }

  .top_img.VidaPetalo {
    background-position: 70% center; }
    .top_img.VidaPetalo > div {
      padding: 40px 0px; }
      .top_img.VidaPetalo > div div {
        margin: 0;
        padding: 10px;
        width: 40%; }
        .top_img.VidaPetalo > div div h1 {
          font-size: 40px; }
        .top_img.VidaPetalo > div div p {
          font-size: 14px; }

  .top_img.MinMi {
    background-position: 70% center; }
    .top_img.MinMi > div {
      padding: 40px 0px; }
      .top_img.MinMi > div div {
        margin: 0;
        padding: 10px;
        width: 40%; }
        .top_img.MinMi > div div h1 {
          font-size: 40px; }
        .top_img.MinMi > div div p {
          font-size: 14px; }

  .registro div.auto div form {
    width: 100%; }

  .producto_in div.auto > div .pro_present {
    display: block;
    width: 100%; }
    .producto_in div.auto > div .pro_present img {
      margin: auto;
      width: 70%; }
  .producto_in div.auto > div .pro_dispo {
    display: block;
    width: 100%; }
    .producto_in div.auto > div .pro_dispo h3 {
      padding: 0;
      margin: 30px 0; }
      .img404 {
    height: auto;
    width: 100%;
    }
    .divItemArt {
        width: 50%;
    }
    .containerItemArt {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 550px) {
  .top_img {
    background-position: center; }

  .top_img.VidaPetalo {
    background-position: center; }

  .top_img.MinMi {
    background-position: center; }

  .productos div.auto > div .pro_artic {
    padding: 0px 0px 310px; }
    .productos div.auto > div .pro_artic .mod_articulos div {
      display: block;
      padding: 0 0 40px 0;
      margin: 30px auto 0;
      border-bottom: solid 1px #dadada;
      width: 80%; }
      .productos div.auto > div .pro_artic .mod_articulos div:nth-of-type(2) {
        border-right: none;
        border-left: none; }

  .producto_general div.auto section div {
    margin-bottom: 50px;
    width: 100%; }

  .poppy_tips div.auto article {
    display: block;
    vertical-align: top;
    width: 90%;
    margin: 0 auto 30px !important; }

        .img404 {
        height: auto;
        width: 100%;
    }
}
@media screen and (max-width: 480px) {
  footer .footer_info {
    background: none; }
    footer .footer_info div div:first-child {
      margin-right: 0px; }
    footer .footer_info div .mails {
      margin: -20px 0px 30px; }
      footer .footer_info div .mails li a {
        margin: 6px 0; }
    footer .footer_info .contact2 {
      padding: 20px 3%;
      text-align: center;
      width: 100%;
      box-sizing: border-box; }
      footer .footer_info .contact2 div div {
        display: block;
        margin: 0 0 30px; }
        footer .footer_info .contact2 div div a {
          text-align: left; }
  footer .footer_bottom p {
    width: 90%; }

  .poppy_tips div article {
    display: block;
    width: 100%;
    margin: 20px 0; }
  .poppy_tips div .art2 {
    margin: 50px 0; }

  .video .poppy_lentes {
    right: 4%;
    display: block;
    width: 95%; }

  .producto div .produ_btn {
    width: 90%; }

  .contenedor div .c_left .arti {
    display: block;
    width: 100%;
    margin: 0 0 30px; }
  .contenedor div div.video_art a {
    display: block;
    text-align: left;
    margin: 0;
    width: 100%; }

  .top_img {
    background-position: -200px center; }
    .top_img > div div h1 {
      font-size: 30px; }
    .top_img > div div p {
      font-size: 12px; }

  .top_img.VidaPetalo {
    background-position: -280px center; }
    .top_img.VidaPetalo > div div h1 {
      font-size: 30px; }
    .top_img.VidaPetalo > div div p {
      font-size: 12px; }

  .top_img.MinMi {
    background-position: -420px center; }
    .top_img.MinMi > div div h1 {
      font-size: 30px; }
    .top_img.MinMi > div div p {
      font-size: 12px; }

  .apps {
    border-top: solid 4px #66c8f0; }
    .apps div div.auto .apps_left h3 {
      font-size: 40px; }
    .apps div div.auto .apps_right div div {
      display: block;
      text-align: center; }
      .apps div div.auto .apps_right div div:first-child {
        margin-bottom: 20px;
        width: 100%; }
      .apps div div.auto .apps_right div div:last-child {
        text-align: left;
        width: 100%; }

  .producto_in div.auto > div .pro_dispo h3 {
    margin: 50px auto 0; }
  .producto_in div.auto > div .pro_dispo div {
    margin: 50px auto;
    width: 80%;
    display: block; }

  .videos .lista_videos div.auto .catego_video div a {
    margin: 0 auto;
    width: 90%;
    display: block; }
  .videos .lista_videos div.auto .catego_video div a:nth-of-type(2) {
    display: none; }
  .videos .lista_videos div.auto .catego_video div a:nth-of-type(3) {
    display: none; }

  .lista_videos div.auto .in_videos a div h3 {
    margin: 0; }

  .video_back > div .info_video .receta ul {
    display: block;
    width: 100%; }

  .video_back > div .info_video .receta ul:last-child {
    margin: 0; }

    footer .footer_info div .mails {
    margin: 10px 0px 30px;
    width: 100%!important;
}

.img404 {
    height: auto;
    width: 100%;
}
    .divItemArt {
        width: 100%;
    }

}

@media screen and (max-width: 320px) {
  .top_img {
    background-position: -310px center; }
    .top_img > div div {
      width: 50%; }

  .top_img.VidaPetalo {
    background-position: -450px center; }
    .top_img.VidaPetalo > div div {
      width: 50%; }

  .top_img.MinMi {
    background-position: -450px center; }
    .top_img.MinMi > div div {
      width: 50%; }

  .lista_videos div.auto .in_videos a div h3 {
    font-size: 13px; }
  .lista_videos div.auto .in_videos a div p {
    font-size: 12px; }
    .img404 {
    height: auto;
    width: 100%;
    }

}
@media screen and (max-width: 399px) {
    footer .footer_info div {
        display: inline-block;
        vertical-align: top;
        width: 100%;
        float: left;
        position: relative;
    }
    footer .footer_info .telContact div{
        width: auto;
        float: left;
        left: 50%;
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -ms-transform: translate(-50%);
        -o-transform: translate(-50%);
        transform: translate(-50%);
    }
}
@media (min-width: 769px) and (max-width: 1024px){
    footer .redes_fotter {
    background: url("/media/1007/back-redes.jpg");
    background-position: center;
    background-attachment: fixed;
    text-align: center;
    padding: 70px 0 120px!important;
    position: relative;
    }

}
@media (min-width: 400px) and (max-width: 767px){
    footer .footer_info div {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    float: left;
    position: relative;
    }
    footer .footer_info div .mails {
    margin: 10px 0px 30px;
    width: 70%;
    }
}
@media (min-width: 400px) and (max-width: 439px){
    footer .footer_info .telContact div{
        width: auto;
        float: left;
        left: 50%;
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -ms-transform: translate(-50%);
        -o-transform: translate(-50%);
        transform: translate(-50%);
    }
}
@media (min-width: 1025px){
    footer .footer_info .telContact{
        padding: 4% 0px 0px 4%;
        width: auto;
        float: left;
        left: 0!important;
        -webkit-transform: translate(0%)!important;
        -moz-transform: translate(0%)!important;
        -ms-transform: translate(0%)!important;
        -o-transform: translate(0%)!important;
        transform: translate(0%)!important;
    }
}
.contInfoFooter{

}
footer .footer_info .telContact {
/*     padding: 4% 0px 0px 4%;
    width: 96%; */
    padding: 6% 0px 0px 4%;
    width: auto;
    float: left;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
}
footer .footer_info .telContact div{
    float: left;
    width: auto;
}
footer .footer_info .telContact div  a {
    background: #3C82CA;
    padding: 2px 3px;
    display: inline-block;
    color: #FFF;
    width: 190px;
    border-radius: 100px;
    border: solid 4px #a6dff4;
    margin: 5px 0 0 0;
}
footer .footer_info .telContact div  a i {
    color: #555;
    background: #fff;
    border-radius: 100px;
    width: 16px;
    text-align: center;
    padding: 7px;
    margin-right: 10px;
}
@font-face {
  font-family: 'ridemybike_proregular';
  src: url("../font/latinotype_-_ridemybike_pro-webfont.eot");
  src: url("../font/latinotype_-_ridemybike_pro-webfont.eot?#iefix") format("embedded-opentype"), url("../font/latinotype_-_ridemybike_pro-webfont.woff2") format("woff2"), url("../font/latinotype_-_ridemybike_pro-webfont.woff") format("woff"), url("../font/latinotype_-_ridemybike_pro-webfont.ttf") format("truetype"), url("../font/latinotype_-_ridemybike_pro-webfont.svg#ridemybike_proregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'ridemybike_probold';
  src: url("/font/latinotype_-_ridemybike_pro_bold-webfont.eot");
  src: url("/font/latinotype_-_ridemybike_pro_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../font/latinotype_-_ridemybike_pro_bold-webfont.woff2") format("woff2"), url("../font/latinotype_-_ridemybike_pro_bold-webfont.woff") format("woff"), url("../font/latinotype_-_ridemybike_pro_bold-webfont.ttf") format("truetype"), url("../font/latinotype_-_ridemybike_pro_bold-webfont.svg#ridemybike_probold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'GothamRounded-Book';
  src: url("/font/GothamRounded-Book.eot");
  src: url("/font/GothamRounded-Book.eot?#iefix") format("embedded-opentype"), url("../font/GothamRounded-Book.woff2") format("woff2"), url("../font/GothamRounded-Book.woff") format("woff"), url("../font/GothamRounded-Book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'GothamRounded-Light';
  src: url("/font/GothamRounded-Light.eot");
  src: url("/font/GothamRounded-Light.eot?#iefix") format("embedded-opentype"), url("../font/GothamRounded-Light.woff2") format("woff2"), url("../font/GothamRounded-Light.woff") format("woff"), url("../font/GothamRounded-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'GothamRounded-Bold';
  src: url("/font/GothamRounded-Bold.eot");
  src: url("/font/GothamRounded-Bold.eot?#iefix") format("embedded-opentype"), url("../font/GothamRounded-Bold.woff2") format("woff2"), url("../font/GothamRounded-Bold.woff") format("woff"), url("../font/GothamRounded-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

/*# sourceMappingURL=media.css.map */