@media only screen 
and (min-width : 1224px) {

.logo {
	width: 200px;
}
.loginDiv {
	width: 600px;
	margin: auto;
	margin-top: 50px;	
}
.sticky {
	display: none;
}
.hfd { display: none; }
.adminContent {
float: right; width: calc(75% - 40px); padding-left: 20px; padding-right: 20px;
}
.adminMenu {
	float: left;background-color: #fff; width: calc(25% - 10px);
}
.alignRight {
	text-align: right;
}
.productEntry {
		float: left;
		width: calc(25% - 30px);
}

.mobileMenu2 { display: none; }
	.menuDiv {
    	width: calc(25% - 20px);
    }
.sticky2 {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 100;
	transition: top 300ms;
}


.toggleAdminMenu {
	float: left; 
	cursor: pointer; 
	width: 10px; 
	position: sticky;
	text-align: center; 
	top: 0; 
	height: 100vh; 
	position: -webkit-sticky; 
}
.ingredientNuts {
	float: left;
	width: calc(20% - 2px);
}
.halfLeft {
	float: left;
	width: 50%;
}
.halfRight {
	float: right;
	width: 50%;
}

.halfRight2 {
	float: right;
	width: calc(50% - 10px);
	margin-left: 10px;
}

.contain {
	width: 1220px;
	padding: 10px;
	margin: auto;
}

.menu {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}


#navDesktop {
	display: block;
	float: right;
	
}
#navDesktop ul {
		display: block;
		color: #000000;
  		padding: 0;
  		font-size: 14px;
 		list-style: none;
}


#navDesktop li {
		display: block;
		float: left;
		position: relative;
		list-style: none;
		z-index: 1009;
	margin-top: 7px;	
	line-height: 47px;
	padding-left: 30px;;
	padding-right:30px;
	
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}

.fourth {
	width: calc(25%);
}

.fourthD {
	margin-left: 5px;
	margin-right: 5px;
	width: calc(25% - 10px);
}

.fifthD {
	width: calc(20% - 30px);
}

.fifthE {
	width: calc(20% - 10px);
	margin-left: 5px;
	margin-right: 5px;	
}

.fifthClean {
	width: calc(20% - 3px);
}

.third {
	width: calc(33% - 10px);
	
}
.thirdClean {
	width: calc(33%);
	
}

.marginTop {
	margin: 0px;
}
.thirdD {
	margin-left: 5px;
	margin-right: 5px;	
	width: calc(33% - 10px);
	
}

.fourthIndex {
	margin-right: 20px;
	width: calc(25% - 22px);
	border-radius: 5px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}


.thirdIndex {
	margin-right: 20px;
	width: calc(33% - 22px);
	border-radius: 5px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.thirdClean {
	width: calc(33.3%);	
}
.sixthD {
	width: calc(16.666% - 10px);	
}
.eightD {
	width: calc(12.5% - 10px);	

	margin-left: 5px;
	margin-right: 5px;	
}

.sixthE {
	width: calc(16.666% - 10px);	

	margin-left: 5px;
	margin-right: 5px;	
}

.tf { width: calc(25% - 0px); }
.eighty { width: calc(75% - 0px); }
.sixth {
	width: calc(16.666%);	
}

.tenth{
	width: calc(10% - 10px);

	margin-left: 5px;
	margin-right: 5px;	
}

.tenthClean {
	width: calc(10%);
}

.seventhClean {
	width: calc(12.5%);
}
.seventh {
	width: calc(14.28%);
}
.indexBanner {
	font-size: 80px; 
}
#navDesktop .login {
	border: 1px solid #ccc;
	margin-right: 10px;
	margin-left: 20px; 
	margin-right: 20px;
	background-color: #2654a1;
	color: #fff;

}

.flexwrap {
	display: flex;
	flex-wrap: wrap;
}

#navDesktop .login a {
	color: #fff;
}
#navDesktop .login a:hover {
color: #fff;
	}
#navDesktop .login:hover {
background-color: #000;
	}
#navDesktop li:hover {
		color: #2654a1;
}

#navDesktop li a {
font-size: 16px;
	}
	#navDesktop li a:hover {
		color: #2654a1;
	text-decoration: none;
}
    .marginLeftC {
	margin-left: 0px;
}

.marginLeftCC {
	margin-left: 15px;
	margin-right: 15px;
}

.marginLeft {
	margin-left: 20px;
}

.half2 {
	margin-left: 5px;
	margin-right: 5px;
	width: calc(50% - 10px);
}

.half{
	width: calc(50% - 20px);	
	margin-left: 10px;
}

}