/* ========================== 1400px ========================== */
	@media (max-width: 1400px){
		/* ******** LOGIN SCREEN ********  */		
			.login_area_wrap{
				width: 760px; height: 540px;
			}
			.login_area{
				padding: 30px 30px 45px 30px;
				margin-bottom: 20px;
			}
			.login_area a.logo{
				margin-bottom: 35px;
				padding-bottom: 35px;
			}
			.login_area a.logo:after{
				width: 40px;
				height: 3px;
			}
			.login_area h3{
				font-size: 36px;
			}
			.login_area p{
				margin-bottom: 35px;
			}
			.loginform input[type="password"]{
				height: 54px;
			}
			.loginform input[type="submit"]{
				height: 54px;
			}
			.login_area_wrap h5{
				font-size: 14px;
			}


		/* ******** Sidebar ********  */
			.sidebar{
				position: fixed;
				width:20%; height: 100%;
				left: 0; top: 0;
				background: #133d7d;
				box-shadow:0 0 55px rgba(0,0,0,0.15);
				-webkit-box-shadow:0 0 55px rgba(0,0,0,0.15); 
				z-index: 999;
				padding: 30px;
			}
			.sidebar a.logo img{
				width: 172px; height: auto;
			}


			nav.sidenav{
				float: left;
				width: 100%;
				margin: 50px 0 0 0;
				padding:0 0 0 0;
			}
			nav.sidenav ul li{
				margin-bottom: 15px;
				padding-bottom: 15px;
				font-size: 16px;
			}
			nav.sidenav ul li a span{
				font-size: 13px;
			}

			.contact p{
				font-size: 14px;
			}

			.course_content_wrap{
				float: right;
				width: 80%;
				margin: 0 0 0 0;
				padding:45px;
			}

	}






/* ========================== 1170px ========================== */
	@media (max-width: 1170px){
		body{
			padding-top: 75px;
		}

		/* ******** LOGIN SCREEN ********  */
			.login_area_wrap{
				position: relative;
				width:80%;
				height:auto;
				display: table;
				margin:0 auto;
				z-index:2;
				padding: 60px 0 60px 0;
			}
			.login_area{
				float: left;
				width:100%;
				height:auto;
				background: #fff;
			}
			.login_area a.logo img{
				width: 180px; height: auto;
			}
			.loginform{
				width: 75%;
			}
			.loginform input[type="submit"]{
				width: 190px;
				font-size: 14px;
			}


		/* ******** MENU ********  */
			.sidebar{
				position: fixed;
				width:100%; height: auto;
				left: 0; top: 0;
				padding:15px 30px;
			}
			.sidebar a.logo{
			}
			.sidebar a.logo img{
				width: 160px; height: auto;
			}
			.sidebar .menuicon{
				display: block;
				float: right;
				width: 48px; height: 48px; line-height: 48px;
				text-align: center;
				color:#fff;
				font-size: 32px;
				font-weight:normal;
				margin:0 0 0 0;
				cursor: pointer;
			}
			.sidebar .menuicon span{
				width: 48px; height: 48px; line-height: 48px;
			}
			.sidebar .menuicon-close{
				display: block;
				float: right;
				width: 48px; height: 48px; line-height: 48px;
				text-align: center;
				color:#fff;
				font-size: 32px;
				font-weight:normal;
				margin:0 0 25px 0;
				cursor: pointer;
			}
			.sidebar .menuicon-close span{
				width: 48px; height: 48px; line-height: 48px;
			}
			.contact{
				display: none;
			}
			nav.sidenav{
				float: none;
				position: fixed;
				width: 35%;
				height: 100%;
				right: -70%;
				top: 0;
				margin: 0 0 0 0;
				z-index: 999;
				background: #000;
				box-shadow:0 0 45px rgba(0,0,0,0.2);
				-webkit-box-shadow:0 0 45px rgba(0,0,0,0.2);
				padding: 30px;
				overflow-y: auto;
				transition:0.4s;
				-webkit-transition:0.4s;
			}
			nav.sidenav.active{
				right: 0;
			}
			nav.sidenav ul li.hide{
				display: block !important;
			}


		/* ******** Course Content ********  */
			.course_content_wrap{
				float: left;
				width: 100%;
				margin: 0 0 0 0;
				padding:30px 30px;
			}
			.userbar{
				padding:10px 10px 10px 30px;
			}
			.userbar h4{
				font-size: 14px; line-height: 30px;
				letter-spacing: 0;
			}
			.userbar a{
				line-height: 30px; font-size:13px;
			}
			.course_content_spec{
				margin-top: 20px;
			}
			.course_content{
				width: 100%;
				padding: 30px;
			}
			.course_content_sidebar{
				float: left;
				width:100%;
				margin-top: 40px;
			}
	}



/* ========================== 768px ========================== */
	@media (max-width: 768px){
			nav.sidenav{
				width: 55%;
				right: -70%;
			}
		/* ******** LOGIN SCREEN ********  */
			.login_area{
				float: left;
				width:100%;
				height:auto;
				background: #fff;
			}
			.login_area a.logo img{
				width: 180px; height: auto;
			}
			.loginform{
				width: 100%;
			}
			.loginform input[type="submit"]{
				width: 190px;
				font-size: 14px;
			}
			.course_content h2{
				font-size:30px;
				padding-bottom: 20px;
				margin-bottom: 20px;
			}
			.course_content h3{
				font-size: 24px;
				margin:0 0 15px 0;
			}
			.course_content h4{
				font-size: 18px;
				margin:0 0 15px 0;
			}
			.course_content p{
				font-size: 14px; line-height: 24px;
				margin:0 0 15px 0;
			}
			.course_content ul{
				padding: 0 0 0 15px;
			}
			.course_content ol{
				padding: 0 0 0 15px;
			}
			.course_content li{
				font-size: 14px; line-height: 24px;
				margin:0 0 6px 0;
			}
			.blah_bookload img{
				width: 340px; height: auto;
			}
	}



/* ========================== 540px ========================== */
	@media (max-width: 540px){
		p.mobtext.hide{
			display: block !important;
		}
	}







/* ========================== 440px ========================== */
	@media (max-width: 450px){
			nav.sidenav{
				width: 65%;
				right: -80%;
			}
		/* ******** LOGIN SCREEN ********  */
			.login_area h2{
				font-size: 14px;
				letter-spacing: 0;
			}
			.login_area h3{
				font-size:24px;
			}
			.loginform input[type="password"]{
				font-size:12px;
				height: 44px;
			}
			.loginform input[type="submit"]{
				width: 180px;
				height: 46px;
				border-bottom: none;
			}
			.blah_bookload img{
				width: 100%; height: auto;
			}
	}




/* ========================== 340px ========================== */
	@media (max-width: 340px){
			nav.sidenav{
				width: 75%;
				right: -80%;
			}
		/* ******** LOGIN SCREEN ********  */
			.login_area a.logo img {
			    width: 140px;
			    height: auto;
			}
			.loginform input[type="password"]{
				font-size:11px;
				padding-left: 12px;
			}
			.loginform input[type="submit"]{
				width: 160px;
				height: 44px;
				font-size:13px;
			}

	}