@media only screen and (max-width: 479px) {
    #content #block-block-16,
    #content #block-block-17,
    #content #block-block-18,
    #content #block-block-66,
    #content #block-block-67,
    #content #block-block-68,
    #content #block-block-69 {
        width: 100%;
        margin: 10px 0;
    }

    #content #block-block-16 img,
    #content #block-block-17 img,
    #content #block-block-18 img,
    #content #block-block-66 img,
    #content #block-block-67 img,
    #content #block-block-68 img,
    #content #block-block-69 img {
        height: auto !Important;
        width: 100% !Important;
    }
    
    div#block-views-featured-degrees-block-1 {
        margin: 0;
        width: 100%;
    }
    
    #block-views-featured-degrees-block-1 .featured-degree-wrapper {
        height: 120px;
    }
    
    .fd-heading-wrapper {
        position: absolute;
        width: 290px;
    }
    
    #block-views-featured-degrees-block-1 .views-field.views-field-field-image  {
        width: 320px;
        height: 215px;
    }
    
    #block-views-featured-degrees-block-1 .view-footer img {
        margin-top: 14px;
    }
    
    p.fd-read-more {
        display: none;
        /*
        position: absolute;
        top: 318px;
        left: 235px;*/
    }
}

@media only screen and (min-width: 480px) and (max-width: 599px) {
    #content #block-block-16,
    #content #block-block-17,
    #content #block-block-18,
    #content #block-block-66,
    #content #block-block-67,
    #content #block-block-68,
    #content #block-block-69 {
        float: left;
        margin-right: 0 !Important;
        width: 100%;
        min-height: 123px;
    }

    #content #block-block-16 img,
    #content #block-block-17 img,
    #content #block-block-18 img,
    #content #block-block-66 img,
    #content #block-block-67 img,
    #content #block-block-68 img,
    #content #block-block-69 img {
        height: auto !Important;
        width: 100% !Important;
    }
    
    #block-views-featured-degrees-block-1 .featured-degree-wrapper {
        height: 120px;
        width: 412px;
    }
    
    #block-views-featured-degrees-block-1 .view-footer img {
        margin-top: 14px;
        width: 440px;
    }
    
    p.fd-read-more {
        display: none;
        /*
        position: absolute;
        top: 396px;
        left: 350px;*/
    }
    
    .fd-heading-wrapper {
        position: absolute;
        width: 410px;
    }
    
    #block-views-featured-degrees-block-1 .views-field.views-field-field-image {
        height: 296px;
    }

    #block-views-featured-degrees-block-1 .field-content img {
        width: 440px;
    }
}

@media only screen and (min-width: 600px) and (max-width: 959px) {
    #content #block-block-16,
    #content #block-block-17,
    #content #block-block-18,
    #content #block-block-66 {
        float: left;
        margin-right: 0 !important;
        width: 45%;
        min-height: 123px;
    }

    #content #block-block-16 img,
    #content #block-block-17 img,
    #content #block-block-18 img,
    #content #block-block-66 img,
    #content #block-block-67 img,
    #content #block-block-68 img,
    #content #block-block-69 img {
        height: auto !Important;
        width: 100% !Important;
    }
    
    #block-views-featured-degrees-block-1 .featured-degree-wrapper {
        height: 199px;
        max-height: 199px;
        float: left;
        max-width: 211px;
    }
    
    div#block-views-featured-degrees-block-1 {
        margin: 6px 20px !important;
    }
    
    #block-views-featured-degrees-block-1 .view-footer img {
        margin-top: 14px;
        width: 560px;
    }
    
    p.fd-read-more {
        display: none;
        /*
        position: absolute;
        top: 180px;
        left: 470px;*/
    }
    
    .fd-heading-wrapper {
        position: absolute;
        width: 290px;
    }
}

@media only screen and (min-width: 960px) {
    #content #block-block-16,
    #content #block-block-17,
    #content #block-block-18,
    #content #block-block-66 {
        float: left;
        margin-left: 19px !important;
        margin-right: 0 !important;
        width: 294px;
        min-height: 123px;

    }

    #content #block-block-16 img,
    #content #block-block-17 img,
    #content #block-block-18 img,
    #content #block-block-66 img,
    #content #block-block-67 img,
    #content #block-block-68 img,
    #content #block-block-69 img {
        height: auto !Important;
        width: 100% !Important;
    }
    
    #block-block-68, 
    #block-block-69 {
        float: left;
        width: 293px;
    }
    
    #block-block-67 {
        float: left;
        margin: 0 !important;
        width: 294px;
    }
    
    #block-block-67 img {
        max-height: 197px;
    }
    
    div#block-views-featured-degrees-block-1 {
        margin: 0 20px !important;
        width: 100%;
    }
    
    #block-views-featured-degrees-block-1 .featured-degree-wrapper {
        float: left;
        max-width: 170px;
        height: 199px;
        max-height: 199px;
    }
    
    p.fd-read-more {
        display: none;
        /*
        position: absolute;
        top: 184px;
        left: 434px;*/
    }
    
    .fd-heading-wrapper {
        position: absolute;
        width: 290px;
    }
    
    #block-views-featured-degrees-block-1 .view-footer {
        float: left;
        margin-left: 20px;
    }
    
    #block-views-featured-degrees-block-1 .view-footer img {
        max-height: 215px;
        max-width: 382px; /* for enquire now button */
    }
}

.page-node-4189 #f4-features {
    z-index: 0;
}

#block-views-featured-degrees-block-1 .views-field.views-field-field-image {
    float: left;
    /*margin-right: 0; /* may not be required */
}

#block-views-featured-degrees-block-1 .featured-degree-wrapper {
    float: left;
    background-color: #CDEEFF;/* or #B3E5FF or #E6ECF6 */
    padding: 16px 14px 0;
}

.fd-heading-wrapper {
    height: 32px;
    background-color: #333;
    opacity: 0.8;
    color: #FFF;
    padding: 8px 15px 5px 15px;
}

.fd-heading-wrapper h2 {
    color: #fff;
    padding-top: 4px;
}