@media screen and (max-width: 1680px) and (max-height: 1050px){
	.tile-group{
		margin-left: 1% !important;
		margin-right: 1% !important;
	}
	
	#triangle-up{
		left: 28.5% !important;
	}
	
	#main_menu{
		top : 9.5% !important;
	}
}

@media screen and (max-width: 1600px) and (max-height:900px){
	
	#triangle-up{
		left: 28.5 !important;

	}
	
	#main_menu{
		top : 9.5% !important;
	}
	
	.tile-area{
		top: -7% !important;
		
	}
	
	.tile-group{
		margin-left: 6% !important;
	}
	
	.tile-large{
		margin: 4.5px !important;
		width: 260px !important;
		height: 268px !important;
	}
	
	
	
	.tile{
		margin: 4.5px !important;
		width: 130px !important;
		height: 130px !important;
	}
	
	.tile-wide{
		margin: 4.5px !important;
		width: 260px !important;
		height: 130px !important;
	}
	
	.tile-large .tile-label, .tile .tile-label, .tile-wide .tile-label{
		font-size: 15px !important;
	}
}
@media screen and (max-width: 1490px){
	#triangle-up{
		left: 27.5% !important;
	}
	
	#main_menu{
		top: 11.6% !important;  
		min-height: 450px !important;
	}
	
	.tile-group{
		margin-left: 4% !important;
		margin-right: 3.5% !important;
	}
	
	.tile-large{
		margin: 4.5px !important;
		width: 250px !important;
		height: 248px !important;
	}
	
	.tile{
		margin: 4.5px !important;
		width: 120px !important;
		height: 120px !important;
	}
	
	.tile-wide{
		margin: 4.5px !important;
		width: 250px !important;
		height: 120px !important;
	}
	.tile-large img, .tile img{
		width:75% !important;
	}
	
	.tile-wide img{
		width:39% !important;
	}
	
	
	.tile-large .tile-label, .tile .tile-label, .tile-wide .tile-label{
		font-size: 13px !important;
	}
	
	.tile-label-wide-normal{
		padding-left: 15% !important;
		font-size: 13px !important;
	}
	
	.iconic{
		padding-top: 12% !important;
	}
	
	.tile-wide .iconic{
		padding-top: 11% !important;
		padding-left: 2% !important;
	}

}

@media screen and (max-width: 1440px){
	#main_menu{
		top: 9.5% !important; 
	}
	#triangle-up{
		left: 28.5% !important;
	}
}
@media screen and (max-width: 1400px){
	#main_menu{
		top: 9.3% !important; 
		height: 470px !important;
	}
	#triangle-up{
		left: 28.3% !important;
	}
} 
@media screen and (max-width: 1390px){
	#triangle-up{
		left:28.3% !important;
	}
	
	#main_menu{
		top: 9.3% !important; 
		/*width: 800px !important;
		height: 420px !important;*/
		min-height: 400px !important;
	}
	
	.tile-group{
		margin-left: 8% !important;
		margin-right: 8% !important;
	}
	
	.tile-large{
		margin: 4px !important;
		width: 210px !important;
		height: 208px !important;
	}
	
	.tile{
		margin: 4px !important;
		width: 100px !important;
		height: 100px !important;
	}
	
	.tile-wide{
		margin: 4px !important;
		width: 210px !important;
		height: 100px !important;
	}
	
	.tile-large img, .tile img{
		width:75% !important;
	}
	
	.tile-large .tile-label, .tile .tile-label, .tile-wide .tile-label{
		font-size: 11px !important;
	}
}
@media screen and (max-width: 1280px) and (max-height: 1024px){
	#main_menu{
		top: 5% !important;  
		height: 420px !important;
	}
	#triangle-up{
		left: 25% !important;
	}
	.tile-group{
		margin-left: 6% !important;
		margin-right: 5% !important;
	}
	
}

@media screen and (max-width: 1280px) and (max-height: 960px){
	.tile-group{
		margin-left: 5% !important;
		margin-right: 5% !important;
	}
	#main_menu{
		top: 9.4% !important;  
		height: 420px !important;
	}
	
	#triangle-up{
		left: 28.7% !important;
	}
}

@media screen and (max-width: 1280px) and (max-height: 800px){
	.tile-group{
		margin-left: 6% !important;
		margin-right: 5% !important;
	}
	
	#triangle-up{
		top:  -7% !important;
	}
	
	#main_menu{
		top: 13% !important;  
		width: 760 !important;
	}
}

@media screen and (max-width: 1152px) and (max-height: 864px){
	.tile-group{
		margin-left: 2% !important;
		margin-right: 1% !important;
	}
	
	#main_menu{
		top: 12.8% !important;
		height: 420px !important;
	}
	
	#triangle-up{ 
		left: 32% !important;
	}
}

@media screen and (max-width: 1024px){
	.tile-group{
		margin-left: 2% !important;
		margin-right: 1% !important;
	}
	
	.tile-large{
		margin: 4px !important;
		width: 180px !important;
		height: 188px !important;
	}
	
	.tile{
		margin: 4px !important;
		width: 90px !important;
		height: 90px !important;
	}
	
	.tile-wide{
		margin: 4px !important;
		width: 180px !important;
		height: 90px !important;
	}
	#triangle-up{ 

		left: 43% !important;
	}

	#main_menu{
		top: 14% !important;
		width: 620px !important;
		height: 370px !important;
	}
	.tile-large .tile-label, .tile .tile-label, .tile-wide .tile-label{
		font-size: 11px !important;
	}
}
.tile-group{
	margin-left: 7% ;
	margin-right: 7% ;
}
	
.tile-large{
	width: 310px ;
	height: 311px ;
}

.tile{
	width: 150px ;
	height: 150px ;
}
	
.tile-wide{
	width: 310px ;
	height: 150px ;
}

.tile-large img, .tile img{
	width:77% ;
}

.tile-wide img{
	width:40% ;
}

.tile-large .tile-label, .tile .tile-label, .tile-wide .tile-label{
	font-size: 17px;
}
.iconic{
	padding-top:10% ;
}

.tile-wide .iconic{
	padding-top: 10%;
	padding-left: 3%;
	text-align:left !important;
}

.tile-label-wide-normal{
	top:43%;
	padding-left: 20%;
	font-size: 17px;
}
.ui-dialog .ui-dialog-titlebar-close {
	visibility: hidden;
}

.ui-widget-overlay{
	opacity: 0 !important;
}
.tile-area{
	padding-left: 1% !important;
	overflow: hidden;
	top:-4.5%;
}
.ui-dialog{
	top: 10% !important;
}


.ui-dialog .ui-dialog-content{
	overflow: hidden !important;
}
#triangle-up{ 
	width: 20px; 
	height: 20px; 
	left: 28.5%;
	top:  -4%;
	border-left: 30px solid transparent; 
	border-right: 30px solid transparent; 
	border-bottom: 60px solid #081F37; 
	z-index: 500;
}

#main_menu{
	position: fixed;
	display: none;
	background-color: #081F37;
	top: 9.4%;
	left: 20.5%;
	z-index : 1000;
	width: 61%;
	height: 62%;
	min-height: 600px;
}