@media screen and (max-width: 1400px) {        
    .carousel-caption {
        font-size: 2.4rem;
    }
}
@media screen and (max-width: 1200px) {    
    .stat-count {
        font-size: 2.8rem;
    }
    .stat-title {
        font-size: 1.5rem;
    }  
}
@media screen and (max-width: 1100px) {    
    .carousel-caption {
        font-size: 2.0rem;
        right: 5%;
        top: 0;
        left: 5%;
    }
}
@media screen and (max-width: 992px) {
    header {
        position: relative;
    }
    .welcome_box {
        height: auto;
    }
    .carousel-caption {
        font-size: 1.3rem;
        right: 5%;
        top: 0;
        left: 5%;
    }
    .tagline {
        text-align: center;
    }
    .tagline p {
        text-align: center;
    }
    .tagline-footer {
        float: left;
        text-align: center;
    }
    .page-banner {
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -o-background-size: cover; 
        background-size: cover;
        background-attachment: scroll;
    }
    .btn-primary {
        padding: 1.0rem 1.6rem;
        font-size: 1.0rem;
    }
    .feature-boxes {
        margin-top: 1.0rem;
    }
    .feature-box {
        margin-top: 1.0rem; 
        font-size: 1.0rem;
        font-family: regular-font;
        text-align: left;
    }
    .feature-box-content {
        padding: 0.5rem;
    }
    .feature-box-inner {
        padding: 0.5rem;
        margin: 0.5rem;
        border: solid #fff 1px;
    }
    .stat-count {
        font-size: 2.5rem;
    }
    .stat-title {
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 768px) {
    p {
        text-align: left;
    }    
    .carousel-caption {
        font-size: 1.1rem;
        right: 5%;
        top: 0;
        left: 5%;
    }
    .tagline {
        float: left;
        padding: 0.5rem;
    }
    .tagline h2 {
        padding: 0.25rem;
    }
    .tagline p {
        float: left;
        padding: 0.25rem;
        margin: 0.25rem;
    }
}
@media screen and (max-width: 576px) {
    .top-logo img {
        height: auto;
        width: 90%;
    }
    .tagline {
        text-align: center;
    }
    .carousel-caption {
        font-size: 1.4rem;
        right: 5%;
        top: 0;
        left: 5%;
    }    
    .banner-caption-category {
        font-size: 1.2rem;
    }
    .banner-caption-heading {
        font-size: 1.0rem;
    }
    .stat-count {
        font-weight: 600;
        font-size: 2.0rem;
    }
    .stat-title {    
        font-weight: 500;
        font-size: 1.1rem;
    }
    #google_translate_element,
    .social {
        display: none;
    }
}
@media screen and (max-width: 376px) {

}