@media screen and (max-width: 1080px){
          .nav ul.main_nav{
      position: absolute;
      background-color: #444;      
      border-bottom: 0;
      height: auto;
      z-index: 9999;
      width: 200px;
      display: none;
      padding: 0;
    }  
          .nav, .logo{
      display: block;
      float: left;
    }
    .nav{
      width: auto;
    }
    .nav_btn{
      display: block;
    }
    .nav li, .nav li a{
      float: none;
      height: auto;
    }
         .drop{
 background-color: #2F9CB8;
    }
    .nav li a{
      border-right: 0;      
      border-bottom: 1px solid rgba(0,0,0,0.15);
    }
    .nav li ul{
      display: block;
      position: relative; 
      left: auto;
    }
	     .editcomm{
    display: block;
    margin: 4px 0 0 1px;
}
     .comment_controls{
margin: 48px 1px 0px 0;
}
}
@media screen and (max-width: 980px){
        .right{
    display: none;
  }
  .left{
    width: 100%;
    float: none;
  }
       .chat{
    display: none;
  }
      .chatbutton{
      display: block;
    }
    .nav ul {
    margin-left: -60px;
    }
    .short_title a{
    font-size: 18px;
}
    .short_post{
      width: 160px;height: 100%;
    }
         .short_post  img{    
 width: 160px;
 height: 100%;
}
    .short_post_content{margin:0 2px 0 170px;
      width: 80%;position: absolute;
    }
		.short-story_post {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #111;
}
 .comment_avatar{
      display: none;
    }
    .comment_content{
      width: 100%;  margin-left: -8px;
    }
    .comment_post .comment_post a{
      font-size: 13px;
    }
	.post_title {
    font: 20px Monotype;
	font-weight: 900;
	margin-top: 7px !important;
	overflow: hidden;
}
    .promomob{
    display: block;
        text-align: center;
}
      #totop{
      width: 0;height: 0;bottom: 1px;right: 1px;
 }
 .edit-date {
    display: none;
}
  }
 @media screen and (max-width: 720px){
        .header{
      position: relative;
    }
    body{
      padding-top: 0;
    }
  .right{
    display: none;
  }
  .left{min-width: 340px;
    width: 100%;
    float: none;
  }
   .comment_id c{ 
	 display: none;
}
  .shortstory {
    padding: 6px;
}
.full_post_meta a{
    font-size: 12px;
}
    .short_post{
      width: 120px;height: 100%;
    }
     .short_post  img{    
width: 120px;
    height: 95px;
}
 .short_post_content {
   margin: -12px 0 0 127px;
width: 60%;
}
	.short-story_post {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #111;
}
.short_cat a {
    color: #2F9CB8;
    text-decoration: none;
}
.short_post_meta a {
    font-size: 13px;
}
.short_date {
    font-size: 11px;
}
.edit-date {
    display: none;
}
    .comm_button{
    font-size:13px;
    }
     #count{
      display: none;
    }
	.read_bt a {
    display: none;
}    
.short_author a{
    font-size:10px;
    }
   .navigation span, .navigation a, .navigation b{ 
    padding: 3px !important;
    height: auto;
    width: auto;
    font-size: 12px;
    margin-bottom: -18px;
    float: left;
}
.comment_author {
    padding-left: 1px;
}
     .comment_meta{
    margin: 0 0 15px 8px;
}
     .comment_post{
	margin: -10px 0 -45px 10px;
}
     .editcomm{
    display: block;
    margin: 6px 0 -6px 0;
}
     .comment_controls{
margin: 48px 1px 0px 0;
}
         .promomob{
    display: block;
        text-align: center;
}
.footer_menu li a{
    font-size: 15px;
   line-height: 15px;
   height: 14px;
}  
.navigation span, .navigation a, .navigation b {
    font-size: 12px;
    margin: 2px;
}
}