@media screen and (min-width: 768px) and (orientation:landscape) {
	#listPanel, #infoPanel, #introPanel {
		display: none !important;
	}
	
	#contentPanel {
		display: block !important;
	}
}

@media only screen and (min-device-width : 768px)  and (max-device-width : 1024px)  and (orientation : landscape) {
	/*
	 *  iPad rules 
	 */
	#initPopup, #helpPopup, #importPopup, #organizePopup  {
		top: 8% !important;
	}
	
	#settingsPopup {
		top: 5% !important;
	}
	
	#footer {
		height: 160px;
	}
	
	.modern-layout #footer {
		height: 140px
	}
}

@media screen and (min-width: 768px) and (orientation:portrait) {
	#picturePanel {
		display: none !important;
	}
}

@media screen and (max-width: 767px), screen and (orientation:portrait) {
	#headerDesktop {
		display: none;
	}
	
	#header {
		height: 41px !important;
		background-color: #c2c2c2;
	}
	
	#picturePanel {
		display: none;
	}
	
	#mapPanel {
		width: 100% !important;
	}
	
	#footerDesktop {
		display: none;
	}
	
	#openHeaderMobile {
		display: block;
	}
	
	#footerMobile {
		display: block;
	}
	
	#headerMobile {
		display: block;
	}
	
	#loadingOverlay {
		top: 0px;
	}
	
	#builderPanel2, #builderPanel3 {
		display: none !important;
	}
	
	.modal, .modal-backdrop {
		display: none !important;
	}
}