/* @override http://www.panificionazzareno.it/wp-content/themes/PanificioNazzareno/css/mobile.css */

/* @override http://www.panificionazzareno.it/wp-content/themes/PanificioNazzareno/css/mobile.css */

/* @override http://www.panificionazzareno.it/wp-content/themes/PanificioNazzareno/css/mobile.css */

/* @override 
	http://www.panificionazzareno.it/wp-content/themes/PanificioNazzareno/css/mobile.css */


/* altezza 11'' */
@media only screen and (min-height: 1px) and (max-height: 700px) {
	#orari{
		bottom: 90px;
	}
	div.menu-main-menu-container {
		margin-top: 0px;
	}
	
	.logo{
		position: relative;
		margin-top: 20px;
		margin-left: 50px;
	}
	
	div.menu-main-menu-container li{
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	.spazio_sotto{
		margin-bottom: 5px !important;
	}
	
}

/* altezza 13'' */
/*
@media only screen and (min-height: 600px) and (max-height: 800px) {
	#orari{
		bottom: 110px;
	}
	div.menu-main-menu-container {
		margin-top: 30px;
	}
}
*/


/* IPAD BOTH*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {


.preloader{
	display: none;
}


.hover_home{
	   	position: absolute;
	   	width: 100%;
	   	height: 100%!important;
	   	z-index: 200;
		background-color: rgba(255, 255, 255, 0.63);
		display: block;
}

.bottom_box {
		height: 102%;
		position: relative;
		bottom: 0;
		top: 0px;
		background-color: red;
	}
	
.col13{
	width: 100%!important;
	position: relative;
	height: 25%!important;
}
.mid{
	margin-right: 0px;
	margin-left: 0px;
}

.top_box_home{
	height: 25%!important;
	width: 100%!important;
	position: relative;
	top: 0;
	left: auto;
	overflow: hidden;
	z-index: 1;
}

#slideshow, #slideshow2, #slideshow3, #slideshow4  {
	width: 100%!important;
	height: 25%!important;
	position: relative;
}

.icon_home{
		text-align: center;
	    position: relative;
	    top: 12%!important;
	    color: gray;
	   
}



	#header{
		border-right: 1px solid #fff0cd;
	}
	.post.has_child-2{
		height: 100%;
		padding-left: 0px;
	}
	
	.page_right{
		width: 45%;
		height: 90%;
		float: left;
		max-height: 90%;
		overflow-y: auto;
		overflow-x: hidden;
		margin-top: 25px;
	}
	
	.page_left h2{
		font: bold 40px dinregularalternate;
	}
	
	.page_left h3{
		text-transform: uppercase;
		padding-left: 20px;
		font: 15px dinregularalternate;
		padding-right: 20px;
	}
	
	div.img_right_single{
		display: none;
	}
	div.img_right_single.open{
		display: block;
	}
	
	.top_box{
		height: 50%;

		}
	.bottom_box {
		top: 0px;
	}
	
}


/* IPAD LANDSCAPE*/
@media only screen and (max-width: 768px) and (orientation : landscape), only screen and (max-device-width: 768px) and (orientation : landscape)  {
	#header{
	}
	
	.page_left.has_child-1{
		width: 73%;

	}
	

}

/* IPAD PORTRAIT*/
@media only screen and (max-width: 768px) and (orientation : portrait), only screen and (max-device-width: 768px) and (orientation : portrait)  {

	#header{
	}
	
	.post.has_child-2{
		height: 100%;
		padding-left: 0px;
	}
	
	.page_left.has_child-1{
			width: 63%;
	
		}
	
	.third { 
	  width:100%!important; 
	  margin-right: 0pxmargin-bottom: 1px;
	  margin-bottom: 15px;
	  margin-top: -15px;
  }
	  
}

/* IPHONE PORTRAIT-LANDSCAPE */ 
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px)  {
	

	
	.third { 
	  width:100%!important; 
	  margin: 0px 0px 15px
  }
	p.telefono{
		font-weight: bold;
		font-size: 17px;
	}
	
	 .btn_menu, .sub_box, .top_box{
		display: none;
	}
	
	#header{
		float: none;
		clear: both;
		height: auto;
		width: 100%;
		text-align: center;
		position: relative;
		
		-webkit-transition: all 300ms ease;
		   -moz-transition: all 300ms ease;
		    -ms-transition: all 300ms ease;
		        transition: all 300ms ease;
				padding-top: 25px;
				padding-bottom: 25px;
				
			}
	
	#orari{
		font: 10px/5px 'din_lightregular';
		text-transform: uppercase;
		position: relative;
		bottom: 0px;
		width: 100%;
		margin-top: 30px;
		margin-bottom: 25px;
	}
	#orari img {
		display: none;
	}
	#footer{
		position: relative;
		width: 100%;
	}
	.logo{
		margin: 0;
		text-align: center;
	}
	
	.top_box_home{
		height: 150px;
		width: 100%!important;
		position: relative;
		top: 5;
		left: auto;
		overflow: hidden;
		z-index: 1;
	}
	
	#page-wrap {	
		height: auto!important;
		width: auto!important;
		position: relative!important;
		overflow: auto!important;
	
	}
	
	#content{
		position: relative!important;
		overflow: auto;
		right: 0;
		height: auto!important;
		width: 100%!important;
		/*background-color: #fff0cd;*/
	}
	
	.hover_home{
		   	position: absolute;
		   	width: 100%;
		   	height: 100%!important;
		   	z-index: 200;
			background-color: rgba(255, 255, 255, 0.63);
			display: block;
	}
	
	#slideshow, #slideshow2, #slideshow3, #slideshow4  {
		width: 100%!important;
		height: auto!important;
		min-height: 150px!important;
		position: relative;
	}
	 
	 
	#slideshow img, #slideshow2 img, #slideshow3 img, #slideshow4 img {
		top: 0;
		left: 0;
		width: 100%!important;
		min-height: 100%;
		max-width: 500px!important;
		height: auto;
		position: absolute;
	}
	#slideshow2 img, #slideshow3 img, #slideshow4 img{
		top: -150px;
	}
	#slideshow img{
		min-width: 100%!important;
		
	}
	
	.bottom_box {
			height: auto!important;
			position: relative;
			bottom: 0;
			top: 0px;
		}
	.icon_home{
			text-align: center;
		    position: relative;
		    top: 7%!important;
		    color: gray;
		   
	}
	.col13{
		width: 100%!important;
		position: relative;
		height: 150px;
	}
	.mid{
		margin-right: 0px;
		margin-left: 0px;
	}
	
	.has_child-1 .entry{
		position: relative!important;
		margin: 15px;
	}
	
	.entry {
		width: 100%!important;
		font-size: 14px;
		padding: 10px;
		background-color: white;
		height: auto!important;
		position: relative!important;
		
		
		display: block;
		height: auto;
		min-width: 90%!important;
		font-size: 14px;
		
		top: 0px!important;
		margin-top: 0px!important;
		padding: 0 10px 10px;
		
		background-image: url(images/bg_page.png);
		
		z-index: 5;
		
		margin-left: auto;
		margin-right: auto;
		
		
	}
	.preloader{
		display: none!important;
	}
	#tasto_up {
		background: url(images/) 93% center no-repeat #626262;
		width: 100%;
		height: 125px;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 0;
		
	}
	.clicked #tasto_up {
		background: url(images/) 93% center no-repeat #626262;
		
	}
	
	.has_child-0 .entry{
		position: relative;
		margin: 0 auto;
		width: 90% !important;
	}
	.page_left{
		width: 100%!important;
		z-index: 1!important;
		position: relative!important;
		height: auto!important;
	
	}
	.half { 
	  width:100%!important; 
	  margin-right:0px!; }
	.post {
		height: auto!important;
	}
	.page_left.has_child-1{
		/*background-color: rgba(0, 0, 0, 0.55);*/
		height: auto!important;
		margin-left: 0px;
		width: auto!important;
		position: relative!important;			
	}
	.page_left h2{
		text-transform: uppercase;
		font: bold 26px dinregularalternate;
		/* color: #6e521c; */
	text-align: center;
	}
	a#mobile-toggle{
		background-image: url(../images/menu_toggle.png);
		width: 35px;
		height: 35px;
		cursor: pointer;
		display: inline-block;
		margin-top: 20px;
	}
	#mobile-navigation{
		cursor: pointer;
		display: none;
		text-transform: uppercase;
		margin-top: 0px!important;
		font: 13px dinregularalternate!important;
	}
		
		#mobile-navigation div.menu-main-menu-container {
			text-transform: uppercase;
			margin-top: 0px;
			font: 11px dinregularalternate;
		}
		#mobile-navigation ul.sub-menu {
			display: block;
			padding-top: 2px;
			padding-bottom: 2px;
			margin-top: 10px;
			margin-bottom: 2px;
			background: url(../images/img_bg_sub.png) no-repeat center 0 #fef2db;
			display: none;
		}
	#site-navigation{
		display: none;
	}
	
	.img_tasto_up{
		background: url(images/cap_su.png) 93% center no-repeat #626262;
		height: 50px;
		position: relative;
		top: 37px;
		display: none!important;
	}
}

/* IPHONE LANDSCAPE */ 
@media only screen and (max-width: 480px) and (orientation : landscape), only screen and (max-device-width: 480px) and (orientation : landscape)  {
	#header{
	}
}

/* IPHONE PORTRAIT */ 
@media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-device-width: 480px) and (orientation : portrait)  {
	#header{
	}
}


/* RETINA */ 
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {

}