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

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

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

	.body-content { padding: 0; }

	.column { display: none; }

	.overlay { background: rgba(0,0,0,.5); bottom: 0; left: 0; position: absolute; right: 0; top: 88px; z-index: 10; }
	html.design-panel-isopen .overlay { display: block; }

	.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 */

	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 { color: #555; display: inline-block; 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 { 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 > .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 { width: 24px; height: auto; }

	.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 > .desk-menu { display: none; }

	.breadcrumbs { margin: 12px; }

	/* includes/mini-cart.html */

	#design-mini-cart { border: 0; border-radius: 0; width: 100%; z-index: 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 .banners-4 { overflow: hidden; }
	.index-html .banners-4 .banner { float: left; width: 50%; }
	.index-html .banners-4 .banner:nth-child(2n+1) { padding-right: .5px; }
	.index-html .banners-4 .banner:nth-child(2n) { padding-left: .5px; }

	.index-html .banners-5 { overflow: hidden; }
	.index-html .banners-5 .banner { float: left; width: 50%; }
	.index-html .banners-5 .banner:nth-child(2n+1) { padding-right: .5px; }
	.index-html .banners-5 .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%; }

	/* includes/products.html */

	.sortby { margin-right: 10px; }

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

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

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

	/* 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.image { width: 1px; }
	.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 td.details { padding-bottom: 50px; vertical-align: middle; }
	.checkout .items td.quantity-price { height: 50px; line-height: 50px; padding: 0; position: relative; }
	.checkout .items td.quantity-price div { bottom: 0; position: absolute; right: 100px; }
	.checkout .items td.total-price { height: 50px; line-height: 50px; padding: 0; position: relative; }
	.checkout .items td.total-price div { bottom: 0; position: absolute; right: 10px; }
	.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; }
	footer .menu.vertical { width: 50%; }
	footer .banners-9 { float: none; margin: 0 auto; }

}