﻿.wapper .top-stories-area {
    border-bottom: 1px solid #e3e5ef;
}
.section-gap {
    padding: 80px 0;
}

section.top-stories-area .img-fluid {
    max-width: 130px;
    max-height: 80px;
}

section.top-stories-area .stories-details {
    width: 60%;
}

    section.top-stories-area .stories-details h6 a {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2; /* number of lines to show */
        -webkit-box-orient: vertical;
    }

section.post-slider-area .single-post-carousel .post-details h2 a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
	text-transform: uppercase;
    font-size: 26px;
}

section.post-slider-area .single-post-carousel .post-details .post-content .details p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* number of lines to show */
    -webkit-box-orient: vertical;
	text-align: justify;
}

.sidebar .popular-posts-widget .jq-tab-content-wrapper .popular-thumb img {
    max-width: 100px;
}

.sidebar .popular-posts-widget .jq-tab-content-wrapper .popular-details {
    width: 60%;
}

/*.sidebar .popular-posts-widget .jq-tab-content-wrapper .popular-details {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;  number of lines to show 
    -webkit-box-orient: vertical;
}*/

.sidebar .popular-posts-widget .jq-tab-content-wrapper .popular-details h6 a{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    -webkit-box-orient: vertical;
}

.popular-posts-widget .jq-tab-menu .jq-tab-title {
    padding: 0 10px 10px;
    width: 49%;
}

.main-body.section-gap .post-list {
    overflow-y: scroll;
}

    .main-body.section-gap .post-list::-webkit-scrollbar {
        display: none;
    }

.main-body.section-gap .post-area .single-post-item .post-details h4 a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
}

.main-body.section-gap .post-area .single-post-item .post-details p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    -webkit-box-orient: vertical;
}

.main-body.section-gap .post-area .row-paging .btn-loadmore {
    border: 1px solid #828bb2;
}

    .main-body.section-gap .post-area .row-paging .btn-loadmore:hover {
        background-color: #828bb2;
        color: #fff;
    }

/*@media screen and (min-width: 1200px) {
    section.post-slider-area .single-post-carousel .post-thumb img {
        height: 500px;
    }

    .main-body.section-gap .post-area .single-post-item img {
        height: 480px;
    }
}

@media screen and (min-width: 1024px){
    section.post-slider-area .single-post-carousel .post-thumb img {
        height: 470px;
    }

    .main-body.section-gap .post-area .single-post-item img {
        height: 480px;
    }
}

@media screen and (min-width: 991px) {
    section.post-slider-area .single-post-carousel .post-thumb img {
        height: 450px;
    }

    .main-body.section-gap .post-area .single-post-item img {
        height: 426px;
    }
}

@media screen and (min-width: 768px){
    section.post-slider-area .single-post-carousel .post-thumb img {
        height: 450px;
    }

    .main-body.section-gap .post-area .single-post-item img {
        height: 426px;
    }
}

@media only screen and (max-width: 480px) and (orientation : landscape) {
    section .post-slider-area .single-post-carousel .post-thumb img {
        height: 550px;
    }

    .main-body.section-gap .post-area .single-post-item img {
        height: 420px;
    }
}

@media screen and (min-width: 320px) {
    section .post-slider-area .single-post-carousel .post-thumb img {
        height: 500px;
    }

    .main-body.section-gap .post-area .single-post-item img {
        height: 420px;
    }
}*/
@media screen and (min-width: 1201px) {
    section.post-slider-area .single-post-carousel .post-thumb img {
        height: 500px;
    }

    .main-body.section-gap .post-area .single-post-item img {
        height: 390px;
    }
}

@media screen and (max-width: 1200px) {
    section.post-slider-area .single-post-carousel .post-thumb img {
        height: 500px;
    }

    .main-body.section-gap .post-area .single-post-item img {
        height: 390px;
    }
}

@media screen and (max-width: 1024px){
    section.post-slider-area .single-post-carousel .post-thumb img {
        height: 470px;
    }

    .main-body.section-gap .post-area .single-post-item img {
        height: 390px;
    }
}

@media screen and (max-width: 991px) {
    section.post-slider-area .single-post-carousel .post-thumb img {
        height: 450px;
    }

    .main-body.section-gap .post-area .single-post-item img {
        height: 420px;
    }
}

@media screen and (max-width: 768px){
    section.post-slider-area .single-post-carousel .post-thumb img {
        height: 450px;
    }

    .main-body.section-gap .post-area .single-post-item img {
        height: 420px;
    }
}

@media screen and (max-width: 480px) {
    section.post-slider-area .single-post-carousel .post-thumb img {
        height: 300px;
    }

    .main-body.section-gap .post-area .single-post-item img {
        height: 360px;
    }
	
	section.post-slider-area .single-post-carousel .post-details h2 a {
    -webkit-line-clamp: 3;
    font-size: 25px;
    text-align: center;
}
}

@media screen and (max-width: 320px) {
    section.post-slider-area .single-post-carousel .post-thumb img {
        height: 305px;
    }

    .main-body.section-gap .post-area .single-post-item img {
        height: 360px;
    }
	
	section.post-slider-area .single-post-carousel .post-details h2 a {
    -webkit-line-clamp: 3;
    font-size: 25px;
    text-align: center;
}






