/** * @package blacknwhite * @copyright Copyright (c) 2010-2016 MeigeeTeam. (http://www.meigeeteam.com) */ /* #Desktop - Extra Large ================================================== */ @media only screen and (min-width: 1332px) { body .container {padding-right: 50px; padding-left: 50px;} body.parallax .header-wrapper .page-header .navbar-collapse.collapse a.level-top{color:#fff;} body .products-grid.five-columns .item .weltpixel-quickview span, body .products-grid.five-columns .item .lightbox-button span, body .products-grid.six-columns .item .weltpixel-quickview span, body .products-grid.six-columns .item .lightbox-button span, body .products-grid.seven-columns .item .weltpixel-quickview span, body .products-grid.seven-columns .item .lightbox-button span, body .products-grid.eight-columns .item .weltpixel-quickview span, body .products-grid.eight-columns .item .lightbox-button span, body .products-grid.slider-five-columns .item .weltpixel-quickview span, body .products-grid.slider-five-columns .item .lightbox-button span, body .products-grid.slider-six-columns .item .weltpixel-quickview span, body .products-grid.slider-six-columns .item .lightbox-button span, body .products-grid.slider-seven-columns .item .weltpixel-quickview span, body .products-grid.slider-seven-columns .item .lightbox-button span, body .products-grid.slider-eight-columns .item .weltpixel-quickview span, body .products-grid.slider-eight-columns .item .lightbox-button span {display: none;} body .products-grid.seven-columns li.item .product-labels, body .products-grid.eight-columns li.item .product-labels, body .products-grid.slider-seven-columns li.item .product-labels, body .products-grid.slider-eight-columns li.item .product-labels {display: none;} body .products-grid.seven-columns li.item .timer-box, body .products-grid.eight-columns li.item .timer-box, body .products-grid.slider-seven-columns li.item .timer-box, body .products-grid.slider-eight-columns li.item .timer-box {display: none !important;} body .products-grid.five-columns .item .actions-primary + .actions-secondary, body .products-grid.six-columns .item .actions-primary + .actions-secondary, body .products-grid.seven-columns .item .actions-primary + .actions-secondary, body .products-grid.eight-columns .item .actions-primary + .actions-secondary {margin-top: 10px; display: block;} body .products-grid.five-columns .item .actions-primary + .actions-secondary > a:first-of-type, body .products-grid.six-columns .item .actions-primary + .actions-secondary > a:first-of-type, body .products-grid.seven-columns .item .actions-primary + .actions-secondary > a:first-of-type, body .products-grid.eight-columns .item .actions-primary + .actions-secondary > a:first-of-type {margin-left: 10px;} } /* #Desktop ================================================== */ /* Note: Design for a width of 1024px */ @media only screen and (min-width: 1008px) and (max-width: 1331px) { body.parallax .header-wrapper .page-header .navbar-collapse.collapse a.level-top{color:#fff;} #home-slider .item h2 {font-size: 6em;} #home-slider .item .slide-container.slide-skin-2 h3, #home-slider .item .slide-container.slide-skin-3 h3 {font-size: 3.667em;} .footer .custom-footer-content.features li > div {width: 76%;} #product-review-container .review-details-wrapper{width: 69%;} .footer .switcher-store {margin-left: 25px;} .footer ul.links li a { font-size: .91em; } body .products-grid.five-columns .item .weltpixel-quickview span, body .products-grid.five-columns .item .lightbox-button span, body .products-grid.six-columns .item .weltpixel-quickview span, body .products-grid.six-columns .item .lightbox-button span, body .products-grid.seven-columns .item .weltpixel-quickview span, body .products-grid.seven-columns .item .lightbox-button span, body .products-grid.eight-columns .item .weltpixel-quickview span, body .products-grid.eight-columns .item .lightbox-button span, body .products-grid.slider-five-columns .item .weltpixel-quickview span, body .products-grid.slider-five-columns .item .lightbox-button span, body .products-grid.slider-six-columns .item .weltpixel-quickview span, body .products-grid.slider-six-columns .item .lightbox-button span, body .products-grid.slider-seven-columns .item .weltpixel-quickview span, body .products-grid.slider-seven-columns .item .lightbox-button span, body .products-grid.slider-eight-columns .item .weltpixel-quickview span, body .products-grid.slider-eight-columns .item .lightbox-button span {display: none;} body .products-grid.seven-columns li.item .product-labels, body .products-grid.eight-columns li.item .product-labels, body .products-grid.slider-seven-columns li.item .product-labels, body .products-grid.slider-eight-columns li.item .product-labels {display: none;} body .products-grid.seven-columns li.item .timer-box, body .products-grid.eight-columns li.item .timer-box, body .products-grid.slider-seven-columns li.item .timer-box, body .products-grid.slider-eight-columns li.item .timer-box {display: none !important;} body .products-grid.five-columns .item .actions-primary + .actions-secondary, body .products-grid.six-columns .item .actions-primary + .actions-secondary, body .products-grid.seven-columns .item .actions-primary + .actions-secondary, body .products-grid.eight-columns .item .actions-primary + .actions-secondary, body .products-grid.slider-six-columns .item .actions-primary + .actions-secondary, body .products-grid.slider-five-columns .item .actions-primary + .actions-secondary {margin-top: 10px; display: block;} body .products-grid.five-columns .item .actions-primary + .actions-secondary > a:first-of-type, body .products-grid.six-columns .item .actions-primary + .actions-secondary > a:first-of-type, body .products-grid.seven-columns .item .actions-primary + .actions-secondary > a:first-of-type, body .products-grid.eight-columns .item .actions-primary + .actions-secondary > a:first-of-type, body .products-grid.slider-five-columns .item .actions-primary + .actions-secondary > a:first-of-type, body .products-grid.slider-six-columns .item .actions-primary + .actions-secondary > a:first-of-type {margin-left: 10px;} /*Notice Cookie*/ #notice-cookie-block .content .notice-text {width: 88%;} #notice-cookie-block .content .actions {width: 12%; padding-right: 10px;} } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 1007px) { .page-header .right-block .top-block {padding: 0;} .page-header .panel {text-align: center;} .page-header a.logo, .page-header .logo {float: none; padding-bottom: 0;} .page-header .right-block {float: none; text-align: center;} .header.links {float: none; display: inline-block;} .product-image-wrapper img {width: auto!important; height: auto!important;} .products-grid .actions-secondary a {margin-left: 10px;} #home-slider .item .slide-container {font-size: .75em;} #home-slider .item .slide-container.slide-skin-2 {right: 25%;} #home-slider .item .slide-container.slide-skin-3 {left: 30%;} .footer {font-size: .91em;} .footer .footer-address-block {font-size: .83em;} .footer .footer-topline .custom-footer-content.features li{position: relative;} .footer .footer-topline .custom-footer-content.features li i{ position: absolute; left: 0; top: -9px; width: auto; height: auto; margin: 0; padding: 0; border: none; background: none; } .footer .footer-topline .custom-footer-content.features li > div {width: auto; } .footer .footer-topline .custom-footer-content.features li > div h3{padding-left: 19px; font-size: 1.123em;} .footer .custom-footer-content ul.links li a {font-size: 0.91em; line-height: 1;} .footer .custom-footer-content ul.links li a:hover {padding-left: 20px;} .footer ul.links li a:hover::before {left: 0;} .header-wrapper .navbar-collapse.collapse li.parent a.level-top .ui-menu-icon:before {display: none;} .page-header .action.nav-toggle {display: block;} .page-header:not(.header-2) .action.nav-toggle {padding-left: 10px; padding-right: 10px;} #sticky-header {display: none;} .nav-before-open{height: 100%;width: 100%} .nav-before-open .page-wrapper{-webkit-transition: left .3s;-moz-transition: left .3s;-ms-transition: left .3s;transition: left .3s;height: 100%;left: 0;overflow: hidden;position: relative} .nav-before-open body{height: 100%;overflow: hidden;position: relative;width: 100%} .nav-open .page-wrapper{left: 50%;} .nav-open .nav-sections{ -webkit-box-shadow: 0 0 5px 0 rgba(50,50,50,0.75); -moz-box-shadow: 0 0 5px 0 rgba(50,50,50,0.75); -ms-box-shadow: 0 0 5px 0 rgba(50,50,50,0.75); box-shadow: 0 0 5px 0 rgba(50,50,50,0.75); left: 0; z-index: 99; width: 50%; } .nav-open .nav-toggle:after{ background: rgba(0,0,0,0.01); content: ''; display: block; height: 100%; position: fixed; right: 0; top: 0; width: 100%; z-index: 1; } .nav-sections-items{position: relative; z-index: 1} .nav-sections-items:before, .nav-sections-items:after{content: '';display: table} .nav-sections-items:after{clear: both} .nav-sections-item-title{background: #e3e3e3;border: solid #d7d7d7;border-width: 0 0 1px 1px;box-sizing: border-box;float: left;height: 71px;padding-top: 24px;text-align: center;width: 33.33%} .nav-sections-item-title.active{background: transparent;border-bottom: 0} .nav-sections-item-title .nav-sections-item-switch:hover{text-decoration: none} .nav-sections-item-content{box-sizing: border-box;float: right;margin-left: -100%;margin-top: 71px;width: 100%;padding: 25px 0} .nav-sections-item-content:before, .nav-sections-item-content:after{content: '';display: table} .nav-sections-item-content:after{clear: both} .nav-sections-item-content.active{display: block} .navigation{box-sizing: border-box} .navigation ul {margin: 0; padding: 0; float: none;} .navigation li {margin: 0; float: none;} .navigation a{display: block;padding-top: 10px;padding-right: 0;padding-bottom: 10px;padding-left: 15px} .navigation a, .navigation a:hover{color: #575757;text-decoration: none} .navigation .level0 .submenu {background: inherit;} .navigation .level0{border-top: 1px solid #d1d1d1;} .navigation .level0 > .level-top{font-weight: 700;padding: 8px 40px 8px 15px;text-transform: uppercase;word-wrap: break-word} .navigation .level0.active .all-category .ui-state-focus{border-color: #ff5501;border-style: solid;border-width: 0 0 0 8px;color: #333;padding-left: 7px;display: inline-block} .navigation .level0 > .level1{font-weight: 600} .navigation .level0.active > a:not(.ui-state-active), .navigation .level0.has-active > a:not(.ui-state-active){opacity: .75; background: transparent;} .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background: transparent;} .navigation .level0 .submenu a:hover, .navigation .level0 .submenu a.ui-state-focus, .navigation .level0 .submenu .active > a, .navigation .level0 .submenu li.level1 > a {background: transparent; color: #222;} .navigation li.level0:last-child{border-bottom: 1px solid #d1d1d1} .navigation .submenu > li{word-wrap: break-word} .navigation .submenu:not(:first-child){font-weight: 400;line-height: 1.3;left: auto !important;overflow-x: hidden;padding: 0;position: relative;top: auto !important;transition: left .3s ease-out} .navigation .submenu:not(:first-child) > li > a{padding-left: 15px} .navigation .submenu:not(:first-child) > li:last-child{margin-bottom: 0} .navigation .submenu:not(:first-child) ul{display: block;padding-left: 15px} .navigation .submenu:not(:first-child) ul > li{margin: 0} .navigation .submenu:not(:first-child) ul > li a{color: #575757;display: block;line-height: normal} .navigation .submenu:not(:first-child).expanded{display: block !important;padding-right: 0;top: 0 !important} .navigation .submenu:not(:first-child) .active > a{border-color: #ff5501;border-style: solid;border-width: 0 0 0 8px;color: #333;padding-left: 7px} .navigation .submenu:not(:first-child) .level1.active > a{padding-left: 7px} .header-wrapper .navbar-collapse.collapse a.level-top {padding: .75em 20px; color: #222 !important;} .header-wrapper .navbar-collapse.collapse li.active a.level-top, .header-wrapper .navbar-collapse.collapse a.level-top.ui-state-active, .header-wrapper .navbar-collapse.collapse a.level-top.ui-state-focus {margin: 0; padding: .75em 20px; background: transparent !important; color: #222 !important;} #sticky-header .right-wrapper { width: 71%; } .header-wrapper .navbar-collapse { -webkit-transition: left .3s; -moz-transition: left .3s; -ms-transition: left .3s; transition: left .3s; height: 100%!important; left: -50%; overflow: auto!important; position: fixed; top: 0; width: 50%; display: block; } .nav-open .navbar-collapse { -webkit-box-shadow: 0 0 5px 0 rgba(50,50,50,0.75); -moz-box-shadow: 0 0 5px 0 rgba(50,50,50,0.75); -ms-box-shadow: 0 0 5px 0 rgba(50,50,50,0.75); box-shadow: 0 0 5px 0 rgba(50,50,50,0.75); left: 0; z-index: 99; background: #fff; } .header-wrapper .navbar-collapse.collapse li.level-top.parent > a {position: static;} .header-wrapper .navbar-collapse.collapse li.level-top.parent:after { content: '\f078'; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; right: 0; padding: 5px; top: 8px; } .navigation .level0 .submenu {position: static; box-shadow: none; margin: 0; padding: 0 10px; position: static!important;} .page-header .right-block .top-block {display: inline-block;} .header-wrapper .header.links {margin-left: 10px;} .customer-welcome .customer-menu {text-align: left;} .sidebar .block li a:not(.action), .sidebar .block li strong {width: 90%;} .sidebar .block.block-reorder li .field + .product-item-name {width: 84%; vertical-align: top;} .sidebar .block .secondary {margin: .75em 0 0;} .sidebar .block.filter .filter-options-title {margin-left: -10px; margin-right: -10px; padding: 0; float: none; width: auto;} .sidebar .block.filter ol li {padding-left: 10px; padding-right: 10px;} .sidebar .block.filter ol li a {width: auto;} .sidebar .block.filter ol li .filter-label {width: 82%;} .products-grid .actions-primary + .actions-secondary {margin-top: .75em;} #product-review-table th, #product-review-table td {padding: 6px;} #popup-block .modal-dialog{width: 492px!important;} #popup-block .modal-dialog > .modal-content{width: 100%!important; height: 333px!important; margin-top: -166.5px!important;} #popup-block .block-subscribe {width: 100%;} body .products-grid.four-columns li.item, body .products-grid.five-columns li.item, body .products-grid.six-columns li.item, body .products-grid.seven-columns li.item, body .products-grid.eight-columns li.item {width: 33.33334% !important;} body .products-grid:not(.one-column):not(.two-columns):not(.three-columns) li.item:nth-child(3n) { clear: right !important; } body .products-grid:not(.one-column):not(.two-columns):not(.three-columns) li.item:nth-child(3n+1) { clear: left !important; } body .products-grid:not(.one-column):not(.two-columns):not(.three-columns) li.item:nth-child(3n+2) { clear: none !important; } body .products-grid li.item .lightbox-button span, body .products-grid li.item .weltpixel-quickview span {display: none;} #product-review-container .review-details-wrapper { width: 100%; margin-left: 0; padding-left: 0; border-left: none; padding-top: 18px; } .cart-summary > div { width: 50%; margin-bottom: 18px; } .cart-summary > div:nth-of-type(2n+1) { clear: left; } .cart-summary > div:nth-of-type(2n+2) { clear: right; } .page-layout-3columns .toolbar .modes { float: right; clear: right; } .page-layout-3columns .toolbar label, .toolbar .label { display: none; } .page-layout-3columns .toolbar .limiter { margin: 16px 0 0; } .page-layout-3columns .toolbar .toolbar-sorter { margin-top: 12px; } .footer ul.links li a { font-size: .91em; line-height: 1; } .footer-bottom-wrapper .footer-links { float: none !important; display: block; text-align: center; } .footer-bottom-wrapper .footer-links ul { padding-top: 10px; } /*Notice Cookie*/ #notice-cookie-block .content .actions, #notice-cookie-block .content {text-align: center;} #notice-cookie-block .content .notice-text {width: 100%; padding: 0 10px;} #notice-cookie-block .content .notice-text span {float: none;} #notice-cookie-block .content .notice-text a {float: none;} #notice-cookie-block .content .actions {padding-right: 10px; float: none; display: block; width: auto; padding-top: 10px;} } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { .main-container .content-inner, .main-container > .sidebar {float: none;} .parallax-banners-wrapper .text-banner .banner-content{font-size: 0.7em;} .parallax-banners-wrapper .text-banner .banner-content h2 {font-size: 6.333em; letter-spacing: -10px;} #parallax-banner-1 .banner-content {top: 65%; left: 10%;} #parallax-banner-3 .banner-content {left: 12%;} #parallax-banner-4 .banner-content{left: 0;} #parallax-banner-4 .banner-content h3{ margin-top: 0; font-size: 3em; letter-spacing: 0; margin-bottom: .55%; } .widget-list .products-list p{display: none;} .widget-list .products-list .image-wrapper, .widget-list .products-list .product-item-details{width: auto;} .widget-grid .products-grid li.item {width: 100%!important;} /* Data Table */ table.table:not(#product-review-table):not(#product-comparison) table, table.table:not(#product-review-table):not(#product-comparison) thead, table.table:not(#product-review-table):not(#product-comparison) tbody, table.table:not(#product-review-table):not(#product-comparison) th, table.table:not(#product-review-table):not(#product-comparison) td, table.table:not(#product-review-table):not(#product-comparison) tr { display: block; border: none!important; text-align: left !important; width: 100%!important; float: none; clear: both;} table.table:not(#product-review-table):not(#product-comparison) thead tr { display: none;} table.table:not(#product-review-table):not(#product-comparison) th, table.table:not(#product-comparison) td { padding: 10px 10px; width: 100%!important;} table.table:not(#product-review-table):not(#product-comparison) td a.product-image{width:auto; max-width:100%; margin:0 auto; float:none;} table.table:not(#product-review-table):not(#product-comparison) td a.product-image img{width:100%;} table.table:not(#product-review-table):not(#product-comparison) td .cart-label { width: 80px; display: inline-block; vertical-align: middle; font-size:1.16em; color:#888; font-weight:normal; } table.table:not(#product-review-table):not(#product-comparison) td.last { border-bottom: 1px solid #ddd!important;/* margin-bottom: 1.5em; */ margin-bottom: -1px;} body .table-comparison {width: auto; max-width: none;} .table-comparison .product-item-actions > .actions-primary + .actions-secondary {margin: .75em 0 0;} body #co-shipping-method-form #checkout-shipping-method-load table.table.table-checkout-shipping-method th, body #co-shipping-method-form #checkout-shipping-method-load table.table.table-checkout-shipping-method td/* , body #co-shipping-method-form #checkout-shipping-method-load table.table.table-checkout-shipping-method tr */ {display: inline-block; width: auto!important;} table#product-review-table table { display: table;} table#product-review-table thead { display: table-header-group;} table#product-review-table tbody { display: table-row-group;} table#product-review-table tr { display: table-row;} table#product-review-table th, table#product-review-table td { display: table-cell;} table#product-review-table thead tr { display: table-row;} table#product-review-table { margin:10px 0;} table#product-review-table th { padding:4px 3px; border:1px solid #E4E4E4; font-weight:bold; white-space:normal; } table#product-review-table td { padding:14px 20px; border:1px solid #E4E4E4;} table#product-review-table thead th span{text-indent:0; white-space:normal; overflow:visible; background:none!important; width:auto; font-size:10px; color:#fff;} table#product-review-table td{padding:9px 11px;} table#product-review-table tbody th{font-size:1em; padding:9px;} .fieldset .customer-name-prefix-middlename-suffix .field {width: 33.33334%;} .page-header .panel {text-align: center;} .page-header a.logo, .page-header .logo {float: none; padding-bottom: 0;} .page-header .right-block {float: none; text-align: center;} .page-header .header-switcher {margin-bottom: 10px;} .page-header .block-search {margin: 0 0 10px;} .header.links {float: none; display: inline-block;} .product-image-wrapper img {width: auto!important; height: auto!important;} .products-grid .actions-secondary a {margin-left: 10px;} #home-slider .item .slide-container {top: 27%; left: 9%;} #home-slider .item .slide-container h2 {font-size: 2.5em; letter-spacing: 0;} #home-slider .item .slide-container h4 {font-size: 1.8em; margin-top: 0;} #home-slider .item .slide-container h5 {letter-spacing: -1px; font-size: 1.3em; margin-top: 2px;} #home-slider .item .slide-container.slide-skin-2 {top: 36%;} #home-slider .item .slide-container.slide-skin-2 h4 {text-align: right;} #home-slider .item .slide-container.slide-skin-3 {top: 29%;} .catalog-category-view .products-grid li.item, .catalog-category-view .products-grid li.product-item {float: none; width: auto; clear: both;} .products-list .product-item-photo, .products-list .product-item-details {float: none; width: auto;} .toolbar .toolbar-sorter {float: right;} .toolbar .limiter {float: none; margin-top: 10px;} .footer .footer-links li a {display: inline-block;} .footer-bottom-wrapper .pull-left, .footer-bottom-wrapper .pull-right {float: none!important; display: block; text-align: center;} .footer .switcher-store {margin: 0;} .footer .social-links {display: inline-block;} [class*='col-sm'] + [class*='col-sm'] {margin-top: 12px;} .page-title {font-size: 2em;} .page-header .action.nav-toggle {display: block;} .page-header:not(.header-2) .action.nav-toggle {padding-left: 10px; padding-right: 10px;} .header-wrapper .top-block > .header.links > .authorization-link:after { margin: 0 -6px 0 -6px; } .header-wrapper .navbar-collapse.collapse li.parent a.level-top .ui-menu-icon:before {display: none;} .nav-before-open{height: 100%;width: 100%} .nav-before-open .page-wrapper{-webkit-transition: left .3s;-moz-transition: left .3s;-ms-transition: left .3s;transition: left .3s;height: 100%;left: 0;overflow: hidden;position: relative} .nav-before-open body{height: 100%;overflow: hidden;position: relative;width: 100%} .nav-open .page-wrapper{left: 80%;left: calc(100% - 54px)} .nav-open .nav-sections{ -webkit-box-shadow: 0 0 5px 0 rgba(50,50,50,0.75); -moz-box-shadow: 0 0 5px 0 rgba(50,50,50,0.75); -ms-box-shadow: 0 0 5px 0 rgba(50,50,50,0.75); box-shadow: 0 0 5px 0 rgba(50,50,50,0.75); left: 0; z-index: 99; } .nav-open .nav-toggle:after{ background: rgba(0,0,0,0.01); content: ''; display: block; height: 100%; position: fixed; right: 0; top: 0; width: 100%; z-index: 1; } .nav-sections-items{position: relative; z-index: 1} .nav-sections-items:before, .nav-sections-items:after{content: '';display: table} .nav-sections-items:after{clear: both} .nav-sections-item-title{background: #e3e3e3;border: solid #d7d7d7;border-width: 0 0 1px 1px;box-sizing: border-box;float: left;height: 71px;padding-top: 24px;text-align: center;width: 33.33%} .nav-sections-item-title.active{background: transparent;border-bottom: 0} .nav-sections-item-title .nav-sections-item-switch:hover{text-decoration: none} .nav-sections-item-content{box-sizing: border-box;float: right;margin-left: -100%;margin-top: 71px;width: 100%;padding: 25px 0} .nav-sections-item-content:before, .nav-sections-item-content:after{content: '';display: table} .nav-sections-item-content:after{clear: both} .nav-sections-item-content.active{display: block} .navigation{box-sizing: border-box} .navigation ul{margin: 0;padding: 0} .navigation li{margin: 0} .navigation a{display: block;padding-top: 10px;padding-right: 0;padding-bottom: 10px;padding-left: 15px} .navigation a, .navigation a:hover{color: #575757;text-decoration: none} .navigation .level0 .submenu {background: inherit;} .navigation .level0{border-top: 1px solid #d1d1d1; float: none;} .navigation .level0 > .level-top{font-weight: 700;padding: 8px 40px 8px 15px;text-transform: uppercase;word-wrap: break-word} .navigation .level0.active .all-category .ui-state-focus{border-color: #ff5501;border-style: solid;border-width: 0 0 0 8px;color: #333;padding-left: 7px;display: inline-block} .navigation .level0 > .level1{font-weight: 600} .navigation .level0.active > a:not(.ui-state-active), .navigation .level0.has-active > a:not(.ui-state-active){opacity: .75; background: transparent;} .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background: transparent;} .navigation .level0 .submenu a:hover, .navigation .level0 .submenu a.ui-state-focus, .navigation .level0 .submenu .active > a, .navigation .level0 .submenu li.level1 > a {background: transparent; color: #222;} .navigation li.level0:last-child{border-bottom: 1px solid #d1d1d1} .navigation .submenu > li{word-wrap: break-word} .navigation .submenu:not(:first-child){font-weight: 400;line-height: 1.3;left: auto !important;overflow-x: hidden;padding: 0;position: relative;top: auto !important;transition: left .3s ease-out} .navigation .submenu:not(:first-child) > li > a{padding-left: 15px} .navigation .submenu:not(:first-child) > li:last-child{margin-bottom: 0} .navigation .submenu:not(:first-child) ul{display: block;padding-left: 15px} .navigation .submenu:not(:first-child) ul > li{margin: 0} .navigation .submenu:not(:first-child) ul > li a{color: #575757;display: block;line-height: normal} .navigation .submenu:not(:first-child).expanded{display: block !important;padding-right: 0;top: 0 !important} .navigation .submenu:not(:first-child) .active > a{border-color: #ff5501;border-style: solid;border-width: 0 0 0 8px;color: #333;padding-left: 7px} .navigation .submenu:not(:first-child) .level1.active > a{padding-left: 7px} .header-wrapper .navbar-collapse.collapse a.level-top {padding: .75em 20px; color: #222 !important;} .header-wrapper .navbar-collapse.collapse li.active a.level-top, .header-wrapper .navbar-collapse.collapse a.level-top.ui-state-active, .header-wrapper .navbar-collapse.collapse a.level-top.ui-state-focus {margin: 0; padding: .75em 20px; background: transparent !important; color: #222 !important;} .navbar-collapse { -webkit-transition: left .3s; -moz-transition: left .3s; -ms-transition: left .3s; transition: left .3s; height: 100%; left: -80%; left: calc(-1 * (100% - 54px)); overflow: auto; position: fixed; top: 0; width: 80%; display: block; width: calc(100% - 54px); } .nav-open .navbar-collapse { -webkit-box-shadow: 0 0 5px 0 rgba(50,50,50,0.75); -moz-box-shadow: 0 0 5px 0 rgba(50,50,50,0.75); -ms-box-shadow: 0 0 5px 0 rgba(50,50,50,0.75); box-shadow: 0 0 5px 0 rgba(50,50,50,0.75); left: 0; z-index: 99; background: #fff; display: block; } .header-wrapper .navbar-collapse.collapse li.level-top.parent > a {position: static;} .header-wrapper .navbar-collapse.collapse li.level-top.parent:after { content: '\f078'; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; right: 0; padding: 5px; top: 8px; } .navigation .level0 .submenu {position: static; box-shadow: none; margin: 0; padding: 0 10px; position: static!important;} .page-header .right-block .top-block {display: inline-block;} .header-wrapper .header.links {margin-left: 10px;} .customer-welcome .customer-menu {text-align: left;} .footer.default {text-align: center;} .footer.default .copyright, .footer.default .switcher-store {float: none; display: inline-block;} .footer.default .switcher-store {margin: 1em 0 0;} .toolbar .sidebar-button {display: none;} body .nav-tabs > li {float: none;} #tabs .nav-tabs > li > a {margin: 0;} .weltpixel-quickview-catalog-product-view .product-info-main .box-gotoproduct {float: none !important; top: -4px;} .weltpixel-quickview-catalog-product-view .product-info-main .product-social-links, .weltpixel-quickview-catalog-product-view .product-add-form .product-social-links {margin-left: 10px;} .product-info-main .page-title {font-size: 2.333em; letter-spacing: -1px;} .page-layout-1column .filter-title {display: inline-block; padding: 5px 10px; margin: 0; float: left;} .page-layout-1column .filter-title strong {padding: 0;} .page-layout-1column .filter-title strong:before { content: "\f039"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 5px; } .page-layout-1column .filter-options {display: none; margin: 0;} body.filter-active .page-wrapper {height: 0; margin-top: -999999em; visibility: hidden;} body.filter-active .columns {z-index: 999;} .page-layout-1column .filter.active {position: relative; visibility: visible; z-index: 99;} .page-layout-1column .filter.active .filter-options-item:last-child {margin-bottom: 40px;} .page-layout-1column .filter.active .filter-title {border-bottom: 1px solid #ccc; height: 48px; left: 0; position: fixed; right: 0; top: 0; z-index: 2;} .page-layout-1column .filter.active .filter-title strong { border-radius: 3px; font-weight: 400; line-height: 16px; padding: 7px 10px; position: absolute; text-align: center; z-index: 2; box-shadow: none; background: none; border: 0; color: transparent; left: auto; right: 3px; top: 10px; display: inline-block; text-decoration: none; } .page-layout-1column .filter.active .filter-title strong:after { content: "\f00d"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; color: #666; } .page-layout-1column .filter.active .filter-subtitle { background: #fff; color: #222; font-family: 'Open Sans'; display: block; height: 50px; left: 0; line-height: 50px; position: fixed; right: 0; top: 0; z-index: 1; padding-left: 10px; } .page-layout-1column .filter.active .filter-options {background: #fff; bottom: 0; display: block; left: 0; overflow: scroll; position: fixed; right: 0; top: 50px; z-index: 10;} .page-layout-1column .filter .filter-subtitle {font-size: 20px; font-weight: 400;} .page-layout-1column .filter-actions {margin: -35px -10px 25px;} .page-layout-1column .filter-options-content {padding: 5px 0; position: static; width: auto; box-shadow: none; border: none;} .page-layout-1column .filter-options-item.active:after, .page-layout-1column .filter-options-item.active:before {content: none;} .page-layout-1column .filter-options-item {border-bottom: 1px solid #ccc; padding: 10px; display: block; margin: 0;} .page-layout-1column .filter-options-content .item {padding: 0;} .page-layout-1column .filter-options-content .item a {padding: 9px; display: block;} .page-layout-1column .filter .filter-current {border: solid #ccc; border-width: 1px 0; margin: 5px -10px 0;} .page-layout-1column .filter .filter-current .items {display: none;} .page-layout-1column .filter .filter-current-subtitle {position: relative; text-transform: uppercase; z-index: 1; display: block; text-decoration: none;} .page-layout-1column .filter .filter-current-subtitle:before {-webkit-font-smoothing: antialiased; font-size: 13px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center;} .page-layout-1column .filter .filter-current-subtitle:before {position: absolute; right: 10px; top: 10px;} .page-layout-1column .filter .filter-current-subtitle:after {color: #7d7d7d; content: ' (' attr(data-count) ')'; font-size: .9em;} .page-layout-1column .filter .filter-current.active {padding-bottom: 30px;} .page-layout-1column .filter .filter-current.active .block-subtitle:before {content: '\e621';} .page-layout-1column .filter .filter-current.active .items {display: block;} .page-layout-1column .filter .filter-current.active + .block-actions {display: block;} .page-layout-1column .filter .filter-current + .block-actions {display: none;} .page-layout-1column .filter-no-options .filter-title:before {background: rgba(255,255,255,0.5); content: ''; display: block; height: 40px; left: -15px; margin-top: -60px; position: relative; width: 100px; z-index: 99;} .page-layout-1column .filter-no-options .filter-content {margin-bottom: 20px;} .page-with-filter .columns .sidebar-main {-ms-flex-order: 0; -webkit-order: 0; order: 0;} .page-layout-1column .filter.block {float: left; margin: 0;} .page-layout-1column .filter-title { border: solid 1px #ddd; padding: 5px 10px; text-align: center; cursor: pointer; margin: 0; } .toolbar .limiter, .toolbar .modes {display: none;} .additional-attributes .table-label {font-weight: bold; color: #222;} .additional-attributes td {padding: 10px!important;} .products-grid:not(.widget-product-grid) li.item {float: none; width: 100%; clear: both;} .products-grid:not(.widget-product-grid) li.item + li.item {margin-top: 1em;} .table .item-info {position: relative;} .cart.table-wrapper td {padding: .5em;} .table td.remove {padding: 0; background: none; position: static;} .table td.remove a {position: absolute; right: 12px; top: 35px;} .table td.remove a i {height: auto; width: auto; line-height: normal; border: none;} .cart-container .cart.actions a {display: block; float: none;} .cart-container .cart.actions button {display: block; float: none; margin-top: .75em; width: 100%;} .cart-totals table.table th, .cart-totals table.table td {padding: 10px 0!important;} .cart-summary .block-title strong {padding: 0;} #sticky-header {display: none!important;} .cms-no-route .page-not-found h2 { font-size: 16em; letter-spacing: -19px; margin-left: -0.125em; } .cms-no-route .page-not-found h3 { font-size: 2.5em; letter-spacing: -3px; margin-bottom: 1.5em; } .cms-no-route #search_mini_form {width: 100%;} .cms-no-route .page-not-found p { font-size: 1em; } .checkout-container .opc-progress-bar {text-align: center;} .opc-wrapper .shipping-address-item {width: 50%;} .products-list .image-wrapper {float: none; width: 100%;} .modal-dialog {margin-left: auto; margin-right: auto;} .page-products .products-grid li.item, .page-products .products-grid li.product-item, .products-grid.wishlist li.product-item {width: 100%; clear: both; float: none;} #popup-block .block-subscribe {width: 100%;} #popup-block .modal-dialog { width: 100% !important; } #popup-block .modal-dialog .modal-content { width: 90% !important; left: 5% !important; height: auto !important; } #popup-block .modal-dialog > .modal-content{height: 333px!important; margin-top: -166.5px!important;} #popup-block .block.newsletter .content { padding-left: 20px; padding-right: 20px; } .widget-title .owl-nav-wrapper{top: 42px;} .owl-nav i{padding: 6px;} #product-review-container .review-details-wrapper { width: 100%; margin-left: 0; padding-left: 0; border-left: none; padding-top: 18px; } .review-field-rating {border-right: none;} .form-create-account .fieldset .field { width: 100%; } .box, .opc-wrapper, .opc-summary-wrapper, .login-container .block, .field.password .control #password, .field.password .control #password-strength-meter-container { float: none; width: 100%; } .box + .box { margin-top: 20px; } .opc-wrapper, .opc-summary-wrapper { padding: 0; } #checkout-shipping-method-load .table-checkout-shipping-method { min-width: 1px; width: 100%; } #checkout-shipping-method-load .table-checkout-shipping-method tbody td { max-width: 25%; } .cart-summary > div { width: 100%; margin-bottom: 18px; } .product.data.items > .item.title { float: none; width: 100%; } .product.data.items > .item.content { float: none; margin: 0; } .product.data.items > .item.title > .switch { margin-right: 0; } #reviews { width: 100%; margin: 0; display: flex; flex-direction: column; } #reviews .review-add { width: 100%; padding: 0; order: -1; } #reviews #product-review-container { width: 100%; padding: 0; order: 0; margin-top: 12px; } .products-grid ol.widget-product-grid { margin: 0; } .products-grid ol.products { margin-left: 0; margin-right: 0; } .products-grid ol.widget-product-grid li.product-item, .products-grid ol.products li.item, .products-grid:not(.widget-product-grid) li.item { width: 100%; padding-bottom: 3.667em; } .hidden-xs { display: none !important; } .visible-xs { display: block !important; } .meigee-instagram-widget { margin-left: -5px; margin-right: -5px; } .meigee-instagram-widget .insta-photo, .meigee-instagram-widget .insta-photo:not(:last-of-type) { margin: 0 5px 5px; width: calc(100% / 3 - 10px); padding-top: calc(100% / 3 - 10px); } .meigee-instagram-widget .insta-photo:nth-child(4n) { clear: right; } .meigee-instagram-widget .insta-photo:nth-child(4n+1) { clear: left; } .footer ul.links li a { font-size: .95em; } /*Notive cookie*/ #notice-cookie-block .content .notice-text {width: 100%; padding: 0 10px;} #notice-cookie-block .content .notice-text a {float: left;} #notice-cookie-block .content .actions {display: block; width: 100%; float: none; text-align: right; padding-right: 10px;} } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .products-list .image-wrapper {float: left; width: 25%;} .products-list .product-item-details {float: left; width: 75%;} .products-grid li.item, .products-grid li.product-item, .products-grid.wishlist li.product-item, .products-grid:not(.widget-product-grid) li.item {width: 50%!important; clear: none!important; float: left;} .products-grid li.item:nth-of-type(2n+1), .products-grid li.product-item:nth-of-type(2n+1), .products-grid.wishlist li.product-item:nth-of-type(2n+1), .products-grid:not(.widget-product-grid) li.item:nth-of-type(2n+1) {clear: left!important;} .products-grid li.item:nth-of-type(2n+2), .products-grid li.product-item:nth-of-type(2n+2), .products-grid.wishlist li.product-item:nth-of-type(2n+2), .products-grid:not(.widget-product-grid) li.item:nth-of-type(2n+2) {clear: right!important;} #popup-block .modal-dialog > .modal-content{height: 288px!important; margin-top: -144px!important;} }