
/* Respy Wide - mobile.css - Copyright (c) 2020 Open2b Software Snc. */

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

	h1, h2, h3 { margin-left: 10px; margin-right: 10px; }

	.body-content { padding: 0; }

	.overlay { background: rgba(0,0,0,.5); bottom: 0; display: block; left: 0; opacity: 0; position: absolute; right: 0; transition: opacity 0.2s ease-in-out, visibility 0s 0.2s; visibility: hidden; will-change: opacity; z-index: 10; }
	.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; }

	/* header-message */

	.header-message { display: none; }

	/* header */

	header { background: #F6F6F6; height: 44px; line-height: 44px; position: relative; }
	header .icon { display: block; height: 44px; width: 44px; }

	header > .logo { display: none; }
	header > .mobile-logo { align-items: center; color: #555; display: flex; font-family: "Architects Daughter", cursive; font-size: 32px; height: 100%; line-height: 100%; margin: 0 54px 0 10px ; overflow: hidden; position: absolute; vertical-align: middle; z-index: 100; }
	header > .mobile-logo a { color: #555; }

	header > .cart { bottom: 0; left: 0; position: absolute; right: 0; top: 0; }
	header > .cart .opener { display: block; height: 44px; float: right; font-size: 0; width: 44px; }
	header > .cart .opener:before { color: #555; display: block; font-size: 28px; height: 44px; text-align: center; width: 43px; }
	header > .cart .design-cart-quantity { background: #b90000; border-radius: 1.8em; color: #fff; font-size: 10px; height: 1.8em; line-height: 1.8em; position: absolute; right: 1px; text-align: center; top: 1px; width: 1.8em; }
	header > .cart .design-cart-quantity.design-cart-quantity-zero { display: none; }

	header > .banners { display: none; }

	/* navigation */

	.nav { background: #777; height: 44px; margin-bottom: 1px; position: relative; }
	.nav > div { height: 100%; }

	.nav .opener { cursor: default; display: block; font-size: 0; height: 100%; }
	.nav .opener.design-isopen { background-color: #FFF; }
	.nav .opener:before { color: #FFF; }
	.nav .opener.design-isopen:before { color: #222; }

	.nav .panel { background: #FFF; left: 0; padding-top: 10px; position: absolute; right: 0; z-index: 100; }
	.nav .panel h3 { display: none; }
	.nav .panel.design-isopen { background-color: #FFF; color: #555; display: block; }

	.nav .panel { opacity: 0; transition: all .2s 0; visibility: hidden; -webkit-transition: all .2s 0; -moz-transition: all .2s 0; -o-transition: all .2s 0; }
	.nav .panel.design-isopen { opacity: 1; visibility: visible; }

	.nav > .general { float: left; width: 44px; }
	.nav > .general .opener:before { display: block; font-size: 28px; height: 44px; text-align: center; width: 44px; }
	.nav > .general .opener.design-isopen {  }

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

	.nav .languages { display: table-row; }
	.nav .languages > div { display: table-cell; padding-right: 10px; width: 100%; }
	.nav .languages ul { display: inline-block; width: 100%; }
	.nav .languages ul li { float: left; height: 44px; list-style-type: none; width: 44px; }
	.nav .languages a { display: block; padding: 10px; }
	.nav .languages img { height: auto; width: 32px; }

	.nav .currencies { display: table-row; }
	.nav .currencies > div { display: table-cell; padding-right: 10px; }
	.nav .currencies select { font-size: 15px; width: 100%; }

	.nav > .hello { display: none; }

	.nav .menu { border-top: 1px solid #DDD; margin-top: 5px; }
	.nav .menu li { border-top: 1px solid #EEE; list-style-type: none; padding: 10px; }
	.nav .menu li:first-child { border-top: 0; }

	.nav > .bar { margin-left: 88px; margin-right: 44px; }
	.nav > .bar .opener { color: #FFF; background-image: url("../images/select-w@2x.png"); background-position: right center; background-repeat: no-repeat; background-size: 17px 12px; font-size: 16px; font-weight: normal; line-height: 40px; margin: 0 1px; padding: 4px 10px 0 10px; text-align: left; }
	.nav > .bar .opener.design-isopen { background-image: url("../images/select@2x.png"); color: #222; }
	.nav > .bar .panel { background-color: #FFF; }
	.nav > .bar .panel a { color: #000; font-size: 15px; text-transform: uppercase; } 
	.nav > .bar .panel .children { background: #EFEFEF; height: 0; overflow: hidden; transition: height 1s .1s; -webkit-transition: height 1s .1s; -moz-transition: height 1s .1s; -o-transition: height 1s .1s; }
	.nav > .bar .panel .children a { padding-left: 32px; }
	.nav > .bar .parents > li.department { display: list-item; }
	.nav > .bar .parents > li a.design-isopen + .children { height: auto; }

	.nav > .search { float: left; width: 44px; }
	.nav > .search .opener { margin-left: 1px; }
	.nav > .search .opener:before { display: block; font-size: 28px; height: 44px; text-align: center; width: 43px; }
	.nav > .search .opener.design-isopen {  }
	.nav > .search .panel { padding: 10px; text-align: center; }
	.nav > .search .panel .icon-search:before { display: none; }
	.nav > .search select { display: none; }
	.nav > .search input[type="text"] { width: 100%; }
	.nav > .search input[type="submit"] { margin-top: 10px; min-width: 250px; }

	.nav > .account { float: right; width: 44px; }
	.nav > .account .opener:before { display: block; font-size: 28px; height: 44px; text-align: center; width: 44px; }
	.nav > .account .opener.design-isopen {  }

	.nav > .menu-top-right { display: none; }

	.breadcrumbs { margin: 12px; }

	/* partials/mini-cart.html */

	#design-mini-cart { border: 0; border-radius: 0; width: 100%; z-index: 100; }

	/* partials/filters.html */

	#overlay { top: 88px; }
	#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; }
	html.design-iOS.filters-panel-isopen { max-height: 100%; max-width: 100%; position: fixed; }

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

	.column > * { display: none; }
	.column > .filters { display: inherit; margin-top: 20px; text-align: center; }

	.filters-opener { margin: 10px 0; text-align: center; }
	.filters-opener > .opener { background: #777; display: inline-block; }
	.filters-opener > .opener .applied-filters-count { background: #fff; border-radius: 1.3em; color: #777; display: inline-block; font-size: 0.8em; height: 1.3em; margin-left: 3px; position: relative; top: -1px; width: 1.3em; }

	.filters > .panel,
	.filters > .panel .design-filter-values { background: #fff; bottom: 0; left: 100%; overflow: hidden; position: fixed; text-align: left; top: 0; width: 100%; will-change: left; z-index: 102; }
	.filters > .panel .design-filter-values { position: absolute; }
	.filters > .panel .design-filter-values ul { height: 80vh; overflow-y: auto; }
	.filters > .panel { -webkit-overflow-scrolling: touch; }
	.filters > .panel.design-isopen { left: 0; }
	.filters > .panel,
	.filters .design-filter-values { transition: left 0.3s ease-in-out; }
	.filters .design-filter-values { background: #fff; left: 100%; min-height: 100%; position: absolute; top: 0; width: 100%; }
	.filters .sortby { display: inherit; float: none; margin: inherit; overflow: visible; }
	.filters .sortby select { width: 100%; }
	.filters .design-sortby { display: block; padding: 10px; }
	.filters .applied-filters { border: 1px solid #e4e4e4; border-width: 1px 0 1px; margin: 30px 0; }
	.filters > .panel > h3,
	.filters .design-filter-values > h3 { background: #969696; color: #fff; height: 44px; margin: 0; padding: 10px 18px; }
	.filters .applied-filters > h3 { display: none; }
	.filters .applied-filter a:after,
	.filters .filter-value a.applied:after { color: #ababab; font-size: 26px; }
	.filters .applied-filter { border-bottom: 1px solid #efefef; font-size: 15px; }
	.filters .applied-filter:last-child { border-bottom: 0; }
	.filters .design-filter > h3 { background: #f7f7f7 url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGc+PHJlY3QgeD0iLTEiIHk9Ii0xIiBmaWxsPSJub25lIi8+PGcgeD0iMCIgeT0iMCIgZGlzcGxheT0ibm9uZSIgb3ZlcmZsb3c9InZpc2libGUiPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JpZHBhdHRlcm4pIiBzdHJva2Utd2lkdGg9IjAiLz48L2c+PC9nPjxnPjxwYXRoIGQ9Im0yIDIuMjkzOGM1LjQzNzUgMi42MjUgMTcuMTI1IDguMzEyNSAyMCA5Ljc1LTIuODc1IDEuMzc1LTE1LjYyNSA3LjgzMTItMjAgOS45NTYyIiBmaWxsPSJub25lIiBmaWxsLW9wYWNpdHk9Im51bGwiIHN0cm9rZT0iIzU1NSIgc3Ryb2tlLW9wYWNpdHk9Im51bGwiIHN0cm9rZS13aWR0aD0ibnVsbCIvPjwvZz48L3N2Zz4=) no-repeat right center; background-origin: content-box; background-size: 8px 16px; color: #000; border-bottom: 1px solid #e0e0e0; margin: 0; padding: 10px 18px; }
	.filters .design-filter:first-child > h3 { border-top: 1px solid #e0e0e0; }
	.filters .design-filter:last-child > h3 { margin-bottom: 10px; }
	.filters .design-filter > h3.design-isopen + .design-filter-values { left: 0; }
	.filters .design-filter-values.display-as-icon .filter-value div { height: 33px; width: 25%; }
	.filters .design-filter-values:after { background: transparent; bottom: 0; content: ""; position: absolute; right: 100%; top: 0; visibility: hidden; width: 100%; z-index: 2; }
	.filters .design-filter-values:after { transition: background-color 0.3s ease-in-out, visibility 0s 0.3s; }
	.filters .design-filter-values.design-isopen:after { background-color: rgba(0, 0, 0, 0.5); visibility: inherit; }
	.filters .design-filter-values.design-isopen:after { transition: background-color 0.3s ease-in-out; }
	.filters .filter-value.show-on-expand-yes { display: inherit; }
	.filters .filter-value { display: block; font-size: 15px; }
	.filters .filter-value > a,
	.filters .filter-value > span,
	.filters .applied-filter > a { padding: 10px 18px; -webkit-tap-highlight-color: #eaeaea; }
	.filters h3 span[data-design-close] { color: inherit; float: right; font-size: 26px; line-height: 100%; }
	.filters .design-filter-slider { margin: 70px 55px 60px; }
	.filters .design-pricerange { margin-top: 30px; padding: 10px 30px; }
	.filters .design-pricerange-slider { margin: 0; }
	.filters .pricerange-values { margin: 20px 40px 40px; }
	.filters .design-slider-handle { height: 30px; width: 30px; }
	.filters .pricerange-price-input input { width: 100%; }

	/* main */

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

	/* banners */

	.banners { margin-bottom: 1px; }
	.banner, .banner img { max-width: 100%; }
	.banner img { height: auto; }

	/* index.html */

	.index-html	.high-section { flex-flow: column; }
	.index-html	.high-section .box { padding: 30px; width: 100%; }
	.index-html .high-section.overlayed .box { padding: 5px 30px; }
	.index-html .high-section .box img { width: 100% }

	.index-html .low-section .list { flex-flow: row wrap; }
	.index-html .low-section .list .box { width: 45%; }
	.index-html .low-section .list .box:first-child { width: 100%; }
	.index-html .low-section .list .box:first-child > * { text-align: center; }
	.index-html .low-section .list .box:first-child .image { text-align: center; }
	.index-html .low-section .list .box:first-child .image img { margin: auto; }

	.index-html .banners-central-vertical { overflow: hidden; }
	.index-html .banners-central-vertical .banner { float: left; width: 50%; }
	.index-html .banners-central-vertical .banner:nth-child(2n+1) { padding-right: .5px; }
	.index-html .banners-central-vertical .banner:nth-child(2n) { padding-left: .5px; }

	.index-html .banners-central-horizontal { overflow: hidden; }
	.index-html .banners-central-horizontal .banner { float: left; width: 50%; }
	.index-html .banners-central-horizontal .banner:nth-child(2n+1) { padding-right: .5px; }
	.index-html .banners-central-horizontal .banner:nth-child(2n) { padding-left: .5px; }

	/* department.html */

	.department-html .main-column { display: block; padding-right: 0; }
	.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%; }

	/* partials/products.html */

	.sortby { display: none; }

	/* 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 ;}

	/* inc/product-items.html */

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

	/* addresses */

	.sign-up-user-html .main, .user-data-html .main { margin-left: 10px; }

	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; }
	footer .boxes { grid-template-areas: "summary contacts" "quick-links quick-links"; grid-template-columns: 1fr 1fr; max-width: 100%; row-gap: 30px; }
	footer .boxes .box:nth-child(1) { grid-area: summary; }
	footer .boxes .box:nth-child(2) { border-right: 0; grid-area: quick-links; }
	footer .boxes .box:nth-child(3) { grid-area: contacts; }

	/* checkout-(…).html */

	.checkout .main { display: grid; grid-template-areas: "steps" "title" "cart" "form"; grid-template-columns: 1fr; }
	.checkout .main form { margin-right: 10px; }
	.checkout .order,
	.checkout .confirmation { margin-left: 10px; margin-right: 10px; }
	.checkout #checkout-cart-slider { background-color: #F9F9F9; height: 100%; overflow-y: scroll; padding-top: 10px; position: fixed; right: -100%; top: 0; transition: right .5s ease-out; width: 100%; z-index: 99999; }
	.checkout #checkout-cart-slider.design-isopen { right: 0; }
	.checkout .mobile-checkout-cart-close { border-radius: 6px; height: 40px; margin-left: auto; position: relative; right: 15px; width: 40px; }
	.checkout .mobile-checkout-cart-close:before, .checkout .mobile-checkout-cart-close:after { background-color: #000; content:''; height: 2px; position: absolute; top: 20px; width: 20px; }
	.checkout .mobile-checkout-cart-close:before { left: 10px; transform: rotate(45deg); }
	.checkout .mobile-checkout-cart-close:after { right: 10px; transform: rotate(-45deg); }
	.checkout .items { padding-top: 10px; }
	div.mobile-checkout-cart-button { background-color: #952C2C; color: #ffffff; font-size: 16px; margin-bottom: 50px; margin: auto; padding: 8px 30px; width: max-content; }
	fieldset.form.methods > div { grid-template-columns: max-content 1fr; }
	.checkout form fieldset input { max-width: 432px; }

	/* documents.html */

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

	/* sign-up-user.html, user-data.html */
	
	.sign-up-user-html fieldset .design-required,
	.user-data-html fieldset .design-required { top: 10px; }

	/* blog.html */

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

	/* partials/footer.html */

	footer .menu.vertical h3 { margin-left: 0; }

}

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

	.design-1-columns li,
	.design-2-columns li { width: 880px; }
	.design-3-columns li { width: 440px; }
	.design-4-columns li { width: 293px; }
	.design-5-columns li { width: 220px; }
	.design-6-columns li { width: 176px; }

}

@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; }

	/* inc/navigation.html */

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

	/* index.html */

	.index-html .high-section.overlayed .box .text { right: 15%; }

	.index-html .department-widget .content { margin-top: 70px; padding-top: 65px!important; }

	.index-html .services .service { width: 40%; }

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

	.index-html .banners-central-horizontal .banner { padding-top: 1px; width: 100%; }
	.index-html .banners-central-horizontal .banner:first-child { padding-top: 0; }
	.index-html .banners-central-horizontal .banner:nth-child(2n+1) { padding-right: 0; }
	.index-html .banners-central-horizontal .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 #design-product-image { border: 0 solid #FFF; margin: 0; padding-left: 0; padding-right: 0; }
	.product-html .details { padding: 0 10px; }
	.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 .see-price-table { display: none; }
	.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 a.design-share-whatsapp { display: inline-block; }
	.product-html .request-info-modal.isOpen { border-radius: 0; bottom: unset; height: 100%; left: 0; top: 0; transform: unset; transition: unset; width: 100%; }
	.product-html .request-info-modal .close { color: #333; top: 0; width: 50px; }
	.product-html .request-info-modal.isOpen .close { top: inherit; transition: unset; }

	/* 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: 19px; 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.image { width: 25%; }
	.cart-html .items td.image img { max-width: 100%; height: auto; }
	.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 td.row-quantity { padding-left: 10px!important; }
	.cart-html .items tr.row .row-details { padding-left: 20px; }

	.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 div.steps > ol { flex-flow: row wrap; justify-content: left; }
	.checkout div.steps { margin-bottom: 20px; }

	.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; }
	.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; white-space: nowrap }

	.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 fieldset.form.methods ~ .buttons .continue-button { display: block; margin: auto; min-height: 45px; }

	.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; }

	/* orders.html */

	.orders-html #overlay { display: none !important; }
	.orders-html .order .head { -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.orders-html .order .head .number,
	.orders-html .order .head .status,
	.orders-html .order .head .address { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; }
	.orders-html .order .head .status { text-align: center; }
	.orders-html .order .head .address { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }
	.orders-html .order .head .date    { -webkit-box-ordinal-group: 5; }
	.orders-html .order .head .total   { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; }
	.orders-html .order .head .date,
	.orders-html .order .head .total { -ms-flex-preferred-size: 50%; flex-basis: 50%; }
	.orders-html .order .head .total,
	.orders-html .order .return .head .date,
	.orders-html .order .shipment .head .tracking,
	.orders-html .order .item .reason,
	.orders-html .order .item .approval,
	.orders-html .order .item .quantity,
	.orders-html .order .item .price,
	.orders-html .order .item .return-info { text-align: right; }
	.orders-html .order .return .head .number,
	.orders-html .order .return .head .date,
	.orders-html .order .return .head .status,
	.orders-html .order .head .shipment-date,
	.orders-html .order .head .delivery-date,
	.orders-html .order .head .tracking { -ms-flex-preferred-size: 33.333333%; flex-basis: 33.333333%; }
	.orders-html .order .head .delivery-date { text-align: right; }
	.orders-html .order .head .return-items { -ms-flex-preferred-size: 100%; flex-basis: 100%; text-align: center; }
	.orders-html .order .item { -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.orders-html .order .item > div:nth-child(1),
	.orders-html .order .item > div:nth-child(2),
	.orders-html .order .item > div:nth-child(3) { -ms-flex-preferred-size: 50%; flex-basis: 50%; padding-bottom: 0; }
	.orders-html .order .item .name { -webkit-box-ordinal-group: 1; -ms-flex-order: 1; order: 1; }
	.orders-html .order .item .quantity { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
	.orders-html .order .item .price,
	.orders-html .order .item .return-info,
	.orders-html .order .item .reason { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; }
	.orders-html .order .item .comments { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; }
	.orders-html .order .item .approval { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; }
	.orders-html .order .item .button { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; }
	.orders-html .order .item .button input[name="add"] { padding: .6em 1em; }

	/* return-request.html */

	.return-request-html .item .content { display: block; }
	.return-request-html .item .fields { display: none; visibility: inherit; }
	.return-request-html .item input[type="checkbox"]:checked + .content .fields { display: block; }
	.return-request-html .bottom-buttons { background: #FFF; border-top: 1px solid #DDD; bottom: 0; height: 64px; left: 0; padding: .6em 1em; position: fixed; right: 0; text-align: center; z-index: 1; }
	.return-request-html .bottom-buttons input { width: 100%; }

	/* footer */

	footer .footer-content { margin: 0; padding: 10px; width: 100%; }
	footer .boxes { grid-template-columns: 1fr; grid-template-areas: "summary" "contacts" "quick-links" }
	footer .boxes .box:last-child { padding: 0 20px!important; }
	.checkout footer .banners,
	.checkout footer .menu { display: none; }
	footer .menu.vertical { width: 50%; }
	footer .banners-footer-vertical { float: none; margin: 0 auto; }

}

@media (max-width: 767px) {
	fieldset.form.methods ~ .buttons .continue-button { height: 55px; margin: auto; width: 100%!important; }
}

@media (max-width: 415px) {

	/* index.html */

	.index-html .high-section.overlayed .box .text .title { font-size: 30px; }

	.index-html .low-section .list .box { width: 100%; }
	.index-html .low-section .list .box:first-child > * { text-align: left; }
	.index-html .low-section .list .box .image { text-align: center; }
	.index-html .low-section .list .box .image img { margin: auto; }

	.index-html .services .service { padding: 0 50px; width: 100%; }

	.index-html .testimonials { padding: 20px; }
	.index-html .testimonials .tabs { column-gap: 15px; }
	.index-html .testimonials .tabs .tab img { height: auto; max-height: 65px; max-width: 65px; }

	/* orders.html */

	.orders-html .order .item > div { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; padding-bottom: 0; text-align: center !important; }
	.orders-html .order .item > div:last-child { padding-bottom: 1em; }
	.orders-html .order .item .image { -webkit-box-ordinal-group: 2; -ms-flex-order: 2; order: 2; }
	.orders-html .order .item .image a { display: inline-block; margin: auto; }
	.orders-html .order .item .name .label { display:none; }
	.orders-html .order .item .image,
	.orders-html .order .item .image a,
	.orders-html .order .item .quantity,
	.orders-html .order .item .price,
	.orders-html .return .item .reason,
	.orders-html .return .item .comments,
	.orders-html .order .return .item .approval { text-align: center; }
	.orders-html .order .item .button input[name="add"] { padding: .2em .5em }
	.orders-html .order .head .address .dropdown { left: auto; right: 0; }
	.orders-html .order .head .address .dropdown .content  { display: block; }
	.orders-html .order .head .address .dropdown .content::before { left: auto; right: 20px; }
	.orders-html .order .head .address .dropdown .billing { border-width: 0 0 1px 0; margin: 0 0 1em 0; padding: 0 0 1em 0; }

	/* cart.html */

	.cart-html .items tr.row .row-price { white-space: normal; }

	/* checkout-(…).html */

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

}
