.sitewidget-relative-article .sitewidget-hd
{
    border-bottom: 1px solid #ddd;
}
.relative-article-style1, .relative-article-style2
{
    margin-top: 10px;
}
.relative-article-style1 .dot-style
{
    width: 50%;
    float: left;
}
.sitewidget-relative-article a
{
    color: #4f4f4f;
    line-height: 1.8em;
    font-size: 14px;
}
.sitewidget-relative-article a:hover
{
    color: #209eea;
}
.sitewidget-relative-article .dot-style p
{
    padding: 0 8px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAYAAACuyE5IAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIwMTMyNjdBMkFBMTExRTVCQzVGOTIyMDg0Qzg0NkUyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIwMTMyNjdCMkFBMTExRTVCQzVGOTIyMDg0Qzg0NkUyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjAxMzI2NzgyQUExMTFFNUJDNUY5MjIwODRDODQ2RTIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjAxMzI2NzkyQUExMTFFNUJDNUY5MjIwODRDODQ2RTIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz57SphWAAAAMklEQVR42mJ89OjR/1WrVjGAQHFxMSMDGmD5/v07w61btxhwARZhYWEGHx8fnAoAAgwA/6cNl07ccqwAAAAASUVORK5CYII=) left center no-repeat;
}
.sitewidget-relative-article .dot-style p a
{
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sitewidget-relative-article .relative-article-style3
{
    margin-right: -40px;
    display: flex;
    flex-wrap: wrap;
}
.sitewidget-relative-article .relative-article-style3 li
{
    float: left;
    width: 33.333333%;
    padding-right: 40px;
    box-sizing: border-box;
    margin-top: 30px;
}
.sitewidget-relative-article .relative-article-style3 li:nth-child(3n+1)
{
    clear: both;
}
.sitewidget-relative-article .relative-article-style3 .article-image-style
{
    border: 1px solid #e0e0e0;
    height: 100%;
}
.sitewidget-relative-article .relative-article-style3 .article-image-style p
{
    padding: 15px;
}
.sitewidget-relative-article .relative-article-style3 .article-image-style p a
{
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
@media(min-width: 768px) and (max-width: 989px)
{
    .frontend-body-canvas .sitewidget-relative-article .sitewidget-bd
    {
        overflow: hidden;
    }
}
@media(min-width: 768px) and (max-width: 1219px)
{
    .sitewidget-relative-article .relative-article-style3
    {
        margin-right: -20px;
    }
    .sitewidget-relative-article .relative-article-style3 li
    {
        padding-right: 20px;
        margin-top: 20px;
    }
    .sitewidget-relative-article .relative-article-style3 .article-image-style p
    {
        padding: 10px;
    }
}
@media(max-width: 767px)
{
    .sitewidget-relative-article .relative-article-style3
    {
        margin-right: 0;
    }
    .sitewidget-relative-article .relative-article-style3 li
    {
        padding-right: 0;
        width: 50%;
        margin-top: 20px;
    }
    .sitewidget-relative-article .relative-article-style3 li:nth-child(3n+1)
    {
        clear: none;
    }
    .sitewidget-relative-article .relative-article-style3 li:nth-child(2n+1)
    {
        clear: both;
    }
    .sitewidget-relative-article .relative-article-style3 .article-image-style
    {
        margin: 0 8px;
    }
    .sitewidget-relative-article .relative-article-style3 .article-image-style p
    {
        padding: 5px;
    }
}
.sitewidget-relative-article .article-image-style img
{
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.relative-article-style4 .article-image-style
{
    padding: 0 4px;
    margin-top: 20px;
}
.relative-article-style4 .article-image-style p
{
    margin-top: 8px;
}
.relative-article-style4 .article-image-style p a
{
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}
.arabic-exclusive .sitewidget-relative-article .dot-style p
{
    padding: 0 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAYAAACuyE5IAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIwMTMyNjdBMkFBMTExRTVCQzVGOTIyMDg0Qzg0NkUyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIwMTMyNjdCMkFBMTExRTVCQzVGOTIyMDg0Qzg0NkUyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjAxMzI2NzgyQUExMTFFNUJDNUY5MjIwODRDODQ2RTIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjAxMzI2NzkyQUExMTFFNUJDNUY5MjIwODRDODQ2RTIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz57SphWAAAAMklEQVR42mJ89OjR/1WrVjGAQHFxMSMDGmD5/v07w61btxhwARZhYWEGHx8fnAoAAgwA/6cNl07ccqwAAAAASUVORK5CYII=) right center no-repeat;
}
.arabic-exclusive .sitewidget-relative-article .dot-style p a
{
    text-align: right;
}
.arabic-exclusive .sitewidget-relative-article .relative-article-style3 .article-image-style p a
{
    text-align: right;
}