@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 1px) and (max-width: 480px) {
	.header .header-buttons .blueBtn{padding:0 18px; height:40px; line-height: 40px; float: none;}
	.blackPatch .sectionBtn{margin:0 0 15px 0;}
	.loginBox{padding:15px;}
	.loginForm{margin-right:0; padding:15px;}
	.login-logo{width:100%; max-width:293px;}
	.header .nav li{width:100%; float:left;}
	.itemList li{width:49%}
	.subjectList li{width:49%;} 
	.table-buttons{text-align:center;}
.table-buttons :first-child{float: none !important; margin-right:15px !important;}
.table-buttons :nth-child(2){float: none !important;}
.navbar-default .navbar-collapse { position: absolute; width: 100%; background: #0088cc; margin-top: 0px !important; border-top: 0px; top:67px; z-index:9999;}
.header .logo {width: 70%; float: left;}
.header .navbar-default .navbar-nav {float: left;}
.header .navbar-default .navbar-nav .user{display:none;}
.header .navbar-default .navbar-nav a{color:#fff;}
.header .navbar-nav>li>.dropdown-menu{width:100%;} 
.header .navbar-default .navbar-nav .dropdown a {background: url(../Images/mobile-drop-down-icon.png) no-repeat right center; width:100%;}
.header .navbar-default .navbar-nav .open a {background: url(../Images/mobile-drop-up-icon.png) no-repeat 70px center;  color:#fff; width:100%;}
.header .navbar-default .navbar-nav .open .dropdown-menu li a{color:#fff; padding:12px; background:none; width:100%;}
.header .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color:#fff;}
.header .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{background:rgba(255, 255, 255, 0.5); color:#333;}
.table-responsive table thead .sorting_asc{background-position: right 0px center;}
.table-responsive table thead .sorting_desc{background-position: right 0px center;}
.activate-btn{margin-bottom:5px;}

@media only screen and (min-width: 481px) and (max-width: 767px) {
	.itemList li{width:49%;}
	.subjectList li{width:49%;} 
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
	.itemList li{width:32.33%}
	.subjectList li{width:32.33%;} 
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.header .logo{text-align: center}
	.header .header-buttons{text-align: center;}
	.header .header-buttons .blueBtn{float: none;}
	.blackPatch{padding:30px 0 15px;}
	.blackPatch .sectionBtn{margin-bottom:15px;}
	.whatWeOffer{padding:0;}
	.whatWeOffer .what-we-offer-banner{margin-bottom:20px; max-width:100%}
	.ourMission{padding:0;}
	.ourMission img{width:100%;}
	.loginBox{padding:15px;}
	.loginForm{margin-right:0; padding:15px; float:none;}
	.login-logo{width:100%; max-width:293px;}
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
	.blackPatch .sectionBtn{margin-bottom:15px;}
	.blackPatch{padding:30px 0 15px;}
	
}