@media screen and (max-width: 1366px) and (min-width: 1200px) {
	.container {
		width: 100%;
	}
}

@media screen and (max-width: 1999px) and (min-width: 992px) {
	.inner-dashboard-wrapper .container {
		width: 100%;
	}
	#mainLogin .password-options a {
		margin-right: 5px;
	}

	#mainLogin .password-options .checkbox {
		margin-left: 5px;
	}

	.inner-dashboard-wrapper .records-wrapper {
		padding-left: 15px;
	}
}

@media screen and (max-width: 991px) {
	.inner-dashboard-wrapper .container {
		width: 100%;
	}
	#topheader {
		padding-bottom: 11px;
	}
	#topheader .mainLogin-toggle {
		display: inline-block;
	}

	#mainLogin {
		height: 0px;
		overflow: hidden;
	}

	#mainLogin.toggle {
		height: auto;
		overflow: visible;
	}

	#navigation ul li a {
		min-height: 52px;
		font-size: 12px;
		padding: 15px 7px;
	}

	#navigation ul li a i {
		font-size: 20px;
		margin-right: 3px;
	}

	#navigation li a:hover {
		min-height: 60px;
	}

	#mainLogin .password-options {
		position: relative;
	}

	#mainSlider .carousel-indicators {
	  bottom: 10px;
	}

	#mainSlider .carousel-caption {
		top: 55%;
	}

	div#servicesWrapper {
		margin-top: 5px;
	}

	.records-wrapper {
	  padding-left: 15px;
	}
	
	


}

@media screen and (max-width: 767px) {
	header {
		position: relative;
	}
	
	#topheader .mainLogin-toggle {
		display: inline-block;
	}

	#mainLogin:after {
		content: '>';
		float: left;
		font-size: 20px;

	}
	#mainLogin .password-options {
		position: relative;
	}

	#navigation ul {
		display: block;
		width: auto;
		flex: none;
		margin: 0px 15px;
	}

	#navigation ul li {
		display: block;
		flex: none;
		float: none;

	}

	#navigation ul li a {
		min-height: 72px;
		font-size: 15px;
	}

	#navigation ul li a i {
		font-size: 40px;
	}

	#navigation ul li a:hover {
		min-height: 72px;
		border-bottom: 0px;
	}

	#navigation li a:hover i {
		margin-top: 0px;
	}
	
	#mainSlider {
		min-height: auto;
	}

	#mainSlider .carousel-caption {
		height: 110px;
		top: 50%;
		font-size: 20px;
	}
	#mainSlider .carousel-caption b {
		font-size: 25px;
	}
	
	

	#searchSchool span.or-divider {
	    clear: both;
	    display: block;
	    float: none;
	    margin: 2px auto;
	}

	.container.inner-pages {
		margin-top: 0px;
	}

	footer .text {
		
		text-align: center;
	}

	footer .social-icons {
		margin: 10px 0px;
		text-align: center;
	}

	.dashboard-wrapper {
		display: block;
	}

	.dashboard-nav, .dashboard-nav.collapsed {
		display: block;
		width: 100%;
		max-height: 300px;
		overflow-y: auto;
	}
    .dashboard-nav{box-shadow: 0 12px 53px -8px rgba(0,0,0,0.3);}
        
	.dashboard-nav-toggler {
		position: relative;
	}

	.dashboard-nav.collapsed a.dashboard-nav-toggler .text, .dashboard-nav.collapsed > ul li a .text {
	    display: inline-block;
	}

	.dashboard-content {
		display: block;
		float: none;
	}

	.dashboard-nav ul {
		display: none;
	}

	.dashboard-nav.collapsed ul {
		display: block;
	}

	.dashboard-nav.collapsed ul ul, .dashboard-nav.collapsed ul ul.in, .dashboard-nav.collapsed ul ul.in ul.in {
		position: relative;
		width: 100%;
		top: auto;
		left: auto;
		right: auto;
		overflow: hidden;
	}

}

@media screen and (max-width: 480px) {
	#mainSlider .carousel-indicators {
	  bottom: 0px;
	}
	#mainSlider .carousel-caption {
		height: 75px;
		top: 35%;
		font-size: 13px;
	}
	#mainSlider .carousel-caption b {
		font-size: 15px;
	}

	.inner-dashbaord-search .row > div {
		width: 100%;
		display: block;
		float: none;
	}

	#topheader .logout:before {
		display: none;
	}
}