@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) and (device-aspect-ratio:3/4) { 
  /* For landscape iPad layouts */
    
 #footer-project,
 #content-project,
 #header {
	width: 990px;
}    

.breadCrumb {
	width: 740px;
}


	}



 @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) and (device-aspect-ratio:3/4) { 
  /* For portrait iPad layouts */
body {
	width: 768px;
	overflow: hidden;
}

#content-project,
#footer-project {
	width: 748px;
}

#content-project {
	margin-top: 10px;
}

#content-project div.column02 {
	margin-top: 0px;
	width: 504px;
}

.breadCrumb {
	width: 420px;
	margin: 0px 0px 10px;
}

.poster {
	width: 410px;
	margin: 0px;
	padding: 0px;
}

.title {
	position: absolute;
	top: 100px; left: 100px;
}

#footer-project {
	position: absolute;
	bottom: -10px;
	padding-top: 15px;
}



	}
	
	
	
	
	@media only screen and (min-device-width: 1024px) and (max-device-width: 1920px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 1.5){ 
  /* CSS for high-density Android tablets */



}


 @media only screen and (min-device-width: 1025px) and (max-device-width: 1920px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1.5) { 
  /* for high-density Android tablets in portrait mode */
  
.column01 {
	margin-left: 32px;
}

.leftNav {
	text-align: right;
}

.leftNav a,
.leftNav span{
	display: block;
	text-align: right;
	width: 100%;
	border: none;
}

.column02 .poster .title {
	float: none;
	position: absolute;
	top: 0px; left: 0px;
	margin: 0px;
	padding: 0px;
	width: 400px;
	display: none;
	
}

#footer-project {
	width: 400px;
	margin-top: 60px;
	margin-left: 288px;
}

  }