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

/* header e footer */
@media screen and (max-width:1829px) {
	.search-container { padding: 10px; width: 35%; }
	.search-container .search { width: 72%; }
	.search-container .search input.design-search-keywords { width: 75%; }
}

@media screen and (max-width:1565px) {
	.search-container { padding: 10px; width: 440px; min-width: 0; }
	.search-container .search { width: 63%; }
	.search-container .search input.design-search-keywords { width: 60%; }
}

@media screen and (max-width:1455px) {
	header > .cart.cart-box { width: 90px; right: 80px;}
	header > .cart .opener  { width: 90px; background-position: center bottom 10px; }
	header > .cart .opener .many,
	header > .cart .opener .one,
	header > .cart .opener .total,
	header > .cart .opener .go-to-cart { display: none !important; }
	header > .cart .opener .carrello,
	header > .cart .opener .qty { display: block; text-align: center; }
	header > .cart .opener .qty { border-radius: 20px; background-color: #FD5D28; color:#FFF; height: 20px; margin: 14px 0 0 35px; padding-top: 1px; width: 20px; }
	#design-mini-cart { right: 150px; }
}

@media screen and (max-width:1340px) {
	header .login-box { width:100px; text-align: center;}
	header .login-box.isLoggedIn { width:180px; text-align: left; font-size: .8em; }
	header .login-box .link { display: block; }
	header .login-box .link a { display: block; clear:both; font-weight: bold; font-size: 1em }
	header .login-box .social,
	header .login-box .standard { display: none; }
	footer .footer-menus .menu.vertical { float: left; width: 31%; margin: 20px 0 0 0; min-height: 170px; }
}

@media screen and (max-width:820px) {
	footer .footer-menus  { padding: 20px; }
	footer .footer-menus .menu.vertical { float: none; width: 100%; margin: 0; min-height: auto; }
	footer .footer-menus .menu.vertical h3 { cursor: pointer; color: #006AB3; border-bottom: 1px solid #6E6E6E6E; }
	footer .footer-menus .menu.vertical h3:after { content: "+"; float: right; padding-right: 20px }
	footer .footer-menus .menu.vertical.shown h3:after { content: "-"; }
	footer .footer-menus .menu.vertical ul { border-bottom: 1px solid #6E6E6E6E; display: none; padding-bottom: 10px; margin-bottom: 10px; }
	footer .footer-menus .menu.vertical ul li { padding: 10px 30px; }
	footer .footer-menus .menu.vertical.shown ul { display: block; }
}

/* menù reparti */
@media screen and (max-width:1600px) {
	.search-container .departments-panel { left: 50px; right: 50px; }
}

/* video */
@media screen and (max-width:1525px) {
	/* videos */
	.product-html .videos-box .menu,
	.product-html .videos-box .videos { float:none; overflow: hidden; }
	.product-html .videos-box .menu   { border-right: none; padding-right: 0px; width: 100%; }
	.product-html .videos-box .menu .items { height: auto; }
	.product-html .videos-box .videos { margin-top: 10px; padding-left: 0px; }
	.product-html .videos-box .menu .title { border-bottom: none; color:#666; font-size: 1.3em; margin: 0 5px; padding-bottom: 5px; }
	.product-html .videos-box iframe { width: 100% !important; }
}

@media screen and (max-width:1270px) {
	.department-html .main .right { display: none; }
}

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

	.login-language .locale { background: url('../images/languages-bg.png') top 5px right no-repeat; display: block; width: 45px; float: right; height: 25px; margin-right: 20px; overflow: visible; }
	.login-language .locale .languages { position: relative; z-index: 100; }
	.login-language .locale ul { height: 25px; overflow: hidden; padding:0; }
	.login-language .locale:hover ul { height: auto; }
	.login-language .locale li  { list-style: none; display: block; }
	.login-language .locale img { width: 25px; height: auto; vertical-align: bottom; }
	.login-section { padding-bottom: 30px; }

    .banners-4-mobile .slick-list.draggable { margin: 0 !important; }

	.titled-slideshow { margin: 10px 0px; padding: 0 0 30px 0 }
	.titled-slideshow.products-slideshow .product { margin: 10px; }
	.slick-list.draggable { margin: 0 30px !important; }
	.titled-slideshow .products-border { border-bottom: 1px solid #e5e5e5; display: block; height: 1px; margin: auto; width: 98%; }

	body { padding-top: 88px }
	h1, h2, h3 { margin-left: 10px; margin-right: 10px; }

	.body-content { padding: 0; }
	div.top .content { border-bottom: 0; margin-bottom: 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 */

	/* hide desktop stuff*/
	header > .search-container,
	header > .locale,
	header > .logo { display: none; }
	div.top { padding: 0; }


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

	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 { 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: 35px; height: 44px; text-align: center; width: 43px; }
	header > .cart .opener .total { display: block !important; position: absolute; right: 50px; top: 8px; }
	header > .cart .opener .total span { font-size: 15px; font-weight: bold; }
	header > .cart .opener .qty { background: none;  font-size: .8em; display: inline; margin: 0; height: 0; width: 0; padding: 0; }
	header > .cart .opener > div > span { display: none; }
	header > .cart .design-cart-quantity { background: #FD5D28; border-radius: 1.8em; color: #fff; font-size: 10px; font-weight: bold; height: 1.8em; line-height: 1.8em; position: absolute; right: 12px; text-align: center; top: 5px; width: 1.8em; }
	header > .cart .design-cart-quantity.design-cart-quantity-zero { display: none; }
	header > .cart.cart-box { width: auto; right: 0; }
	#design-mini-cart { left: 0; right: 0; top: 0; }
	.icon-cart:before { content: "\e600"; font-size: 1.5em }

	header > .banners { display: none; }

	/* navigation */

	.nav { background: #777; height: 44px; margin-bottom: 1px; position: relative; }
	.nav > div { height: 100%; border-right: 1px solid #F7F7F7; overflow: hidden; }
	.nav > div:first-child { border: none; }

	.nav .opener { cursor: default; display: block; font-size: .9em; height: 100%; }
	.nav .opener.design-isopen { background-color: #FFF; }
	.nav .opener:before { color: #636363; }
	.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: #color: #color: #636363; display: block; }

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

	.nav a.opener { color: #636363; text-align: center; }

	.nav > .info,
	.nav > .filters,
	.nav > .general { float: right; width: 52px; }
	.nav > .info .opener:before,
	.nav > .filters .opener:before,
	.nav > .general .opener:before { display: block; font-size: 0px; height: 25px; text-align: center; width: 52px; }

	.nav > .filters .opener:before { background: url('../images/filter.png') center center no-repeat; background-size: contain; }
	.nav > .info .opener:before { background: url('../images/phone.png') center center no-repeat; background-size: contain; }

	.nav > .filters .applied-filters-count { background-color: #fc5d28; border-radius: 1.3em; color: #FFF; display: inline-block; font-size: .8em; height: 1.3em; margin-left: 3px; width: 1.3em; text-align: center; }


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

	/* hamburgers */
	/*!
	 * Hamburgers
	 * @description Tasty CSS-animated hamburgers
	 * @author Jonathan Suh @jonsuh
	 * @site https://jonsuh.com/hamburgers
	 * @link https://github.com/jonsuh/hamburgers
	 */
	.hamburger { display: inline-block; cursor: pointer; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; height: 25px; margin-top: 5px; }

	.hamburger-box { width: 25px; height: 22px; display: inline-block; position: relative; }

	.hamburger-inner { display: block; top: 50%; margin-top: -2px; }
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 23px; height: 3px; background-color: #636363; border-radius: 3px; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; transition-timing-function: ease; }
	.hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; }
	.hamburger-inner::before { top: -7px; }
	.hamburger-inner::after { bottom: -7px; }

	.hamburger--spin .hamburger-inner { -webkit-transition-duration: 0.22s; transition-duration: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
	.hamburger--spin .hamburger-inner::before { -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
	.hamburger--spin .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

	.nav > .bar .opener.design-isopen .hamburger-inner { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); -webkit-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
	.nav > .bar .opener.design-isopen .hamburger-inner,
	.nav > .bar .opener.design-isopen .hamburger-inner::before,
	.nav > .bar .opener.design-isopen .hamburger-inner::after {	background-color: #175b9a; }
	.nav > .bar .opener.design-isopen .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
	.nav > .bar .opener.design-isopen .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.nav > .bar a span.open,
	.nav > .bar a span.closed { display: inline-block; vertical-align: super; }
	.nav > .bar a.opener { font-size: .85em; line-height: 44px !important; }
	.nav > .bar { margin-right: 208px; }
	.nav > .bar .opener { color: #636363;/* background-image: url("../images/select-w@2x.png"); background-position: right center; background-repeat: no-repeat; background-size: 17px 12px; */ font-weight: normal; line-height: 40px; margin: 0; padding: 0 10px; text-align: left; }
	.nav > .bar .opener .open { display: none; }
	/*.nav > .bar .opener:before { font-size: 26px; float: left; height: 44px; width: 30px; line-height: 44px; }*/
	.nav > .bar .opener.design-isopen {  color: #175b9a; }
	/*.nav > .bar .opener.design-isopen:before {  color: #175b9a; }*/
	/*.nav > .bar .opener.design-isopen:before {  content: "×"; font-size: 25px; font-weight: bold; margin-top: -3px; }*/
	.nav > .bar .opener.design-isopen .open   { display: inline; }
	.nav > .bar .opener.design-isopen .closed { display: none; }
	.nav > .bar .panel { background-color: #FFF; }


	.nav > .bar .panel a { color: #464646; font-size: 15px;  }
	.nav > .bar .panel li { border-bottom: 2px solid #C5C5C5; }
	.nav > .bar .panel .childrens,
	.nav > .bar .panel .childrens-2 { background: #F7F7F7; 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 .childrens a { padding-left: 32px; }
	.nav > .bar .parents > li.department { display: list-item; }

	.nav > .bar .parent { display: table; width: 100%; }
	.nav > .bar .parent div { display: table-row; }
	.nav > .bar .parent a { display: table-cell; }
	.nav > .bar .parent a.department { padding: 10px  0; }
	.nav > .bar .parent a.closer { background-image: url('../images/back.png'); background-size: 12px 22px; background-position: 17px 5px; background-repeat: no-repeat; /*display: inline-block;*/ font-size: 12px; margin:0 10px; padding: 25px 5px 0 3px; text-align: center; vertical-align: text-bottom; width: 42px; }
	.nav > .bar .parent a.next { background-image: url('../images/department-next.png'); background-size: 12px 22px; background-position: 15px 5px; background-repeat: no-repeat; /*display: inline-block;*/ font-size: 12px; margin:0; padding: 25px 3px 0 5px; text-align: center; vertical-align: text-bottom; width: 42px; }
	.nav > .bar .panel li.title { line-height: 42px; padding: 0 20px; width: 100%; }
	.nav > .bar .parent { background-color: #C8E9FF; }
	.nav > .bar .panel li.title,
	.nav > .bar .parent a.department { display: inline-block; font-size: 1.1em; font-weight: bold; vertical-align: bottom; }
	.nav > .bar .parent a.department { padding-left: 0px; }
	.nav > .bar .parents > li a + .childrens,
	.nav > .bar .childrens > li a + .childrens-2 { margin-left: -100vw; width: 100vw; transition: margin .5s, height .5s; }
	.nav > .bar .childrens > li a.design-isopen + .childrens-2,
	.nav > .bar .parents > li a.design-isopen + .childrens { height: 100vh; width: 100vw; margin-left: 0; overflow: auto; position: absolute; top:0; }
	.nav > .bar .has-childrens { background-image: url('../images/department-next.png'); background-size: 10px 20px; background-position: 98% center; background-repeat: no-repeat;}

	.nav #bar-panel { height: 100vh; overflow-y: scroll; margin-left: 100vh; opacity: 0; transition: margin .7s, opacity 1s; visibility: hidden; }
	.nav #bar-panel.design-isopen { margin-left: 0; opacity: 1; transition: margin .5s, opacity .5s; visibility: visible; }
	.nav #bar-panel .parents { padding-bottom: 90px; }
	.nav #bar-panel .hidden-dep { display: none; }

	.nav > .search { float: right; width: 52px; }
	.nav > .search .opener { margin-left: 0px; }
	.nav > .search .opener:before { display: block; font-size: 26px; height: 25px; margin-bottom: 5px; margin-top: -5px; text-align: center; width: 52px; }
	.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: 52px; }
	.nav > .account .opener:before { display: block; font-size: 26px; height: 25px; margin-bottom: 5px; margin-top: -5px; text-align: center; width: 52px; }
	.nav > .account .opener.design-isopen {  }

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

	.breadcrumbs { margin: 12px; }

	/* sliders */
	.slick-prev { left: 10px; }
	.slick-next { right: 10px; }

	/* partials/mini-cart.html */

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

    /* partials/filters.html */

	#design-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; }
	#filters-panel>h3>.closer { display: inline; }

	html.design-panel-isopen #design-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; }

    /*.desktop-unfiltered div.filters { display: block; }*/

    .filters-opener { margin: 10px 0; text-align: center; }
    .filters-opener > .opener { background: url('../images/filter.png') 5px 6px no-repeat #FFF; background-size: 20px 24px; border: 1px solid #CCC; color: #666; display: inline-block; font-weight: normal; padding: 10px 10px 10px 30px; text-shadow: none; text-transform: none; }
    .filters-opener > .opener span { background: url('../images/gray-arrow-down.png') right center no-repeat; background-size: 12px 6px; padding-right: 30px; }

    .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 { left: -100%; }
    .filters > .panel .design-filter-values { position: absolute; }
    .filters > .panel { -webkit-overflow-scrolling: touch; }
    .filters > .panel.design-isopen { background: #EEE; left: 0; top: 88px; overflow-y: auto; }
    .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 { background: #EEE; border: none; border-width: 1px 0 1px; margin: 10px 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 { border-bottom:1px solid #636363; 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 .filter-value > a   { padding-right: 3em; position:relative; }
    .filters .filter-value a>span.filters-count { display: block; padding-right: 15px; padding-top: 10px; position: absolute; right: 0; text-align: right; top: 0; width: 3em; }
    .filters h3 span[data-design-close],
    .filters h3 span.closer { color: inherit; float: right; font-size: 26px; line-height: 100%; }
    .filters h3 span.closer { background: url('../images/back.png'); background-size: 12px 22px; background-position: left center; background-repeat: no-repeat; font-size: 12px; margin:0; padding: 5px 5px 5px 25px; text-align: right; width: auto; }
    .filters h3 span.closer.white { background-image: url('../images/back-white.png'); }
    .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%; }
    .filters .design-filter ul { max-height: 80vh; padding-bottom: 50px; }

	#filters-panel > h3 { background-color: #C8E9FF; color: #454545; padding-right: 10px; }
	#filters-panel > ul h3 { background-color: #707173; color: #FFF; }
	/* 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; }
	.main-grid { display: block; padding-top: 0; }
	.main-grid .left, .main-grid .right { display: none; }
	.main-grid .center { border: 0; padding-top: 0; }

	/* 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:nth-child(2n+1) { padding-right: .5px; }
	.index-html .banners-5 .banner:nth-child(2n) { padding-left: .5px; }

	.see-all { position: absolute; bottom: 2px; left: 15px; z-index: 500; width: 95%; }
	.see-all a { display: inline-block; width: 100%; }

	/* department.html */

	.department-html .main .center h1 { font-size: 19px; font-weight: normal; margin: 0 0 10px 0; }
	.department-html .main-column { display: block; padding-right: 0; }
	.department-html ol.child-departments { background: #F3F3F3; }

	.side-column h1, .side-column h2, .side-column h3 { margin-left: 0; margin-right: 0; }
	.side-column .producers li { line-height: 2.2em; }

	.product-html .long-description table,
	.product-html .long-description tbody,
	.product-html .long-description tr,
	.product-html .long-description td,
	.department-html .main .main-description .inner table,
	.department-html .main .main-description .inner tbody,
	.department-html .main .main-description .inner tr,
	.department-html .main .main-description .inner td { width:auto !important; display:block; clear:both; overflow:hidden; height:auto !important; }

	.department-html .main,
	.department-html .main .row,
	.department-html .main .left,
	.department-html .main .right,
	.department-html .main .center,
	.desktop-unfiltered .main,
	.desktop-unfiltered .main .row,
	.desktop-unfiltered .main .left,
	.desktop-unfiltered .main .right,
	.desktop-unfiltered .main .center,
	.filtered .main,
	.filtered .main .row,
	.filtered .main .left,
	.filtered .main .right,
	.filtered .main .center { display: block; }

	.configuratore-html .main-grid > .left, .configuratore-html .main-grid > .right { display: none; }

	.desktop-unfiltered .main-grid,
	.filtered .main-grid { display: block; }

	.desktop-unfiltered .main .left,
	.filtered .left, .filtered .right,
	.department-html .main .left, .department-html .main .right { display: block; height: 0px; width:0px; padding: 0; }

	.filtered .left,
	.desktop-unfiltered .main .left>*,
	.department-html .main .left>* { display:none; }

	.filtered .left > .filters,
	.desktop-unfiltered.filters-panel-isopen .main div.filters,
	.department-html .main .left > .filters { display: inherit; }

	.department-html .main .center .gray,
	.department-html .main .center .products { background: #F3F3F3; }
	.department-html .main .center .gray { margin: 0 -10px; padding: 10px; }
	.department-html .main .center .products li { background: #FFF; }
	.department-html .main .center div.main-image { float: none; margin-bottom: 20px; max-height: auto; max-width: 100%; }
	.department-html .main .center div.main-description { display:none; }
	.department-html .main .center div.mobile-description { background: #FFF; border: 1px solid #CCC; border-radius: 10px; display: block; margin-bottom: 20px; min-height: 255px; overflow: hidden; padding: 10px; }
	.department-html .main .center div.mobile-description .inner          { height: 190px; overflow: hidden; margin-bottom: 10px; }
	.department-html .main .center div.mobile-description .inner.expanded { height: auto; }
	.department-html .main .center div.mobile-description .expander { background: url('../images/expander.png') 10px center no-repeat #EBEBEB; border-radius: 5px; cursor: pointer; font-size: 1.1em; text-align: left; padding: 10px; padding-left: 60px; margin-top: 20px; }
	.department-html .main .center div.mobile-description .expander .open { display: none; }
	.department-html .main .center div.mobile-description .expander.expanded { background-image: url('../images/expander-expanded.png'); }
	.department-html .main .center div.mobile-description .expander.expanded .open   { display: inline;}
	.department-html .main .center div.mobile-description .expander.expanded .closed { display: none; }

	.department-html .main .center .child-departments-title { margin: 0; text-align: center; }
	.department-html .main .center .products-intro { margin-bottom: 5px; }
	.department-html .main .center ol.child-departments { margin: 10px 0; }
	.department-html .main .center ol.child-departments li { margin: 5px 0; }

	/* promotion.html */

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

	/* search */
	nav #search-panel-2 { display: none; }
	.search-html .conditions { overflow: hidden; width: 100%; }
	nav #search-panel-2 { top:45px; height: 100vh; opacity: 1; }
	nav #search-panel-2.design-isopen,
	.search-html fieldset.conditions { display: table; width: 100%; }
	nav #search-panel-2>div,
	.search-html fieldset.conditions > div { display: table-row; }
	nav #search-panel-2 form>div,
	.search-html fieldset.conditions > div div  { display: table-cell; vertical-align: middle; }
	nav #search-panel-2 input,
	.search-html fieldset.conditions input { height: 44px; }
	nav #search-panel-2 input[type="text"],
	.search-html fieldset.conditions input[type="text"] { border-color:#E2E2E2; color: #666; }
	.search-html .search-button.main-button.desktop { display:none; }
	.search-html .search-button.main-button.mobile { display:table-cell; }
	nav #search-panel-2 form .main-button input,
	.search-html .search-button.main-button input { background: #196eb1; border:1px solid #1d5787; font-family: "icons"; font-size: 30px; font-weight: normal; margin-left: 10px; min-width: 44px; padding: 0; width: 44px; }
	nav #search-panel-2 form .main-button input { margin-top: 0; }


	/* partials/products.html */

	div.products-filtering { display: table; margin: 0; width: 100%; }
	div.products-filtering > div { display: table-row; }
	div.products-filtering > div > div { display: table-cell; }
	div.products-filtering .sortby { float: none; margin: 10px 0; text-align: right; }
	div.products-filtering .filters-opener { text-align: left; }


	/* product.html */

	.product-html .main .center h1 { font-size: 19px; font-weight: normal;  margin:0 10px 10px 10px; }
	.product-html div.sku { font-size: .9em; font-weight: normal; text-transform: lowercase; margin:0; margin-left: 10px; }
	.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 .box { min-height: auto; }
	.product-html .section { background: #FFF; margin: 0 -20px; padding: 10px; }
	.product-html .section h1 { margin: 0; }
	.product-html .details .box { margin: 10px 0; width: 100% !important; }
	.product-html .accessories,
	.product-html .similar { margin: 0 -10px 0 -10px; }
	.product-html .main-grid .center { padding-bottom: 0; }
	.product-html .main-grid .center>div:first-child { padding-bottom: 0px !important; }
	.product-html .gray-section .titled-slideshow:first-child { margin-top: 0px; }

    /* product configurator */
    .configure-button div.info.mobile-show,
    .configure-button div.info.mobile-show div.close { display: block; }
    /*.configure-button div.info.mobile-show { background-color: #FCFCFC; border:none; }*/
    .configure-button div.info.mobile-show::after{ border-color:  transparent transparent  #E2E2E2 transparent; }

	/* videos */
	.product-html .videos-box .menu,
	.product-html .videos-box .videos { float:none; overflow: hidden; }
	.product-html .videos-box .menu   { border-right: none; padding-right: 0px; width: 100%; }
	.product-html .videos-box .menu .items { height: auto; }
	.product-html .videos-box .videos { padding-left: 0px }
	.product-html .videos-box .menu .title { border-bottom: none; color:#666; font-size: 1.3em; margin: 0 5px; padding-bottom: 5px; }
	.product-html .videos-box .menu a { background: url('../images/play-black.png') center left no-repeat; background-size: 20px; cursor: pointer; display: block; font-weight: bold; margin-top: 10px; padding: 5px 0 5px 25px; text-decoration: none; }
	.product-html .videos-box .menu a.active { background-image: url('../images/play-blue.png'); }
	.product-html .videos-box iframe { width: 100% !important; }

	/* 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 { 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: #186EBB; border-radius: 5px; 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 { padding:0; }
	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    { margin: 10px 5px 0 5px; }
	.breadcrumbs li { font-size: 10px; background-size: 8px 9px; background-position: 2px center; }

	.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; }
	.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; width: 100%; }
	.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 .boxes-container .prices > div:first-child,
	.product-html .details .prices .feedaty-container { display:block; }
	.product-html .details .prices .feedaty-container { text-align:left; }
	.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-grid .center { padding: 0; }
	.login-html .login-section.log-in { padding-bottom: 10px; }
	.login-html .main form { margin-left: 10px; margin-right: 10px; display: block; overflow:hidden; }
	.login-html .social { text-align: left; width: 90%; margin-top:30px; }

	.login-section.sign-up { padding-bottom: 0 }
	.login-section.sign-up p { text-align: left; }

	.login-html .login-button { margin: 10px 10px; height: 44px; float: right; }
	.login-html .login-button input { min-width: 150px; background: #196eb1; border:1px solid #2c3640; border-radius: 3px; text-transform: none; }
	.login-html .remember-password  { margin-top: 10px; text-align: left; }
	.login-html .logged-in input,
	.login-html a.button { background: #196eb1; border:1px solid #2c3640; border-radius: 3px; color: #FFF; display: block; max-width: 200px; text-transform: none; text-shadow: 1px 1px 0px rgba(46,20,12,0.46); margin: 0; }
	.login-html .logged-in input { float: right; }

	/* 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 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: 0; padding: 10px; }

	.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; z-index: 1000; }

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

    .sign-up-user-html .widget_merchant,
    .sign-up-html .widget_merchant,
	.contact-us-html .widget_merchant,
	.page-html .widget_merchant,
	.cart-html .widget_merchant,
	.wish-list-html .widget_merchant,
	.login-html .widget_merchant,
	.whish-list-html .widget_merchant,
	.documents-html .widget_merchant,
	.user-data-html .widget_merchant,
	.newsletter-subscription-html .widget_merchant,
	.contact-us-html .banners-6, .contact-us-html .banners-7, .contact-us-html .banners-8, .contact-us-html .menu-6, .contact-us-html .menu-8,
	.cart-html .banners-6, .cart-html .banners-7, .cart-html .banners-8, .cart-html .menu-6, .cart-html .menu-8,
	.wish-list-html .banners-6, .wish-list-html .banners-7, .wish-list-html .banners-8, .wish-list-html .menu-6, .wish-list-html .menu-8,
	.page-html .banners-6, .page-html .banners-7, .page-html .banners-8, .page-html .menu-6, .page-html .menu-8,
	.login-html .banners-6, .login-html .banners-7, .login-html .banners-8, .login-html .menu-6, .login-html .menu-8,
	.whish-list-html .banners-6, .whish-list-html .banners-7, .whish-list-html .banners-8, .whish-list-html .menu-6, .whish-list-html .menu-8,
	.documents-html .banners-6, .documents-html .banners-7, .documents-html .banners-8, .documents-html .menu-6, .documents-html .menu-8,
	.user-data-html .banners-6, .user-data-html .banners-7, .user-data-html .banners-8, .user-data-html .menu-6, .user-data-html .menu-8,
	.sign-up-html .banners-6, .sign-up-html .banners-7, .sign-up-html .banners-8, .sign-up-html .menu-6, .sign-up-html .menu-8,
	.sign-up-user-html .banners-6, .sign-up-user-html .banners-7, .sign-up-user-html .banners-8, .sign-up-user-html .menu-6, .sign-up-user-html .menu-8,
	.newsletter-subscription-html .banners-6, .newsletter-subscription-html .banners-7, .newsletter-subscription-html .banners-8, .newsletter-subscription-html .menu-6, .newsletter-subscription-html .menu-8 { display: none; }

	.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 { flex-basis: 50%; text-align: left; }
    .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 .approval,
    .orders-html .order .item .quantity,
    .orders-html .order .item .price,
    .orders-html .order .item .return-info { text-align: right; }

    .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 .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 .image img { max-width: 80px; height: auto; }
    .orders-html .order .item .name         { order: 0; }
    .orders-html .order .item .price,
    .orders-html .order .item .reason       { order: 4; }
    .orders-html .order .item .return-info  { order: 5; flex-basis: 100%; text-align: left; font-size: .9em; color: #000; }
    .orders-html .order .item .comments     { order: 6; }
    .orders-html .order .item .approval     { order: 7; }
    .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; }
    .orders-html .order .shipment .head { display: flex; font-size: .9em; }
    .orders-html .order .shipment .head > div { flex-basis: 50% }

    .orders-html .order .return .head > div { text-align: left !important; }
    .orders-html .order .return .head .status .value { white-space: nowrap; font-size: 0.8em; }
    .orders-html .order .return .head .print a { text-align: center; font-size: .8em; }
    .orders-html .order .return .item .row { align-content: flex-start; display: flex; flex-basis: 73%; flex-wrap: wrap; justify-content: flex-start; padding-right: 0; }
    .orders-html .order .return .item .row > div { flex-basis: 100%; }
    .orders-html .order .return .item .row .name,
    .orders-html .order .return .item .row .details { float: none; min-width: none; text-align: left; }


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

    .configuratore-html .main-product .left-column,
	.configuratore-html .main-product .right-column { float: none; width: 100%; }

	.configuratore-html .composer-menu { padding: 20px 0; }
    .configuratore-html #composer-summary-products { width: 100%; }
	.configuratore-html #composer-summary-products .composer-summary-row span.name { white-space: normal; }

    .product-preview-html .image { overflow: hidden; clear: both; }
	.product-preview-html .image .zoom { margin-right: 0px; width: 100%; }
	.product-preview-html .image .zoom img { height: 200px; width: auto; }

}

/* banners desktop e mobile */
@media screen and (max-width:629px) {
	.banners-1,
	.banners-2,
	.banners-4 { display: none; }

	.banners-1-mobile,
	.banners-2-mobile,
	.banners-4-mobile{ display: block; }
}

/* subdepartments columns */
.department-html .main .center ol.child-departments { margin-left: -5px; margin-right: -5px; }
.department-html .main .center ol.child-departments li { width: 16%; margin: 5px; }

@media screen and (max-width:1920px) {
 .department-html .main .center ol.child-departments li { width: 19%; }
}

@media screen and (max-width:1400px) {
 .department-html .main .center ol.child-departments li { width: 23%; }
}

@media screen and (max-width:800px) {
 .department-html .main .center ol.child-departments li { width: 30%; margin: 2px; }
}

@media screen and (max-width:420px) {
 .department-html .main .center ol.child-departments li { width: 48%; margin: 2px; }
 .department-html .main .center ol.child-departments { margin-left: -2px; margin-right: -2px; }
}

@media screen and (max-width:320px) {
 .department-html .main .center ol.child-departments li { width: 100%; margin: 5px 0; }
 .department-html .main .center ol.child-departments { margin-left: 0px; margin-right: 0px; }
}

/* descrizione modale per prodotti e reparti */

#description-modal-content table,
#description-modal-content tr,
#description-modal-content td,
#description-modal-content tbody,
#more-description-modal-content table,
#more-description-modal-content tr,
#more-description-modal-content td,
#more-description-modal-content tbody { width:auto !important; display:block; clear:both; overflow:hidden; height:auto !important; }

#description-modal-mask {display:none; margin-left: -10px; z-index: 1000; }

#description-modal, #more-description-modal {
	margin-left: -10px;
	background: #FFF;
	box-sizing: border-box;
	min-height: 100%;
	opacity: 0;
	overflow: hidden;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9998;
	-webkit-transition: -webkit-transform .25s, opacity 1ms .25s;
	-webkit-transform: translate3d(0, 100%, 0)
}

#description-modal.active, #more-description-modal.active {
	height: 100%;
	opacity: 1;
	-webkit-transition: -webkit-transform .25s;
	-webkit-transform: translate3d(0, 0, 0)
}

#description-modal-header, #more-description-modal-header {
	border-bottom: 1px solid #DDD;
	color: #000;
	font-size: 17px;
	font-weight: 500;
	height: 44px;
	line-height: 44px;
	position: relative;
	text-align: center;
	white-space: nowrap
}

#description-modal-header a, #more-description-modal-header a {
	background: #FFF;
	color: #007AFF;
	cursor: default;
	display: block;
	font-family: "Times New Roman";
	font-size: 36px;
	height: 42px;
	padding-top: 1px;
	position: absolute;
	right: 0;
	text-decoration: none;
	top: 0;
	width: 44px;
	z-index: 9999
}

#description-modal-content, #more-description-modal-content {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 44px;

	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	padding: 10px;
}

#description-modal iframe, #more-description-modal iframe {
	border: 0;
	height: 100%;
	margin: 0;
	opacity: 0;
	width: 100%
}

#description-modal.loaded iframe, #more-description-modal.loaded iframe {
	opacity: 1
}

#description-modal-mask {
	background: #000;
	height: 100%;
	opacity: .2;
	position: fixed;
	top: 0;
	width: 100%
}

#description-modal-mask.active {
	display: block
}

#description-modal, #more-description-modal {
	left: 0;
	top: 100%;
	width: 100vw;
	height: 100vh;
}

#description-modal.active, #more-description-modal.active {
	top: 0;
	margin: 0;
	display: block;
}

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

@media (max-width: 415px) {
	.orders-html .order .items.expanded { background: #FFF; bottom: 0; left: 0; overflow: auto; position: fixed; right: 0; top: 42px; z-index: 1000; width: 100%; padding-top: 40px; }
	.orders-html .order .items.expanded .expander { display: none; }
	.orders-html .order .items.expanded .closer { background: #dcf7fe; border: 1px solid #DDD; border-radius: 5px; color: #186EBB; display: block; padding: 5px 10px; position: fixed; width: 100%; text-align: center; top: 45px; }
	.orders-html .order .items.expanded .closer .close { color: #b2181a; float: right; cursor: pointer; }
	.orders-html .order .item .button input[name="add"] { font-size: 13px; padding: 0 .3em; }
    .orders-html .order .head .address,
    .orders-html .order .head .shipment-date,
    .orders-html .order .shipment .head .tracking { text-align: left; }
    .orders-html .order .shipment .item div.row .label { display: inline; }
    .orders-html .order .items .image .small { display: block; }
    .orders-html .order .items .image .medium { display: none; }

    .orders-html .order > .head { padding: 1em; font-weight: bold; }
    .orders-html .order .head .number .print { display: none; }
    .orders-html .order .head .date .print { display: block; }
	.orders-html .order .head .label { display: inline; }
	.orders-html .order .head > div { padding-bottom: 0; padding-top: 0.1em; }
	.orders-html .order .head .status,
	.orders-html .order .head .address { flex-basis: 40%; }
	.orders-html .order .head .number,
	.orders-html .order .head .date,
	.orders-html .order .head .total { flex-basis: 60%; text-align: left; }
	.orders-html .order .head .total { padding-top: .5em; }
	.orders-html .order .head .total * { color: #686868 !important; font-size: 1em; font-weight: bold; }
	.orders-html .order .head .print { font-weight: normal; }
	.orders-html .order .head .address .dropdown .content         { display: block; }
    .orders-html .order .head .address .dropdown .content::before { right: 30px; left: auto; }
    .orders-html .order .head .address .dropdown { right: 0px; left: auto; max-width:350px; }
    .orders-html .order .head .address .billing { border-bottom: 1px solid #ccc; border-right:none; margin:0 0 15px 0; padding: 0 0 15px;}
    .orders-html #design-overlay { display:none !important; }
}

