.articles-and-stories-section {  
    padding: 0px 40px 40px 40px; 
    p {
        padding: 0 !important;
        color: #464547 !important;
    }
}
.articles-and-stories{    
    .row-articles-and-stories {
        display: flex;
        flex-wrap: wrap;
        margin-left: -15px;
        margin-right: -15px;        
    }
    .col-banner-article {
        flex: 0 0 50%;
        max-width: 75%;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
        overflow: hidden;
        @media only screen and (max-width: 781px) {
            max-width: 100%;
        }
        img{
            height: auto;
            max-width: 100%;
            vertical-align: middle;
            border-style: none;
        }
        .royalSlider {
            height: 100%;
            width: 100%;
            position: relative !important;
        }
        .scale-crop {
            background-position: 50% 15%;
            background-size: cover;
            display: block;
            height: 100%;
            width: 100%;
        }
        .infoBlock {
            bottom: 0;
            color: #fff;
            left: 0;
            padding: 5px 25px 20px;
            position: absolute;
            right: 1px;
        }
        .gradient-vertical {
            background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.65)) !important;
            background: -webkit-linear-gradient(top,transparent,rgba(0,0,0,.65));
        }
        .article-caption {
            padding: 15px 0;
        }
        .infoBlock {
            color: #fff;
        }
        .btn {
            background-color: transparent;
            border: 1px solid transparent;
            border-top-color: transparent;
            border-right-color: transparent;
            border-bottom-color: transparent;
            border-left-color: transparent;
            border-radius: .25rem;
            color: #464547;
            display: inline-block;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.6;
            padding: .375rem .75rem;
            text-align: center;
            transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            vertical-align: middle;
        }
    }
    .col-tri-articles {
        flex: 0 0 50%;
        max-width: 25%;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
        @media only screen and (max-width: 781px) {
            max-width: 100%;
        }
        img{
            height: auto;
            max-width: 100%;
            vertical-align: middle;
            border-style: none;
        }
        .item {
            box-sizing: border-box;
            display: inline-block;
            margin: 0 0 1.5em;
            width: 100%;
        }
        .panel {
            margin-bottom: 4px;
        }
        .panel-image {
            height: 120px;
            min-width: 178px;
            position: relative;
            width: 100%;
        }
        .scale-crop {
            background-position: 50% 15%;
            background-size: cover;
            display: block;
            height: 100%;
            width: 100%;
        }
        .article-thumb-title {
            bottom: 0;
            color: #fff;
            font-size: 15px;
            left: 0;
            line-height: 20px;
            padding: 10px 9px;
            position: absolute;
            right: 0;
            z-index: 15;
        }
        .gradient-vertical {
            background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.65)) !important;
            background: -webkit-linear-gradient(top,transparent,rgba(0,0,0,.65));
        }
    }
}