/* ----------------------Blog Css Start----------------------- */
.bloglist-withrightsidebar .fixedrightsidebloglist .post-sidebar .widget-ul {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 252px;
}
.bloglist-withrightsidebar h1 {
    color: #000000;
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize;
    border-bottom: 1px dashed #bebebe;
    position: relative;
    padding-bottom: 4px;
    margin-bottom: 0px;
}
.bloglist-withrightsidebar .meta.text-muted, .bloglist-withrightsidebar .meta.text-muted a {
    color: var(--text-dark);
    display: inline-block;
    font-size: 12px;
    overflow: visible;
}
.blogdetailpage.bloglist-withrightsidebar h1 {
    margin-bottom: 0px;
}   
.bloglist-withrightsidebar .news-item p {
    margin-bottom: 20px;
    min-height: initial;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: left;
    max-height: 94px;
}
    .bloglist-withrightsidebar .news-item p a {
        color: var(--text-dark);
        font-weight: 500;
    }
.bloglist-withrightsidebar .news-item .featured-image img {
    border: none;
    margin-bottom: 30px;
    width: 100%;
}
.bloglist-withrightsidebar.drbhasinblgdtl .textjusfymrgcntr h2 {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 5px;
}
.bloglist-withrightsidebar.drbhasinblgdtl .textjusfymrgcntr h2 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}
.bloglist-withrightsidebar.drbhasinblgdtl .textjusfymrgcntr  {
    padding:0px 15px;
}
.bloglist-withrightsidebar .clearfix.tag-share {
    display: inline-block;
}
.bloglist-withrightsidebar .clearfix.tag-share ul {
    margin: 10px 0px 18px;
}
    .bloglist-withrightsidebar .clearfix.tag-share ul li {
        display: inline-block;
        margin-bottom: 0px;
    }
ul.list-inline li:first-child {
    padding-left: 1px;
}


.bloglist-withrightsidebar .clearfix.tag-share li h5 {
    margin: 0;
    font-size: 12px;
    font-weight: 300;
}
.bloglist-withrightsidebar .clearfix.tag-share li a {
    color: var(--text-dark);
    margin: 0;
    font-weight: 200;
    font-size: 12px;
}
.bloglist-withrightsidebar h1::before {
    content: '';
    position: absolute;
    top: 29px;
    width: 55px;
    height: 3px;
    background: #ffb700;
}

.bloglist-withrightsidebar .news-item h3 a {
    color: #333;
    font-weight: 400;
    text-transform: none;
}

.bloglist-withrightsidebar .news-item.page-row.has-divider {
    border-bottom: 1px dashed #cecece;
    margin-top: 30px;
    padding-bottom: 15px;
    padding-top: 0;
}

.bloglist-withrightsidebar table.dataTable.table-striped > tbody > tr.odd > * {
    box-shadow: none;
}

.bloglist-withrightsidebar table.dataTable.table-hover > tbody > tr:hover > * {
    box-shadow: none;
    background: #fff;
}

.bloglist-withrightsidebar .news-item.page-row.has-divider .thumb img {
    border: 1px solid #d4d4d4;
}

.bloglist-withrightsidebar .table-bordered > tbody > tr > td {
    border: 1px solid #ddd;
    border-bottom: none;
    border-top: none;
}
.bloglist-withrightsidebar table.table-bordered.dataTable th {
    border-left-width: 1px;
}

.bloglist-withrightsidebar .col-md-6.pad-lft-0 {
    padding: 0;
    width: 100%;
    margin: 1px 0px 8px;
}

.bloglist-withrightsidebar .badge.badge-secondary {
    border-radius: 0px;
    background: no-repeat;
    margin: 0;
    padding: 0;
}

    .bloglist-withrightsidebar .badge.badge-secondary a {
        padding: 0px;
        display: inline-block;
        border-radius: 0px !important;
        color: #cd1010;
    }

.bloglist-withrightsidebar .ttl-blg {
    margin-bottom: 0;
    font-size: 18px;
    min-height: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: left;
    max-height: 50px;
}

.bloglist-withrightsidebar .blg-rd {
    padding-left: 0px;
}
.bloglist-withrightsidebar .blglistdrbhasin p {
    line-height: 22px;
    font-size: 14px;
}
.bloglist-withrightsidebar {
    margin-bottom: 50px;
    padding-top: 50px;
}
    .bloglist-withrightsidebar table.table-bordered th, .bloglist-withrightsidebar table.table-bordered td {
        border: 1px solid #b6b6b6;
    }
    .bloglist-withrightsidebar table.table-bordered.dataTable th:last-child, .bloglist-withrightsidebar table.table-bordered.dataTable th:last-child, .bloglist-withrightsidebar table.table-bordered.dataTable td:last-child, .bloglist-withrightsidebar table.table-bordered.dataTable td:last-child {
        border: none !important;
        padding: 0;
    }
    .bloglist-withrightsidebar div.dataTables_wrapper div.dataTables_filter#tblGrid_filter {
        box-shadow: 1px 5px #cdcdcd21;
        position: fixed;
        right: 6.5%;
        background: #ffffff;
        padding: 10px;
        width: 20%;
        text-align: left;
        border: 1px solid #3333332b;
        z-index: 333;
    }
        .bloglist-withrightsidebar div.dataTables_wrapper div.dataTables_filter#tblGrid_filter label {
            text-align: left;
            font-size: 18px;
            font-weight: 600;
            width: 100%;
        }
        .bloglist-withrightsidebar div.dataTables_wrapper div.dataTables_filter#tblGrid_filter label input{
            width: 100%;
            display: block;
            margin: 0;
        }
    .bloglist-withrightsidebar .post-sidebar {
        z-index: 1;
        position: relative;
    }
    .bloglist-withrightsidebar h1 {
        margin-bottom: 40px;
        margin-top: 12px;
    }
.fixedrightsidebloglist {
    width: 25%;
    padding: 1%;
    height: 850px;
    position: sticky;
    position: -webkit-sticky;
    top: 320px;
    margin-bottom: 0px;
}
.have-fixed .fixedrightsidebloglist {
    top: 190px;
}
.bloglist-withrightsidebar.listpgblog .post-details span.badge {
    padding: 0;
    color: #333;
    font-weight: 100;
    margin-bottom: 15px;
}
.bloglist-withrightsidebar.listpgblog .post-details span.badge i {
    color: #ffc200;
}
/* ----------------------Blog Css End----------------------- */
/* ------------ Blog Page New Design Start https://themes.potenzaglobalsolutions.com/html/constro/blog-right.html ------------- */
.post-article .post {
    margin-bottom: 50px;
}
.post:last-child hr{display:none;}
hr{border-style:dashed; border-color:#d5d5d5; margin:50px 0;}


.post-sidebar{height:100%;}
.sidebar-widget{margin-bottom:40px;}
.sidebar-widget:last-child{margin-bottom:0;}
.sidebar-widget .widget-title {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 22px;
    text-transform: capitalize;
}

.post-content p{color:#757575;}
.sidebar-widget .widget-title:before{content:""; position:absolute; left:0; bottom:0; width:40px; height:2px; background:#ffd200;}

.sidebar-widget .widget-ul li{margin:10px 0; overflow:hidden;}
.sidebar-widget .widget-ul li a{color:#757575; display:block;}
.sidebar-widget .widget-ul li a:hover{color:#ffd200;}

.sidebar-widget .widget-search{position:relative;}
.sidebar-widget .widget-search input{padding-right:40px; color:#353535; height:50px; border:2px solid #f2f2f2; background:#ffffff; box-shadow:none; border-radius:0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}
.sidebar-widget .widget-search input:focus{background:#ffffff;}
.sidebar-widget .widget-search i{position: absolute; right: 0px; padding: 16px 12px; font-size:18px; color: #ffd200; cursor: pointer;}
.sidebar-widget .widget-search input:focus{border-color:#ffd200;}

.sidebar-widget .recent-post{margin-top:20px;}
.sidebar-widget .recent-post .media-body > a{display:block; color:#353535; font-size:15px; font-weight:600;}
.sidebar-widget .recent-post .media-body > a:hover{color:#ffd200;}

.sidebar-widget .recent-post .media-body span{color:#999;}
.sidebar-widget .recent-post .media-body span .fa{color:#ffd200; margin-right:5px;}
.sidebar-widget .tags li{padding-left:2px; padding-right:2px; margin:3px 0;     margin-bottom: 11px;}
.sidebar-widget .tags li a{background:#ffd200; color:#353535; padding:4px 8px; border:1px solid transparent; transition:all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}
.sidebar-widget .tags li a:hover{border-color:#ffd200; background:none;}

.sidebar-widget .widget-ul li .number{background:#ffd200; color:#353535; width:50px; padding:6px; text-align:center;}
.archives-widget .widget-ul li a{position:relative; z-index:0;}
.archives-widget .widget-ul li a span{background:#fff; padding-right:8px;}
.archives-widget .widget-ul li a:before{content:""; width:100%; height:1px; border-top:1px dashed #cccccc; position:absolute; left:0; top:16px; z-index:-1;}

.masonry-block{padding:0 10px;}
.isotope.columns-2 .grid-item{width:50%; padding:10px;}
.isotope.columns-3 .grid-item{width:33.3333%; padding:10px;}
.isotope.columns-4 .grid-item{width:25%; padding:10px;}
.isotope.columns-2 .grid-item,
.isotope.columns-3 .grid-item,
.isotope.columns-4 .grid-item{width:100%;}


.social-share-box .title{display:inline-block; margin:0 !important; margin-top:10px !important;}

.comments-1{background:#ffd200; padding:20px; color:#ffffff; line-height:22px;}
.comments-1 .comments-photo{padding-right:20px;}
.comments-1 .comments-photo img{border:4px solid #ffffff;}
.comments-1 .comments-info .title{margin-top:0; margin-bottom:5px; color:#ffffff;}

/* Comments Box */
.comment-box {margin-top:35px;}
.comment-box .section-title{margin-bottom:0;}
.comment-box .section-title .title{padding-bottom:5px;}
.comment-box .section-title label{color:#ffd200; font-weight:500;}

.comment-list li{margin-top:25px; margin-bottom:0; vertical-align:top; padding:0;}
.comment-list .comments-media{padding:15px; box-shadow:0 0 12px rgba(0,0,0,0.1); border-radius:3px;}
.comment-list ul{padding-left:60px;}

.comment-list .comments-photo{padding-right:20px;}
.comment-list .comments-photo img{border-bottom:5px solid #ffd200;}
.comment-list .comments-info{position:relative;}
.comment-list .comments-info .title{margin:0; line-height:22px;}
.comment-list .comment-metadata{line-height:22px; margin-top:7px; margin-bottom:10px;}
.comment-list .comment-metadata a{color:#aaaaaa;}
.comment-list .comment-metadata .fa{padding-right:7px; color:#ffd200;}
.comment-list .reply{position:absolute; right:0; top:0; font-weight:500; line-height:22px; margin:0; padding:2px 16px; font-size:11px;}
.comment-list .reply .fa{font-size:12px;}
.comment-list .comments-info p{line-height:24px; color:#858585; margin-top:5px; margin-bottom:0;}

.comment-respond{margin-top:50px;}
.blog-post .post .post-image + .post-date,
.single-blog .post .post-image + .post-date{margin-top:-93px;}
.blog-post .post .post-details,
.single-blog .post .post-details{padding-left:0;}
.comment-list .reply{position:relative;}

.comments-1{width:100%;}
.comment-list ul{padding-left:20px;}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}
.media-left, .media>.pull-left {
    padding-right: 10px;
}
.media-object {
    display: block;
    max-width: max-content;
}
.media, .media-body {
    overflow: hidden;
    zoom: 1;
}
.sidebar-widget .widget-ul li {
    margin: 10px 0;
    overflow: hidden;
}
ul.list-hand li {
    list-style-type: none;
    padding-left: 25px;
    position: relative;
}


.media-body {
    width: 10000px;
}
.sidebar-widget .recent-post .media-body > a {
    display: block;
    color: #353535;
    font-size: 15px;
    font-weight: 600;
}
.sidebar-widget .recent-post .media-body span {
    color: #999;
}


.post .post-date {
    font-size: 27px;
    font-weight: 600;
    color: #333333;
    background: #ff720f;
    display: inline-block;
    width: 60px;
    height: 85px;
    text-align: center;
    position: absolute;
    line-height: 55px;
}
    .post .post-date span {
        font-size: 14px;
        font-weight: bold;
        color: #ffffff;
        background: #323232;
        width: 60px;
        height: 32px;
        display: block;
        position: absolute;
        bottom: 0;
        letter-spacing: 1px;
        line-height: 26px;
        border-radius: 0px;
    }
    .post .post-date span a{
        color: #fff;
        white-space: normal;
        position: relative;
        top: auto;
        bottom: 55px;
    }
.bloglist-withrightsidebar ul.list-hand li:after {
    content: "\f0a4";
}
.bloglist-withrightsidebar ul li:after {
    content: "";
    font-family: 'FontAwesome';
    position: absolute;
    color: #ffd200;
    left: 0;
    top: 0;
}
.post .post-details {
    padding-left: 85px;
    margin-bottom: 25px;
    border-bottom: 1px dotted #33333370;
    padding-bottom: 25px;
}
.post .post-details .title{font-weight:500; margin-top:20px; margin-bottom:10px;}
.post .post-details a.button{margin-bottom:0;}
.post .post-meta{margin-bottom:10px;}
.post .post-meta a{font-size:14px; font-weight:300; color:#555555; margin-right:10px;}
.post .post-meta a:hover{color:#ffd200;}
.post .post-meta a .fa{color:#ffd200; padding-right:8px;}
.post .button-small{background:#ffd200; font-size:14px; font-weight:bold; color:#ffffff; text-decoration:none; padding:7px 15px; margin-top:5px;}

/* Post Image */
.post .post-image{position:relative;}
.post .post-image + .post-date{margin-top:-20px; margin-left:8px;}
.post .post-image .post-date{position:absolute; right:10px; bottom:10px;}

/* Post - 2 */
.post-2 .post-details{padding-left:0;}

/* Image Border */
.post .inner_border{position:relative; width:100%; height:100%; overflow:hidden;}
.post .inner_border:before{position:absolute; display:block; content:""; top:8px; left:8px; border:5px solid rgba(255,255,255,0.7); height:100%; width:100%;}

/* Left Position */
.post.left_pos{border:1px solid #dddddd;}
.post.left_pos .post-image,
.post.left_pos .post-details{float:left; width:50%;}
.post.left_pos .post-details{padding:25px;}
.post.left_pos .post-details .title{margin-top:0;}
.post.left_pos .post-image .post-date{bottom:15px; right:13px;}
.text-white .post.left_pos{border-color:#ffffff;}


.post .post-details a.button {
    margin-bottom: 0;
}
.button.small {
    padding: 10px 25px;
}
.button.border {
    color: #333;
    font-weight: 600;
    border: 2px solid #333 !important;
}
a.button {
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    color: #656565;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 100%;
    margin: 10px 0;
    outline: 0 none;
    padding: 18px 33px;
    position: relative;
    text-transform: uppercase;
    white-space: nowrap;
    border: 2px solid #ddd;
}
.button.animated.right-icn span {
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    ms-transform: translate(0, 0);
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    ms-backface-visibility: hidden;
}
.button.animated.right-icn i {
    position: absolute;
    display: block;
    top: 50%;
    right: 0;
    -webkit-transform: translate(30px, -50%);
    -ms-transform: translate(30px, -50%);
    transform: translate(30px, -50%);
    ms-transform: translate(30px, -50%);
    opacity: 0;
}
.page-section-ptb {
    padding: 80px 0;
}
.pagination-nav {
    margin-top: 30px;
}
.pagination > li {
    list-style-type: none;
    float: left;
    display: block;
	    padding-left: 5px;
}


.page-section-ptb .section-title p {
    padding: 0 100px;
    margin-top: 25px;
    display: block;
    margin-bottom: 50px !important;
}
.pagination > li > a:hover{background: #ffd200;border-color: #ffd200;}
hr {
    margin: 0;
    padding: 0px;
    border-bottom: 1px solid #e0e0e0;
    border-top: 0px;
}
hr {
    border-style: dashed;
    border-color: #554b4b;
    margin: 50px 0;
}
.sidebar-widget p{color: #757575;}
.page-section-ptb .section-title h2{font-size: 34px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
	padding-bottom: 15px;
	color: #353535;}
.page-section-ptb .section-title h2.title:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 67px;
    height: 2px;
    background: #ffd200;
    left: 50%;
    margin-left: -42px;
    top: 239px;
}
.button.animated.right-icn i{-webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out;}	
	.button:hover.animated.right-icn i, .button:hover.animated.left-icn i {
    opacity: 1;
}
.button:hover.animated.right-icn span {
    -webkit-transform: translate(-15px, 0);
    -ms-transform: translate(-15px, 0);
    transform: translate(-15px, 0);
    ms-transform: translate(-15px, 0);
}
.button, .button.animated.fill-vertical:after, .button.animated.fill-horizontal:after, .button.animated.right-icn span, .button.animated.right-icn i, .button.animated.left-icn span, .button.animated.left-icn i, .button.animated.left-fill:after, .button.animated.middle-fill:after {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
	
/* ------------ Blog Page New Design End https://themes.potenzaglobalsolutions.com/html/constro/blog-right.html ------------- */

/* --------------------------  Responsive Mobile Start ------------------------------ */
@media (min-width: 320px) and (max-width: 480px) {
    .bloglist-withrightsidebar div.dataTables_wrapper div.dataTables_filter#tblGrid_filter {
        position: relative;
        right: 10px;
        padding: 10px;
        width: 100%;
    }
    .fixedrightsidebloglist {
        display:none;
    }

}



