/* For extremely small screen devices (767px and below) */
@media only screen and (max-width: 767px) {
    .eg360-container {
        max-width: 1300px;
        margin: 0 auto;
    }
  
    .eg360-row {
        width: 100%;
    }

    .eg360-col-30 {
        width: 30%;
        padding: 10px;
    }

    .eg360-col-100 {
        width: 100%;
        padding: 10px;
    }
    .tag_image_container{
        float: right;
    }
    .tag_image_block{
        text-align: center;
    }
    .eg360-col-100 > .tag_image_container{
         width:100%; 
         
    }
    .tag_figcaption{
 
        width: auto;
        text-align: center;
    }


    .eg360-col-70 {
        width: 70%;
        padding: 10px;
    }

    .eg360-wrapper {
        display: inline-flex;
    }

    img.eg360-featured-image {
        width: 100%!important;
        margin: 0 auto;
        object-fit: cover;
    }

    a.eg360-tag-pills {
        margin: 5px;
        border: 1px solid #eee;
        background: #eee;
        border-radius: 5px;
        text-decoration: none;
        padding: 5px;
        text-transform: uppercase;
        color: #333;
        font-size: 12px;
        font-weight: 600;
    }

    span.eg360-related-tags-title {
        font-size: 12px;
        font-weight: 500;
    }

    .eg360-related-tags-wrapper {
        padding: 10px 0 20px 0;
    }

    span.eg360-featured-stories-title,
    span.eg360-featured-stories-title a {
        color: #fff;
        padding: 3px 5px;
        text-transform: uppercase;
        font-size: 16px;
        text-decoration: none;
    }

    .eg360-featured-article-col {
        float: left;
        width: 100%;
        margin: 5px;
    }

    img.eg360-featured-article-image {
        width: 100%;
    }

    .eg360-featured-article-title-wrapper {
        position: relative;
    }

    h5.eg360-featured-article-title {
        position: absolute;
        bottom: 51px;
        width: 100%;
        background: rgba(0, 0, 0, 0.7);
        padding: 10px 20px;
        color: #fff;
        font-size: 26px;
        font-weight: 400;
    }

    span.eg360-featured-article-excerpt {
        position: absolute;
        bottom: 0;
        padding: 0 20px 10px 20px;
        background: rgba(0, 0, 0, 0.7);
        color: #fff;
        font-size: 12px;
        font-weight: 400;
    }

    a.eg360-featured-article-wrapper-link:hover h5.eg360-featured-article-title,
    a.eg360-featured-small-article-wrapper-link:hover h5.eg360-featured-small-article-title,
    a.eg360-latest-news-article-link:hover h5.eg360-latest-story-title {
        text-decoration: underline;
    }

    a.eg360-latest-news-article-link {
        text-decoration: none;
    }

    .eg360-featured-small-article-col {
        float: left;
        width: 49%;
    }

    .eg360-featured-wrapper-small {
        width: 99%;
    }

    img.eg360-featured-small-article-image {
        width: 99%;
        margin: 0 5px 5px 0;
    }

    .eg360-featured-small-article-title-wrapper {
        position: relative;
    }

    h5.eg360-featured-small-article-title {
        position: absolute;
        width: 99%;
        bottom: 5px;
        padding: 10px;
        background: rgba(0, 0, 0, 0.7);
        color: #fff;
        font-size: 12px;
        font-weight: 400;
    }

    img.eg360-featured-small-article-image {
        height: 200px;
        object-fit: cover;
    }

    img.eg360-featured-article-image {
        height: 405px;
        object-fit: cover;
    }

    .eg360-wrapper {
        width: 100%;
    }

    .eg360-latest-news-article-col {
        width: 100%;
    }

    img.eg360-latest-story-small-image {
        width: 99%;
        margin: 0 5px 5px 0;
        height: 280px;
        object-fit: cover;
    }

    h5.eg360-latest-story-title {
        font-size: 14px;
        font-weight: 600;
        padding-bottom: 20px;
    }

    span.eg360-warning {
        font-size: 14px;
        font-weight: 600;
    }


}



/* Big screen devices (from 768px to 1023px) */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .eg360-container {
        max-width: 1300px;
        margin: 0 auto;
    }

    .eg360-row {
        width: 100%;
    }

    .eg360-col-30 {
        width: 30%;
        padding: 10px;
    }

    .eg360-col-100 {
        width: 100%;
        padding: 10px;
    }

    .eg360-col-70 {
        width: 70%;
        padding: 10px;
    }

    .eg360-wrapper {
        display: inline-flex;
    }

    img.eg360-featured-image {
        float: right;
        width: 400px !important;
        margin: 10px 0 20px 20px;
        object-fit: cover;
    }

    a.eg360-tag-pills {
        margin: 5px;
        border: 1px solid #eee;
        background: #eee;
        border-radius: 5px;
        text-decoration: none;
        padding: 5px;
        text-transform: uppercase;
        color: #333;
        font-size: 12px;
        font-weight: 600;
    }

    span.eg360-related-tags-title {
        font-size: 12px;
        font-weight: 500;
    }

    .eg360-related-tags-wrapper {
        padding: 10px 0 20px 0;
    }

    span.eg360-featured-stories-title,
    span.eg360-featured-stories-title a {
        background: #862eb4;
        color: #fff;
        padding: 3px 5px;
        text-transform: uppercase;
        font-size: 16px;
        text-decoration: none;
    }

    .eg360-featured-article-col {
        float: left;
        width: 100%;
        margin: 5px;
    }

    img.eg360-featured-article-image {
        width: 100%;
    }

    .eg360-featured-article-title-wrapper {
        position: relative;
    }

    h5.eg360-featured-article-title {
        position: absolute;
        bottom: 51px;
        width: 100%;
        background: rgba(0, 0, 0, 0.7);
        padding: 10px 20px;
        color: #fff;
        font-size: 26px;
        font-weight: 400;
    }

    span.eg360-featured-article-excerpt {
        position: absolute;
        bottom: 0;
        padding: 0 20px 10px 20px;
        background: rgba(0, 0, 0, 0.7);
        color: #fff;
        font-size: 12px;
        font-weight: 400;
    }

    a.eg360-featured-article-wrapper-link:hover h5.eg360-featured-article-title,
    a.eg360-featured-small-article-wrapper-link:hover h5.eg360-featured-small-article-title,
    a.eg360-latest-news-article-link:hover h5.eg360-latest-story-title {
        text-decoration: underline;
    }

    a.eg360-latest-news-article-link {
        text-decoration: none;
    }

    .eg360-featured-small-article-col {
        float: left;
        width: 49%;
    }

    .eg360-featured-wrapper-small {
        width: 99%;
    }

    img.eg360-featured-small-article-image {
        width: 99%;
        margin: 0 5px 5px 0;
    }

    .eg360-featured-small-article-title-wrapper {
        position: relative;
    }

    h5.eg360-featured-small-article-title {
        position: absolute;
        width: 99%;
        bottom: 5px;
        padding: 10px;
        background: rgba(0, 0, 0, 0.7);
        color: #fff;
        font-size: 12px;
        font-weight: 400;
    }

    img.eg360-featured-small-article-image {
        height: 200px;
        object-fit: cover;
    }

    img.eg360-featured-article-image {
        height: 405px;
        object-fit: cover;
    }

    .eg360-wrapper {
        width: 100%;
    }

    .eg360-latest-news-article-col {
        float: left;
        width: 20%;
    }

    img.eg360-latest-story-small-image {
        width: 99%;
        margin: 0 5px 5px 0;
        height: 150px;
        object-fit: cover;
    }

    h5.eg360-latest-story-title {
        font-size: 14px;
        font-weight: 600;
    }

    span.eg360-warning {
        font-size: 14px;
        font-weight: 600;
    }

    .tag_image_container{
        float: right;
    }
    .eg360-col-100 > .tag_image_block {
        width: 100%;
    }
    .tag_figcaption{
       
        width: auto;
        text-align: center;
    }

}

/* Extra big screen devices (1024px and above) */
@media only screen and (min-width: 1024px) {
    .eg360-container {
        max-width: 1300px;
        margin: 0 auto;
    }

    .eg360-row {
        width: 100%;
    }

    .eg360-col-30 {
        width: 30%;
        padding: 10px;
    }

    .eg360-col-100 {
        width: 100%;
        padding: 10px;
    }

    .eg360-col-70 {
        width: 70%;
        padding: 10px;
    }

    .eg360-wrapper {
        display: inline-flex;
    }

    img.eg360-featured-image {
        float: right;
        width: 400px !important;
        margin: 10px 0 20px 20px;
        object-fit: cover;
    }

    a.eg360-tag-pills {
        margin: 5px;
        border: 1px solid #eee;
        background: #eee;
        border-radius: 5px;
        text-decoration: none;
        padding: 5px;
        text-transform: uppercase;
        color: #333;
        font-size: 12px;
        font-weight: 600;
    }

    span.eg360-related-tags-title {
        font-size: 12px;
        font-weight: 500;
    }

    .eg360-related-tags-wrapper {
        padding: 10px 0 20px 0;
    }

    span.eg360-featured-stories-title,
    span.eg360-featured-stories-title a {
        color: #fff;
        padding: 3px 5px;
        text-transform: uppercase;
        font-size: 16px;
        text-decoration: none;
    }

    .eg360-featured-article-col {
        float: left;
        width: 49%;
        margin: 5px;
    }

    img.eg360-featured-article-image {
        width: 100%;
    }

    .eg360-featured-article-title-wrapper {
        position: relative;
    }

    h5.eg360-featured-article-title {
        position: absolute;
        bottom: 51px;
        width: 100%;
        background: rgba(0, 0, 0, 0.7);
        padding: 10px 20px;
        color: #fff;
        font-size: 26px;
        font-weight: 400;
    }

    span.eg360-featured-article-excerpt {
        position: absolute;
        bottom: 0;
        padding: 0 20px 10px 20px;
        background: rgba(0, 0, 0, 0.7);
        color: #fff;
        font-size: 12px;
        font-weight: 400;
    }

    a.eg360-featured-article-wrapper-link:hover h5.eg360-featured-article-title,
    a.eg360-featured-small-article-wrapper-link:hover h5.eg360-featured-small-article-title,
    a.eg360-latest-news-article-link:hover h5.eg360-latest-story-title {
        text-decoration: underline;
    }

    a.eg360-latest-news-article-link {
        text-decoration: none;
    }

    .eg360-featured-small-article-col {
        float: left;
        width: 49%;
    }

    .eg360-featured-wrapper-small {
        width: 99%;
    }

    img.eg360-featured-small-article-image {
        width: 99%;
        margin: 0 5px 5px 0;
    }

    .eg360-featured-small-article-title-wrapper {
        position: relative;
    }

    h5.eg360-featured-small-article-title {
        position: absolute;
        width: 99%;
        bottom: 5px;
        padding: 10px;
        background: rgba(0, 0, 0, 0.7);
        color: #fff;
        font-size: 12px;
        font-weight: 400;
    }

    img.eg360-featured-small-article-image {
        height: 200px;
        object-fit: cover;
    }

    img.eg360-featured-article-image {
        height: 405px;
        object-fit: cover;
    }

    .eg360-wrapper {
        width: 100%;
    }

    .eg360-latest-news-article-col {
        float: left;
        width: 20%;
    }

    img.eg360-latest-story-small-image {
        width: 99%;
        margin: 0 5px 5px 0;
        height: 150px;
        object-fit: cover;
    }

    h5.eg360-latest-story-title {
        font-size: 14px;
        font-weight: 600;
    }

    span.eg360-warning {
        font-size: 14px;
        font-weight: 600;
    }
}

.tag_image_container{
    float: right;

}
.eg360-col-100 .tag_image_block {
    width: 100%;
}
.tag_figcaption{
    width: 400px;
    text-align: center;
}