@media screen and (max-width: 1600px) {
    .banner-caption {
        bottom: 10%;
        left: 10%;        
    }
}
@media screen and (max-width: 1200px) {
    .carousel-caption {
        top: 0;
        left: 15%;
        text-align: center;
    }
    .carousel-caption-heading {
        font-size: 2.0rem;
    }
    .carousel-caption-content {
        font-size: 1.2rem;
    }
    .banner_badge {
        bottom: 2px;
        right: 2px;
    }    
    .banner_badge img {
        max-width: 100px;
    }
    .banner-caption-category {
        font-size: 2.2rem;
    }
}
@media screen and (max-width: 1108px) {    
    .feature-boxes a {
        font-size: 1.3rem;
    }
}
@media screen and (max-width: 992px) {
    .page-image {
        max-width: 100%;
        
    }
    .page-banner {
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -o-background-size: cover; 
        background-size: cover;
        background-attachment: scroll;
    }
    .carousel-caption {
        top: 5px;
        left: 15%;
    }
    .carousel-caption-heading {
        font-size: 1.3rem;
    }
    .carousel-caption-content {
        font-size: 1.0rem;
    }
    .section-a {
        position: relative;
        background-image: none;
        padding: 1.0rem;
    }
    .banner-caption {
        top: 5px;
        left: 15%;
    }    
}
@media screen and (max-width: 768px) {
    h1 {
        font-size: 1.8rem;
    }
    .banner_badge {
        bottom: 2px;
        right: 2px;
    }   
    .banner_badge img {
        max-width: 100px;
    }
    .carousel-caption {
        top: 10%;
        left: 10px;
    }
    .carousel-control-prev,
    .carousel-control-next {
        display: none;
    }
}
@media screen and (max-width: 576px) {
    .carousel-caption {
        top: 2px;
        padding: 5px;
        width: 100%;
    }
    .carousel-caption .btn-info {
        background-color: #fff;
        border: solid 2px #6d6e71;
        color: #002e44;
        text-shadow: none;
        font-family: regular-font;
        padding: 0.2rem 0.5rem;
    }
    .carousel-caption-heading {
        font-size: 1.1rem;
    }
    .carousel-caption-content {
        font-size: 0.8rem;
    }
}
@media screen and (max-width: 376px) {
    .carousel-caption {
        bottom: 10%;
    }
    .banner_badge img {
        max-width: 80px;
    }
    
}