@media screen (min-width: 1190px) { .sm-blue a { padding: 13px 16px; } } @media only screen and (min-width:640px) and (max-width:960px) { .fa-2x { font-size: 32px; } .ot-jumplist { top: 35%; } .photo-gallery-grid .item.nuevo .item-header a, .photo-gallery-grid .item.nuevo .item-header { min-height: 24px; } /* ************************************* */ /* FILTROS en MARKET /* ************************************* */ .grid { background-color: #f5f5f5; padding-left: 10px; } .grid-item { float: left; width: 48.3%; height: auto !important; background-color: white; box-shadow: inset 0 0 0 1px #e5e5e5, 0 1px 0 1px rgba(0, 0, 0, 0.02); margin-top: 10px; } .grid-item a.grid-img img { width: 100%; } .grid-item a.grid-img, .grid-item p { display: block; padding: 15px; color: #5e5e5e; } .grid-item a.grid-titulo { font-size: 24px; display: block; padding: 15px; font-family: "Titillium Web", sans-serif; } .grid-item a.grid-titulo b { font-weight: 600; } .grid-item p { border-top: 1px solid #ececec; } .grid-item .grid-item-button { display: inline-block; border: 1px solid #232323; text-transform: uppercase; font-size: 14px; font-weight: bold; padding: 9px 13px; margin-left: 15px; margin-bottom: 15px; } .grid-item .grid-item-button small { vertical-align: middle; font-size: 11px; } .grid-item .grid-item-button i { margin-right: 2px; vertical-align: middle; } .grid-item .grid-etiqueta { display: block; position: absolute; top: -5px; right: 10px; z-index: 5; padding: 5px 10px; border-radius: 2px; -moz-border-radius: 2px; background: #2c3e50; background-color: rgb(44, 62, 80); color: #fff; font-size: 12px; font-weight: bold; } .filtros { padding: 12px; } .filtros button { padding: 6px 12px; border: 2px solid #e5e5e5; border-radius: 4px; border-bottom-color: #b1b1b1; -moz-border-radius: 8px; background-color: #e5e5e5; font-size: 12px; font-weight: bold; cursor: pointer; color: #1d4f80; } .filtros button.is-checked { border: 2px solid #1d4f80; border-bottom-color: #b1b1b1; background-color: #1d4f80; color: white; } /* ************************************* */ /* MERCADO PAGO /* ************************************* */ .btn-mp-grid { display: inline-block; font-size: 14px; font-weight: bold; padding: 5px 13px 9px 13px; background-color: #ff8c00; color: white; border: 3px solid #ff8c00; border-radius: 2px; border-bottom-color: #cc6600; } .btn-mp-grid, .btn-mp-grid img, .btn-mp-grid span { display: inline-block; vertical-align: middle; } .btn-mp-grid img { width: 34px; height: auto; } .btn-mp-grid span { margin-left: 4px; font-weight: bold; } /* ************************************* */ /* CABECERA MARKET /* ************************************* */ .cabecera-market-container { background-color: #1d4f80; position: absolute; z-index: 3; width: 100%; display: flex; justify-content: center; align-items: flex-end; } .cabecera-market { width: 1238px; padding:12px 0 24px 0; } .cabecera-logo { display: inline-block; width: 24%; vertical-align: bottom; text-align: center; } .cabecera-logo img { width: 70%; } .cabecera-medio { display: inline-block; width: 56%; text-align: center; vertical-align: bottom; } .cabecera-medio form { display: inline-block; border: 2px solid white; } .cabecera-medio select { font-family: "Titillium Web", sans-serif; font-size: 17px; color: #1d4f80; line-height: 35px; margin: 0; padding-left: 4px; padding-right: 44px; display: inline-block; border: 1px solid #ccc; border-right: none; border-bottom: none; vertical-align: bottom; cursor: pointer; /* reset */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; background-image: linear-gradient(45deg, transparent 50%, white 50%), linear-gradient(135deg, white 50%, transparent 50%), linear-gradient(to right, #1d4f80, #1d4f80); background-position: calc(100% - 20px) calc(1em - 1px), calc(100% - 15px) calc(1em - 1px), 100% 0; background-size: 5px 5px, 5px 5px, 2.4em 5em; background-repeat: no-repeat; } .cabecera-medio input { font-family: "Titillium Web", sans-serif; color: #1d4f80; font-size: 19px; width: 30%; border: 1px solid #ccc; border-left: none; padding: 1px 8px 4px 8px; vertical-align: bottom; } .cabecera-medio button { line-height: 34px; padding: 0 14px; margin: 0; border: none; background-color: #1d4f80; color: white; vertical-align: bottom; cursor: pointer; } .cabecera-medio a { color: white; font-size: 17px; padding-bottom: 8px; display: inline-block; } .cabecera-medio a:first-child { margin-right: 64px; } .cabecera-enlaces { display: inline-block; width: 18%; vertical-align: bottom; } .cabecera-enlaces a { display: block; color: white; font-size: 21px; font-family: "Titillium Web", sans-serif; } .cabecera-enlaces a:first-child { margin-bottom: 16px; } .cabecera-enlaces .column2 { display: inline-block; width: 15%; } .cabecera-enlaces .column2 img { width: 100%; } .cabecera-enlaces .usuario { width: 70%; margin-left: 8px; display: inline-block; color: white; } .cabecera-enlaces .usuario h2 { font-size: 15px; font-weight: bold; padding-bottom: 4px; } .cabecera-enlaces .usuario a { font-size: 15px; padding-bottom: 4px; display: block; } .cabecera-enlaces .usuario a.btn-salir { margin-top: 4px; } .contenedor-foto img { width: 100%; } .pie .enlaces { display: inline-block; } .cabecera-publicacion .icono-suplemento { width: 32px; height: auto; display: inline-block; vertical-align: middle; padding: 0 6px 0 0px; } .order_product_cant_btn { padding-top: 4px; } .order_product_cant_btn small, .order_product_cant_btn button { vertical-align: bottom; } .order_product_cant_btn small { display: inline-block; padding-right: 70px; } .order_product_cant_btn button { background-color: #1D4F80; padding: 4px 12px; border: none; color: white; cursor: pointer; text-transform: uppercase; } .split-stuff.blocks-3 > div, .split-stuff.blocks-4 > div { display: block; width: 100%; } #menu-inteli { display: none; } #menu-btn { background-color: #e7e7e7; color: #1d4f80; padding: 2%; border: none; vertical-align: top; display: block; width: 100%; } .ultima, .ultimo{ display: none; } .paragraph-row .column7 { width: 95%; } #top { position: fixed; top: 0; z-index: 10000; background-color: white; } #desplegable-login-btn, .salir-btn { background-color: #1d4f80; color: white; display: inline-block; padding: 8px; border: none; vertical-align: top; width: 30px; } a.logo-movil { width:73%; display:inline-block; vertical-align: top; padding: 2%; padding-right: 0; } a.logo-movil img { width: 100%; } #menu-movil, #desplegable-login { padding:7%; background-color:#1d4f80; display:none; width: 100%; } #desplegable-login input { display: block; margin-bottom: 2%; width: 80%; font-size: 18px; } #desplegable-login button { font-size: 18px; } #desplegable-login a { color: white; } #menu-movil a { color: white; display: block; line-height: 24px; } #menu-movil .der { display: inline-block; width: 35%; } #menu-movil .izq { display: inline-block; width: 40%; margin-right: 2%; } section.content { padding-top: 2%; } .item-block-2.blocks-3 .item-block .item-header, .blocks-3 .item-block .item-photo, .item-block.product .item-foto { min-height: 120px; height: auto; width: 100%; } .item-block.product .item-foto img, .blocks-3 .item-block .item-photo img, .item-block-1 .item-photo img, .item-block-5 .item-photo img { width: 100%; height: auto; } .blog-style .item.image-small .item-header .item-photo img { width: 100%; } .block-content .item-header img, .ico-tienda-datos img { width: 100%; } .logo img { width: 100%; } body, div, p, a, table, td { -webkit-text-size-adjust: none; letter-spacing: .015em; } .wrapper { max-width: 1200px!important; width: 97%!important; } .boxed.active .header #top-sub-menu, .boxed.active .header #main-menu { margin-left: 0px; margin-right: 0px; } .menu-dropy { display: block; color: #fff!important; font-family: 'Titillium Web', sans-serif; text-transform: uppercase; font-size: 15px; font-weight: 700; padding: 18px 19px; text-align: center; } .header-topmenu ul { float: none; display: block; text-align: center; margin-bottom: 5px; } .header-topmenu ul li { margin-left: 0px!important; margin-right: 10px; margin-top: 6px; } .header-topmenu ul:after { display: block; clear: both; content: ''; } .item-block-2 .item-block { background-size: auto 100%!important; } .footer .widget { display: block; width: 100%; margin-right: 0px; margin-bottom: 25px; } .footer-much { text-align: center; } .footer-much ul { text-align: center; width: 100%; float: none; margin-bottom: 15px; } .footer-much ul li:first-child { margin-left: 0px; } .item-block .item-content .item-author .author-photo { display: none; } .item-block .item-content .item-author .author-name { font-size: 12px; line-height: 15px; margin-left: 0px; } .item-block-4 .item-header strong, .item-block .item-content h3 { font-size: 18px; } .article-double-side .item-content .item-links { line-height: 150%; } .header #top-sub-menu ul li { } .header #top-sub-menu ul li a { padding: 11px 5px; } .header-topmenu ul.right li { margin-top: 10px; } #main-menu.floatingmainmenu .subset { display: block!important; position: relative; top: auto; left: auto } .item-block-5 { padding: 0 20px; } .main-article h1 { font-size: 22px; } /*.ot-jumplist, */ .demo-settings, .header #main-menu .wrapper > ul > li:after, .header #top-sub-menu ul li:last-child:after, .header #top-sub-menu ul li:last-child:before, .header #top-sub-menu ul li a:before, .header #top-sub-menu ul li a:after { display: none!important; } .header #main-menu .wrapper ul li { display: block; width: 100%; } .header #main-menu .wrapper ul li { border-top: 1px solid rgba(255,255,255,0.1)!important; } body #main-menu li.big-drop-1 > ul.sub-menu > li { display: block!important; width: auto!important; left: 0px!important; position: relative!important; } .header #main-menu .wrapper > ul > li.big-drop > ul.sub-menu > li > ul li { width: 100%; margin-top: -3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .header #main-menu .wrapper ul > li.big-drop > div, .header #main-menu .wrapper ul > li.normal-drop ul { /*display: block;*/ width: auto; left: 0px!important; position: relative; } .header #main-menu .wrapper ul > li.big-drop:hover > a:before, .header #main-menu .wrapper ul > li.normal-drop:hover > a:before { top: 0px; } .header #main-menu .wrapper ul > li.normal-drop > ul ul:after, .header #main-menu .wrapper ul > li.normal-drop > ul ul:before { display: none!important; } .header #main-menu .wrapper ul > li.normal-drop > ul ul { display: block; width: 100%; position: relative; border: 0px; } .header #main-menu .wrapper ul > li.normal-drop li > a span:after { display: none; } .header #main-menu .wrapper ul > li.big-drop > div div { overflow: hidden; } .header-1-content .header-advert { display: block; text-align: center; margin-top: 15px; float: none; width: 100%; } .header-1-content .header-advert img { max-width: 90%; } .header #main-menu { height: auto; } .header #main-menu .subset > .wrapper > ul, .header #main-menu > .wrapper > ul { display: none; } .photo-gallery-grid .item { width: 32%; } .photo-gallery-grid .item:nth-child(5n+1) { margin-left: 2%; clear: none; } .photo-gallery-grid .item:nth-child(3n+1) { margin-left: 0px; clear: both; } .content-main.with-sidebar, .content .mini-sidebar { display: block; clear: both; width: 100%!important; margin-left: 0px; } .content-main.with-sidebar-both { width: 100%!important; display: block; float: none; clear: both; } .pagination { margin-bottom: 30px; } .content #sidebar, #sidebar .widget, .mini-sidebar .widget, .content .mini-sidebar { width: 100%; display: block; clear: both; } .middle-articles .item { display: block; width: 90%; float: left; margin-left: 2.5%; } .blog-style .item .item-header { width: 177px; height: 111px; } .blog-style .item .item-content { margin-left: 16px; } .header-2-content { display: block; } .header-2-content .header-weather { display: block; width: 200px; margin: 0px auto 20px auto } .header-2-content .header-search { display: block; text-align: center; width: 100%; } .header-1-content .header-logo, .header-2-content .header-logo { display: block; text-align: center; width: 100%; margin-bottom: 20px; } .header-1-content .header-logo img, .header-2-content .header-logo img { max-width: 90%; height: auto; } .header-2-content .header-search .fa { display: none; } .breaking-news { display: none; } .header-2-content .header-search input.search-box { text-align: center; } .content .wrapper { width: 98%; } .product { margin-bottom: 30px; } .woocommerce { margin-bottom: 30px; } .woocommerce:after { display: block; clear: both; content: ''; } .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2, .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { float: none; width: 100%; margin-bottom: 20px; } .widget .w-photo-gallery .item .item-photos { width: 40%; } .item-photo img { width: auto; } .header-2-content .header-weather .small-title { display: none; } .header-2-content .header-weather .weather-icon { height: 20px!important; float: none; display: inline-block; margin-right: 10px; } .header-2-content .header-weather strong { display: inline-block; margin-left: 0px; padding: 1px 0 0 0; } .header-2-content .header-weather .default-title { display: inline-block; margin-left: 0px; padding: 4px 0 0 5px; } .header-2-content .header-weather { width: 100%; text-align: center; } .header-2-content, .header-1-content { padding: 20px 0; } .header-1-content .header-logo, .header-2-content .header-logo, .header-2-content .header-weather { margin-bottom: 10px; } } @media only screen and (max-width: 1080px) { } @media only screen and (min-width: 1100px) { #menu-btn, #menu-movil { display: none; } .ultimo-centro { display: none; } }