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

@media only screen and (min-width: 992px) and (max-width: 1219px) {
	
}
@media only screen and (max-width: 1024px) {

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	.mbl-nav-panel{ position: fixed; background: #023b6d; top: 0; bottom: 0; right: -270px; width: 270px; padding: 20px ;transition: right ease-in-out .5s; -webkit-transition: right ease-in-out .5s; }
}



@media only screen and (max-width: 767px) {
	.mbl-nav-panel{ position: fixed; background: #023b6d; top: 0; bottom: 0; right: -270px; width: 270px; padding: 20px ;transition: right ease-in-out .5s; -webkit-transition: right ease-in-out .5s; }
	.top-nav .nav{ display: block}
	.top-nav .nav-link{ display: block; color: #fff}
	.top-nav .nav-link:hover:after{  background: #fff; width: 100%;  }
	.mbl-menu { margin-top: 18px;    float: right;}
	.logo {    padding:10px 0 6px 0;}
	.top-nav .nav-link:after { margin-top: 4px;}
	.top-nav .nav-item{ margin-left: 0px; margin-bottom: 20px; padding: 0px}
	.top-nav .float-right { float: inherit!important;}
	.banner-text h1{ font-size: 35px; line-height: 40px; font-weight: 300 }
	.banner-text { padding: 180px 0px 60px;}
	.sponser-bg .item{ width: 150px}
	.footer{ padding: 40px 0px 30px; }
    .footer h2{ margin-top: 40px}
	.privacy-link{ text-align: left; margin-top: 20px}
	.index-get-involved .get-left .media, .card {margin-bottom: 30px;}
	.footer-btm{  margin-top: 0px; padding:0px}
.carousel-inner img {height: 300px;}
.carousel-caption {	display: none;}
.index-get-involved {  padding: 25px 0px;  background: #fff; }
.latest-blog {    padding: 25px 0px 50px;}
}