@import url(http://fonts.googleapis.com/css?family=Roboto);
    /* activites */
    ul.googlePlusActivities {
    margin: auto;
    padding: 0px;
    background: transparent;
    width:85%;
    }

    /* activity */
    ul.googlePlusActivities li.activity {
    display: block;
    background: #FFF;
    margin: 0px auto 40px auto;
    padding: 0px;
    line-height: 1.5;
    font-family: 'Roboto', sans-serif;;
    font-size: 80%;
    border: 1px solid #e5e5e5;
    max-width: 850px;
    }

    ul.googlePlusActivities li.activity a {
    text-decoration: none;
    color: #1E7EC8;
    }

    ul.googlePlusActivities li.activity:hover {
    /* border: 1px solid #1E7EC8; */
    border: 1px solid #D9D9D9;
    }

    /* activity Header */
    ul.googlePlusActivities li.activity div.activityHeader
    {
    margin-bottom: 0px;
    padding: 2% 4% 2% 4%;
    border-bottom: 1px solid #F2F2F2;
    text-align: justify;
    }

    ul.googlePlusActivities li.activity div.activityHeader img.profileImage
    {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0px 10px 0px 0px;
    float: left;
    }

    /* activity attachements */
    ul.googlePlusActivities li.activity div.activityAttachments {
    margin: 5px;
    }

    ul.googlePlusActivities li.activity div.activityAttachments img.articleImage {
     width: auto;
    height: auto;
    min-height: 160px;
    max-width: 280px;
    overflow: hidden;
    float: left;
    display: block;
    margin-right:20px;
    }

    ul.googlePlusActivities li.activity div.activityAttachments span.abstract
    {
    font-size: 120%;
    display: block;

    max-width: 100%;
    min-height: 70px;
    display:none;
    padding-top: 2.5%;
    }

    @media only screen and (min-width: 420px) {
        ul.googlePlusActivities li.activity div.activityAttachments span.abstract{
            display:block;
        }
    }

    ul.googlePlusActivities li.activity div.activityAttachments img.cardImage {
    width:100%;
    height: auto;
    max-height:450px;
    max-width: 850px;
    display: block
    }

    ul.googlePlusActivities li.activity div.activityAttachments iframe.youtube {
    width: 100%;
    min-height: 450px;
    }

    /* activity status */
    ul.googlePlusActivities li.activity div.activityStatus {
    margin: 0px;
    padding: 2%;
    border-top: 1px solid #f5f5f5;
    text-align: right;
    background: #F1F1F1;
    }

    ul.googlePlusActivities li.activity div.activityStatus a {
    margin-left: 10px;
    }

    div.clear {
    clear: both;
    }