@charset "utf-8";
/* CSS Document */
/******************************
[Table of Contents]
1. 1600px
2. 1440px
3. 1280px
4. 1199px
5. 1024px
6. 991px
7. 959px
8. 880px
9. 768px
10. 767px
11. 539px
12. 479px
13. 400px
******************************/
@media only screen and (max-width: 1600px)
{
}
/************
2. 1440px
************/
@media only screen and (max-width: 1540px)
{
}
/************
3. 1380px
************/
@media only screen and (max-width: 1380px)
{
}
/************
3. 1280px
************/
@media only screen and (max-width: 1280px)
{
}
/************
4. 1199px
************/
@media only screen and (max-width: 1199px)
{
.main_slider
{
/*min-height: 475px;*/
}
.main_slider_content
{
width: 80%;
}
.banner_item
{
height: 220px;
}
.product-item
{
height: 420px;
}
/*.product
{
height: 320px;
}*/
.timer li
{
width: 90px;
height: 90px;
}
.timer_num
{
font-size: 36px;
font-weight: 500;
}
.timer_unit
{
margin-top: 5px;
}
.blog_title
{
font-size: 20px;
}
}
/************
5. 1024px
************/
@media only screen and (max-width: 1024px)
{
}
/************
6. 991px
************/
@media only screen and (max-width: 991px)
{
h2.cateName, h1.cateName {
font-family: 'Roboto Condensed', sans-serif;
color: white;
font-size: 50px;
position: absolute;
bottom: 0px;
left: 5%;
text-transform: uppercase;
font-weight: 600;
}
h1{font-size: 48px;}
h2{font-size: 36px;}
.main_slider_content h6
{
margin-bottom: 10px;
}
.shop_now_button
{
margin-top: 26px;
}
.grid-item
{
width: 25%;
}
.top_nav
{
display: block;
}
.navbar_menu
{
display: none;
}
.hamburger_container
{
display: block;
}
.main_slider img
{
margin-top: 0%;
}
.banner_item
{
height: 160px;
}
.banner_category
{
min-width: 160px;
height: 40px;
}
.banner_category a
{
font-size: 16px;
line-height: 40px;
}
.product-item
{
width: 33.33%;
}
.deal_ofthe_week{
padding-bottom: 7%;
}
.deal_ofthe_week_col
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display:block;
flex-direction: column;
justify-content: center;
align-items: center;
top: 0;
left: 0;
width: 100%;
height: 1500%;
}
.deal_ofthe_week_content
{
position: relative;
top: auto;
left: auto;
height: auto;
display: block;
}
.deal_ofthe_week_img img
{
text-align: center;
}
.timer li
{
width: 70px;
height: 70px;
}
.timer_num
{
font-size: 28px;
}
.timer_unit
{
margin-top: 1px;
font-size: 14px;
}
.benefit_col
{
width:100%;
margin-bottom:20px;
}
.benefit_col:first-child {margin-right:0;}
.benefit_col:last-child{margin-left: 0px;}
.blog_item_col
{
margin-bottom: 30px;
}
.blog_item_col:last-child
{
margin-bottom: 0px;
}
.blog_item
{
height: 440px;
}
.blog_title
{
font-size: 24px;
}
.newsletter_text
{
height: auto;
margin-top: 30px;
}
.newsletter_text p
{
margin-top: 5px;
}
.newsletter_form
{
height: auto;
margin-top: 30px;
margin-bottom: 40px;
}
.footer_nav_container
{
height: auto;
margin-top: 65px;
}
.footer_social
{
height: auto;
margin-top: 20px;
margin-bottom: 65px;
}
}
/************
7. 959px
************/
@media only screen and (max-width: 959px)
{
}
/************
8. 880px
************/
@media only screen and (max-width: 880px)
{
}
/************
9. 768px
************/
@media only screen and (max-width: 768px)
{
}
/************
10. 767px
************/
@media only screen and (max-width: 767px)
{
.destaquescategoria a {max-width: calc(33.33% - 2px);
margin: 1px;
font-size: 10px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
line-height: 16px;
}
.alertable-cancel {padding: 6px 5px;}
#onesignal-bell-container.onesignal-reset.onesignal-bell-container-bottom-left {bottom:40px}
.blackFoot {margin-bottom: 50px;}
#searchform #search_query_adv {background: white;color: black;border: 1px solid white;}
.navbar_user .fa-search {color: white; border-left: none!important;}
#searchform {border: none;}
footer li, footer li a {margin-bottom: 8px; margin-top:8px;}
#salircuenta { display: none;}
#iracuenta {margin-right: 0; margin-top:35px; width: 100px;max-width: 100px;top: auto;}
.categoriadestacada{max-width:100%}
.categoriadestacada:nth-child(4n) {max-width:100%}
.categoriadestacada:nth-child(5n) {max-width:100%}
.breadcrumbs ul li{margin-right:5px}
.breadcrumbs ul li i {margin-left:5px}
/*#productpage {padding-top: 100px;}*/
#megacategorypage .product-item {width:100%}
.iva {float:left}
.add_to_cart_button a {width:100%;float:left;margin:0}
#categorypage .discount .product_info .product_price {font-size:13px}
#megacategorypage .logo_container {
display: block;
}
#okewa{ z-index: 2000000;}
iframe#launcher { bottom: 120px!important;}
.okewa-style_3 #okewa-floating_cta {bottom:50px;}
#productpage .main_slider {display:none}
.pre_compra p {font-size:12px}
.pre_compra {
width: auto;
display: flex;
text-align: center;
padding: 5px;
background: #ffffffd9;
border: red 1px solid;
justify-content: center;
margin: 0 auto 3px;
align-items: center;
z-index: 1;
}
/*#homepage .logo_container { display: block; }*/
.categorybanner { margin-top:15px; display: block;
clear: both;height:auto;
float: left;
width: 100%;}
/*.main_nav_container{background:black}*/
#megacategorypage h2, h2.cateName, h1.cateName {font-size:20px; padding: 6px 0px;}
#megacategorypage .product-item {height:auto;}
#megacategorypage .product {display:flex;flex-wrap:wrap;}
#megacategorypage .add_to_cart_button{width:100% ; padding: 0 10px;}
#paginaestatica .faq h5 {font-size: 16px;}
#paginaestatica .faq h3 { font-size: 22px;}
.formcontacto .row {margin-left: 0; margin-right: 0;}
.buttonformulario {width:100%!important;}
.imagethumblink {float: left;height:200px;width:100%;text-align:center}
.imagethumb {
max-width: 100%;
max-height: 200px;
}
#paginaestatica .faq {margin-top:0}
#add-to-cart-button{padding:5px}
.product_price_line { color: #3c3c3b; line-height: 1.5em; font-size: 18px; text-align: center; }
#productpage h1 { font-size: 26px; font-weight: 500; text-transform: uppercase; text-align: center;}
.okewa-right #okewa-floating_cta, .okewa-right #okewa-floating_popup { bottom: 54px;}
#productpage .red_button a { font-size: 12px; background-color: transparent; line-height: 1.2em;}
.subtituloh2,
.section_title h2 {display: inline-block;font-size: 20px;padding:0}
.menu_item {border-bottom-color: rgba(181, 174, 196, 0.5);float:left;width:100%;}
.menu_item > a {font-size:20px;line-height: 40px;height: 40px;margin-left:20px;}
.hamburger_menu.active {left:0;right:auto}
.hamburger_menu {left:-450px}
header.sticky .login span {display:none}
header.sticky {top:0; position:fixed; background-color: white;}
.navbar_user li #search {display: none;}
/*header.sticky .solicitaracceso span {display:none}*/
.solicitaracceso:hover {line-height: 25px;}
.navbar_user li a.solicitaracceso {margin: 0 1px}
.navbar_user li a.solicitaracceso span {
width: 140px;
text-align: center;
font-size: 10px;
}
.solicitaracceso {
background-color: #00b034;
padding: 0 10px;
border-radius: 10px;
font-weight: 600;
margin-bottom: 3px;
position: relative!important;
top: 48px;
line-height: 25px;
height: 25px!important;
width: 200px;
}
header .navbar_user .col-12,
header.sticky .navbar_user .col-12 {margin-top:0px; max-width:100%!important}
header.sticky .navbar_user {margin-top:0}
header.sticky .navbar_user {height:auto}
header.sticky .navbar_user .fa {
font-size: 25px;
}
header.sticky #searchform {
height: 38px;
}
header.sticky .top_nav {display:block}
.categoriasdestacadas { float: left;
width: 100%;
margin-bottom: 30px;}
.categoriadestacada {float:left;width:100%;}
header.sticky .hamburger_container i {color:blakck}
header.sticky .logo_container {top:0}
header.sticky .logo_container img {height: 60px; margin: 11px;}
.logo_container {z-index:3333}
.logo_container img {height: 60px; margin: 11px;}
section {
margin-top: 30px;
}
.logo_container img {
max-height: 88px;
width: auto;
}
.logo_container {
position: fixed;
top: 0;
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
-ms-transform: translate(-50%);
-o-transform: translate(-50%);
transform: translate(-50%);
left: 50%;
}
.main_slider img{margin-top:0}
.main_slider{
width: auto;
margin:0;
}
.main_slider_content
{
width: 100%;
padding-right: 15px;
}
.navbar { position: fixed;
top: 0;
/*background: rgba(255, 255, 255, 0.5);*/
left: 0;height: 70px;margin-top: 0;width: 70px;}
.main_slider{min-height: auto;}
.navbar_menu::after { display:none }
.hamburger_container
{
margin-left: 25px;
}
.hamburger_container i
{
font-size: 30px;
color:black;
}
.hamburger_close
{
top: 14px;
right: 4px;
}
.hamburger_close i
{
font-size: 20px;
}
.header {height: 110px; background: white;}
.header2 {max-width:50px; position:absolute}
.navbar_user li a
{
/*width: 30px;*/
height: 30px;
font-size: 12px;
margin-left:0;
/*margin: 0 10px*/
}
.logo_container a {float:left}
#cartbutton { position: fixed; top:20px ; right: 20px;}
header1 { height:110px}
header.sticky {height: 110px;}
#searchform{position: fixed;bottom: 6px;width: 56%;left: 29%;}
.navbar_user .fa-search {padding-left: 9px;font-size: 17px!important;}
.navbar_user { max-width:70%;width:70%; position: fixed;top: 32px;top: 27px;transform: none;left: 0;}
.hidemobile {display:none!important}
.top_nav {position:fixed;bottom:0px; z-index: 0;z-index:1}
.main_nav_container {z-index:2}
#Checkout .SmallButton{width:100%;margin-left:0}
#CloseMapPickit{
z-index: 1111132;
position: fixed;
top: 10px;
right: 10px;
font-size: 30px;
border: none!important;
background: none;
}
#PickitMapa {
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 1111112;
background-color:white;
}
#PickitMapa iframe {
z-index: 1111112;
}
ul.menu_top_nav {margin-bottom: 30px;}
.menu_selection li{border:none;}
.menu_selection li a
{
border:none;
line-height: 35px;
height: 35px;
color:#131a2c!important;
font-size: 12px;
}
ul.menu_selection.brands li a {border:none;height:auto}
ul.menu_selection.brands li {width: 33%; background-color: white;
opacity: 1;}
.tab_text_block {margin-bottom:30px}
.tab_image {margin-bottom:30px}
h2.cateName, h1.cateName {
font-family: 'Roboto Condensed', sans-serif;
color: white;
font-size: 18px;
position: relative;
bottom: 0px;
left: 0;
text-transform: uppercase;
font-weight: 600;
}
.tabs_section_container {
width: 100%;
padding-bottom: 2px;
border-bottom: none;
}
.single_product_container, .posteo_container {padding-bottom:20px}
#productpage .quantity_selector {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
margin: 10px 0 5px;
height: 36px;
border: solid 1px #e5e5e5;
}
.quantity {
width: 100%;
height: auto;
margin-top: 0px;
float: left;
}
.product__listprices {height:auto}
#productpage .add_to_cart_button {
width: 100%;
font-size: 12px !important;
opacity: 1;
visibility: visible;
}
#productpage .product_favorite {display:none!important}
.single_product_thumbnails ul li {position: relative;height: 90px;margin-bottom: 10px;cursor: pointer;overflow: hidden;float: left; width: 25%;}
.image_col {}
.single_product_thumbnails ul li img { height: 70px; text-align: center; margin: 0 auto; display: block;}
.single_product_image{height:auto;max-height:400px}
.single_product_image_img {
overflow: hidden;
width: auto;
width: 100%;
text-align: center;
margin: 0 auto;
display: block;
}
.single_product_thumbnails {height: 100px;margin-top: 5px;margin-bottom: 10px;}
.breadcrumbs {margin-bottom:0}
/*li#search {
position: fixed;
left: 0;
width: 100%;
top: 126px;
background-color: none;
padding: 0px 13px;
}*/
.mobileright{text-align:right}
{font-size:13px;margin-top:5px}
.product__qty .quantityInput2 {width:100%}
.quantity_selector .plusbottom { font-size: 14px; width: 50px;}
#categorypage .product-item{width:100%; margin-bottom: 30px;display:block}
#categorypage .product {border:none;padding-bottom:10px; border-bottom: solid 1px #e9e9e9;
}
#categorypage .main_content{width:100%;padding-left:0}
.sidebar {width:100%;}
.sidebar_section{display:none}
.sidebar .showsection { display: block; width: 100%; margin: 10px; width: 120px; background-color: #3483fa; color: white; float: right; text-align: center;}
.product_slider_container {margin-top:15px}
.brand_slider_container {margin-top:15px}
#Checkout .placeholderflotante3 {
top: -50px;
padding: 5px;
width: 70px;
height: auto;
font-size: 11px;
font-weight: 400;
position: relative;
color: #616161;
line-height: 28.39px;
background-color: #ffffff;
padding: 0;
margin: 0;
left: 20px;
/* right: -100px; */
}
#Checkout .recibiroretirarcontainerbutton {height: 65px;width: 100%;margin-left: 2%;margin-right: 2%;}
#Checkout #shippingmodeenviodomiciliopaso2provincia{margin-top:10px}
/*pay*/
#Checkout #pay #pagar {width: 100%;}
#Checkout .graciacompramensajeinner{padding:5px}
#Checkout #pay ul{padding:0}
#Checkout #pay #seguro {font-size:14px}
#Checkout #pay #seguro fa {font-size:16px}
#Checkout .infocompra #totalapagar, #Checkout .infocompra #orderid{float:none!important}
#Checkout .graciacompratitleinner {font-size: 14px;}
#Checkout .graciacompratitleinner strong{float:none!important}
#Checkout #seguro strong { float: none!important;}
/**otros*/
#Checkout .fondocart.checkoutlogin{width:100%}
#Checkout .fondocart p {
color: black;
}
#Checkout .checkoutlogin .titleSection {
line-height: 1.2em;
}
#login_password2 {margin-bottom:10px;width: 100%;}
#spinnercheckout {position: fixed; top: 50%;
left: 50%;
margin-left: -50px;
margin-top: -50px;
font-size:120px;}
#Checkout .checkoutlogin {margin-left: 0%;width: 100%;}
#Checkout .vtLoginButton {
float: left;
width: 100%;
font-size: 14px;
max-width: 100%;
height: 30px;
line-height: 30px;
}
#Checkout .titleContainer h2 {font-size:14px}
#Checkout .titleContainer {margin:0;padding:20px}
.product_section{margin-top:10px}
/*.imagen_carrito { display: none;}*/
#cartcontent .imagen_carrito img {width:50px;height:50px}
#Checkout .product_section_container {clear:both; margin-top: 0px;z-index:2;padding:0}
/*#cartcontent .product_section_container {margin-top: 150px;}*/
.CheckoutButton.row.center{width:100%; margin:0}
.product_section_container {margin-top: 0px;}
#cartcontent .nombre_carrito a {color: black;font-size: 12px;}
#cartcontent .tabletitle {display:none}
h1{font-size: 36px;}
h2{font-size: 24px;}
h6{font-size: 12px;}
.main_slider_content h6
{
margin-bottom: 20px;
}
.shop_now_button
{
margin-top: 23px;
}
.red_button a
{
font-size: 12px;
}
.banner_item
{
margin-bottom: 0px;
height: 210px;
}
.new_arrivals_title
{
margin-top: 22px;
margin-bottom: 22px;
}
.product-item
{
width: 33.333333333333%;
/*height: 420px;*/
}
/*.product
{
height: 305px;
}*/
.grid_sorting_button
{
font-size: 13px;
padding-left: 20px;
padding-right: 20px;
min-width: 80px;
}
.product_slider_container
{
height: auto;
}
/*.product_slider_item .product-item
{
height: 380px;
}*/
.benefit_col
{
margin-bottom: 15px;
}
.blog_item
{
height: 372px;
}
.newsletter_form
{
margin-bottom: 40px;
}
.newsletter_submit_btn
{
margin-top: 15px;
}
}
/************
11. 575px
************/
@media only screen and (max-width: 575px)
{
.hamburger_menu
{
left: -450px;
width: 100%;
}
.product-item
{
width: 50%;
height: 420px;
}
/*.product
{
height: 380px;
}*/
.blog_item
{
height: calc((100vw - 30px) / 1.37);
}
.cr
{
display: block;
margin-right: 0px;
margin-bottom: 30px;
font-size: 13px;
}
.footer_nav
{
margin-bottom: 20px;
}
.footer_nav li
{
display: block;
margin-right: 0px;
}
.footer_nav li a
{
font-size: 13px;
}
}
/************
11. 539px
************/
@media only screen and (max-width: 539px)
{
}
/************
12. 480px
************/
@media only screen and (max-width: 480px)
{
}
/************
13. 479px
************/
@media only screen and (max-width: 479px)
{
.product_name {font-size:11px}
.logo_container a
{
font-size: 12px;
}
.hamburger_menu_content
{
padding-right: 15px;
padding-top: 70px;
overflow-y:scroll;
}
.checkout_items
{
width: 15px;
height: 15px;
font-size: 10px;
}
.main_slider_content h6
{
margin-bottom: 10px;
}
.main_slider_content h1
{
font-size: 24px;
}
.shop_now_button
{
margin-top: 15px;
width: 100px;
height: 35px;
}
.red_button a
{
font-size: 10px;
}
/************
.banner_item
{
height: calc((100vw - 30px) / 2.6);
}
************/
.grid_sorting_button
{
font-size: 12px;
padding-left: 10px;
padding-right: 10px;
min-width: 60px;
height: 35px;
}
.product-item
{
width: 100%;
height: auto;
}
/*.product
{
height: auto;
}*/
#categorypage .product_name a,
.product_name a
{
font-size: 13px;
line-height: 1.3em;
}
.add_to_cart_button
{
margin-top: 20px;
}
.deal_ofthe_week_img
{
height: 400px;
}
.timer
{
margin-top: 42px;
}
.timer li
{
width: 50px;
height: 50px;
}
.section_title::after
{
top: calc(100% + 8px);
height: 3px;
}
.timer_num
{
margin-top: 4px;
font-size: 19px;
}
.timer_unit
{
margin-top: -9px;
font-size: 10px;
}
.deal_ofthe_week_button
{
margin-top: 36px;
}
.product_slider_item .product-item
{
width: 100%;
height: auto;
}
.product_slider_item .product-item:hover::after
{
box-shadow: none;
}
.product_slider_item .product-item .product
{
height: auto;
}
.product_slider_item .product-item .product_info
{
padding-bottom: 30px;
}
.blog_title
{
font-size: 16px;
}
.blog_meta
{
font-size: 10px;
}
.blog_more
{
font-size: 12px;
margin-top: 5px;
}
.newsletter_form
{
margin-top: 22px;
}
.newsletter_text h4
{
font-size: 20px;
}
.newsletter_text p
{
font-size: 13px;
margin-top: 5px;
}
.newsletter_submit_btn
{
font-size: 12px;
}
#newsletter_email
{
height: 40px;
width: 100%;
padding-left: 15px;
}
.newsletter_submit_btn
{
height: 36px;
width: 130px;
}
#newsletter_email::-webkit-input-placeholder
{
font-size: 12px !important;
padding-left: 0px;
}
#newsletter_email:-moz-placeholder /* older Firefox*/
{
font-size: 12px !important;
padding-left: 0px;
}
#newsletter_email::-moz-placeholder /* Firefox 19+ */
{
font-size: 12px !important;
padding-left: 0px;
}
#newsletter_email:-ms-input-placeholder
{
font-size: 12px !important;
padding-left: 0px;
}
#newsletter_email::input-placeholder
{
font-size: 12px !important;
padding-left: 0px;
}
.footer_nav_container
{
margin-top: 35px;
}
.cr
{
margin-bottom: 20px;
}
.footer_nav
{
margin-bottom: 20px;
}
.footer_social
{
margin-top: 5px;
margin-bottom: 30px;
}
}
/************
14. 400px
************/
@media only screen and (max-width: 350px)
{
.product__qty .quantityInput2 {width:70px;font-size: 22px;}
.product__add-to-cart {font-size:12px}
}
@media only screen and (min-width: 799px)
{
.fs_menu_overlay {display:none;}
}
@media (min-width: 1200px)
{
.container {
max-width: calc(100% - 40px);
}
}
@media (max-width:768px)
{
#cuenta .pageContent {margin-top: 130px;}
#cuenta .categorytitle {margin-top: 20px;font-size: 22px;}
#cuenta .sidebar_account {padding: 2px;}
#cuenta .sidebar_accountli { display: flex; font-size: 12px; border-bottom: 0; text-align: center; flex-wrap: wrap; padding: 5px 4px; line-height:1.2em}
#cuenta .cancelar { font-size: 12px; padding: 0 10px;}
#cuenta .repetir { font-size: 12px; padding: 0 10px;}
#landingexpo .navbar_user li a.solicitaracceso{display: none;}
#landingexpo .header {height:55px}
#megacategorypage .section_title, .categorybanner a {flex-direction: column;}
}
@media (min-width:768px)
{
header.sticky {position:fixed;background-color:white}
header.sticky .logo_container { background-color:white; top: 0px; display:flex;display: flex;align-items: center;}
#homepage .sticky .logo_container { top: 0px;display:flex;display: flex;align-items: center;}
/*header.sticky .navbar_menu li a {color:white}*/
header.sticky .navbar_user {
height: 40px;
width: 70%;
margin-top: 9px;
}
}