
/* Axis - mobile.css - Copyright (c) 2002-2018 Open2b Software Snc. */

@media screen and (max-width:1152px) {

	.main-column .design-6-columns > * { flex-basis: 20%; }

}

@media screen and (max-width:1023px) {

	.overlay { background: rgba(0,0,0,.5); bottom: 0; display: block; left: 0; opacity: 0; position: absolute; right: 0; visibility: hidden; z-index: 10; }
	.overlay { transition: opacity 0.2s ease-in-out, visibility 0s 0.2s; -webkit-transition: opacity 0.2s ease-in-out, visibility 0s 0.2s; -moz-transition: opacity 0.2s ease-in-out, visibility 0s 0.2s; -o-transition: opacity 0.2s ease-in-out, visibility 0s 0.2s; }

	.design-image-align-left img,
	.design-image-align-center img,
	.design-image-align-right img { height: auto; max-width: 100%; }

	.design-status-alert { border-radius: 0; margin-left: 0; margin-right: 0; max-width: none; }

	.body-content > .banners, .main > .banners { margin-left: 0; margin-right: 0; }
	.main { position: static; }

	/* header */

	header { box-shadow: 0 2px 2px rgba(0, 0, 0, .2); position: relative; padding-bottom: 66px; text-align: center; z-index: 12; }
	header .icon { display: block; height: 44px; width: 44px; }
	header .logo { box-sizing: content-box; height: 120px; line-height: 120px; overflow: hidden; }
	
	header .search > .opener,
	header .cart > .opener,
	.nav > .bar > .opener,
	.nav .account .opener { position: absolute; left: 50%; margin-left: -55px; top: 120px; z-index: 12; }
	header .search > .opener { margin-left: 11px; }
	.nav > .bar > .opener { margin-left: -121px; }
	.nav > .bar { left: 0; position: absolute; top: 0; width: 100%; z-index: 12; }
	.nav .account .opener { margin-left: 77px; }

	/* hamburger */

	.nav > .bar > .opener { cursor: pointer; position: relative; }
	.nav > .bar > .opener { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; }
	.nav > .bar > .opener span { background: #ababab; border-radius: 9px; display: block; height: 4px; left: 8px; opacity: 1; position: absolute; width: 26px; }
	.nav > .bar > .opener span { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: .20s ease-in-out; -webkit-transition: .20s ease-in-out; -moz-transition: .20s ease-in-out; -o-transition: .20s ease-in-out; }
	.nav > .bar > .opener span:first-child { top: 12px; }
	.nav > .bar > .opener span:nth-child(2),
	.nav > .bar > .opener span:nth-child(3) { top: 20px; }
	.nav > .bar > .opener span:nth-child(4) { top: 28px; }
	.nav > .bar > .opener.design-isopen span:nth-child(2) { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
	.nav > .bar > .opener.design-isopen span:nth-child(3) { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
	.nav > .bar > .opener.design-isopen span:nth-child(4),
	.nav > .bar > .opener.design-isopen span:nth-child(1) { left: 50%; top: 18px; width: 0%; }
	.nav > .bar > .opener.design-isopen span { background-color: #555; }

	/* search */

	header .search { width: 44px; }
	header .search .panel { padding: 10px; text-align: center; }
	header .search .panel > h3 { display: none; }
	header .search .panel .icon-search:before { display: none; }
	header .search input[type="text"] { width: 100%; }
	header .search input[type="submit"] { margin-top: 10px; min-width: 250px; width: 100%; }

	/* logo */

	header .desktop-logo { display: none; }
	header .mobile-logo { color: #555; display: inline-block; font-size: 32px; text-align: center; vertical-align: middle; z-index: 100; }
	header .mobile-logo a { color: #555; }
	header > .cart { right: 0; }
	header > .banners { display: none; }

	/* locale */

	.nav > .bar .locale .content { padding-top: 10px; }
	.nav > .bar .locale select { color: #000; }

	/* account */
	.account .panel { z-index: 12; }
	.account .panel a { border-top: 1px solid #e8e8e8; display: block; padding: 10px 0; margin: 0 10px; }
	.account .panel li:first-child a { border-top: 0; }
	.account .panel .main-button { margin: 0 10px; }

	/* panels */

	.opener { display: block; height: 44px; font-size: 0; margin: 0; padding: 0; width: 44px; }
	.opener:before { display: block; font-size: 28px; height: 44px; text-align: center; width: 44px; }
	.panel,
	#design-mini-cart { background: #fff; box-shadow: 0 2px 2px rgba(0, 0, 0, .2); left: 0; opacity: 0; padding-bottom: 15px; position: absolute; top: 185px; visibility: hidden; width: 100%; }
	.panel,
	#design-mini-cart { transform: rotateX(-60deg); -webkit-transform: rotateX(-60deg); -moz-transform: rotateX(-60deg); -o-transform: rotateX(-60deg); -ms-transform: rotateX(-60deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; transform-origin: center top; -webkit-transform-origin: center top; -moz-transform-origin: center top; -o-transform-origin: center top; -ms-transform-origin: center top; -webkit-transition: height 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0s 0.2s, -webkit-transform 0.2s ease-in-out; transition: height 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0s 0.2s, -webkit-transform 0.2s ease-in-out; transition: height 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0s 0.2s; transition: height 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0s 0.2s, -webkit-transform 0.2s ease-in-out; -webkit-transition: height 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0s 0.2s; -moz-transition: height 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0s 0.2s; -o-transition: height 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0s 0.2s; }
	.panel.design-isopen,
	#design-mini-cart.design-isopen { opacity: 1; visibility: visible; }
	.panel.design-isopen,
	#design-mini-cart.design-isopen { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: height 0.2s ease-in-out, opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; transition: height 0.2s ease-in-out, opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; transition: height 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out; transition: height 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; -webkit-transition: height 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out; -moz-transition: height 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out; -o-transition: height 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out; }
	#bar-panel { padding-bottom: 0; }
	.nav > .bar .main-items > li { position: relative; }
	.nav > .bar .main-items > li .panel { box-shadow: none; height: 0; overflow: hidden; padding-bottom: 0; position: static; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; top: 100%; }
	.nav > .bar .design-isopen .main-items > li .panel { -webkit-transition: height 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0s 0.2s, -webkit-transform 0.2s ease-in-out; transition: height 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0s 0.2s, -webkit-transform 0.2s ease-in-out; transition: height 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0s 0.2s; transition: height 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0s 0.2s, -webkit-transform 0.2s ease-in-out; -webkit-transition: height 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0s 0.2s; -moz-transition: height 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0s 0.2s; -o-transition: height 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0s 0.2s; }
	html.design-no-touch .nav > .bar .design-isopen .main-items > li:hover .panel,
	html.design-touch    .nav > .bar .design-isopen .main-items > li a.design-isopen + .panel { opacity: 1; visibility: inherit; }
	html.design-no-touch .nav > .bar .design-isopen .main-items > li:hover .panel,
	html.design-touch    .nav > .bar .design-isopen .main-items > li a.design-isopen + .panel { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: height 0.2s ease-in-out, opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; transition: height 0.2s ease-in-out, opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; transition: height 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out; transition: height 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; -webkit-transition: height 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out; -moz-transition: height 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out; -o-transition: height 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out; }

	/* includes/filters */

	#design-overlay { top: 186px; }
	#filters-overlay { top: 0; z-index: 13; }
	#filter-values-overlay { top: 0; z-index: 1; }
	#filters-overlay,
	#filter-values-overlay { transition: opacity 0.4s ease-in-out, visibility 0s 0.4s; -webkit-transition: opacity 0.4s ease-in-out, visibility 0s 0.4s; -moz-transition: opacity 0.4s ease-in-out, visibility 0s 0.4s; -o-transition: opacity 0.4s ease-in-out, visibility 0s 0.4s; }
	html.design-iOS.filters-panel-isopen { max-height: 100%; position: fixed; max-width: 100%; }

	html.design-panel-isopen #design-overlay,
	html.filters-panel-isopen #filters-overlay,
	html.filter-values-isopen #filter-values-overlay { opacity: 1; visibility: visible; }
	html.design-panel-isopen #design-overlay,
	html.filters-panel-isopen #filters-overlay,
	html.filter-values-isopen #filter-values-overlay { transition: opacity 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; }
	html.filters-panel-isopen,
	html.filters-panel-isopen body { overflow: hidden; }

	.filters-opener { margin: 20px 0; text-align: center; }
	.filters-opener a { display: inline-block; top: -1px; }
	.filters-opener .applied-filters-count { background: #fff; border: 1px solid #cdcdcd; border-radius: 20px; box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, .2); display: inline-block; line-height: 19px; height: 22px; margin-left: 5px; position: relative; top: -1px; width: 22px; }
	.filters #filters-panel,
	.filters .design-filter-values { background: #fff; bottom: 0; left: 100%; overflow: hidden; padding: 10px 20px; position: fixed; top: 0; width: 100%; will-change: left; z-index: 14; }
	.filters .design-filter-values { position: absolute; }
	.filters #filters-panel,
	.filters .design-filter-values { transition: left 0.4s ease-in-out; -webkit-transition: left 0.4s ease-in-out; -moz-transition: left 0.4s ease-in-out; -o-transition: left 0.4s ease-in-out; }
	.filters #filters-panel.design-isopen,
	.filters .design-filter-values.design-isopen { left: 0; }
	.filters #filters-panel,
	.filters .design-filter-values > div { height: 100%; }
	.filters #filters-panel,
	.filters .design-filter-values > div { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column nowrap; }
	.filters .design-filter-values { z-index: 2; }
	.filters #filters-panel > ul,
	.filters .design-filter-values > div > ul { -webkit-box-flex: 1; flex: 1 1 auto; overflow-y: scroll; }
	.filters #filters-panel > h3,
	.filters .design-filter-values > div > h3 { border-bottom: 1px solid #cacaca; font-size: 18px; line-height: 44px; padding-bottom: 5px; margin-bottom: 5px; }
	.filters #filters-panel [data-design-close] { float: right; }
	.filters #filters-panel .filter > div > h3 { line-height: 54px; padding: 0; }
	.filters .design-filter-slider { margin: 60px; }
	.filters .design-slider-handle { height: 25px; width: 25px; }
	.filters .filter-value a.applied:after { float: none; font-size: 1.3em; padding-left: 10px; position: relative; top: 1px; }
	.filters .display-as-icon .filter-value { margin: 15px 0; }
	.filters .design-filter-values.display-as-icon .filter-value div { height: 34px; min-width: 34px; width: auto; }
	.filters .pricerange-price-input { max-width: 150px; }
	.filters .filter-value > a, .filters .filter-value > span { font-size: 1.1em; }

	/* navigation */

	.nav .general .locale,
	.nav .general .menu { display: none; }

	.nav .locale { display: table; width: 100%; }
	.nav .locale h3 { display: table-cell; padding: 0 10px; white-space: nowrap; vertical-align: middle; }
	.nav .locale .panel .content { padding-bottom: 10px; }

	.nav .languages { margin-bottom: 10px; }
	.nav .languages ul { display: -webkit-box; display: flex; }
	.nav .languages ul li { list-style-type: none; }
	.nav > .bar .main-items .panel .languages ul li > a { border: 0; margin: 0; padding: 0 10px; }
	.nav .languages img { width: 24px; height: auto; }

	.nav .currencies > div { padding: 0 10px; }
	.nav .currencies select { font-size: 15px; width: 100%; }

	.nav > .hello { display: none; }

	.nav .menu li { list-style-type: none; }
	.nav .menu li:first-child { border-top: 0; }

	.nav > .bar { font-size: 15px; }
	.nav > .bar .main-items li > a { border-bottom: 1px solid #e8e8e8; display: block; padding: 10px 0; margin: 0 10px; }
	.nav > .bar .main-items li > a { transition: border-bottom-color 0.15s ease-in-out; -webkit-transition: border-bottom-color 0.15s ease-in-out; -moz-transition: border-bottom-color 0.15s ease-in-out; -o-transition: border-bottom-color 0.15s ease-in-out; }
	.nav > .bar .main-items li > a.design-isopen { border-bottom-color: transparent; }
	.nav > .bar .main-items li:last-child > a { border-bottom: none; }
	.nav > .bar .main-items .panel ul li > a span { display: block; }
	.nav > .bar .main-items .panel ul li > a span:nth-child(2) { color: #777777; }
	.nav > .bar .main-items .panel ul li > a { border-bottom: 1px solid #484848; padding-left: 15px; }
	.nav > .bar .main-items .panel ul li:last-child > a { border-bottom: none; }
	.nav > .bar .main-items .panel .image { background: #fff; padding-bottom: 1em; }
	.nav > .bar .main-items .panel .image img { height: auto; margin: 0 auto; max-width: 100%; }
	.nav > .bar .child-department ul { display: none; }
	.nav > .bar .department .name { border-bottom: 1px solid #ffffff26; padding: 0.7em 1.2em; }
	.nav > .bar .department:last-child .name { border-bottom: 0; }

	.nav > .desk-menu,
	.nav > .producers  { display: none; }

	.breadcrumbs { margin: 12px; }

	/* includes/mini-cart.html */

	#design-mini-cart { border: 0; border-radius: 0; }

	/* main */

	.main { padding-top: 20px; }
	.main > .content, .main > .description,
	.main-column > .content, .main-column > .description { margin-left: 10px; margin-right: 10px; }
	.main > .content, .main > .description { padding: 0 5px; }
	.main > .image img,
	.main-column > .image img { height: auto; max-width: 100%; }

	/* banners */

	.banners { margin-bottom: 1px; }
	.banner, .banner img { max-width: 100%; }
	.banner img { height: auto; }
	.banners-1, .banners-2 { margin-bottom: 10px; }
	.body-content > .banners-3 { justify-content: space-around; margin-left: 7px; margin-right: 7px; }
	.body-content > .banners-3 .banner { margin-right: 0; margin-bottom: 7px; }

	/* department.html */

	.department-html .lower { display: block; padding-right: 0; }
	.department-html .side-column,
	.department-html .main-column { display: block; }
	.department-html .side-column { border-left: 0; border-top: 1px solid #f1f1f1; padding-left: 0; padding-top: 50px; width: unset; }
	.side-column h1, .side-column h2, .side-column h3 { margin-left: 0; margin-right: 0; }
	.side-column .producers li { line-height: 2.2em; }

	/* promotion.html */

	.promotion-html .main > .dates { margin-left: 10px; }

	/* search */

	.search-html .conditions { overflow: hidden; width: 100%; }

	/* product.html */

	.product-html .section .image { padding-top: 0; }
	.product-html .section .image #design-product-image { margin-left: 10px; }
	.product-html .details { padding: 0 10px 0 20px; }
	.product-html .details h1 { margin: 0; }
	.product-html .design-option-icons li .options-popup.left-sided { left: 0; margin-left: 0; }
	.product-html .design-option-icons li .options-popup.left-sided .content:after,
	.product-html .design-option-icons li .options-popup.left-sided .content:before { left: 17.5px; }
	.product-html .design-option-icons li .options-popup.right-sided { left: auto; right: 0; margin-left: auto; margin-right: 0; }
	.product-html .design-option-icons li .options-popup.right-sided .content:after,
	.product-html .design-option-icons li .options-popup.right-sided .content:before { left: auto; right: 17.5px; }

	/* inc/product-items.html */

	.product-html .product-items { margin: 0 10px; }

	/* addresses */

	fieldset#billing-address > div { display: block; }
	fieldset#billing-address > div > label { display: block; padding: 8px 0 2px 8px; }
	fieldset#billing-address > div > div { display: block; font-weight: bold; min-height: 42px; margin-left: 8px; padding-left: 0; position: static; }
	fieldset#billing-address input,
	fieldset#billing-address select { font-weight: normal; margin-left: -8px; }
	fieldset#billing-address input[type="text"],
	fieldset#billing-address input[type="tel"],
	fieldset#billing-address input[type="email"],
	fieldset#billing-address fieldset select { width: 100% }
	fieldset#billing-address fieldset .design-required { top: 10px; }

	/* remember-password.html */

	.remember-password-html .main h1,
	.remember-password-html .main p { margin-left: 0; margin-right: 0; }

	footer .footer-content { margin: 0 10px; }

	/* checkout-(…).html */

	.checkout .main form { margin-right: 10px; }
	.checkout .order,
	.checkout .confirmation { margin-left: 10px; margin-right: 10px; }

	/* documents.html */

	.documents-html .documents { margin-left: 10px; margin-right: 10px; }

	/* blog.html */

	.blog-html .previous-posts { margin-left: 10px; }
	.blog-html .next-posts { margin-right: 10px; }

	/* includes/footer.html */

	footer .upper { display: block; }
	footer .upper .left { margin: 0 0 2em; }
	footer .upper .center { margin-right: 0; border-right: 0; padding-right: 0; }
	footer .upper .center .footnote { text-align: center; }
	footer .upper .right { display: -webkit-box; display: flex; margin-top: 2em; justify-content: space-around; }
	footer .upper .right .menu { margin: 0; }
	footer .menu.vertical h3 { margin-left: 0; }

}

@media screen and (max-width:951px) {

	.design-6-columns > *,
	.design-5-columns > * { flex-basis: 25%; }

	.products li > div { padding-top: 40px; }

}

@media screen and (max-width:767px) {

	h1 { margin-bottom: 10px; }

	input[type="email"],
	input[type="number"],
	input[type="password"],
	input[type="text"],
	input[type="tel"],
	select,
	textarea { font-size: 16px; padding: 8px; }
	select { padding-right: 24px; }

	.design-button input { padding-left: 12px; padding-right: 12px; }

	.design-image-align-left,
	.design-image-align-center,
	.design-image-align-right { display: block; float: none; margin: 10px 0; }

	.main > .image { display: block; font-size: 0; }
	.main > .image img { height: auto; width: 100%; }

	.breadcrumbs { display: none; }

	.banners.design-slideshow .design-slideshow-pagination { display: none; }
	.banners-3 { flex-wrap: wrap; }

	.design-6-columns > *,
	.design-5-columns > *,
	.design-4-columns > * { flex-basis: 33.3333%; }

	/* inc/navigation.html */

	.nav > .search input[type="submit"] { width: 100%; }

	/* index.html */

	.index-html .banners-4 .banner { padding-top: 1px; width: 100%; }
	.index-html .banners-4 .banner:first-child { padding-top: 0; }
	.index-html .banners-4 .banner:nth-child(2n+1) { padding-right: 0; }
	.index-html .banners-4 .banner:nth-child(2n) { padding-left: 0; }

	.index-html .banners-5 .banner { padding-top: 1px; width: 100%; }
	.index-html .banners-5 .banner:first-child { padding-top: 0; }
	.index-html .banners-5 .banner:nth-child(2n+1) { padding-right: 0; }
	.index-html .banners-5 .banner:nth-child(2n) { padding-left: 0; }

	/* department.html */

	.department-html .main { display: block; }
	.department-html .main-column { display: block; }
	.department-html .side-column { border-left: none; display: block; padding: 0 10px; padding-top: 20px; width: 100%; }

	/* promotion.html */

	.promotion-html .main > .image { float: none; margin-right: 0; }

	/* product.html */

	.product-html .section,
	.product-html .section > div { display: block; }
	.product-html .section > h1 { display: block; font-size: 16px; }
	.product-html .section .details { margin-top: 10px; }
	.product-html .section .details h1 { display: none; }
	.product-html .section .image { min-width: 0; }
	.product-html .section .image .thumbnails { overflow: hidden; }
	.product-html .section .image #design-product-image { border: 0 solid #FFF; margin: 0; padding-left: 0; padding-right: 0; }
	.product-html .details { padding: 0; }
	.product-html .details .prices { margin-left: 0; }
	.product-html .details .not-for-sale { margin: 20px 0; }
	.product-html .details .add-to-cart input { min-width: 0; width: 100%; }
	.product-html .details .add-to-wishlist input { min-width: 0; width: 100%; }
	.product-html .variants { border: 0; }
	.product-html .variants > div > div { text-align: center; }
	.product-html .design-option-icons li { padding: 3px; }
	.product-html .long-description,
	.product-html .more-description,
	.product-html .files { clear: none; }
	.product-html .design-social-sharing { text-align: center; }
	.product-html .social-sharing a { display: inline-block; float: none; }
	.product-html .design-social-sharing { padding: 0; }
	.product-html .design-social-sharing a.design-share-whatsapp { display: inline-block; }

	/* inc/product-items.html */

	.product-html .product-items .items { background: none; border-bottom: none; display: block; }
	.product-html .product-items .header { display: none; }
	.product-html .product-items .item { background: #FAFAFA; border: 1px solid #EEE; border-radius: 5px; display: block; margin-bottom: 10px; overflow: hidden; padding: 10px; }
	.product-html .product-items .item > div { border-top: none; display: block; padding: 0; }
	.product-html .product-items .item > div:first-child { border-left: none; }
	.product-html .product-items .item > div:nth-last-child(2) { border-right: none; }
	.product-html .product-items .item .image { float: left; margin: 10px; margin-right: 20px; }
	.product-html .product-items .item .price { font-size: 22px; font-weight: bold; margin-top: 10px; }
	.product-html .product-items .item .quantity { clear: left; float: left; margin-top: 10px; }
	.product-html .product-items .item .quantity input { padding: 10px; text-align: center; width: 60px; }
	.product-html .product-items .item .add-to-cart { display: block; float: none; margin-left: 70px; margin-top: 10px; }
	.product-html .product-items .item .add-to-cart input { width: 100%; }
	.product-html .product-items .item label { display: inline; }
	.product-html .product-items .add-to-cart { display: none; }

	/* contact-us.html */

	.contact-us-html .main form { margin-left: 10px; margin-right: 10px; }

	/* login.html */

	.login-html .main form { margin-left: 10px; margin-right: 10px; }

	/* newsletter-subscription.html */

	.newsletter-subscription-html .main form label { display: block; margin-left: 10px; margin-right: 10px; }

	/* cart.html */

	.cart-html .items table { border: none; }
	.cart-html .items thead { display: none; }
	.cart-html .items td:first-child { border-left: 0; }
	.cart-html .items td:last-child { border-right: 0; }
	.cart-html .items td.details { padding-bottom: 50px; padding-left: 5px; vertical-align: middle; }
	.cart-html .items td.price { left: -99999px; position: absolute; top: -99999px; }
	.cart-html .items td.quantity,
	.cart-html .items td.total-price { height: 50px; line-height: 50px; padding: 0; position: relative; }
	.cart-html .items td.quantity { min-width: 0; }
	.cart-html .items td.quantity div { bottom: 0; position: absolute; right: 100px; width: 120px; }
	.cart-html .items td.total-price div { bottom: 0; position: absolute; right: 10px; }
	.cart-html .items td.total-price .to-quote { line-height: inherit; font-size: 13px; }

	.cart-html .items tfoot td:first-child { padding-right: 100px; text-align: left; }
	.cart-html .items tfoot td:last-child { padding: 0; position: relative; }
	.cart-html .items tfoot td:last-child span { display: block; position: absolute; right: 10px; top: 6px; }
	.cart-html .items tfoot .total-cost td:first-child,
	.cart-html .items tfoot .total td:first-child { padding-right: 140px; }
	.cart-html .items tfoot .total td:last-child span { top: 16px; }
	.cart-html .items tfoot select { width: 100%; }
	.cart-html .items .shipping td:last-child span,
	.cart-html .items .payment td:last-child span { top: 38px; }

	.cart-html .coupon { padding-right: 10px; margin-top: 10px; }
	.cart-html .coupon label { font-size: 12px; }
	.cart-html .coupon input[type="text"] { padding: 5px; }
	.cart-html .coupon .design-button input { font-size: 14px; }

	.cart-html .bottom-buttons { background: #FFF; border-top: 1px solid #DDD; bottom: 0; height: 64px; left: 0; position: fixed; right: 0; z-index: 1; }
	.cart-html .bottom-buttons .continue-button,
	.cart-html .bottom-buttons .update-button { display: none; }
	.cart-html .bottom-buttons .checkout-button input { width: 100%; }

	/* sign-up.html */

	.sign-up-html .main form { margin: 40px 10px; }
	.sign-up-html .main .email { float: none; }
	.sign-up-html .main .email input { height: auto; margin: 0; width: 100%; }
	.sign-up-html .main .send-email-button { float: none; margin: 20px 0; text-align: center; }
	.sign-up-html .main .send-email-button input { min-width: 250px; }

	/* sign-up-user.html, user-data.html */

	.sign-up-user-html .main .sign-up-button,
	.user-data-html .main .save-button { margin: 30px 0 40px 0; text-align: center; }

	/* checkout-(…).html */

	.checkout .steps { float: none; margin-top: 5px; margin-bottom: 12px; overflow: hidden; width: auto; }
	.checkout .steps ol { display: table; width: 100%; padding-left: 33px; }
	.checkout .steps li { display: table-cell; font-size: 11px; width: 33.33%; }
	.checkout .steps li:last-child { display: none; }

	.checkout-quote-request-html .checkout .steps ol { width: auto; }
	.checkout-quote-request-html .checkout .steps li:last-child { display: table-cell; }

	.checkout .main-column { margin-left: 0; padding-left: 0; }

	.checkout .main form { margin-left: 10px; }
	.checkout fieldset { display: block; }
	.checkout fieldset > div { display: block; }
	.checkout fieldset > div > label { display: block; padding: 8px 0 2px 8px; }
	.checkout fieldset > div > div { display: block; padding: 0; position: static; }
	.checkout fieldset input[type="text"],
	.checkout fieldset input[type="tel"],
	.checkout fieldset input[type="email"],
	.checkout fieldset select { width: 100%; }
	.checkout fieldset input[disabled="disabled"] { color: #000; }
	.checkout fieldset .design-required { display: block; top: 10px; width: 100%; }
	.checkout fieldset .design-required span { float: right; }
	.checkout fieldset .street .design-error { top: 42px; }

	.checkout .items thead { display: none; }

	.checkout .items tr.row td { border-top: 0; }
	.checkout .items td.quantity-price .price { display: none; }
	.checkout .items td.quantity-price .quantity { display: block; }
	.cart-html .items td.row-quantity { padding-left: 10px!important; }
	.cart-html .items tr.row .row-details { padding-left: 20px; }
	.checkout .items tfoot td:first-child { padding-right: 100px; text-align: left; }
	.checkout .items tfoot td:last-child { padding: 0; position: relative; }
	.checkout .items tfoot td:last-child span { display: block; position: absolute; right: 10px; top: 10px; }

	.checkout .buttons { margin-top: 30px; }
	.checkout .buttons .go-back-button { display: none; }
	.checkout .continue-button input,
	.checkout .order-button input,
	.checkout .send-quote-request-button input { width: 100%; }

	.checkout-review-html body { margin-bottom: 66px; }
	.checkout-review-html .buttons { background: #FFF; border-top: #DDD; bottom: 0; height: 64px; left: 0; margin: 0; padding: 10px; position: fixed; right: 0; }

	.order .billing-address { float: none; padding-right: 0; width: auto; }
	.order .shipping-address { float: none; padding-left: 0; width: auto; }
	.order .billing-address > div,
	.order .shipping-address > div { padding: 0 10px; }

	/* footer */
	footer .footer-content { margin: 0; padding: 10px; width: 100%; }
	.checkout footer .banners,
	.checkout footer .menu { display: none; }

}

@media screen and (max-width:580px) {

	.design-6-columns > *,
	.design-5-columns > *,
	.design-4-columns > *,
	.design-3-columns > *,
	.design-2-columns > *,
	.design-1-columns > * { flex-basis: 50%; }

	.products li > div { padding-top: 15px; }

	.cart-html .items tr.row .row-price { white-space: normal; }
	.checkout .items td.image { width: 25%; }
	.checkout #checkout-cart-slider td.image img { max-width: 100%; min-width: 50px; }
	.checkout .items td.row-price { white-space: normal; }

}

@media screen and (max-width:350px) {

	.product-html .design-option-icons li .options-popup { margin-left: -100px; width: 200px; }

}