/* Custom CSS */

/* TABLET: 992px - 1200px */
@media only screen and (min-width: 992px) and (max-width: 1199px){
    #wrapper, #menu_center, .home_wrapper, #footer {width: 965px;}
    #news{width: 950px;} #content_bigboard{
    width: 625px;
}
    #news #content_right{margin-left:15px;}
    #searchbar,.ad_column,#stats,#tower_column{display:none;}    
    #menu_center ul{margin:0 auto;width:920px;float: none;}
    #menu_center ul li a{font-size: 14px;font-weight: 700;padding: 6px;}
    #topstyle_box_info{width: 250px;}
    #block_top_books a {width: 375px!important;}
    #content_bigboard .news-title {/* width: 81%!important; */}
    #topstyle_box #got_a_news_story{width: 260px;} #topstyle_box_ads{width: 700px;overflow: hidden;}    
    /* Category */
    #content{width:640px;}
    #newest_stories, #most_popular, #most_commented,#middle_content #mc_recent_comments, #middle_content #mc_top_contributors {width: 310px;}    
    #newest_stories .newest_story_item,#most_popular .mp_item {width: 300px;}
    /* Post Detail */
    #story_column{width: 635px;}
    /* Bio Page */
    .bio-wrap{width: 550px;} #bio_story_headlines{width: 350px;margin: 0px;}
    .right_stories{width: 300px;margin: 10px 0px;}
}

/*Phone: 768px - 992px */
@media only screen and (min-width: 768px) and (max-width: 991px){
    #wrapper, #menu_center, .home_wrapper, #footer {width: 760px;}
    /* Header */
    #menu,#menu_center{height: 27px;}
    #news #content_right{margin-left: 0px;}
    #searchbar, .ad_column, #tower_column{display:none;}    
    #menu_center ul li a{font-size: 13px;font-weight: 700;padding: 3px;}
    #menu_center ul{margin:0 auto;width: 100%;float: none;}
    #topstyle_box_info{width: 430px;margin: 0 auto;float: none;}
    /* Home Page */
    #news{width: 745px;}
    #content_bigboard{width: 432px;margin-right: 10px;}
    #block_top_books a {width: 375px!important;}
    #topstyle_box #got_a_news_story{width: 260px;} #topstyle_box_ads{margin: 0 auto;float: none;}
    .category_columns{width: 248px;} .category_title{width: 235px;}
    /* Category */
    #content, #sidebar{width: 100%;float: none;}
    #feature_story,#top_stories{height: 275px;}
    #newest_stories, #most_popular, #most_commented,#middle_content #mc_recent_comments, #middle_content #mc_top_contributors {width: 365px;}    
    #newest_stories .newest_story_item,#most_popular .mp_item {width: 355px;}
    .right_stories, .ad_300x250, #stripmall, #follow_us{margin: 10px;float: left;width: 350px;} 
    .ad_300x250, #stripmall {text-align: center;}    
    #middle_content #mc_top_contributors li {margin: 5px 7px;width: 100px;height: 100px;}
    /* Post Detail */
    #story_column{width: 730px;margin: 0px;float: none;padding: 5px 15px;}
    #infobar{margin: -5px -15px;width: 760px;}
    #tile_column{float: none;width: 745px;padding: 8px;display: inline-block;}
    /* Bio Page */
    .bio-wrap{width: 720px;} #bio_story_headlines{width: 710px;margin: 15px;}
}

/* Phone: 480px - 768px */
@media only screen and (min-width: 480px) and (max-width: 767px){
    #wrapper, #menu_center, .home_wrapper, #footer,#feature {width: 471px;}
    /* Header */
    #logo,#logo img{width: 150px;height: 25px;} #user_status{width: 250px;}
    #menu,#menu_center{height: 55px;}
    #news #content_right, .right_stories, .ad_300x250, #stripmall, #follow_us, #sidebar ul li ul, ul.xoxo li h3.widget-title{width: 100%;margin: 0px;height: auto;}
    #content_bigboard, #content, #sidebar, #editors_picks_title, table.views-table, table.views-table .headline, #block_top_books, .category_columns, .category_title,#main_socical{width: 100%;}
    #searchbar, .ad_column, #tower_column{display:none;}    
    #menu_center ul li a{font-size: 14px;font-weight: 700;padding: 3px;}
    #menu_center ul,.ad_300x250, #stripmall {margin:0 auto;width: 100%;float: none;text-align: center;}
    #topstyle_box_info{width: 420px;margin: 0 auto;float: none;}
    /* Home Page */
    #news{width: 455px;} #content_bigboard .news-title{width: 355px;}
    #content_bigboard .news-tooltip{width: 55%;}
    #block_top_books a {width: 375px!important;}
    #topstyle_box #got_a_news_story{width: 260px;} #topstyle_box_ads{width: 100%;overflow: hidden;float: none;}
    /* Category */
    #feature{margin: 0px -8px;}
    #feature_story,#top_stories{height: 250px;width: 471px;}
    #newest_stories, #most_popular, #most_commented,#middle_content #mc_recent_comments, #middle_content #mc_top_contributors {width: 453px;margin: 8px 0px;}    
    #newest_stories .newest_story_item,#most_popular .mp_item {width: 443px;}
    #middle_content #mc_top_contributors li {margin: 5px 7px;width: 93px;height: 93px;}
    ul.xoxo li h3.widget-title,#main_socical {background-size: cover;}
    /* Post Detail */
    #viewcounters{float:left;margin: 5px 0px;width: 150px;} #profile_info{width: 226px;}
    #story_column{width: 450px;margin: 0px;float: none;padding: 5px 10px;}
    #infobar{margin: -5px -15px;width: 480px;} #in_line_story_sharing{height: 50px;margin: 0px;}
    #tile_column{float: none;padding: 10px;margin: 0 auto;width: 445px;}
    /* Bio Page */
    .bio-wrap{width: 431px;} #bio_story_headlines{width: 420px;margin: 15px;}
    .bio-pic, .bio-info {float: none;margin: 0 auto;text-align: center;}
}

@media only screen and (max-width: 479px) {
    #wrapper, #menu_center, .home_wrapper, #footer,#feature {width: 304px;}
    /* Header */
    #header{height: 190px;}
    #logo,#logo img{width: 230px;height: 35px;} #user_status{width: 304px;margin-top: 20px;} 
    #login,#joinnowtext a{color: #FFF;}
    #menu,#menu_center{height: 55px;}
    #main-menu-mob{
    display: block;
}
    #news #content_right, .right_stories, .ad_300x250, #stripmall, #follow_us, #sidebar ul li ul, ul.xoxo li h3.widget-title{width: 100%;margin: 0px;height: auto;}
    #content_bigboard, #content, #sidebar, #editors_picks_title, table.views-table, table.views-table .headline, #block_top_books, .category_columns, .category_title,#main_socical{width: 100%;}
    #searchbar, .ad_column, #tower_column, #stats, #menu_center ul,.news-tooltip .news-desc,.news-tooltip .news-info{display:none;}    
    #menu_center ul li a{font-size: 14px;font-weight: 700;padding: 3px;}
    #menu_center ul,.ad_300x250, #stripmall {margin:0 auto;width: 100%;float: none;text-align: center;}
    #topstyle_box_info{width: 250px;margin: 0 auto;float: none;}
    /* Home Page */
    #news{width: 295px;padding: 0 5px;} #content_bigboard .news-title{width: 200px;}
    .views-table .headline .ellipsis{width: 260px!important;overflow: hidden;height: 17px;}
    #content_bigboard .news-tooltip{width: 50%;}
    #content_bigboard div.news-tooltip .news-image,#content_bigboard div.news-tooltip .news-fulltitle{width: 100%;text-align: justify;font-size: 13px;}
    #block_top_books a {width: 375px!important;}
    #topstyle_box #got_a_news_story{width: 260px;} #topstyle_box_ads{width: 100%;overflow: hidden;float: none;}
    /* Category */
    #feature{margin: 0px -8px;} #feature_story .fs_img img{height: 90px;margin: 15px 5px;}
    #feature_story,#top_stories{height: 275px;width: 304px;} #feature_story .text_feature{margin-right: 5px;}
    #feature_story .text_feature .fs_title a{font-size: 15px;}
    #newest_stories, #most_popular, #most_commented,#middle_content #mc_recent_comments, #middle_content #mc_top_contributors {width: 286px;margin: 8px 0px;}    
    #newest_stories .newest_story_item,#most_popular .mp_item {width: 276px;}
    #middle_content #mc_top_contributors li {margin: 5px 2px;width: 85px;height: 85px;overflow: hidden;}
    /* Post Detail */
    #viewcounters{display: none;} #profile_info{width: 214px;}
    #story_column{width: 294px;margin: 0px;float: none;padding: 5px;} #profile_pic{min-width: 90px;width: 90px;}
    #wp_emoticons {display: inline-block;width: 280px;}
    #infobar{margin: -5px -5px;width: 304px;} #in_line_story_sharing{height: 50px;margin: 0px;}
    #tile_column{float: none;padding: 10px 5px;margin: 0 auto;width: 290px;}
    /* Bio Page */
    .bio-wrap{width: 285px;margin: 0px;} #bio_story_headlines{width: 272px;margin: 5px;}
    .bio-press{font-size: 68px;}.bio-info{width: 260px;} .bio-pic, .bio-info {float: none;margin: 0 auto;text-align: center;}
}