Andador Moby Amarillo Bebesit

<style type="text/css">@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600"); .hide { display: none; opacity: 0; visibility: hidden; } .container-sheet { border: none; max-width: 100%; margin: auto; clear: both; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; color: grey; font-weight: 400; overflow: hidden; flex-wrap: wrap; } .container-sheet .box-sheet { width: 100%; padding-left: 20px; padding-right: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; } @media only screen and (max-width: 768px) { .box-sheet { width: 100%!important; margin-bottom: 10px; padding-left: 0!important; padding-right: 0!important; } } .container-sheet .box-sheet .title-product { margin-bottom: 20px; border-bottom: 1px solid #e0e0e0; padding-bottom: 20px; } .container-sheet .box-sheet .title-product .title-main { font-size: 16px; margin-bottom: 10px; color: #000000; font-weight: 600; text-transform: uppercase; } .container-sheet .box-sheet .title-product .description-main { font-size: 12px; line-height: 22.5px; margin-bottom: 10px; } .container-sheet .box-sheet .title-product .description-main:last-child { margin-bottom: 0px; } .container-sheet .box-sheet .modules-features { position: relative; margin-bottom: 40px; } .container-sheet .box-sheet .modules-features .terminos { color: #d00e2a !important; font-size: 11px; } .container-sheet .box-sheet .modules-features .title-modules { color: #000000; font-size: 14px; font-weight: 600; margin-bottom: 10px; width: 100%; } .container-sheet .box-sheet .modules-features .table-modules { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; } .container-sheet .box-sheet .modules-features .table-modules .text-modules { color: grey; width: 50%; line-height: 30px; padding: 0 15px; } .container-sheet .box-sheet .modules-features .table-modules .garantia { color: grey; width: 100%; line-height: 20px; font-size: 10px; } .container-sheet .box-sheet .modules-features .table-modules .text-modules:nth-child(even) { text-align: right; } .container-sheet .box-sheet .modules-features .table-modules:nth-of-type(even) { background-color: #faf9f9; } .container-sheet .box-sheet .modules-features .video { width: 100%; border-radius: 5px; overflow: hidden; height: 250px; } .container-sheet .box-sheet .modules-features .images { width: 100%; background-color: white; } .container-sheet .box-sheet .modules-features .images .img-pop, .container-sheet .box-sheet .modules-features .images img { border: 1px solid #e0e0e0; border-radius: 5px; padding: 20px; background: white; } /* POP UP */ @media only screen and (max-width: 768px) { .img-pop { padding: 5px!important; } } .materialboxed { display: block; cursor: -webkit-zoom-in; cursor: zoom-in; position: relative; -webkit-transition: opacity .4s; transition: opacity .4s; -webkit-backface-visibility: hidden; } .materialboxed.active { cursor: -webkit-zoom-out; cursor: zoom-out; } div#materialbox-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(41, 41, 41, 0.7); z-index: 1000; will-change: opacity; display: flex; justify-content: center; align-items: center; } .tabs-ficha .section img:not(.img-pop) { width: auto!important; height: auto!important; } .container-sheet .box-sheet .modules-features .images-doble { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .container-sheet .box-sheet .modules-features .images-doble { max-width: 190px; min-width: 150px; width: 100%; border-radius: 5px; border: 1px solid #e0e0e0; } @media screen and (max-width: 480px) { .container-sheet .box-sheet .modules-features .images-doble { margin-bottom: 40px; max-width: 100%; } } .container-sheet .box-sheet .modules-features:last-child { margin-bottom: 0; } #especifica_div > table { width:100%; } </style> <section class="container-sheet"><!-- BOX DESCRIPTION --> <div class="box-sheet"><!-- Title Product --> <article class="title-product"> <h2 class="title-main">Andador Bebesit Mobi</h2> </article> <!-- Modules 1 Description --> <article class="modules-features" id="module-1"> <h3 class="title-modules">Caracter&iacute;sticas Principales:</h3> <div class="table-modules"> <p class="text-modules">&nbsp;</p> </div> <div class="table-modules"> <p class="text-modules">Marca</p> <p class="text-modules">Bebesit</p> </div> <div class="table-modules"> <p class="text-modules">Modelo</p> <p class="text-modules">7106</p> </div> <div class="table-modules"> <p class="text-modules">Color</p> <p class="text-modules">Seg&uacute;n imagen</p> </div> <ul> </ul> </article> <!-- Modules 2 Description --> <article class="modules-features" id="module-2"> <h3 class="title-modules">Caracter&iacute;sticas Espec&iacute;ficas:</h3> <div class="table-modules"> <p class="text-modules">&nbsp;</p> </div> <div class="table-modules"> <p class="text-modules">Tipo</p> <p class="text-modules">Andador</p> </div> <div class="table-modules"> <p class="text-modules">Ruedas</p> <p class="text-modules">8</p> </div> <div class="table-modules"> <p class="text-modules">Asiento</p> <p class="text-modules">Desmontable</p> </div> <div class="table-modules"> <p class="text-modules">Posiciones</p> <p class="text-modules">3</p> </div> <div class="table-modules"> <p class="text-modules">Bandeja</p> <p class="text-modules">M&uacute;sical</p> </div> <ul> </ul> </article> <!-- Modules 3 Description --> <article class="modules-features" id="module-3"> <h3 class="title-modules">Recomendaciones:</h3> <div class="table-modules"> <p class="text-modules">&nbsp;</p> </div> <div class="table-modules"> <p class="text-modules">Peso</p> <p class="text-modules">Hasta 15 kg</p> </div> <div class="table-modules"> <p class="text-modules">Altura</p> <p class="text-modules">(85 cm alto m&aacute;x.)</p> </div> <div class="table-modules"> <p class="text-modules">Uso</p> <p class="text-modules">7 a 17 meses</p> </div> <ul> </ul> </article> <article class="modules-features" id="module-3"> <h3 class="title-modules">Garant&iacute;a:</h3> <div class="table-modules"> <p class="text-modules">&nbsp;</p> </div> <div class="table-modules"> <p class="text-modules">3 meses</p> </div> <ul> </ul> </article> <article class="modules-features" id="module-3"> <h3 class="title-modules">&nbsp;</h3> </article> <article class="modules-features" id="module-3"> <h3 class="title-modules">&nbsp;</h3> </article> <article class="modules-features" id="module-3"> <h3 class="title-modules">&nbsp;</h3> </article> <!-- Garantias --></div> </section> <script> $(document).ready(function(){ $('.materialboxed').materialbox(); }); </script>