@media screen and (max-width : 1024px)
{
   .page-articles .about_new,.page-user-articles .about_new {background-size: 100% 100%;height: 150px;max-height: 100%;min-height: 150px;background-position: center center;}
   .page-articles .about_new h1,.page-user-articles .about_new h1{ font-size:30px; }
    #blog_cat_menu ul li{ display: inline-block;width: 33.3%;}
    #blog_artical_listwrapper {display: block;}
    #bloglist_main_contanier{width:100% !important;display: block !important;padding: initial;}
    #blog_cat_menu ul{margin-bottom: 25px;}
    #bloglist_main_contanier .pager::before, .pager::after{ display: inline;line-height: 39px;}
    #blog-socail-media-section{ display: none; }
    #bloglist_social_contanier .blog-share-icon{ display: none; } 
    
  .node-type-blog .generic-page #blog_details_wraaper { display:block; }
  .node-type-blog .generic-page #blog_details_wraaper #blog_details_lefttpanel {  display:block;width:100% }
  .node-type-blog .generic-page #blog_details_wraaper #blog_details_righttpanel {   display:block;width:100% }
    
  .node-type-blog .generic-page #blog_details_wraaper #blog_details_righttpanel #blogdetails_articles_contanier{ display: none;}
  .node-type-blog .generic-page #blog_details_wraaper #blog_details_righttpanel #blogdetails_follow_contanier{ display: none;}
  .node-type-blog .generic-page #blog_details_wraaper #blog_details_righttpanel #bloglist_social_contanier{display: none;}
  #blog_artical_listwrapper #bloglist_social_contanier { display: block;margin: 0 25%; width: 50%;float: unset;border-bottom: 0px;padding:0 14% !important;text-align: center;}
    #blog_artical_listwrapper #bloglist_social_contanier .rss-feed-share ul{float: unset;border-bottom: 0px} 
    #blog_u_artical_listwrapper #bloglist_cat_contanier ul#tab_cat_menu li:first-child {
       display: none;
    }
    #blog_u_artical_listwrapper #bloglist_cat_contanier {
        margin: auto 1%;
        width: 98%;
    }
    #blog_u_artical_listwrapper #bloglist_cat_contanier ul#tab_cat_menu {
        background: none;
        border-bottom: 1px solid #e0e3e3;
        border-right: none;
        min-height: initial;
    }


    #blog_u_artical_listwrapper #bloglist_cat_contanier ul#tab_cat_menu li {
        background: #eec977 none repeat scroll 0 0;
        display: inline-block;
        margin: 1%;
        min-width: 27%;
        padding: 5px 2px;
        text-align: center;
        vertical-align: middle;
        width: 27%;
    }
    
    #blog_u_artical_listwrapper #bloglist_main_contanier li {
        margin: 15px 0;
    }
}
@media screen and (max-width : 980px)
{
		.page-articles .about_new {
    background-size: 100% 100%;
    height: 150px;
    max-height: 100%;
    min-height: 150px;
		background-position: center center;
		}
		.page-articles .about_new h1{
		font-size:30px;
		}
    #blog_cat_menu ul li{ display: inline-block;width: 33.33%;}
    #blog_artical_listwrapper {display: block;}
    #bloglist_main_contanier{width:100% !important;display: block !important;padding: initial;}
    #bloglist_main_contanier ul.pager-load-more li{margin-left: 0;}
    
    #blog_artical_listwrapper #bloglist_social_contanier { padding:0 6% !important;}
    
}
@media screen and (min-width : 700px) and (max-width : 980px)
{

		.page-articles #artContID div.artImgContainer {
		height: 175px;
	 	} 	
}
@media screen and (min-width : 800px) and (max-width : 870px)
	{

		.page-articles #artContID div.artImgContainer {
  	height: 175px;
	  width: 225px;
		} 
	}
@media screen and (min-width : 700px) and (max-width : 800px)
{

		.page-articles #artContID div.artImgContainer {
  	/*height: 175px;*/
	  width: 205px;
      margin-left: 25px;
		} 	
    #blog_u_artical #auth_details #author_first_row #desc_holder {
        width: 54%;
   }    
  #blog_u_artical #auth_details #author_first_row #desc_holder ul li {
       width: 90%;
    }
}
@media screen and (min-width : 500px) and (max-width :700px)
{
		
		.page-articles #artContID .rightColArticalImage {
    float: none;
    padding-left: 3.5%;
    padding-right: 3.5%;
    position: relative;
    text-align: left;
    width: 90%;
		}
		.page-articles #artContID div.leftColArticalImage {
    float: none;
    padding-left: 3.5%;
    position: relative;
    text-align: center;
    width: 90%;
		}
		.page-articles .about_new ,.page-user-articles .about_new {
    background-size:cover;
    height: 150px;
    max-height: 100%;
    min-height: 150px;
		background-position: center center;
		}
		.page-articles .BDTitle .about_new h1 span {
     height: auto;
		} 	
}

@media screen and (max-width :500px)
{

  	.page-articles #artContID div.leftColArticalImage, 
  	.page-articles #artContID div.rightColArticalImage{
    float: none;
    margin: 0 auto;
    width: 99%;

  	}
  	 .page-articles #artContID div.rightColArticalImage{
    padding-left: 0;padding-right: 0;
  	}
  	.page-articles #artContID div.artImgContainer{
    margin: 0 auto;
  	}
  .page-articles .about_new ,.page-user-articles .about_new {
    background-size:cover;
    height: 150px;
    max-height: 100%;
    min-height: 150px;
		background-position: center center;
		} 
                

}

@media screen and (max-width: 640px) {
    .node-type-blog .section-container table{display: block;font-size: 13px;margin: 2% 3%;overflow-x: auto;width: auto !important;}
    .node-type-blog iframe { width: 95%; }
    #blog_slider_outer_wrapper{display:none}
    #blog_artical_listwrapper {display: block;}
    #bloglist_main_contanier{width:100% !important;display: block !important;padding: initial;}
    #blog_cat_menu ul li{  display: inline-block; width: 33.33%;}
    #blog-socail-media-section{ display: none; }
    #bloglist_social_contanier .blog-share-icon{ display: none; } 
    #blog_artical_listwrapper #artContID .artImgContainer a img{  margin-bottom: 17px;}
    #blog_artical_listwrapper .view-blog-blocks.view-id-blog_blocks div#artContID.artContainer { border-bottom: 1px solid #ccc; margin-bottom: 10%;} 
    #blog_artical_listwrapper #bloglist_social_contanier .rss-feed-share ul{border:none;}
    #blog_artical_listwrapper #bloglist_social_contanier { display: block;margin: 0 25%; width: 50%;}
    #blog_artical_listwrapper #bloglist_social_contanier .rss-feed-share{float: unset;}
    .page-user-articles #blog_u_artical_listwrapper   #artContID div.leftColArticalImage {
        display: inline-block;
        float: none;
        position: relative;
        text-align: center;
        width: 28%;
    }
    .page-user-articles #blog_u_artical  #artContID div.leftColArticalImage {
    display: inline-block;
    float: none;
    position: relative;
    text-align: center;
    width: 23%;
   }
   
    .page-user-articles #blog_u_artical  #artContID .rightColArticalImage {
       display: inline-block;
     float: none;
       padding-left: 3.5%;
       padding-right: 3.5%;
       position: relative;
       text-align: left;
       width: 63%;
   }
   
    .page-user-articles   #blog_u_artical {
        margin: 1.2% 2%;
        width: 96%;
    } 
    
    #blog_u_artical #auth_details #author_first_row #desc_holder {
        display: inline-block;
        margin-left: 2%;
        padding-top: 15px;
        vertical-align: top;
        width: 56%;
    }
    
    #blog_u_artical #auth_details #author_first_row #desc_holder ul li {
        margin: 3% 1%;
        width: 98%;
        text-align: left;
    }
    
    #blog_u_artical #auth_details #author_first_row #image_holder {
        display: inline-block;
        float: none;
        margin: 2%;
        text-align: center;
        vertical-align: top;
        width: 38%;
    }
    

    #blog_u_artical #auth_details #author_first_row, #author_second_row {
        line-height: 150%;
        text-align: center;
    }
    
    #blog_u_artical_listwrapper #bloglist_cat_contanier ul#tab_cat_menu li:first-child {
       display: none;
    }
    #blog_u_artical_listwrapper #bloglist_cat_contanier {
        margin: auto 1%;
        width: 98%;
    }
    #blog_u_artical_listwrapper #bloglist_cat_contanier ul#tab_cat_menu {
        background: none;
        border-bottom: 1px solid #e0e3e3;
        border-right: none;
        min-height: initial;
    }


    #blog_u_artical_listwrapper #bloglist_cat_contanier ul#tab_cat_menu li {
        background: #eec977 none repeat scroll 0 0;
        display: inline-block;
        margin: 1%;
        min-width: 27%;
        padding: 5px 2px;
        text-align: center;
        vertical-align: middle;
        width: 27%;
    }
#blog_u_artical_listwrapper #bloglist_main_contanier .artSubContainer .blog_post_title {
    position: relative; 
    width: 62%;
}
    #blog_u_artical_listwrapper #bloglist_main_contanier .artSubContainer .blog_post_category{
        display: none;
    }
    #blog_u_artical_listwrapper #bloglist_main_contanier .artSubContainer .blog_post_created{
        display: none;
    }
   
    #blog_u_artical_listwrapper #bloglist_main_contanier .artSubContainer .blog_post_category_mobile {
        color: #d8a120;
        display: block;
        font-size: 14px;
    }
    #blog_u_artical_listwrapper #bloglist_main_contanier .artSubContainer .blog_post_created_mobile {
        display: block;
        text-align: right;
        font-size: 13px;
    }
    #blog_u_artical_listwrapper #bloglist_main_contanier li {
        border-bottom: 1px solid #cccccc;
        margin: 5px auto;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    #blog_u_artical_listwrapper #bloglist_main_contanier .pager-load-more li{
        width:278px;
          border-bottom:none;
    }
    #blog_u_artical_listwrapper #bloglist_main_contanier .pager-load-more li a{
        width:214px;
    }
    #blog_artical_listwrapper{
        margin: auto 2%;
        width: 96%;
    }
}
@media screen  and (max-width :480px)
{
   .page-articles .view-blog-blocks.view-id-blog_blocks div#artContID.artContainer {
    background-size: 499px auto;
    }
    #blog_cat_menu ul li{  display: inline-block; width: 50%;}
    
    #blog_artical_listwrapper #bloglist_social_contanier { margin: 0 5%; width: 90%;}
    
    #blog_u_artical_listwrapper #bloglist_cat_contanier ul#tab_cat_menu li {
        background: #eec977 none repeat scroll 0 0;
        display: inline-block;
        margin: 1%;
        min-width: 27%;
        padding: 5px 2px;
        text-align: center;
        vertical-align: middle;
        width: 46%;
    }
   
}

@media screen  and (max-width :360px){
    #blog_u_artical #auth_details #author_first_row #desc_holder {
        width: 96%;
    }
    #blog_u_artical_listwrapper #bloglist_cat_contanier ul#tab_cat_menu li {
        background: #eec977 none repeat scroll 0 0;
        display: inline-block;
        margin: 1%;
        min-width: 27%;
        padding: 5px 2px;
        text-align: center;
        vertical-align: middle;
        width: 97%;
    }
     #bloglist_main_contanier ul.pager-load-more li {
        width: 90%;
    }
    #bloglist_main_contanier ul.pager-load-more li a {
        width: 95%;
    }
}