Rack TV 60" + Buffet Salem

<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"> <div class="box-sheet"> <article class="title-product"> <h2 class="title-main">Rack Tv 60&quot; + Bife Salem</h2> </article> <article class="modules-features" id="module-1"> <h3 class="title-modules">Caracter&iacute;sticas:</h3> <div class="table-modules">&nbsp;</div> <div class="table-modules"> <p class="text-modules">Marca</p> <p class="text-modules">Tuhome</p> </div> <div class="table-modules"> <p class="text-modules">Color</p> <p class="text-modules">Miel | Plomo</p> </div> <div class="table-modules"> <p class="text-modules">Requiere armado</p> <p class="text-modules">Si</p> </div> <div class="table-modules"> <p class="text-modules">Material de la estructura</p> <p class="text-modules">Melamina</p> </div> <div class="table-modules"> <p class="text-modules">Incluye</p> <p class="text-modules">Rack Tv60 + Bife Salem|Miel | Plomo</p> </div> <div class="table-modules"> <p class="text-modules">Modelo</p> <p class="text-modules">Salem</p> </div> <div class="table-modules"> <p class="text-modules">Tipo</p> <p class="text-modules">Rack</p> </div> <div class="table-modules"> <p class="text-modules">Alto (cm)</p> <p class="text-modules">58,4</p> </div> <div class="table-modules"> <p class="text-modules">Ancho (cm)</p> <p class="text-modules">158,4</p> </div> <div class="table-modules"> <p class="text-modules">Largo (cm)</p> <p class="text-modules">38</p> </div> <div class="table-modules"> <p class="text-modules">Modelo</p> <p class="text-modules">Salem</p> </div> <div class="table-modules"> <p class="text-modules">Tipo</p> <p class="text-modules">Bife</p> </div> <div class="table-modules"> <p class="text-modules">Alto (cm)</p> <p class="text-modules">78,4</p> </div> <div class="table-modules"> <p class="text-modules">Ancho (cm)</p> <p class="text-modules">140,1</p> </div> <div class="table-modules"> <p class="text-modules">Largo (cm)</p> <p class="text-modules">42,1</p> </div> <div class="table-modules"> <p class="text-modules">Hecho en</p> <p class="text-modules">Colombia</p> </div> <div class="table-modules"> <p class="text-modules">Garant&iacute;a</p> <p class="text-modules">6 Meses</p> </div> <ul> </ul> </article> <article class="modules-features" id="module-2"> <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> <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> </div> </section>