﻿@media (max-width: 1024px) {
	body {
		font-size: 100%;
	}

	img {
		max-width: 100%;
		max-height: 100%;
		height: auto;
		width: auto;
	}

	header, section, article, footer {
		width: 100%;
	}

	#head-top {
		height: 50px;
		width: 100%;
		position: relative;
		min-height: 1px;
		font-size: 13px;
		padding: 20px;
		box-sizing: border-box;
		margin-bottom: 10px;
	}

	#head-top-content {
		width: 100%;
		white-space: normal;
		line-height: 16px;
	}

		#head-top-content a {
			font-size: 13px;
		}

	#head-cart-content {
		width: 100%;
		line-height: 1px;
	}

	#content {
		width: 100%;
	}

	aside {
		width: 24%;
		padding-right: 0;
	}

	#maincont {
		width: 75%;
	}

	#maincont-center {
		width: 75%;
	}

	#maincont-right {
		width: 25%;
	}

	#maincont-center-lower-left {
		width: 30%;
	}

	#maincont-center-lower-right {
		width: 70%;
	}

	.banner-lower-left, .banner-lower-right {
		margin: 15px 0;
		width: 100%;
	}

	#footer-mailing input {
		width: 96%;
	}

		#footer-mailing input[type='submit'] {
			width: 100%;
		}

	#showcase div.showcase-box {
		margin-left: 17px;
	}

	.showcase-description {
		font-size: 14px;
	}

	#maincont-upper, #maincont-lower {
		width: 99%;
	}

	#inner-nav {
		width: 100%;
	}

	#maincont-upper-center {
		width: 72%;
	}

	#maincont-upper-right {
		width: 25%;
	}

	#share {
		height: 64px;
		line-height: 64px;
		position: relative;
		display: block;
		overflow: hidden;
	}

		#share a {
			height: auto;
			padding: 5px 0px;
			width: 19%;
		}

	#back-checkout, #back-grey {
		width: 93%;
	}

		#back-grey ul.reg-sx, #back-grey ul.reg-dx {
			width: 50%;
		}
}

@media (max-width: 800px) {
	/* breakpoint navigazione */
	.dtop {
		display: none !important;
	}

	.dtop-vis {
		display: block !important;
	}

	aside.dtop {
		width: 96%;
		height: auto;
		background: #fff;
		border-top: 1px solid #d1d1d1;
		border-bottom: 1px solid #d1d1d1;
		margin-bottom: 16px;
	}

	#logo {
		background-size: 100%;
		background-attachment: scroll;
		margin: 0 auto;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
	}

	#head-top {
		height: 80px;
	}

	#head-cart {
		display: block;
		position: relative;
		overflow: hidden;
		height: 170px;
		-webkit-box-shadow: 0px 8px 20px 0px rgba(150, 150, 150, 0.5);
		-moz-box-shadow: 0px 8px 20px 0px rgba(150, 150, 150, 0.5);
		box-shadow: 0px 8px 20px 0px rgba(150, 150, 150, 0.5);
	}

	#head-cart-content {
		padding: 10px 20px;
		box-sizing: border-box;
		height: 100%;
		position: relative;
	}

	head-cart-content ul li a img {
		vertical-align: baseline;
	}

	#head-menu {
		border-bottom: 0 none;
		height: 30px;
	}

	#head-menu-content {
		width: 100%;
	}

	#head-search {
		display: block;
		width: 100%;
		float: none;
		text-align: center;
	}

		#head-search input[type='text'] {
			padding: 2px 5px;
			width: 312px;
			box-sizing: border-box;
		}

	::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, input:-moz-placeholder {
		font-size: 14px;
	}

	.toggle-menu {
		background: transparent url(/images/mob-menu2-xl.png) no-repeat scroll 0 0;
		width: 116px;
		height: 31px;
		position: absolute;
		left: 10px;
		bottom: 16px;
		display: block !important;
		visibility: visible;
		border: 0 none;
		outline: none;
	}

		.toggle-menu.open {
			background: transparent url(/images/mob-menu-close2-xl.png) no-repeat scroll 0 0;
		}

	#small-cart {
		position: absolute;
		right: 10px;
		bottom: 16px;
	}

	#maincont {
		width: calc(100% - 30px);
	}

	.embed-responsive {
		min-height: unset;
	}

	#maincont-center {
		width: 100%;
	}

	#maincont-center-lower {
		overflow: hidden;
		width: 100%;
		margin: 0 auto;
		position: relative;
		text-align: center;
	}

	#main-banner {
		max-width: 100%;
	}

	#maincont-right {
		float: left;
		width: 100%;
	}

	.banner-dx {
		display: inline-block;
		width: 23%;
		margin: 0 5px;
	}

	#footer-top, #footer-bottom {
		width: 100%;
	}

		#footer-top > div, #footer-top > div:first-child {
			width: 23%;
			margin: 0 4px;
		}

	#footer-mailing-mob, #footer-mailing-mob input {
		width: auto;
	}

		#footer-mailing-mob input[type='submit'] {
			width: auto;
			padding: 0 20px;
		}

	#home-showcase {
		max-width: 9999px;
		width: 96%;
	}

	#footer-top-mob {
		overflow: hidden;
		width: 100%;
		padding: 10px;
		background-color: #59a80f;
		color: #ffffff;
		text-align: center;
	}

		#footer-top-mob a {
			color: #ffffff;
		}

		#footer-top-mob img {
			width: 20px;
			vertical-align: bottom;
		}

		.footer-title {
			margin: 10px 0;
			font-size: 20px;
		}

	#maincont {
		padding: 0 15px;
	}

	.searchString {
		text-align: center;
	}

	.art-row ul li {
		width: 48%;
		vertical-align: top;
	}

		.art-row ul li.small {
			width: 15%;
		}

		.art-row ul li.smaller {
			width: 10%;
		}

	.tec-block {
		height: auto;
		width: 92%;
	}

	.tec-photo {
		width: 25%;
	}

		.tec-photo img {
			width: 100%;
			height: auto;
			max-width: 130px;
		}

	.tec-content {
		width: 74%;
	}

	#aside-categories {
		width: auto;
	}

		#aside-categories nav ul.l1 li {
			background: transparent url(/images/arrow-down.png) no-repeat 96% 50%;
		}

	#checkout-nav ul li {
		padding: 0px 40px;
	}

	h1 {
		text-align: center;
	}

	#text-mob {
		padding-left: 10px;
	}
	/*.rsDefaultInv .rsOverflow {width: 400px !important;height: 224px !important;}*/
}

@media (max-width: 768px) {
	#maincont-center-lower-left, #maincont-center-lower-right {
		padding: 0;
	}
}

@media (max-width: 667px) {
	.nomob667 {
		display: none !important;
	}

	.mob667 {
		display: block !important;
	}

	#logo {
		width: 76%;
	}

	#maincont-center-lower-left {
		width: 33%;
	}

	#maincont-center-lower-right {
		width: 66%;
	}

	.banner-lower-left-text, .banner-lower-right-text, .banner-dx-text {
		width: 100%;
		font-size: 100%;
	}

	.banner-dx {
		margin: 0 3px;
	}

	#maincont-upper-center {
		width: 100%;
		margin: 0;
		padding: 0 10px;
		box-sizing: border-box;
	}

	#maincont-upper-right {
		width: 100%;
	}

	#maincont-lower > #showcase > div.showcase-box {
		padding: 17px 6px;
	}

	#footer-mailing, #footer-mailing-mob {
		width: auto;
	}

		#footer-mailing input {
			width: 90%;
		}
	/*#slider .thumbs {display: none;}*/
	#zoom {
		display: block;
		width: 40px;
		height: 40px;
		position: absolute;
		bottom: 0;
		right: 0;
		background: url("/images/zoom.png") no-repeat scroll 0 0 transparent;
		background-size: 70%;
		background-attachment: scroll;
		cursor: pointer;
	}

	.art-row ul li {
		width: 50%;
	}

	.tec-content {
		width: 70%;
	}

	div.sumtotal {
		padding-left: 433px;
	}

	#checkout-nav ul li {
		padding: 0px 24px;
	}

	.rsDefaultInv .rsFullscreenBtn {
		display: block;
	}

	#cart-mob {
		margin-top: 16px;
		text-align: center;
	}

	.to-cart {
		width: 260px;
	}

	#slider {
		width: 100%;
	}
}

@media (max-width: 640px) {
	#maincont-lower #showcase div.showcase-box {
		margin-left: 10px;
	}

	.tec-content {
		width: 69%;
	}

	#add-code {
		display: none;
	}

	.cart-header-item ul li, .cart-item ul li .cart-header-item ul li, .cart-item ul li {
		width: 14%;
		white-space: normal;
		line-height: 16px;
		vertical-align: baseline;
	}

		.cart-header-item ul li.larger, .cart-item ul li.larger {
			width: 40%;
			white-space: normal;
			line-height: 16px;
			vertical-align: baseline;
		}
}

@media (max-width: 568px) {
	#maincont-center-lower {
		width: auto;
	}

	#maincont-center-lower-left, #maincont-center-lower-right {
		width: 100%;
	}

	.banner-lower-left, .banner-lower-right {
		width: 49%;
		display: inline-block;
	}

	#footer-mailing input {
		width: 70%;
	}

		#footer-mailing input[type='submit'] {
			width: 73%;
		}

	#maincont-lower > #showcase > div.showcase-box {
		margin-left: 17px;
		padding: 17px 60px;
	}

	div.sumtotal {
		padding-left: 395px;
	}

	#checkout-nav ul li {
		padding: 0px 16px;
	}

	.embed-responsive::before {
		padding-top: 103.25%;
	}

	#brevo-iframe {
		height: 1070px;
	}

	#shop-banner-mobile {
		display: block;
	}
}

@media (max-width: 480px) {
	.nomob480 {
		display: none !important;
	}

	.mob480 {
		display: block !important;
	}

	.banner-lower-right {
		height: 160px;
	}

	#logo {
		width: 84%;
		height: 55%;
	}

	#maincont-lower > #showcase > div.showcase-box {
		padding: 17px 40px;
	}

	h1.mob480 {
		font-size: 24px;
		font-weight: 700;
		text-transform: uppercase;
		line-height: 28px;
		padding: 0 10px;
	}

	.cart-box {
		margin-bottom: 10px;
		padding-top: 10px;
	}

	.art-name {
		border-bottom: 0 none;
		margin: 0 10px;
	}

		.art-name h2 {
			padding: 0;
		}

	.art-price {
		font-size: 28px;
		line-height: 36px;
	}

	.art-sp-gratis {
		font-size: 14px;
		height: auto;
		line-height: 20px;
		width: 100%;
		padding: 8px;
		box-sizing: border-box;
	}

	.to-cart, .to-cart a {
		font-size: 16px;
		padding: 8px 0;
		width: 100%;
	}

	img.tooltip {
		width: 16px !important;
	}

	.not-avail {
		top: 92px;
		right: 23px;
	}

	.selectboxit-container .selectboxit {
		width: 180px;
	}

	.tec-content {
		width: 67%;
	}

	div.sumtotal {
		padding-left: 311px;
	}

	.banner-dx {
		margin: 0 2px;
	}

	#brevo-iframe {
		height: 1220px;
	}
}

@media (max-width: 375px) {
	.nomob {
		display: none !important;
	}

	.mob {
		display: block !important;
	}

	#content {
		margin: 35px auto 0;
	}

	#head-top {
		height: 92px;
	}

	#head-cart {
		height: 130px;
	}

	#head-search {
		line-height: 70px;
	}

		#head-search input {
		}

			#head-search input[type='text'] {
				height: 36px;
				width: 80%;
			}

			#head-search input[type='submit'] {
				width: 36px;
				height: 36px;
				background-size: 22px;
			}

	.toggle-menu {
		background: transparent url(/images/mob-menu2-sm.png) no-repeat scroll 0 0;
		width: 97px;
		height: 26px;
		position: absolute;
		left: 10px;
		bottom: 4px;
		display: block;
		visibility: visible;
		border: 0 none;
		outline: none;
	}

		.toggle-menu.open {
			background: transparent url(/images/mob-menu-close2-sm.png) no-repeat scroll 0 0;
		}

	#small-cart {
		bottom: 10px;
	}

		#small-cart > ul > li > a > img {
			width: 28px;
			height: 29px;
		}

	#main-banner {
		padding: 0;
	}

	.banner-lower-right {
		width: 100%;
		display: block;
		height: 104px;
	}

	.banner-dx {
		width: 47%;
	}

	#footer-mailing-mob {
		position: relative;
		float: none;
	}

		#footer-mailing-mob input {
			width: 90%;
		}

			#footer-mailing-mob input[type='submit'] {
				width: 93%;
			}

	#footer-bottom-mob {
		height: auto;
		width: 100%;
		margin: 0;
		line-height: 19px;
		font-size: 12px;
		overflow: hidden;
		padding: 20px 10px;
		box-sizing: border-box;
	}

		#footer-bottom-mob a {
			font-size: 12px;
		}

	#footer-bottom-right-mob {
		margin-top: 10px;
	}

		#footer-bottom-right-mob a {
			text-transform: none;
			font-size: 12px;
		}

	#maincont {
		margin: 0;
	}

	.showcase-description {
		font-size: 13px;
	}

	#maincont-lower > #showcase > div.showcase-box {
		padding: 17px 15px;
	}

	.art-sp-gratis {
		font-size: 12px;
		padding: 4px;
	}

	.to-cart, .to-cart a {
		font-size: 14px;
		padding: 6px 0;
	}

	.selectboxit-container .selectboxit {
		margin-left: -20px;
	}

	.tec-content {
		width: 66%;
	}

	div.sumtotal {
		padding-left: 224px;
	}

	#showcase div.showcase-box {
		padding: 8px;
		margin: 6px 4px;
	}

	#page-filters {
		margin-left: 20px;
	}

	#category-abstract {
		margin: 0 10px;
	}

	#page-filters label {
		display: none;
	}

	.banner-lower-right.mob {
		height: 96px;
	}

	h1 {
		font-size: 30px;
	}

	#brevo-iframe {
		height: 1450px;
	}
}

@media (max-width: 360px) {
	#logo {
		width: 86%;
	}

	#head-cart {
		height: 124px;
	}

	.tec-content {
		width: 65%;
	}

	div.sumtotal {
		padding-left: 216px;
	}

	#back-grey input[type=text], #back-grey input[type=password] {
		width: 196px;
	}

	.banner-lower-right.mob {
		height: 92px;
	}
}

@media (max-width: 320px) {
	#logo {
		width: 88%;
	}

	.art-price {
		font-size: 22px;
		line-height: 30px;
	}

	.to-cart, .to-cart a {
		font-size: 13px;
	}

	.selectboxit-container .selectboxit {
		width: 160px;
	}

	.tec-content {
		width: 64%;
	}

	div.sumtotal {
		padding-left: 178px;
	}

	#back-grey input[type=text], #back-grey input[type=password] {
		width: 160px;
	}

	.banner-lower-right.mob {
		height: 86px;
	}

	#brevo-iframe {
		height: 1670px;
	}
}

/* pretty photo x mobile */
@media only screen and (min-width: 320px) and (max-width: 800px) {
	.pp_pic_holder.pp_default {
		width: 100% !important;
		left: 0 !important;
		overflow: hidden;
	}

	div.pp_default .pp_content_container .pp_left {
		padding-left: 0 !important;
	}

	div.pp_default .pp_content_container .pp_right {
		padding-right: 0 !important;
	}

	.pp_content {
		width: 100% !important;
		height: auto !important;
	}

	.pp_fade {
		width: 100% !important;
		height: 100% !important;
	}

	a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom {
		display: none !important;
	}

	#pp_full_res img {
		width: 100% !important;
		height: auto !important;
	}

	.pp_details {
		width: 100% !important;
		padding-left: 3%;
		padding-right: 4%;
		padding-top: 10px;
		padding-bottom: 10px;
		background-color: #fff;
		margin-top: -2px !important;
	}

	a.pp_close {
		right: 7% !important;
		top: 10px !important;
	}
}
