@media all and (max-width: 980px) {

	.hidden-xs{display: none !important}
	.show-xs{display: block !important}

	.desktop-header-right .desktop-cart {
		display: none;
	}

	.page-body { margin: 0 5px 0 5px!important; }
	
	.home .page-title {display: none;}
	div.product-viewmode {display: none;}

	/* RESPONSIVE NAV WRAPPER */

	.responsive-nav-wrapper-parent {
		min-height: 68px;
	}
	.responsive-nav-wrapper {
		position: relative;
		background: #fff;
		width: 100%;
		text-align: center;
		font-size: 0;
		padding: 10px 0;
	}
	.responsive-nav-wrapper.nav-down {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	.responsive-nav-wrapper.nav-up {
		-webkit-transform: translateY(-72px);
		transform: translateY(-72px);
	}
	.stick {
		position: fixed;
		top: 0;
		z-index: 10000;
		box-shadow: 0 2px 3px rgba(0,0,0,.2);
	}
	.responsive-nav-wrapper:after {
		content: ".";
		display: block;
		visibility: hidden;
		clear: both;
		height: 0;
		line-height: 0;
		font-size: 0;            
	}
	.responsive-nav-wrapper > div {
		margin: 0 5px;
		background-color: #eee;
		background-position: center;
		background-repeat: no-repeat;
		border: 2px solid #ccc;
		border-radius: 50%;
	}
	.responsive-nav-wrapper > div > span,
	.responsive-nav-wrapper > div > a {
		display: block;
		font-size: 0;
		height: 44px;
		width: 44px;
		cursor: pointer;
	}
	.responsive-nav-wrapper .menu-title {
		display: inline-block;
		background-image: url(../img/mobile-btn-menu.png);
	}
	.responsive-nav-wrapper .search-wrap {
		display: inline-block;
		background-image: url(../img/mobile-btn-search.png);
	}
	.responsive-nav-wrapper .personal-button {
		display: inline-block;
		background-image: url(../img/mobile-btn-links.png);
	}
	.responsive-nav-wrapper .filters-button {
		background-image: url(../img/mobile-btn-filters.png);
	}

	/* RESPONSIVE MENU */

	.ps-container > .ps-scrollbar-y-rail {
		visibility: hidden !important;
	}
	.scrollYRemove {
		overflow: hidden !important;
		-ms-touch-action: none !important;
		-webkit-overflow-scrolling: touch !important;
	}
	.overlayOffCanvas {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0);
		z-index: 1000000;
		-webkit-transition: background .3s ease-in-out;
		transition: background .3s ease-in-out;
	}
		.overlayOffCanvas.show {
			background: rgba(0,0,0,0.4);
		}

	.justAFixingDivBefore,
	.header-menu {
		position: fixed;
		top: 0;
		left: 0;
		width: 320px;
		height: 100%;
		text-align: left;
		background: #333 !important;
		overflow: hidden;
		z-index: 2147483647;
		-webkit-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}

	.notAndroid23 .justAFixingDivBefore,
	.notAndroid23 .header-menu {
		-webkit-transform: translate(-320px);
		-ms-transform: translate(-320px);
		transform: translate(-320px);
	}
	.android23 .justAFixingDivBefore,
	.android23 .header-menu {
		left: -320px;
	}        
	.header-menu.open {
		box-shadow: 1px 0 5px rgba(0,0,0,.5);
	}
	.notAndroid23 .header-menu.open {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0);
	}
	.android23 .header-menu.open {
		left: 0;
	}

	.header-menu .close-menu,
	.header-menu ul li.back-button {
		background: #a12;
		cursor: pointer;
	}
	.close-menu span,
	.header-menu .back-button span {
		position: relative;
		display: block;
		padding: 15px;
		font-size: 20px;
		color: #fff;
		text-transform: uppercase;
		line-height: 1;
		text-align: right;
		border-bottom: 1px solid #999;
	}
	.close-menu span:before,
	.header-menu .back-button span:before {
		content: " ";
		width: 32px;
		height: 32px;
		position: absolute;
		top: 50%;
		left: 10px;
		margin: -16px 0 0;
		background: #fff url(../img/mobile-menu-close.png) no-repeat center;
		border-radius: 50%;
	}

	.header-menu .back-button span {
		text-transform: lowercase;
	}

	.header-menu > ul li {
		background: #fff;
	}
	.header-menu > ul li:after {
		content: ".";
		display: block;
		visibility: hidden;
		clear: both;
		height: 0;
		line-height: 0;
		font-size: 0;
	}
	.header-menu > ul li > a, 
	.header-menu > ul li > span {
		display: block;
		padding: 15px 18px !important;
		line-height: 1.19;
		color: #333;
		font-size: 16px;
		text-transform: uppercase;
		position: relative;
		z-index: 1;
		border-bottom: 1px solid #a12;
	}
	.header-menu > ul li:last-child > a,
	.header-menu > ul li:last-child > span,
	.header-menu > ul li:last-child > div {
		border-bottom: 0;
	} 
	.header-menu > ul li > .with-subcategories {
		width: 270px;
		float: left;   
	}
	.plus-button {
		position:relative;
		float: right;
		width: 50px;
		height: 50px;
		z-index: 2;
		cursor: pointer;
		background: url(../img/mobile-arrow-black.png) no-repeat center;
		border-left: 1px solid #a12;
		border-bottom: 1px solid #a12;
	}

	.header-menu .sublist-wrap {
		position: fixed;
		top: 0;
		left: 0;
		width: 320px;
		height: 100%;
		background: #333 !important;
		box-shadow: 1px 0 5px rgba(0,0,0,0.5);
		z-index: 3;
		-webkit-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
		overflow: hidden;
	}
	.notAndroid23 .header-menu .sublist-wrap {
		-webkit-transform: translate(-320px);
		-ms-transform: translate(-320px);
		transform: translate(-320px);
	}
	.android23 .header-menu .sublist-wrap {
		left: -320px;
	}
	.notAndroid23 .header-menu .sublist-wrap.active {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0);
	}
	.android23 .header-menu .sublist-wrap.active {
		left: 0;
	}

	.filtersPanel .block .title {
		background: #fff;
	}

	/* header menu functionality classes */

	.admin-header-links,
	.header,
	.responsive-nav-wrapper,
	.slider-wrapper,
	.master-wrapper-content,
	.footer {
		-webkit-transition: -webkit-transform .3s ease-in-out;
		transition: transform .3s ease-in-out;        
	}
	.notAndroid23 .move-right {
		-webkit-transform: translate(320px);
		-ms-transform: translate(320px);
		transform: translate(320px);
	}

	/* SEARCH BOX */

	.search-box {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		padding: 15px 0;
		background: #fff;
		box-shadow: -1px 2px 1px rgba(0,0,0,.3);
		z-index: 1000001;
		text-align: center;
	}
	.search-box.open {
		display: block;
	}
	.search-box form {
		display: inline-block;
		border: 1px solid #ccc;
	}
	.search-box form:after {
		content: ".";
		display: block;
		visibility: hidden;
		clear: both;
		height: 0;
		line-height: 0;
		font-size: 0;
	}

	/* HEADER LINKS & SELECTORS */

	.header-links-wrapper {
		display: block;
		background: #fff;
		box-shadow: 0 2px 3px rgba(0,0,0,.2);
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 1000001;
		text-align: center;
		-webkit-transition: all .1s ease-in-out;
		transition: all .1s ease-in-out;
	}
	.header-links-wrapper.open {
		display: block;
	}
	.new_select > span {
		border: 1px solid #ccc;
	}

	/* CATEGORY PAGE & GRIDS */

	.home-page-category-grid .item-box,
	.sub-category-grid .item-box {
		margin-bottom: 4px;
	}
	.sub-category-grid .item-box .title a{height: 75px}
	.item-box .category-item .picture,
	.item-box .sub-category-item .picture {
		display: none;
	}
	.item-box .add-to-compare-list-button {
		background-color: #a12;
	}

	/* #####################################   CUSTOM CSS   ##################################### */
	
	.admin-header-links{display: none!important}
	.master-column-wrapper { margin-top: 112px;}
	.home-page{margin-top: -112px}
	.header-info-wrapper{display: none}
	.header-logo { text-align: left; float: left; position: relative;  z-index: 3; max-width: 36%; margin: 12px;}
	.header-logo a img { max-width: 130px;}
	.wishlist-qty, .cart-qty {display: none}
	.header-links li.menu-responsive {visibility: visible!important}
	.header-links li.wishlist-responsive {display: none}

	.newlogo {display:none!important;}
	
	

	.cerca { position: absolute; z-index: 3; top: 85px!important; left: -12px!important; width: 100%}
	span.search-box-text { width: 85%!important;}
	.search-box-button {float:right; margin-left: -24px!important;}
	input.search-box-text {margin-top: -5px; width: 305px!important;}

	.form-fields {margin: 0;}
	.basic-search input[type="text"] { width: 248px; float: left;}
	.basic-search .inputs.reversed {margin: 0 0 20px!important;}
	.advanced-search { padding: 20px 10px 10px 10px!important;}

	
	div.lang-responsive {display: block!important}
	.lang-responsive{margin:15px}

	.megamenu2{border-top: 1px solid #000; margin-top: 2px;}

	.cont-mare{margin-right: 10px!important; }
	.cont-mare, .cont-acquadolce{ width: 48%; } 

	.item-box {width: 48.6%; max-width: 100%; margin: 0px 2px 4px;  float: left;    }
	.item-box .product-item{border: 1px solid #ddd!important; padding: 5px;}
	.item-box .add-to-compare-list-button {font-size:12px}
	.item-box .add-to-compare-list-button span{display:none}

	.item-box .manufacturers img {width: 50%}

	.discount-percentage {
		bottom: 13px!important;
		right: 3px!important;
	}
	.item-box-carousel .discount-percentage {
		right: -4px!important;
		top: -3px!important;
	}

	.theme-HomePagePrincipalSlider {margin: 124px 0 0!important;}
	.theme-HomePageBottomSlider{margin: 0 0 0px!important; padding-bottom: 20px; background-color: #fff;}


	/* CAROUSEL PAGINA TIPOLOGIA MARE-PESCA */

	.jcarousel-wrapper .jcarousel ul { margin: 0px 0 0 30px;}
    .jcarousel-wrapper .jcarousel .item-box-carousel {
        width: 255px;
    	padding: 0px 30px;
        max-height: 410px;
        height: 470px;
        border-right: none;
    }

    .jcarousel-conteiner .jcarousel-control-prev, .jcarousel-conteiner .jcarousel-control-next{font-size:40px;}
    .jcarousel-conteiner .jcarousel-control-prev {left:-20px; position: absolute;}
	.jcarousel-conteiner .jcarousel-control-next {right: -20px; position: absolute;}
	.jcarousel-conteiner .jcarousel .item-box-carousel a { font-size: 15px;}
	
	.footer-block{width:100%!important; }
	.footer-upper .footer-block {border-bottom: 1px solid #eee;	}

	/* CAROUSEL MARCHI */
	.slick-carousel .item-box {max-width: 50%;}

	/* HANNO ACQUISTATO ANCHE */
	.also-purchased-products-grid .item-box {max-width: 48%;}
	.also-purchased-products-grid .hover-content {display: none}

	/* TABELLA ATTRIBUTI */
	table.attributi .col-codice{width:32%!important}
	table.attributi .col-acquista {width: 50%!important;}
	table.attributi .old-product-price span {font-weight: 700!important;}


	.previous-product, .next-product {
        display: inline-block;
        width: 49%!important;
        border: 1px solid #fff;
        overflow: hidden;
        text-indent: 0!important;}
    
        .previous-product-title, .next-product-title {display:none}
		.next-product a {text-align: right
	}

	/* NASCONDE RISULTATI PER PAGINA */
	.product-page-size {display: none!important;	}
	
	/* PULSANTE FILTRA */
	.btnFiltra-responsive {font-size: 20px; border: 1px solid #fff; background-color: #f49f2c; border-radius: 5px; padding: 5px 10px; vertical-align: middle }
	.btnFiltra-responsive span {font-size: 10px; vertical-align: middle; text-transform: uppercase; font-weight: 600; }
	/* VISUALIZZA PULSANTE FILTRA NEL MENU */
	.btnFiltra-responsive-menu{visibility: visible!important;}
	/* VISUALIZZA PULSANTE FILTRA NELLE CATEGORIE */
	.product-selectors .btnFiltra-responsive {display:inline!important}

	.product-selectors { padding: 0!important;}
	.product-selectors .fa-filter{font-size: 16px;}
	.product-sorting span {display: table}

	.breadcrumb li * {line-height: 20px;}

	/* PAGINA MARCHI */
	.item-box-manufacturer {width: 30%;height: 90px;}
	

	/* CARRELLO */
	.order-progress li { margin: 20px 5px 0!important;}
	.cart-footer .totals { width: 100%!important; border-left: none!important; padding: 0!important ;}
	.box-infoconsegna {font-size: 16px!important;}

	.registration-result-page .result, .order-completed {width: 100%!important;}

	.order-review-data ul {width: 100%!important;	margin: 0!important;}

	/* CONTATTI */
	.contact-page .info-contatti {width: 100%!important;margin-bottom: 20px;}
	.contact-page .form-contatti {width: 100%!important;}

	/* PAGINA LOGIN */
	.login-page .new-wrapper, 
	.login-page .returning-wrapper {width: 100%!important;}
	.login-page .inputs.reversed * {margin: 5px 3px;display: inline;}
	.login-page .forgot-password{margin-left: 30px!important}
	.login-page .inputs label { text-align: center!important; width: auto!important }

	/* NEGOZI E ORARI */
	.negoziorari .mappa, .negoziorari .alghero, .negoziorari .roma {width: 100%!important;    margin-bottom: 20px;}
	
	.news-list-page .news-item {
		width: 100%!important;
		margin: 0 0 40px 0!important;
		min-height: auto!important;
	}
	.post-head ~ *, .news-head ~ * { display: block;}
	.news-list-page .buttons { position: relative!important;}


	.address-edit-page .titleIsCompany{

		text-align: center!important;
		padding: 20px!important;
		margin-left: inherit!important
	}


	/* PULSANTI SHARE ECC. */
	.overview .buttons div, .overview-buttons div {
		margin: 0 5px 10px!important;
	}

	

	
}

@media (max-width: 320px){
	.header-links li {margin: 0 3px;}

	.basic-search input[type="text"] {width: 228px;float: left;	}

	table.attributi .fa-check-circle, table.attributi .fa-times-circle{margin: 10px 4px!important}
	table.attributi .cart-attributo {padding: 0px 5px 0px 5px;}
	table.attributi .wishlist-attributo {padding: 12px ;}
	table.attributi .col-acquista {padding-right: 54px!important;}

	.jcarousel-wrapper .jcarousel ul {margin:0;}

	
}

@media (max-width: 768px){
	.news-list-page .picture {
		float: none!important;
		margin-right: 0!important;
		width: 100%!important;
		height: auto!important;
		overflow: hidden!important;
	}

	.news-list-page .buttons {
		text-align: center!important;
	}
}