@media (orientation: portrait) and (max-width: 599px),(orientation: landscape) and (max-width: 768px) {


/*
* ==================================================================================================
* PAGE HEADER
* ==================================================================================================
*/

input[type='text'],input[type='number'],textarea { font-size:16px; }

	#page_header {
		width: 100%;
		height: 130px; /* a causa del logo in absolute */
		height: auto;
		background: #fff;
	}

		.hu_link_top{
			float: none;
		}
		#page_header .logo {
			margin: 20px auto 0 auto;
			padding-right: 0;
			float: none;
			background-size: 0;
		}
		.link_numero1{ display: none; }

		#ph_search input[name="q"], #ph_search input[name="q"]:hover{ width: 100%; box-sizing: border-box; }

		#page_header .hu_link_right {
			height: 45px;
			width: auto;
			margin: 0;
			position: absolute;
			float: none;
			right: 15px;
			top: 5px;
			box-sizing: border-box;
			z-index: 102;
		}
			.hu_link_right li {color: #fff; width: auto;}
				.hu_link_right li > a {display: block; height: 45px; padding: 0; margin: 0;}
				.hu_link_right li > a br {display: none;}
				
				.hu_link_right li:nth-of-type(3) > a.active { background-position: center -60px; }
				.hu_link_right li > a:hover{ background-position:  center 0px; }
				.hu_link_right li > a > span { visibility: hidden; }
				.cart_memo_open a.active + #cart_memo{ top: 75%; }

				/* my shopty */			
			.hu_link_right li:nth-child(1) > a {background: none;}
			  
				/* carrello */			
			.hu_link_right li:nth-child(2) { position: static; }
			.hu_link_right li:nth-child(2) > a {
			   background-position: 20px -350px;
			   width: 45px;
			}
				.hu_link_right li:nth-child(2) > a span {display: none;}

				.notouch .hu_link_right li:nth-child(2) > a:hover 
				,.notouch .hu_link_right li:nth-child(2):hover > a 
				,.notouch .hu_link_right li:nth-child(2):hover > a:hover 
				{ background-position: right 3px top -350px; } 

		
		#page_header_search {display: none;}


	/* === NAVIGAZIONE PRODOTTI === */
	#ph_prod_nav_open {
		display: block !important;
		width: 30px;
		height: 30px;
		position: absolute;
		top: 10px;
		left: 15px;
		z-index: 101;
		box-sizing: border-box;
		background:url(../img/ico_header_sprite.svg) 4px -782px no-repeat;
	}
		@-webkit-keyframes hide {
		   0% {opacity: 1;}
		   100% {opacity: 0;}
		}
		@-webkit-keyframes show {
		   0% {opacity: 0;}
		   100% {opacity: 1;}
		}
		

		#prod_nav {
			float: none;
			width: 100%;
			min-height: 100%;
			margin: 0;
			padding: 0 5% 25px 5%;
			background: #000;
			z-index: 105;
			box-sizing: border-box;
			transition: transform .3s; 
			position: absolute;
			top: 72px;
			right: 100%;
		}

			#prod_nav ul {
				height: auto;
				text-align: left;
				display: block;
			}
			#prod_nav ul li{display: block;}
		
			/* primo livello */
			#prod_nav > ul > li { margin: 0; padding: 0;}
			/*#prod_nav > ul > li > a {display: none;}*/
			#prod_nav > ul > li > a{
				height: 40px;
				line-height: 40px;
				border-bottom: 1px solid #fff; color: #FFF;
				color: #FFF;
			}
				#prod_nav > ul > li:last-child { border-bottom: 1px solid #fff; color: #FFF; }
					#prod_nav > ul > li:last-child > a { padding: 0; display: block; }

			.notouch #prod_nav > ul > li:hover {background: none; color: #323a45;}
			.notouch #prod_nav > ul > li:hover ul { top: 0; }

			#prod_nav > ul > li:nth-last-of-type(1){ padding-left: 0; border-bottom: 0; background-image: none; }
				#prod_nav > ul > li:nth-last-of-type(1) a{ padding-left: 10px; }
				#prod_nav > ul > li:nth-last-of-type(1) ul{ padding-left: 25px; }
				
			/* secondo livello */
			#prod_nav > ul ul {
				position: relative;
				top: 0;
				opacity: 1;
				margin: 0;
				padding: 0;
			}
				#prod_nav > ul ul::after {background: none;}
				#prod_nav > ul ul li {margin: 0; border-bottom: 1px solid #fff;}

				#prod_nav_menu li[data-id="185"] ul li a:before { content: attr(data-contentbefore) ' '; }

				#prod_nav > ul ul::after {display: none;}

			/* apertura menu */
		#ph_prod_nav_open.active ~ #prod_nav { transform: translate(100%,0); }
		#ph_prod_nav_open.active {
			z-index: 107;
			background-position: 5px -702px; /* sposto su "x" */
			animation-delay: 0s, .3s; /* delay per show dopo che è completata transizione per #prod_nav */
			animation-duration: .0s, .2s;
			animation-name: hide, show;
			animation-fill-mode: forwards;
			transform: scale(1.5,1.5);
		}
			/* // apertura menu */

			/* link my shopty solo in smart */
		#my_shopty_smart_link {
			color: #fff;
			text-transform: uppercase;
			margin: 10px auto;
			display: block;
			text-align: center;
		}

	/* === // NAVIGAZIONE PRODOTTI === */
	
	#ph_search {
		width: auto;
		margin: 10px 15px 20px 15px;
		float: none;
	 
	}
	/* === ricerca === */

/*
* ==================================================================================================
* PAGE CONTENT
* ==================================================================================================
*/   
#page_content {
	width: auto;
	padding: 0 15px;
	margin-top: 0;
}

/*
* ==================================================================================================
* PAGE FOOTER
* ==================================================================================================
*/   
#page_footer {
	width: 100%;
	margin-top: 0;
	text-align: center;
}

	#pf_about {
		background: none;
		margin: 0;
		padding: 15px 0 0 0;
	}

		.pf_about_blog {
			float: none;
			width: auto;
			height: auto;
			padding-bottom: 20px;
			margin: 0 15px;
			display: block;
			font-size: 12px;
			background: #000;
		}

	#pf_features_list {padding-top: 0; flex-direction: column;}
	
		#pf_features_list li {width: 100%; margin-top: 40px;}
			#pf_features_list li a {padding-top: 44px;}
			#pf_features_list li:nth-child(5){ margin-top: 50px; background-position: 50% -520px; }
			#pf_features_list li:nth-child(5) a{ padding-top: 50px; }

	.pfc_newsletter.form_base {
		width: auto;
		height: auto;
		float: none;
		margin: 0 15px 15px 15px;
		overflow: hidden;
	}
		.pfc_newsletter.form_base label .placeholder 
		,.pfc_newsletter.form_base label .placeholder.tooltip
		,.pfc_newsletter.form_base label .placeholder.tooltip::before
		{
			left: 50%;
			transform: translate(-50%,0); 
		}
		.pfc_newsletter.form_base input[type="email"] {text-align: center;}
		.pfc_newsletter.form_base .fn_privacy {display: inline-block;float: none; margin-top: 15px;}
		.pfc_newsletter.form_base *[type="submit"] 
		{
			margin: 20px auto 0 auto;
			display: block;
			float: none; 
		}
			.js .pfc_newsletter.form_base .response:after { right: 50%; }

	#pf_content > .nav_container {
		width: auto;
		float: none;
	}
		#pf_content > .nav_container:after { display: none; } 

		#pf_content > .nav_container > nav {
			width: auto;
			margin: 0 15px;
			display: block;
			text-align: center;
		}

			#pf_content > .nav_container > nav ul {margin: 0;font-family: inherit;}

			#pf_content > .nav_container > nav a {
				display: block;
				padding: 15px 0;
				background: #fff;
				text-transform: uppercase;
			}

	/*=== #PF_STRIPE_0 ===*/
	#pf_stripe_0 { border: 0; padding-bottom: 0; }

		.pf_comment{ width: 100%; float: none; }
			.pf_comment h5{
				display: block;
			}
			.pf_comment .link_more{
				margin: 0 0 20px 0;
				display: block;
			}
			.pf_comment .pfc_comment{
				width: 90%;
				margin: 0 auto 15px auto;
				float: none;
			}
			.pf_comment > div > div:nth-of-type(1){ margin-right: 15px; }

				.pf_comment .pfc_comment h6{
					margin: 0 0 10px 0;
					font-size: 13px;
					font-weight: 600;
				}
				.pf_comment .pfc_comment p{ margin: 0; }

		/*== social ==*/
		#pf_stripe_0 .social {
			width: 100%;
			margin-top: 20px;
			float: none;
		}
			#pf_stripe_0 .social ul{ width: 100%; }
		/*== // social ==*/



	#pf_stripe_1  {padding: 0 0 30px 0;}

		#pf_stripe_1 .social {float: none;}
			#pf_stripe_1 .social ul {width: 100%;}
			#pf_stripe_1 .social li  {display: inline;}
				#pf_stripe_1 .social li a {float: none; display: inline-block; margin: 0;white-space: nowrap;}


		#pf_stripe_1 .info_ordina_telefono {
			display: block;
			padding: 20px 0;
			color: #fff;
			background: #231F20;
			text-transform: uppercase;
			margin-top: 30px;
		}


	#pf_stripe_2 {border: 0; padding-top: 0; background: none; }
	#pf_stripe_2.ita,#pf_stripe_2.fra,#pf_stripe_2.bel,#pf_stripe_2.esp,#pf_stripe_2.por{ background-image: none; }

		#pf_credits {
			float: none;
			margin: 0;
			padding: 70px 5% 20px 5%;
			background-position: center top;
		}	

			/* visibile sono in smart */
		#pf_stripe_2 .copy {margin: 0; font-size: 11px; color: #666666;}


/*
* ==================================================================================================
* MODULI BASE VARI
* ==================================================================================================
*/   
.fancybox-close {right: 0;}

.popup_content {padding-top: 100px;}

.content_generic {margin: 50px auto; width: 90%; font-family: 'Open Sans',sans-serif;line-height: 1.7;}
.page_title_generic {}


/*
* ==================================================================================================
* MENU LATERALE
* ==================================================================================================
*/   
.pc_side_menu {
	width: auto;
	height: 30px;
	margin-bottom: 40px;
	float: none;
	z-index: 50;
	display: none;
}

	.pc_side_menu_box { padding: 5px 12px;  }
	.pc_side_menu nav { margin-bottom: 0; background: #f2f2f2; }
		.pc_side_menu nav > * { display: none; }
		.pc_side_menu nav ul { padding-bottom: 28px; }
		.pc_side_menu nav:last-child ul { margin-bottom: 0; }

	.pcm_toggler_label { 
		line-height: 14px;
		padding: 8px 0;
		border-bottom: none; 
		font-size: 11px; 
	} 
		.pcm_toggler + .pcm_toggler_label:after 
		,.pcm_toggler:checked ~ ul
		{ display: none; }

		.pc_side_menu nav.active label 
		,.pc_side_menu nav.active .pcm_toggler_label
		{ display: block; }

			#pcm_full_toggler 
			,#pcm_full_toggler_label 
			{ display: block; }

		.pcm_toggler_label .in_pcm_toggler_label { width: 32px; }

		#pcm_full_toggler_label {
			position: absolute;
			top: 5px;
			left: 12px;
			right: 12px;
			z-index: 50;
		}

		#pcm_full_toggler_label:after {
			width: 5px;
			height: 5px;
			border-right: 2px solid #000;
			border-bottom: 2px solid #000;
			display: block;
			-webkit-transform: rotate(45deg);
			   -moz-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				 -o-transform: rotate(45deg);
					transform: rotate(45deg);
			background: none;
		} 

			#pcm_full_toggler:checked + #pcm_full_toggler_label:after {
				background: none;
				-webkit-transform: rotate(-135deg);
				   -moz-transform: rotate(-135deg);
					-ms-transform: rotate(-135deg);
					 -o-transform: rotate(-135deg);
						transform: rotate(-135deg);
			}

			/*#pcm_full_toggler ~ nav > * { display: none; }*/
			#pcm_full_toggler ~ nav.active > h3 
			,#pcm_full_toggler ~ nav.active > label 
			{ display: block; }
			#pcm_full_toggler:checked ~ nav.active > * { display: block; }

	
	.go_up_page{
		width: 35px;
		height: 35px;
		display: block;
		bottom: 5px;
		right: 5px;
		border-radius: 5px;
		position: fixed;
		background: #999 url(/img/ico_up.svg) no-repeat center center;
		background-size: 28px;
		opacity: 0.5;
		cursor: pointer;
		z-index: 10;
	}
	
	/*== FASCIA COOKIES ==*/
	#cookie_alert {
		padding-left: 15px;
		width: 100%;
	}
	/*== // FASCIA COOKIES ==*/

} /* @media */