@media only screen 
and (max-width : 1224px) {
.logo { width: 60%; }


.loginDiv {
	width: 80%;
	margin: auto;
	margin-top:50px;	
}
.adminContent {
	width: 100%;
}
.indexBanner {
	font-size: 50px; 
	margin-bottom: 20px;
	line-height: 50px;
}
.menu {
	display: none;
}
.menuDiv {
    	width: calc(75% - 20px);    	
}

.thirdD {
	margin-top: 10px;	
}
.fourthD {
	margin-top: 10px;	
}
.half {
	margin-top: 10px;	
}
.half2 {
	margin-top: 10px;	
}

.mobile80 {
	width: 80%;
	margin: auto;
	display: block;
}
.halfRight2 {
margin-top: 10px;	
}

.halfLeft {
	margin-top: 10px;
}
.hfm { display: none; }
.alignCenter { text-align: center; }

.marginTop2 {
	margin-top: 10px;
}
#navDesktop li { margin-bottom: 10px; }
.mobileMenu {
	background-color: #fff; /* Black background color */
	position: fixed; /* Make it stick/fixed */
	top: -57px; /* Hide the navbar 50 px outside of the top view */
	width: 100%; /* Full width */
	transition: top 0.3s;
	/* Transition effect when sliding down (and up) */
}


.sticky {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 100;
	transition: top 300ms;
}


}