/*
Blog Responsive
*/

@media (min-width: 1200px) {
    
}

@media (min-width: 1920px) {

    /* Post Setting */
    
	.post-left-info {
		width: 60px;
	}
	.post-likes {
		font-size: 14px;
	}
	.post-date .day {
		font-size: 28px;
	}
	.post-date .month {
		font-size: 14px;
	}
	.post-title,
	.post-grid .post-title {
		font-size: 21px;
		line-height: 36px;
	}
	.post-by,
	.post-detail .post-by {
		font-size: 14px;
	}
	.read-btn-container {
		font-size: 16px;
	}
	
	
    /* Sidebar Element Setting */
    
	.sidebar-search .form-control {
		font-size: 14px;
		height: 44px;
	}
	.sidebar-search .btn {
		font-size: 14px;
		height: 44px;
	}
	.sidebar-list {
		font-size: 14px;
	}
	.sidebar-list > li > a {
		line-height: 26px;
	}
	.sidebar-recent-post > li .title {
		font-size: 14px;
		line-height: 26px;
	}
	.sidebar-recent-post > li .date {
		font-size: 14px;
	}
	.sidebar-social-list {
		line-height: 26px;
	}
	.sidebar-social-list > li {
		font-size: 26px;
	}
	
	
    /* Section Title Setting */
    
	.section-title {
		font-size: 14px;
	}
	
	
    /* Breadcrumb  Setting */
	
	.breadcrumb {
		font-size: 14px;
	}
	

    /* Theme Panel Setting */
    
	.theme-panel {
		width: 248px;
		right: -248px;
	}
	.theme-panel .theme-list > li + li {
		margin-left: 7px;
	}
	.theme-panel .theme-list > li > a {
		width: 40px;
		height: 40px;
	}
	.theme-panel .theme-panel-content {
		padding: 10px;
	}
    .theme-panel .theme-collapse-btn {
    	width: 60px;
    	height: 60px;
    	left: -60px;
    	margin-top: -30px;
    	font-size: 24px;
    	line-height: 60px;
    }
    .theme-panel .theme-list > li.active > a:before {
    	font-size: 20px;
    	line-height: 40px;
    }
	
    /* Comment List Setting */
    
    .comment-list .comment-content {
    	font-size: 14px;
    	line-height: 26px;
    }
    .comment-list .comment-rating,
    .comment-list .comment-btn {
    	font-size: 13px;
    }
    .comment-list .comment-author {
    	font-size: 14px;
    }
    .comment-list .comment-date {
    	font-size: 14px;
    }
	
	
    /* Form Element Setting */
    
    .form-horizontal .control-label {
    	font-size: 14px !important;
    }
    .form-control {
    	height: 46px;
    	font-size: 14px;
    }
	
	
    /* Font Size Setting */
    
    .f-s-12,
    .f-s-13 {
    	font-size: 14px !important;
    }
	
	
    /* Button Setting */
    
    .btn {
    	font-size: 14px;
    }

}

@media (max-width: 1600px) {
    .blog-2-header-info {
		width: 40%;
	}
	.blog-2-card-img-slide {
		height: 240px!important;
	}
	.blog-2-featured-card-img-slide {
		height: 350px!important;
	}
	.blog-2-card-desc-post-by span {
		margin-right: 0px;
	}
	.blog-2-card-desc-post-by img {
		width: 30px;
		height: 30px;
		margin: -4px 5px -5px 0;
	}
	.blog-2-category-card-img-slide {
		height: 240px!important;
	}
}
@media (max-width: 1200px) {
    .blog-2-card-desc-post-by span {
		float: left;
		margin-top: 8px;
		margin-left: 2px;
		width: 100%;
	}
	.blog-2-header-info {
		width: 45%;
	}
	.blog-1-post .blog-1-modules-container {
		min-width: 90%;
	}
	.blog-1-post-detail .post-desc img {
		margin: 22px auto;
		max-width: 100%;
	}
	.blog-2-responsivevideo-iframe {
		margin: 22px auto;
	}
}
@media (max-width: 992px) {
    .blog-2-card-img-slide {
		height: 250px!important;
	}
	.blog-2-card-desc-post-by span {
		float: right;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 10px;
		width: auto;
	}
	.blog-2-header-info {
		width: 55%;
	}
	.post-li,
    .post-grid.post-grid-2 > .post-li,
    .post-grid.post-grid-3 > .post-li,
    .post-grid.post-grid-4 > .post-li {
        width: 50%;
    }
	.blog-2-page-desc {
		width: 75%;
	}
	.blog-2-featured-card-img-slide {
		height: 350px!important;
	}
	.blog-1-post .blog-1-modules-container {
		min-width: 100%;
	}
}
@media (max-width: 767px) {
    
    /* Page Title Setting */
    .page-title {
        padding: 120px 0 60px;
    }
    .page-title h1 {
        font-size: 26px;
    }
    .page-title p {
        font-size: 18px;
    }
    .page-title + .content {
        margin: 30px 0;
    }
    
    /* Post List Setting */
    .post-left-info {
        float: none;
        width: auto;
        margin: 0 0 10px;
    }
    .post-left-info:before,
    .post-left-info:after {
        content: '';
        display: table;
        clear: both;
    }
    .post-date,
    .post-likes {
        padding: 0;
        float: left;
    }
    .post-date {
        margin: 0;
        line-height: inherit;
    }
    .post-date .day,
    .post-date .month {
        font-size: 12px;
        display: inline;
    }
    .post-date + .post-likes {
        margin-left: 15px;
        padding-left: 15px;
        border: none;
        border-left: 2px solid #ddd;
    }
    .post-left-info + .post-content {
        margin: 0;
    }
    .post-image,
    .post-video,
    .post-list blockquote {
        margin-bottom: 15px;
    }
    .post-title {
        font-size: 20px;
        line-height: 28px;
    }
    .post-by {
        margin-bottom: 10px;
        line-height: 16px;
    }
    .post-desc {
		font-size: 14px;
		margin-bottom: 15px;
	} 
    
    /* Details Page Comment Section Setting */
    .comment-list > li {
        padding: 15px 0;
    }
    .comment-list .comment-avatar {
        width: 40px;
        height: 40px;
        margin-right: 10px;
        font-size: 36px;
        line-height: 56px;
    }
    .comment-list .comment-avatar + .comment-container {
        margin-left: 50px;
    }
    .comment-list .comment-list {
        margin-top: 15px;
    }
	
	.blog-2-header-info {
		width: 75%;
	}
	.blog-2-page-desc {
		width: 100%;
	}
	.blog-2-featured-carousel {
		width: 100%;
		margin-bottom: 10px;
	}
	.blog-2-featured-card-desc {
		width: 100%;
		padding: 0px;
		padding-top: 0px;
		padding-left: 0px;
		margin: auto;
	}
	.blog-2-featured-card-img-slide {
		height: 300px!important;
	}
	.blog-1-post-detail .post-desc p {
		padding-left: 15px;
		padding-right: 15px;
		font-size: 16px;
		line-height: 25px;
	}
	.blog-1-post-detail .post-desc p + p {
		padding-left: 15px;
		padding-right: 15px;
	}
	.blog-1-header-info {
		padding-left: 15px;
		padding-right: 15px;
	}
	.blog-1-post ul {
		padding-left: 15px;
		padding-right: 15px;
		font-size: 16px;
		line-height: 25px;
	}
	.blog-2-post-info .blog-breadcrumb {
		margin-left: 0px;
	}
	.blog-1-post-detail .post-desc img {
		margin: 15px auto;
	}
	.blog-2-responsivevideo-iframe {
		margin: 15px auto;
	}
	.blog-2-responsivevideo-div {
		margin-bottom: 45px;
	}
}

@media (max-width: 600px) {
    
    /* Post Grid Setting */
    
    .post-li,
    .post-grid.post-grid-2 > .post-li,
    .post-grid.post-grid-3 > .post-li,
    .post-grid.post-grid-4 > .post-li {
        width: 100%;
    }
}

@media (max-width: 485px) {
   .blog-2-card-desc-post-by {
		margin-bottom: 15px;
		font-size: 14px;
		font-weight: 600;
		margin-top: 20px;
	}
	.blog-2-header-info {
		width: 100%;
	}
	.blog-2-header-info h4 {
		width: 95%;
	}
	.blog-2-page-info h4 {
		font-size: 20px;
	}
	.blog-2-category-nav {
		text-align: center;
	}
	.blog-2-featured-card-img-slide {
		height: 250px!important;
	}
	.blog-2-featured-main {
		margin-bottom: 40px;
		border-bottom: 2px #ccc solid;
	}
	.blog-2-featured-card {
		margin-bottom: 12px;
	}
	.btn.btn-blogcat {
		padding: 6px 8px;
	}
	.module-top-fixed .bw-modules-page-area-bg {
		padding-top: 25px;
		padding-bottom: 15px;
	}
	.blog-1-post-detail .post-desc p {
		padding-left: 0px;
		padding-right: 0px;
		font-size: 14px;
		line-height: 22px;
	}
	.blog-1-post-detail .post-desc p + p {
		padding-left: 0px;
		padding-right: 0px;
	}
	.blog-1-header-info {
		padding-left: 0px;
		padding-right: 0px;
	}
	.blog-1-post ul {
		padding-left: 0px;
		padding-right: 0px;
		font-size: 14px;
		line-height: 22px;
		margin-left: 25px;
	}
	.btn {
		white-space: normal;
	}
}