.categoryHeading {
    font-size: 24px;
}

.adImageContainer {
    text-align: center;
    border: 1px solid #E9E9E9;
    border-top: none;
    padding: 20px;
}

.divPurpleHeading {
    text-transform: uppercase;
    margin-top: 10px;
    font-size: 20px;
    /*padding: 10px 25px;*/
    padding: 10px 20px;
    color: #ffffff;
    background-color: #492938;
}

.divPurpleHeadingSubHeading {
    float: left;
    width: 100%;
}

.topMargin60 {
    margin-top: 60px;
}

.imgReadMoreArrow {
    margin-left: 5px;
    position: relative;
    top: -1px;
}

.recentNewsDetail {
    width: 65%;
    float: left;
    padding-left: 15px;
}

.recentNewsBox {
    padding: 20px;
    border: 1px solid #E9E9E9;
    border-top: none;
    overflow: auto;
    width: 100%;
    -moz-box-shadow: 0 0px 4px rgba(233,233, 233, 0.1), 0 0 20px rgba(233,233, 233, 0.1) inset;
    -webkit-box-shadow: 0 0px 4px rgba(233,233, 233, 0.1), 0 0 20px rgba(233,233, 233, 0.1) inset;
    box-shadow: 0 0px 4px rgba(233,233, 233, 0.1), 0 0 20px rgba(233,233, 233, 0.1) inset;
}

    /*.recentNewsBox:last-of-type {
        border-bottom: 1px solid #E9E9E9;
    }*/

    .recentNewsBox:first-of-type {
        border-top: 1px solid #E9E9E9;
    }

.readMoreButton {
    background-color: #E9E9E9;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 5px 10px;
    color: #656565;
    text-transform: uppercase;
    font-size: 12px;
    border: 1px solid #D6D6D6;
    margin-top: 20px;
    display: inline-block;
}

.recentNewsTitle {
    font-family: 'PT Serif';
    font-weight:700;
    font-size: 18px;
    color: #656565;
}

.recentNewsDescription {
    font-size: 14px;
    color: #656565;
    margin-top: 5px;
}

.spanCategory {
    position: absolute;
    float: left;
    left: 0px;
    bottom: 0px;
    width: 100%;
    color: #ffffff;
    padding: 5px;
    background-color: #000000;
    opacity: 0.8;
}

.recentNewsImage {
    width: 160px;
    float: left;
    /*position: relative;*/
}

    .recentNewsImage img {
    }

.divRecentImage {
    position: relative;
    width: 100%;
}

    .divRecentImage img {
        width: 100%;
    }

.divLoadMore {
    background-color: #E9E9E9;
    width: 100%;
    padding: 16px;
    font-size: 14px;
    text-transform: uppercase;
    color: #354880;
    text-align: center;
    cursor: pointer;
}

.divLoadMore2 {
    float: left;
    width: 100%;
}

.readMoreButtonMobile {
    display: none;
    float: left;
}
/*for mobile/small screen devices*/
@media screen and (max-width:767px) {
    .recentNewsImage {
        width: 125px;
        /*width: 30%;*/
    }

    .recentNewsBox {
        padding: 10px;
    }

    .recentNewsTitle {
        font-size: 16px;
    }

    .recentNewsDescription {
        font-size: 13px;
    }

    .userBioDescription {
        font-size: 13px;
    }

    .divPurpleHeading {
        padding: 10px;
    }
}

@media screen and (max-width:660px) {
    .readMoreButtonDesktop {
        display: none;
    }

    .readMoreButtonMobile {
        display: block;
    }
}
/* Portrait phones and smaller */
@media (max-width: 480px) {
    .adImageContainer {
        border-right: 0px;
        border-left: 0px;
    }

        .adImageContainer img {
            width: 100%;
        }
}

@media screen and (max-width:414px) {
    .recentNewsDetail {
        width: 50%;
    }
}