@media (max-width: 767px)
{ 
			body
			{
					margin: 0px 0 0 0!important;
			}	
			.blog-no-padding-l
			{
					padding-left:0;
					padding-right:0px;
			}
			.blog-no-padding-r
			{
					padding-left:0px;
					padding-right:0;
			} 
			#blog ,#blog-main-section
			{
					font-size:12px;
					margin-left: auto !important;
					margin-right: auto!important;
			}
			/*featured images section for mobile css start here*/ 
			#blog-mob-featuredeve  .carousel-inner .item  .carousel-caption 
			{ 
					right: 0;
					left: 0;
					bottom: 0;
					background: rgba(0, 0, 0, 0.4196078431372549);
					padding-top: 5px;
					padding-bottom: 5px;
			}
			#blog-mob-featuredeve  .carousel-inner .item  .carousel-caption h3
			{ 
					font-size: 12px;
					color: #fff;
					text-transform: uppercase;
					line-height: inherit;
					margin-top: 0;
					margin-bottom: 0px;
					font-weight: bold;
					letter-spacing: 0.5px;
					padding-left:5px;
					padding-right:5px;
					
			}
			#blog-mob-featuredeve  .carousel-inner .item  img
			{ 
					width:100%;
					height:200px;
			}
			#blog-mob-featuredeve .carousel-control .fa-chevron-left, 
			#blog-mob-featuredeve .carousel-control .fa-chevron-right
			{
					position: absolute;
					top: 50%;
					z-index: 5;
					display: inline-block;
					margin-top: -10px; 
					color:#fff;
			}
			#blog-mob-featuredeve .carousel-control .fa-chevron-left
			{
					left: 50%;
					margin-left: -10px;
			}
			#blog-mob-featuredeve .carousel-control .fa-chevron-right
			{
					right: 50%;
					margin-right: -10px;
			}
			/*featured images section for mobile css end here*/ 
			#blog .blog-section .blog-right-panel .blog-widget .widget-content .recent-post-list .recent-post-left
			{
					width: 30%; 
			}
			#blog .blog-section .blog-right-panel .blog-widget .widget-content .recent-post-list .recent-post-right 
			{
					width: 70%; 
			}
			#blog .blog-section 
			{
					padding: 20px 15px;
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post 
			{
					padding: 20px 10px
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .blog-hedaing a,
			#blog .blog-section .blog-left-panel .blog-single-large-post .blog-hedaing 
			{ 
					font-size: 15px;
					margin-bottom:10px; 
					
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .main-img-cont img 
			{ 
					height: 200px; 
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .single-blog-date
			{ 
					/*bottom: 0; */
					top: 0;
					background: rgba(0, 0, 0, 0.5019607843137255);
					padding: 8px 5px;
					color: #fff;
					width: 100%;
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .single-blog-date p
			{
					font-size: 12px; 
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .blog-single-post-detail-box p 
			{ 
					font-size: 12px;
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .blog-single-post-info ul.info-ul li 
			{ 
					font-size: 12px; 
					margin-right: 0;
					display: inline-block; 
					display: block;
					margin-bottom:5px;
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .blog-single-post-info ul.info-ul li a 
			{ 
					font-size: 12px;
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .blog-single-post-info ul.info-ul li span i
			{
					font-size: 12px; 
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .blog-single-post-info .btn-conti-reading 
			{
					margin-bottom: 0;
					width: 100%;
					margin-top: 20px;
			}
			#blog .blog-section .blog-right-panel .blog-widget .widget-title
			{ 
					margin-bottom: 30px;
					padding-bottom: 15px;
					font-size: 15px; 
			}
			#blog .blog-section .blog-right-panel .blog-widget 
			{ 
					padding: 20px 10px
			}
			#blog .blog-section .blog-right-panel .blog-widget .widget-content .recent-post-list .recent-post-left .recent-img-div img.recentimg 
			{
					width: 100%;
					height: 80px; 
			}
			#blog .blog-section .blog-right-panel .blog-widget .widget-content .recent-post-list .recent-post-right a
			{ 
					font-size: 12px; 
					padding-bottom: 5px; 
			}
			#blog .blog-section .blog-right-panel .blog-widget .widget-content .recent-post-list .recent-post-right p.post-time
			{
					font-size: 11px; 
					margin-bottom: 5px;
			}
			#blog .blog-section .blog-right-panel .blog-widget .widget-content .get-start .btn-get-started, 
			#blog .blog-section .blog-right-panel .blog-widget .widget-content .blog-newsletter .btn-blog-subscribe
			{ 
					width: 100%;
					margin-top: 0;
					margin-bottom:0px;
			}
			#blog .blog-section .blog-right-panel .blog-widget .widget-content ul.category-list li a 
			{ 
					font-size: 12px; 
			}
			#blog .blog-section .blog-right-panel .blog-widget .widget-content .social-follows-icon .social-network li a 
			{ 
					width:30px;
					height: 30px;
					font-size: 12px; 
			}
			#blog .blog-section .blog-right-panel .blog-widget .widget-content .social-follows-icon .social-network li i 
			{ 
					line-height:30px;
			}
			#blog .blog-section .blog-right-panel .blog-widget .widget-content .social-follows-icon
			{ 
					margin-bottom:0px;
			}
			#blog .blog-section .blog-left-panel .blog-comment .blog-comment-box, 
			#blog .blog-section .blog-left-panel .view-blog-comment .comment-list,
			#blog .blog-section .blog-left-panel .blog-rating .blog-rating-box 
			{
					padding: 20px 0;
			}
			#blog .blog-section .blog-right-panel .blog-search input[type="text"]
			{
					height: 40px !important; 
			}
			#blog .blog-section .blog-right-panel .blog-search .search-btn-sett 
			{ 
					font-size: 16px; 
			}
			#blog .blog-section .blog-right-panel .blog-search .search-btn-sett
			{ 
					height: 40px; 
			}
			/*single block page css*/
			#blog .form-control 
			{
					font-size:12px;
			}
			#blog .blog-section .blog-left-panel h2.add-comments-heading 
			{ 
					font-size: 15px; 
			}
			#blog .blog-section .blog-left-panel   a.comments-title
			{
					font-size: 15px; 
			}
			#blog .blog-section .blog-left-panel .blog-rating .blog-rating-box-cont
			{
					padding:25px 5px; 
			}
			#blog .blog-section .blog-left-panel .blog-rating .blog-rating-box-cont-inner 
			{ 
					padding: 3px; 
			}
			#blog .blog-section .blog-left-panel .blog-rating .blog-rating-box-cont-inner .blog-rating-box-img
			{
					width: 100%;
					height: 50px;
					margin: auto;
			}
			#blog .blog-section .blog-left-panel .blog-rating .blog-rating-box img.rating-mood-img
			{ 
					width: 40px;  
			}
			#blog .blog-section .blog-left-panel .blog-rating .blog-rating-box-cont-inner p
			{
					font-size: 10px; 
			}
			#blog .blog-section .blog-left-panel .view-blog-comment .comment-list  .view-blog-bottom  .panel  .panel-body  .comment-user,
			#blog .blog-section .blog-left-panel .view-blog-comment .comment-list  .view-blog-bottom  .panel  .panel-body .comment-date
			{ 
					font-size:12px;
			}
			#blog .blog-section .blog-left-panel .view-blog-comment .comment-list  .view-blog-bottom  .panel  .panel-body .comment-post p
			{
					font-size:12px;
			}
			#blog .blog-section .blog-left-panel .view-blog-comment .comment-list  .view-blog-bottom  .btn-replay
			{ 
					font-size:12px;
			}
			#blog .blog-section .blog-left-panel .view-blog-comment .comment-list .view-blog-bottom .panel.arrow.left:before
			{
					display:none;
			}
			#blog .blog-section .blog-left-panel .view-blog-comment .comment-list .view-blog-bottom .panel.arrow.left:after 
			{
					display:none;
			}
			 #blog .blog-section .blog-left-panel .blog-rating .blog-rating-box-cont-inner:hover img.rating-mood-img
			 { 
					outline: 0;
					margin-top:0;
			}
			#blog .blog-section .blog-left-panel .blog-comment .blog-comment-box .form-group 
			{
					margin-bottom: 15px;
			}
			#blog .blog-section .blog-left-panel .blog-comment .blog-comment-box .blog-comment-r 
			{
					padding-left: 0;
					padding-right: 0px;
			}
			#blog .blog-section .blog-left-panel .blog-comment .blog-comment-box .blog-comment-l
			{
					padding-left: 0;
					padding-right: 0px;
			}
			#blog .blog-section .blog-left-panel .blog-comment .blog-comment-box input[type="text"], input[type="password"], input[type="date"], input[type="email"], input[type="time"] 
			{
					height: 36px;  
			}
			#blog .blog-section .blog-left-panel .blog-comment .blog-comment-box .btn-comment-submit
			{
					margin-top: 10px;
					float: none;
					width: 100%; 
			}
			#blog .blog-section .blog-right-panel .blog-search 
			{
					margin-bottom: 20px;
			}
			#blog .blog-section .blog-left-panel .blog-comment .blog-comment-box  .btn-sub-center
			{
				text-align:center;
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .blog-single-post-detail-box 
			{
				padding: 10px 0;
				
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .blog-single-post-info
			{
				padding: 20px 0 0 0; 
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .blog-single-post-info ul.info-ul li:last-child 
			{ 
				margin-bottom: 0;
			}
			#blog .blog-section .blog-right-panel .blog-widget .widget-content .recent-post-list 
			{
				margin-bottom: 10px;
			}
			#blog .blog-section .blog-left-panel .view-blog-comment .comment-list .view-blog-bottom .panel .panel-body 
			{
				padding: 10px !important;
			}
			#blog .blog-div-center
			{
				text-align:center;
			}
			#blog .blog-mob-pl-pr
			{
				padding-left:0;
				padding-right:0;
			}
			#blog .blog-list-search ul.blog-list-search-ul li a 
			{ 
				font-size: 12px;
			}
			#blog .blog-pegination .pagination 
			{ 
				margin: 0px 0 30px 0; 
			}
			#blog .blog-section .blog-left-panel .comment-blog-hedaing h3
			{ 
				font-size: 16px; 
			}
			#blog .blog-section .btn-more-comments
			{
				margin-top: 10px;
				float: none;
				width: 100%;
			}
			#blog .blog-section .blog-left-panel .view-blog-comment   .comment-list .comment-list-pl
			{
					padding-left:0;
					padding-right:0px;
			}
			#blog .blog-section .blog-left-panel .view-blog-comment   .comment-list .comment-list-pr
			{
					padding-left:0px;
					padding-right:0px;
			}
			#blog .blog-section .blog-right-panel .blog-back-home 
			{ 
				font-size: 16px;
				line-height:40px;
			}
			#blog .blog-section .block-back-icon i.fa
			{ 
				color: #9E9E9E; 
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .single-blog-date-bottom
			{ 
				width: 100%;
			}
			#blog .blog-section .blog-left-panel .prev-nex-blog  a 
			{ 
					font-size: 12px; 
			} 
			#blog     .custom-iframe-video
			{
				width: 100%;
				max-width: 100%; 
				height:250px;
			}
			
} 
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation: landscape) 
{   
			#blog-mob-featuredeve .carousel-inner .item .carousel-caption h3
			{
					font-size: 14px; 
			}
			#blog .blog-section .blog-right-panel .blog-search input[type="text"]
			{
					height: 40px !important; 
			}
			#blog .blog-section .blog-right-panel .blog-search .search-btn-sett 
			{
				height: 40px;
			}
			#blog .blog-section .blog-right-panel .blog-widget 
			{
					padding:20px 10px;
			}	
			#blog-mob-featuredeve  .carousel-inner .item  img
			{ 
					width:100%;
					height:300px;
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .blog-hedaing a ,
			#blog .blog-section .blog-left-panel .blog-single-large-post .blog-hedaing 
			{
					font-size: 18px;
					margin-bottom: 15px;
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .main-img-cont img
			{
					height: 300px;
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .blog-single-post-detail-box p 
			{
					font-size: 14px;
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .blog-single-post-info ul.info-ul li a 
			{ 
					font-size: 14px;
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .blog-single-post-info ul.info-ul li span i
			{
					font-size: 14px; 
			}
			#blog .blog-section .blog-right-panel .blog-widget .widget-title 
			{
					margin-bottom: 30px;
					padding-bottom: 15px;
					font-size: 18px;
			}
			#blog .blog-section .blog-right-panel .blog-widget .widget-content .recent-post-list .recent-post-left .recent-img-div img.recentimg
			{
					width: 100%;
					height: 100px;
			}
			#blog .blog-section .blog-right-panel .blog-widget .widget-content .recent-post-list .recent-post-right a 
			{
					font-size: 14px;
					padding-bottom: 5px;
			}
			#blog .blog-section .blog-right-panel .blog-widget .widget-content .recent-post-list .recent-post-right p.post-time 
			{
					font-size: 12px;
					margin-bottom: 5px;
			}
			#blog .blog-section .blog-right-panel .blog-widget .widget-content ul.category-list li a
			{
					font-size: 14px;
			}
			#blog .blog-section .blog-right-panel .blog-widget .widget-content .get-start .btn-get-started, 
			#blog .blog-section .blog-right-panel .blog-widget .widget-content .blog-newsletter .btn-blog-subscribe 
			{
					width:200px;
					margin-top: 0px;
					margin-bottom: 0px;
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .single-blog-date p 
			{
					font-size: 14px;
			} 
			/*single blog post*/
			#blog .form-control 
			{
					font-size:14px;
			}
			#blog .blog-section .blog-left-panel h2.add-comments-heading
			{
					font-size: 18px;
			}
			#blog .blog-section .blog-left-panel   a.comments-title
			{
					font-size: 18px; 
			}
			#blog .blog-section .blog-left-panel .view-blog-comment .comment-list .view-blog-bottom .panel .panel-body .comment-user,
			#blog .blog-section .blog-left-panel .view-blog-comment .comment-list .view-blog-bottom .panel .panel-body .comment-date 
			{
					font-size: 14px;
			}
			#blog .blog-section .blog-left-panel .blog-rating .blog-rating-box-cont-inner .blog-rating-box-img 
			{ 
					height: 55px; 
			}
			#blog .blog-section .blog-left-panel .blog-rating .blog-rating-box-cont
			{
					padding: 30px 5px;
			}
			#blog .blog-section .blog-left-panel .blog-rating .blog-rating-box img.rating-mood-img
			{
					width: 40px;
			}
			#blog .blog-section .blog-left-panel .blog-rating .blog-rating-box-cont-inner p 
			{
					font-size: 12px;
			}	
			#blog .blog-section .blog-left-panel .view-blog-comment .comment-list .view-blog-bottom .panel .panel-body .comment-post p
			{
					font-size: 14px;
			}
			#blog .blog-section .blog-left-panel .view-blog-comment .comment-list .view-blog-bottom .btn-replay
			{
					font-size: 14px;
			}	 
			#blog .blog-section .blog-left-panel .blog-comment .blog-comment-box input[type="text"], input[type="password"], input[type="date"], input[type="email"], input[type="time"]
			{
					height: 36px;
			}
			#blog .blog-section .blog-left-panel .blog-comment .blog-comment-box .btn-comment-submit 
			{ 
					width: 200px;
					float: none;
			} 
			#blog .blog-section .btn-sub-more-center
			{
				text-align:center;
			} 
			#blog .blog-section .blog-left-panel .blog-comment .blog-comment-box  .btn-sub-center
			{
				text-align:center;
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .blog-single-post-detail-box 
			{
				padding: 10px 0;
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .blog-single-post-info
			{
				padding: 10px 0 0 0; 
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post 
			{
				padding:20px 10px;
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .single-blog-date 
			{ 
				top: 0;
				/*bottom:0;*/
				background: rgba(0, 0, 0, 0.31);
				padding: 8px 5px;
				color: #fff;
				width: 100%;
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .blog-single-post-info ul.info-ul li:last-child
			{
				margin-bottom: 0;
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .blog-single-post-info .btn-conti-reading 
			{
				margin-bottom: 0;
				width: 100%;
				margin-top: 20px;
			}
			#blog .blog-section .blog-left-panel .view-blog-comment .comment-list .view-blog-bottom .panel .panel-body 
			{
				padding: 10px !important;
			}
			#blog .blog-div-center
			{
				text-align:center;
			}
			#blog .blog-mob-pl-pr
			{
				padding-left:0;
				padding-right:0;
			}
			#blog .blog-list-search ul.blog-list-search-ul li a 
			{ 
				font-size: 14px;
			}
			#blog .blog-section .blog-left-panel .comment-blog-hedaing h3
			{ 
				font-size: 16px; 
			}
			#blog .blog-section .btn-more-comments
			{
				width: 200px;
				float: none;
			}
			#blog .blog-section .blog-left-panel .view-blog-comment   .comment-list .comment-list-pl
			{
					padding-left:0;
					padding-right:0px;
			}
			#blog .blog-section .blog-left-panel .view-blog-comment   .comment-list .comment-list-pr
			{
					padding-left:0px;
					padding-right:0px;
			}
			#blog .blog-section .blog-right-panel .blog-back-home 
			{
				font-size: 16px;
				line-height: 40px;
			}
			#blog .blog-section .blog-right-panel .col-xs-1-landscape 
			{
				width: 8.33333333%;
			}
			#blog .blog-section .blog-right-panel .col-xs-11-landscape 
			{
				width: 91.66666667%;
			}
			#blog .blog-section .blog-left-panel .prev-nex-blog  a 
			{ 
					font-size: 14px; 
			} 
}  
@media (max-width: 991px) and (min-width: 768px)
{
			p
			{
					font-size: 12px; 
			}
			.blog-no-padding-l 
			{
					padding-left: 0;
					padding-right: 5px;
			}
			.blog-no-padding-r 
			{
					padding-left: 5px;
					padding-right: 0;
			}
			#blog-main-section .latest-blog .blog-grid .gridimg figure img 
			{ 
					height: 200px; 
			}
			#blog-main-section .latest-blog .blog-grid .gridimg figure h3 
			{ 
					font-size: 12px;
					line-height: 20px;
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .blog-hedaing a,
			#blog .blog-section .blog-left-panel .blog-single-large-post .blog-hedaing 
			{ 
					font-size: 16px; 
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .main-img-cont img
			{
					width: 100%;
					height: 300px; 
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .single-blog-date p
			{
					font-size: 12px; 
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post 
			{
					padding:20px 10px; 
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .blog-single-post-info ul.info-ul li 
			{ 
					font-size: 12px; 
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .blog-single-post-info .btn-conti-reading 
			{
					margin-bottom: 0px;
					width: 100%;
					padding: 5px 5px;
					font-size: 12px;
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .blog-single-post-info ul.info-ul li a
			{
					font-size:12px;
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .blog-single-post-info 
			{
					padding: 20px 0 0 0; 
			}
			#blog .blog-section .blog-right-panel .blog-search input[type="text"]
			{
					height: 36px; 
			}
			#blog .blog-section .blog-right-panel .blog-search .search-btn-sett
			{ 
					font-size: 16px; 
			}
			#blog .blog-section .blog-right-panel .blog-search .search-btn-sett 
			{ 
					height: 36px;
			}
			#blog .blog-section .blog-right-panel .blog-widget .widget-title 
			{ 
					font-size: 14px; 
			}
			#blog .blog-section .blog-right-panel .blog-widget
			{ 
					padding: 20px 10px;
			}
			#blog .blog-section .blog-right-panel .blog-widget .widget-content .recent-post-list .recent-post-left .recent-img-div img.recentimg 
			{ 
					height: 60px; 
			}
			#blog .blog-section .blog-right-panel .blog-widget .widget-content .recent-post-list .recent-post-right a 
			{ 
					font-size: 12px; 
					padding-bottom: 5px;
			}
			#blog .blog-section .blog-right-panel .blog-widget .widget-content ul.category-list li a 
			{ 
					font-size: 12px; 
			}
			#blog .blog-section .blog-right-panel .blog-widget .widget-content .social-follows-icon .social-network li a
			{ 
					width: 25px;
					height: 25px;
					font-size: 12px; 
			}
			#blog .blog-section .blog-right-panel .blog-widget .widget-content .social-follows-icon .social-network li i 
			{ 
					line-height: 25px; 
			}
			#blog .blog-section .blog-right-panel .blog-widget .widget-title 
			{ 
					margin-bottom:30px; 
			}
			#blog .blog-section .blog-right-panel .blog-newsletter .btn-blog-subscribe
			{
					margin: 10px 0 0 0;
			}
			#blog .btn-common-blog 
			{ 
					font-size: 12px;
			}	 
			/*blog detail page*/
			#blog .blog-section .blog-left-panel h2.add-comments-heading
			{ 
					font-size: 14px; 
			}
			#blog .blog-section .blog-left-panel   a.comments-title
			{
					font-size: 14px; 
			}
			#blog .blog-section .blog-left-panel .blog-rating .blog-rating-box-cont-inner 
			{ 
					padding: 10px;   
			}
			#blog .blog-section .blog-left-panel .blog-rating .blog-rating-box-cont-inner p 
			{
					font-size: 12px; 
			}		
			#blog .blog-section .blog-left-panel .view-blog-comment .comment-list .view-blog-bottom .panel .panel-body .comment-post p
			{
					font-size: 12px;
			}
			#blog .blog-section .blog-left-panel .view-blog-comment .comment-list .view-blog-bottom .panel .panel-body .comment-user, 
			#blog .blog-section .blog-left-panel .view-blog-comment .comment-list .view-blog-bottom .panel .panel-body .comment-date 
			{ 
					font-size: 12px;
			}	
			#blog .blog-section .blog-left-panel .view-blog-comment .comment-list .view-blog-bottom figcaption
			{
					font-size: 12px;
			}
			#blog .blog-section .blog-left-panel .view-blog-comment .comment-list .view-blog-bottom .btn-replay
			{ 
					font-size: 12px;
			}
			#blog .blog-section .blog-left-panel .blog-comment .blog-comment-box input[type="text"], input[type="password"], input[type="date"], input[type="email"], input[type="time"]
			{
					height: 36px;
			} 
			#blog-main-section .latest-blog .blog-grid .gridimg figure figcaption
			{ 
					padding: 15px 0; 
					top: 65%;
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .blog-single-post-detail-box p 
			{ 
					font-size: 12px;
			} 
			#blog .form-control 
			{
					font-size: 12px;
			} 
			#blog .blog-section .blog-left-panel .view-blog-comment .comment-list .view-blog-bottom .thumbnail img 
			{
					width: 60px;
					height: 60px;
			}
			#blog .blog-section .blog-left-panel .blog-comment .blog-comment-box,
			#blog .blog-section .blog-left-panel .view-blog-comment .comment-list,
			#blog .blog-section .blog-left-panel .blog-rating .blog-rating-box 
			{
					padding: 20px 0;
			}
			#blog .blog-section .blog-left-panel .blog-comment .blog-comment-box .form-group 
			{
					margin-bottom: 15px;
			}
			#blog .blog-section .blog-left-panel .blog-comment .blog-comment-box .blog-comment-l
			{
					padding-left: 0px;
					padding-right: 10px;
			}
			#blog .blog-section .blog-left-panel .blog-comment .blog-comment-box .blog-comment-r 
			{
					padding-left: 10px;
					padding-right: 0px;
			}
			#blog .blog-section .blog-right-panel .blog-search 
			{
					margin-bottom: 20px;
			}
			#blog .blog-section .blog-right-panel .blog-widget
			{ 
					margin-bottom: 20px;
			}
			#blog .blog-section .blog-left-panel .blog-rating .blog-rating-box-cont-inner:hover img.rating-mood-img
			{
				margin-top:0px; 
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .blog-single-post-detail-box 
			{
				padding: 10px 0;
			}
			#blog .blog-list-search ul.blog-list-search-ul li a 
			{ 
				font-size:12px;
			}
			#blog .blog-section .blog-left-panel .comment-blog-hedaing h3
			{ 
				font-size: 16px; 
			}
			#blog .blog-section .blog-right-panel .blog-back-home 
			{ 
				font-size: 16px;
				line-height: 36px;
			}
			#blog     .custom-iframe-video
			{
				width: 100%;
				max-width: 100%;
				height: 300px;
			}

} 
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
{
			#blog-main-section .latest-blog .blog-grid .gridimg figure figcaption
			{
					padding:20px 0; 
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .blog-single-post-info ul.info-ul li 
			{ 
					font-size: 14px; 
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .blog-single-post-info ul.info-ul li a
			{ 
					font-size: 14px;
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .blog-single-post-detail-box p
			{
					font-size: 14px;
			} 
			#blog-main-section .latest-blog .blog-grid .gridimg figure img
			{ 
					height: 350px; 
			}
			#blog-main-section .latest-blog .blog-grid .gridimg figure h3 
			{
					font-size: 14px;
					line-height: 25px;
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .blog-hedaing a,
			#blog .blog-section .blog-left-panel .blog-single-large-post .blog-hedaing 
			{ 
					font-size: 18px; 
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .main-img-cont img
			{ 
					height: 400px; 
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post .single-blog-date p 
			{
					font-size: 14px; 
			}
			#blog .blog-section .blog-right-panel .blog-widget .widget-title
			{ 
					font-size: 16px; 
					margin-bottom: 30px;
			}
			#blog .blog-section .blog-right-panel .blog-search input[type="text"]
			{
					height:40px;
			}
			#blog .blog-section .blog-right-panel .blog-search .search-btn-sett 
			{
					font-size: 16px;
					height:40px;
			}
			#blog .blog-section .blog-right-panel .blog-widget .widget-content .recent-post-list .recent-post-left .recent-img-div img.recentimg 
			{ 
					height: 80px; 
			}
			#blog .blog-section .blog-right-panel .blog-widget .widget-content .recent-post-list .recent-post-right a
			{ 
					font-size: 14px; 
					padding-bottom: 5px;
			}
			#blog .blog-section .blog-left-panel .blog-single-large-post 
			{
					padding:20px 10px; 
			}
			#blog .blog-section .blog-right-panel .blog-widget 
			{ 
					padding:20px 10px; 
			}
			#blog .blog-section .blog-right-panel .blog-widget .widget-content ul.category-list li a 
			{ 
					font-size: 14px; 
			}
			#blog .blog-section .blog-right-panel .blog-widget .widget-content .social-follows-icon .social-network li a
			{ 
					width:30px;
					height: 30px;
					font-size: 14px; 
			}
			#blog .blog-section .blog-right-panel .blog-widget .widget-content .social-follows-icon .social-network li i 
			{ 
					line-height: 30px; 
			}
			#blog .blog-section .blog-right-panel .blog-newsletter .btn-blog-subscribe 
			{
					margin: 0px 0 0 0;
			}
			#blog .btn-common-blog 
			{ 
					font-size: 14px;
			}
			#blog .blog-section .blog-right-panel .blog-widget .widget-content .recent-post-list .recent-post-right p.post-time
			{
					font-size: 12px; 
			} 
			/*blog detail page*/
			#blog .blog-section .blog-left-panel h2.add-comments-heading 
			{ 
					font-size: 16px; 
			}
			#blog .blog-section .blog-left-panel   a.comments-title
			{
					font-size: 16px; 
			}
			#blog .blog-section .blog-left-panel .blog-rating .blog-rating-box-cont-inner p
			{
					font-size: 14px; 
			}
			#blog .blog-section .blog-left-panel .view-blog-comment .comment-list .view-blog-bottom figcaption 
			{ 
					font-size: 14px;
			}
			#blog .blog-section .blog-left-panel .view-blog-comment .comment-list .view-blog-bottom .panel .panel-body .comment-user,
			#blog .blog-section .blog-left-panel .view-blog-comment .comment-list .view-blog-bottom .panel .panel-body .comment-date
			{ 
					font-size: 14px;
			}
			#blog .blog-section .blog-left-panel .view-blog-comment .comment-list .view-blog-bottom .panel .panel-body .comment-post p 
			{
					font-size: 14px;
			} 
			#blog .blog-section .blog-left-panel .view-blog-comment .comment-list .view-blog-bottom .btn-replay
			{ 
					font-size: 14px;
			}
			#blog .blog-section .blog-left-panel .view-blog-comment .comment-list .view-blog-bottom .thumbnail img 
			{
					width: 60px;
					height: 60px;
			}
			#blog .blog-section .blog-left-panel .blog-comment .blog-comment-box,
			#blog .blog-section .blog-left-panel .view-blog-comment .comment-list,
			#blog .blog-section .blog-left-panel .blog-rating .blog-rating-box 
			{
					padding: 20px 0;
			}
			#blog .blog-section .blog-left-panel .blog-comment .blog-comment-box .form-group 
			{
					margin-bottom: 15px;
			}
			#blog .blog-section .blog-left-panel .blog-comment .blog-comment-box .blog-comment-l
			{
					padding-left: 0px;
					padding-right: 10px;
			}
			#blog .blog-section .blog-left-panel .blog-comment .blog-comment-box .blog-comment-r 
			{
					padding-left: 10px;
					padding-right: 0px;
			}
			#blog .blog-section .blog-left-panel .blog-comment .blog-comment-box input[type="text"], input[type="password"], input[type="date"], input[type="email"], input[type="time"]
			{
				height: 36px;
			}
			#blog .blog-section .blog-right-panel .blog-search 
			{
					margin-bottom: 20px;
			}
			#blog .blog-section .blog-right-panel .blog-widget
			{ 
					margin-bottom: 20px;
			}
			#blog .blog-section .blog-left-panel .blog-rating .blog-rating-box-cont-inner:hover img.rating-mood-img
			{
				margin-top:0px; 
			}
			#blog .blog-section .blog-left-panel .comment-blog-hedaing h3
			{ 
				font-size: 18px; 
			}
			#blog .blog-section .blog-right-panel .blog-back-home 
			{ 
				font-size: 16px;
				line-height: 40px;
			}
 
}