@media screen and (max-width: 1400px) {     
    .welcome_box_wrapper_1 {   
        height: 20rem;
    }
    .welcome_box_wrapper_2 {   
        height: 20rem;
    }
    .welcome_box_wrapper_3 {   
        height: 20rem;
    }
    .welcome_box_wrapper_4 {   
        height: 20rem;
    }
    .resource-last-row {
        margin-top: -16.0rem;
    }    
    .resource-last-row-link {
        margin-top: 14rem;    
    }
    .v-gap {
        height: 7rem;
    }
    .banner {
        background-position: center left;
        padding-top: 2.0rem;
        padding-bottom: 2.0rem;
        padding-left: 1.0rem;
        padding-right: 1.0rem;
    }
    .banner h1 {
        font-size: 2.0rem;
        line-height: 3.0rem;
    }
}
@media screen and (max-width: 1200px) {
    .welcome_box_wrapper_1 {   
        height: 20rem;
    }
    .welcome_box_wrapper_2 {   
        height: 20rem;
    }
    .welcome_box_wrapper_3 {   
        height: 20rem;
    }
    .welcome_box_wrapper_4 {   
        height: 20rem;
    }
    .search-result-summary {
        height: 16rem;
    }
    .resource-last-row {
        margin-top: -12.0rem;
    }   
    .resource-last-row-link {
        margin-top: 10rem;    
    }
    .v-gap {
        height: 2rem;
    }    
    .btn-group > .btn {
        padding: 1.2rem 5rem;
    }
}
@media screen and (max-width: 1100px) {
    .nav-link {
        font-size: 1.1rem;
    }
    .pop-column {
        position: relative;
        height: 100%;
        padding-left: 1.0rem;
        padding-right: 1.0rem;
    }
    .pop-column h2 {
        font-size: 2.2rem;
        padding-top: 1.0rem;
    }
    .pop-column-content {
        margin: 0;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    /* DataTable search box */
    .form-control-sm {
        width: 400px;
    }
    /*
    .event-result-image {
        height: 17rem;
    }
    .event-result-title {
        height: 5.0rem;
    }
    .event-result-summary {
        height: 9.0rem;
    }
    */
}
@media screen and (max-width: 992px) {
    .top-logo {
        max-width: 90%;
    }    
    .welcome_box_wrapper_1 {   
        height: auto;
    }
    .welcome_box_wrapper_2 {   
        height: auto;
    }
    .welcome_box_wrapper_3 {   
        height: auto;
    }
    .welcome_box_wrapper_4 {   
        height: auto;
    }
    .resource-last-row {
        margin-top: 1.0rem;
    }      
    .resource-last-row-link {
        margin-top: -0.5rem;    
    }
    .resource-row .col-lg-3 {
        margin-top: 3.0rem;
    }
    
    .event-result-image {
        height: auto;
    }
    .event-result-title {
        height: auto;
    }
    .event-result-summary {
        height: auto;
    }
    
    .pop-column {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }
    .pop-column h2 {
        font-size: 1.2rem;
        padding-top: 0;
    }
    .pop-column-content {
        position: relative;
    }    
    .v-gap {
        height: 0;
    }
    .btn-group > .btn {
        padding: 1.2rem 2rem;
    }
    .nav-link {
        font-size: 1.25rem;
        padding-left: 1.0rem;
        padding-right: 1.0rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    .search-result-title {
        height: auto; 
    }
    .search-result-summary {
        height: auto;
    }    
    .featured-search-result-title {
        height: auto; 
    }
    .featured-search-result-summary {
        height: auto;
    }
    .search-more-link {
        display: none;
    }
    .partners-header {
        height: 400px;
    }
    /* DataTable search box */
    .form-control-sm {
        width: auto;
    }
}
@media screen and (max-width: 768px) {
    header {
        padding-left: 0.5rem;
        padding-right: 2.0rem;
    }
    h1 {
        font-size: 2.0rem;
    }
    .logo-wrapper {
        height: 260px;        
    }
    .banner {
        background-position: center left;
        padding-top: 5.0rem;
        padding-bottom: 5.0rem;
        padding-left: 1.0rem;
        padding-right: 1.0rem;
    }
    .partners-header {
        height: auto;
    }
}
@media screen and (max-width: 576px) {    
    .btn-group > .btn {
        padding: 1.2rem 1.2rem;
    }
}
@media screen and (max-width: 376px) {
    
}