/************************** RESPONSIVE NAVIGATION **************************/

@media screen and (min-width:2400px){
}
@media screen and (max-width:2400px){
}
@media screen and (max-width:2000px){
}
@media screen and (max-width:1680px){
}
@media screen and (max-width:1440px){
}
@media screen and (max-width:1280px){
}
@media screen and (max-width:985px){
}

@media screen and (min-width:860px){
		.menu-wrapper{ display: block; }
		#main-nav-menu li:hover .sub-menu{ display: block;}
}
@media screen and (max-width:861px){

			header{ position: fixed; width:100%; top:0px; z-index: 9890; background-color:#FFFFFF;  transition: all .5s ease-in-out;}

			header.nav-up{top:-100px;}
			header.nav-down{top:0px;}
		.logo-container{margin:10px 0px 0px 0px !important;}
		.home #logo{	display: block !important; }
		#logo{margin:0px !important; padding-top: 5px !important; padding-bottom: 5px !important; }
		#logo img{ width:100px; }
			  
		.mini-menu #logo img{ width:80px;}


		.top-banner-container { padding-top: 80%;}
		.top-banner-logo img{width:80%;}
		.top-banner-container .banner-mob-image{display: block !important;}
		.top-banner-container #splash-video{display: none ;}


		#splashvideo .video{width:95%;}

		.member-button{
			display:none;
			top: auto;
			bottom: -6px;
			right: -6px;
			left: -6px;
			position:fixed;
			width: auto;
			height:auto;
			border-radius: 20px;
			padding:10px;
			border: 10px solid #FFFFFF;
			-ms-transform: rotate(0deg);
			/* IE 9 */
			-webkit-transform: rotate(0deg);
			/* Chrome, Safari, Opera */
			transform: rotate(0deg);
			font-size: 1.1em;
		}

	.member-button:hover{
	    width: auto; 
	    height: auto; 
	    right: -6px;
	    top: auto;
	    font-size: 1.1em;
	}

	.page-title{
	    margin-top: 20px;
	    margin-bottom: 30px !important;
	}


		.member-button br{display: none;}
/*		.menu-wrapper {display: none;}
*/		.nav-icon { display: block; }

		footer{padding-top: 50px;}
		footer .footer-logo{display: none;}

		.footer-wraper{
			padding: 20px 0 40px;
		}

		.menu-wrapper { display:none; overflow-y:scroll; font-size: 1.4em; height: calc(100vh - 85px); padding-top: 0px; padding-bottom: 60px;} 
		#main-nav-menu li{ display: block; text-align: left; padding:10px 10px; border-bottom:1px solid #e8e8e8;;}

		.search-container{ left: auto; right:15px; top:10px; }
		#page-content{margin-top:80px;}

		#main-nav-menu .sub-menu{ display: none; position: relative; font-size: 0.8em;
			border-top:6px solid transparent;
			padding: 5px 0px 0px 0px;
			background-color: transparent;
			margin:0px 0px 0px 0px !important;z-index: 1000;
		}
		#main-nav-menu .menu-expand{display: block;
			cursor:pointer;
			position: absolute; height: 30px; margin-top: -7px; 
			width: 30px; right: 0px; z-index: 9980;
			background-image: url('../img/arrow-down-select.png');
			background-repeat: no-repeat; background-position: center center;
		}
		#main-nav-menu .sub-menu li{  border-top: 1px solid #e8e8e8;; }

		#main-nav-menu .sub-menu li a:link, #main-nav-menu .sub-menu li a:active, #main-nav-menu .sub-menu li a:visited  { 
			color:#000000; }
		#main-nav-menu .sub-menu li a:hover{  color: #f16146;}

		#main-nav-menu .sub-menu li:last-child{ padding-bottom:0px; }
		#main-nav-menu .sub-menu:after{
			display: none;
		}
		.secondary-menu{margin-bottom: 0px;}
		.secondary-menu li{ padding: 0px 5px 7px 0px; }
		.secondary-menu li a{ font-size:0.7em;}

		.pw-widget{ margin-top: 5px; }
		.intro-text-container{font-size: 1.1em;}
		.latest-container{ padding-bottom: 40px;}
		.homepage-twitter-container{ padding-bottom: 0px;}
		.whatson-container h2 { padding-bottom: 0px; margin-bottom: 0px; }
		.latest-container h2{ padding-bottom: 0px;  }
		.homepage-twitter-container .entry-content{ font-size: 1.2em; }

		.btn{width:100%;}
		.gform_button{width: 100%;}
		.gform_wrapper .gfield .datepicker{ width: 80% !important}

		.newsletter-container .email{width:100%; margin-bottom:10px; margin-top:10px;} 



		.grid-item{ border-bottom: 3px solid #f4f4f4; margin-bottom:0px; padding-top:30px; }
		.course-text{width:90%;}
		.buttonLink{display:block; width:100%;padding-top:10px; padding-bottom:10px; padding-right: 0px;}

		.search-result{ display:none; padding-left:0px; padding-right:0px; overflow-y: scroll;
			height: calc(100vh - 160px);}
		}
		.search-result-container{ padding: 0px 0px !important;}

@media screen and (max-width:767px){
	.overlay-button{position: absolute; top:0px; left:0px; width:100%; bottom:80px;}

}

@media screen and (max-width:575px){
		.gform_body .col-xs-12, .gform_body .col-xs-6 {padding-right: 0px !important;}
		.gform_wrapper .gfield .datepicker{ width: 90% !important}
		.course-arrow-icon{font-size: 1em;}
		.course-arrow-icon i{
			padding-left: 0px;
			padding-right: 0px;
		}
		.course-text{ width: 90%; }
}