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

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

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

	/* header */

	header { background: #F7F7F7; height: 44px; line-height: 44px; position: relative; } /* background: #F7F3EC */
	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; vertical-align: middle; }
	header .mobile-logo a { color: #555; }

	header .cart { left: 0; position: absolute; right: 0; top: 0; }
	header .cart .opener { background: url('../images/icons@2x.png') no-repeat; background-position: 0 0; background-size: 88px 250px; display: block; height: 44px; float: right; text-indent: -9999px; width: 44px; }
	header .cart #design-mini-cart { width: 100%; z-index: 100; }

	/* navigation */

	.nav { height: 44px; position: relative; }
	.nav > div { height: 100%; }
	.nav .opener { background-color: #757575; color: #FFF; cursor: default; display: block; height: 100%; } /* background-color: #D1B792 color: #F7EEE0 */
	.nav .opener.design-isopen { background-color: #FFF; }
	.nav .icon { background-image: url('../images/icons@2x.png'); background-repeat: no-repeat; background-size: 88px 250px; }
	.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 { background-position: -44px -132px; }
	.nav .general .opener.design-isopen { background-position: 0 -132px; }

	.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 .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 .departments { margin-left: 88px; margin-right: 44px; }
	.nav .departments .opener { background-image: url('../images/select-w@2x.png'); background-position: right center; background-repeat: no-repeat; background-size: 17px 12px; border-left: 1px solid #555; border-right: 1px solid #555; font-size: 16px; font-weight: normal; line-height: 40px; padding: 4px 10px 0 10px; text-align: left; } /* border-left: 1px solid #EFD9BA; border-right: 1px solid #EFD9BA */
	.nav .departments .opener.design-isopen { background-color: #20B4C9; color: #FFF; } /* background-color: #BAA07A */
	.nav .departments .panel { background-color: #20B4C9; } /* background-color: #BAA07A */
	.nav .departments .panel a { color: #FFF; font-size: 15px; text-transform: uppercase; } /* color: #FFF3E3 */
	.nav .departments .panel .children { background: #20B4C9; height: 0; overflow: hidden; transition: height 1s .1s; webkit-transition: height 1s .1s; -moz-transition: height 1s .1s; -o-transition: height 1s .1s; } /* background: #D1B792 */
	.nav .departments .panel .children a { padding-left: 32px; }
	html.design-touch .nav .departments .parents > li a.design-isopen + .children { height: auto; }

	.nav .search { float: left; width: 44px; }
	.nav .search .opener { background-position: -44px -88px; border-left: 1px solid #555; } /* solid #EFD9BA */ 
	.nav .search .opener.design-isopen { background-position: 0 -88px; }
	.nav .search .panel { padding: 10px; }
	.nav .search input { width: 100%; }
	.nav .search input[type='submit'] { background-color: #FFBA25; margin-top: 10px; }

	.nav .account { float: right; width: 44px; }
	.nav .account .opener { background-position: -44px -44px; text-indent: -9999px; }
	.nav .account .opener.design-isopen { background-position: 0 -44px; }

	/* main */

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

    /* banners */

    .banner, .banner img { max-width: 100%; }
    .banner img { height: auto; }

}

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

	h1 { margin: 10px 0; }

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

	.main { margin: 10px; }

	.breadcrumbs { display: none; }

	/* product.html */

	.product-html .section,
	.product-html .section > div { display: block; padding-left: 0; }
	.product-html .section > h1 { display: block; font-size: 16px; }
	.product-html .section .details h1 { display: none; }
	.product-html .image { padding-top: 0; }
	.product-html .image #design-product-image { border-left: 0; border-right: 0; padding-left: 0; padding-right: 0; }
	.product-html .thumbnails { display: none; }
	.product-html .details { padding-left: 0; }
	.product-html .short-description { display: none; }
	.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; margin: 0 10px; }
	.product-html .accessories, .similar { margin: 0 10px; }

	/* department.html */

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

	/* cart.html */

	.cart-html h1 { display: none; }

	.cart-html .items table { border: none; }
	.cart-html .items thead { display: none; }
	.cart-html .items td.details { padding-bottom: 50px; 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 div { position: absolute; right: 100px; }
	.cart-html .items td.total-price div { position: absolute; right: 10px; }

	.cart-html .items tfoot td:first-child { padding-right: 100px; }
	.cart-html .items tfoot .total-cost td:first-child,
	.cart-html .items tfoot .total td:first-child { padding-right: 140px; }
	.cart-html .items tfoot td:first-child { 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 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; padding-bottom: 44px; position: fixed; right: 0; }
	.cart-html .bottom-buttons .continue-button,
	.cart-html .bottom-buttons .update-button { display: none; }
	.cart-html .bottom-buttons .checkout-button input { width: 100%; }

	/* checkout-(…).html */

	.checkout .main { margin-left: 0; padding: 10px; width: auto; }

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

	.checkout .content { margin-left: 0; }

	.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 { top: 10px; }
	.checkout fieldset .street .design-error { top: 42px; }

	.checkout .button-go-back { display: none; }
	.checkout .button-continue 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%; }

}

    /* Rivenditori, Categorie grafiche */

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

    .reseller-logo {display: block; margin: auto;}
    .graph-categories .category .category-logo img { margin: 8px; max-width: 48px; height:auto; }
    .graph-categories .category .category-name a { display: none; }

}