.off-canvas.is-open{width:100%;}

/*----------- { HIDDEN BITS ON DESKTOP } -----------*/
#mobileMenuButton{display:none;}
.hideOnDesktop{display:none;}
#mobileMenuColumn{display:none;}

@media only screen and (max-width:1424px){
	
	#headerLogo img{height:75px; margin-top:22px;}
}

@media only screen and (max-width:1250px){
	
	.nav li a{font-size:12px; padding:20px 10px;}
	
	#rotatorBlueText{margin-top:50px;}
	#rotatorBlueText p{font-size:40px;  line-height:40px;}
	#rotatorYellowText{padding-left:100px;}
	#rotatorYellowText p{font-size:34px; line-height:34px;}
	
	.homePageList{position:relative; width: 100%; bottom:auto; left:auto; margin-top:30px; min-height:auto;}
	.eventHome.homePageList{right:auto;}
	.homePageHeader h3{font-size:40px; color:#febf57; font-weight:bold; text-transform: uppercase;}
	
	.padding1250{padding-top: 30px; padding-bottom: 30px;
}
	ul.sidebarNav li a{text-align:center; font-size:12px;}
}

@media only screen and (max-width:1060px){
	
	#headerLogo img{height:65px; margin-top:28px;}
	
}

@media only screen and (max-width:1024px){
	
	#header{padding:20px 0; padding-bottom:0; padding-top:0;}
	
	#mobileMenuColumn{display:block;}
	#desktopMenu{display:none;}
	#mobileMenuButton{display:block; float:right; height:100%; background:#105881; width:50px; cursor: pointer; min-height:140px;
	-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease;transition: all 0.2s ease;}
	#mobileMenuButton img{-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease;transition: all 0.2s ease;}
	#mobileMenuButton:hover{background:#febf57;}
	#mobileMenuButton:hover img{-moz-transform: rotate(-40deg); -webkit-transform: rotate(-40deg); transform:rotate(-40deg); -o-transform:rotate(-40deg); -ms-transform:rotate(-40deg);}
	
	#headerLogo img{height:125px; margin-top:10px; margin-bottom:10px;}
	#headerLogo{padding-left:10px; padding-top:20px;}
	
	#rotatorBlueText{margin-top:30px;}
	#rotatorBlueText p{font-size:30px;  line-height:30px;}
	#rotatorYellowText{padding-left:50px;}
	#rotatorYellowText p{font-size:24px; line-height:24px;}
	
	#header.headerScrollDown{padding-bottom:0; height:auto;}
	#header.headerScrollDown #headerLogo img{margin-top:80px;}
	#header.headerScrollDown #mobileMenuButton img{margin-top:73px;}
		/*MENU MOBILE*/
	.off-canvas{background:#105881;}
	
	
	
	ul.nav{float:left; width:100%; margin:0 auto; background:#105881;}
	ul.nav li{width:100%; float:left;}
	ul.nav li a{width:100%; padding:15px 0; border:none; color:#fff; margin:0 auto; padding-left:15px;}
	
	.nav li.nav-dropdown ul{position: relative; float:left; top:0;}
	.nav li.nav-dropdown:hover ul{max-height:0px; }
	
	ul.nav li.nav-dropdown ul{max-height:0; overflow:hidden; width:100%;}
	.nav li.nav-dropdown ul li.nav-dropdown ul{width:100%; max-height:1000px;}
	ul.nav li.nav-dropdown ul.dropDrop{max-height:500px !important;}
	
	ul.nav li.closeButton a{background:#363636; text-align: center; font-weight:bold; padding:10px;}
	
	.sideBarTitle{font-size:20px;}
	.homePad{padding-left:0; padding-right:0;}
}
@media only screen and (max-width:900px){
ul.sidebarNav li.nav-dropdown a.nav-dropdown span::after{display:none;}
}
@media only screen and (max-width:700px){
	
	#rotatorBlueText{margin-top:20px;}
	#rotatorBlueText p{font-size:24px;  line-height:20px;}
	#rotatorYellowText{padding-left:30px;}
	#rotatorYellowText p{font-size:20px; line-height:18px;}
	
}

@media only screen and (max-width:640px){
	
	.sidebarBox{margin-top:25px;}
	.ccm-page{margin-top:31vw;}
	
	#rotatorBlueText br, #rotatorYellowText br{display:none;}
	#rotatorBlueText{margin-top:20px; padding:0 10px;}
	#rotatorBlueText p{font-size:24px;  line-height:20px; text-align: center; display:block; width:100%;}
	#rotatorYellowText{padding:0 10px;}
	#rotatorYellowText p{font-size:20px; line-height:18px; text-align: center; display:block; width:100%;}
	ul.sidebarNav li.nav-dropdown a.nav-dropdown span::after{display:block;}
	
	.systemsTable td{display:block; float:left; width:100%;}
	
	.tallDividerYellow, .tallDividerBlue{margin-top:20px;}
	
	.dicerning{padding-right:10px;}
	.dicerning, .identities{font-size:20px;}
	
	.button{margin-bottom:20px;}
}

@media only screen and (max-width:575px){

	#headerLogoBox{width:calc(100% - 60px);}
	#headerLogo img{height:auto; margin-right:10px;}
	 #mobileMenuColumn{padding-right:0;}
	
}

@media only screen and (max-width:440px){
		.dicerning{padding-right:5px;}
	.dicerning, .identities{font-size:12px;}
	}