@media screen and (max-width: 1200px) {    
    .top-logo {
        left: 10px;
    }
    .stat-count {
        font-weight: 600;
        font-size: 3.0rem;
    }
    .stat-title {    
        font-weight: 500;
        font-size: 1.5rem;
    }    
    .banner-caption {
        bottom: 10%;
        left: 5%;
    }
}
@media screen and (max-width: 1100px) {
    .tagline img {
        display: none;
    }
    #google_translate_element {    
        right: 310px;
    }
    .top-logo {
        left: 10px;
    }
    .top-logo img {
        max-height: 220px;
    }
}
@media screen and (max-width: 992px) {
    header {
        position: relative;
    }
    .tagline {
        max-width: 300px;
    }
    .top-logo {    
        top: 0px;
        left: 0px;
    }
    .top-logo img {
        max-height: 130px;
    }
    
    .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;
    }
    .banner-caption {
        bottom: 10%;
        left: 5%;
    }
    .banner-caption-category {
        font-size: 2.2rem;
    }
    .banner-caption-heading {
        font-size: 1.6rem;
    }
    .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-weight: 600;
        font-size: 3.0rem;
    }
    .stat-title {    
        font-weight: 500;
        font-size: 1.5rem;
    }
    
}
@media screen and (max-width: 768px) {
    p {
        text-align: left;
    }    
    .banner-caption-category {
        font-size: 2.0rem;
    }
    .banner-caption-heading {
        font-size: 1.2rem;
    }
    .tagline {
        max-width: 200px;
    }
}
@media screen and (max-width: 576px) {
    .top-logo img {
        height: auto;
        width: auto;
    }
    .tagline img {
        display: none;
    }
    .banner-caption-category {
        font-size: 1.2rem;
    }
    .banner-caption-heading {
        font-size: 1.0rem;
    }
    .stat-count {
        font-weight: 600;
        font-size: 2.5rem;
    }
    .stat-title {    
        font-weight: 500;
        font-size: 1.4rem;
    }
    #google_translate_element,
    .social {
        display: none;
    }
}
@media screen and (max-width: 376px) {
    .carousel-caption {
        top: 10%;
    }
}
