/* ----------------------------------------------------------------

	Responsive CSS

-----------------------------------------------------------------*/


@media (max-width: 575.98px) {
h2{ font-size: 1.5rem}
h3{ font-size: 1.3rem}
h4{ font-size: 1.2rem}
p{ font-size: .9rem}
body{ text-align:center}
.d-m-none{ display:none}
.d-d-none{ display:block}
.carousel-caption  p{ margin-bottom:0}
.navbar-expand-md .navbar-nav .nav-link:hover::before, .navbar-expand-md .navbar-nav .nav-link.active::before{ width:5%; left:48%}
#indexBanner{ min-height:250px}
#indexBanner .carousel-caption{ width:80%}
#indexBanner .carousel-indicators{bottom: 15%;}
footer ol { margin: 0 auto; padding: 0 26% 5% }
footer ol li{ margin-right:0}
#inner-banner .carousel-caption{padding-bottom:0}
.carousel-caption1{ margin-bottom:10%}
.carousel-caption2{ margin-bottom:0%; left:1%; right:1%; }
.carousel-caption2 p{ line-height:1.2rem}
.carousel-caption3{ margin-bottom:5%}
.carousel-caption4{ margin-bottom:0;  left:0; right:0; line-height:1rem }
#join-banner .carousel-indicators { display:none;    bottom: 15%;    left: 0;    right: 0;}
.m-190{ min-height:140px}
.close{font-size: 2.5rem;}
#join-banner .carousel-caption{ padding-bottom:0;     line-height: 1.5rem;}
}




@media (max-width: 1199px) {}
@media (min-width: 992px) and (max-width: 1199px) {}
@media (max-width: 991px) {}
@media (min-width: 768px) and (max-width: 991px) {}
@media (max-width: 767px) {}
@media (min-width: 576px) and (max-width: 767px) {}
@media (max-width: 575px) {}





/* ----------------------------------------------------------------

	Retina CSS

-----------------------------------------------------------------*/





@media

only screen and (-webkit-min-device-pixel-ratio: 2),

only screen and (   min--moz-device-pixel-ratio: 2),

only screen and (     -o-min-device-pixel-ratio: 2/1),

only screen and (        min-device-pixel-ratio: 2),

only screen and (                min-resolution: 192dpi),

only screen and (                min-resolution: 2dppx) {}



@media

only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 991px),

only screen and (   min--moz-device-pixel-ratio: 2) and (max-width: 991px),

only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width: 991px),

only screen and (        min-device-pixel-ratio: 2) and (max-width: 991px),

only screen and (                min-resolution: 192dpi) and (max-width: 991px),

only screen and (                min-resolution: 2dppx) and (max-width: 991px) {}