#sidebar-tengah {
  overflow:visible;
}

#sidebar-tengah .sidebarmd-widget {
  width:auto;
  float:none;
}

@media only screen and (max-width:979px) {
  #outer-wrapper,
  #nav {
    width:768px;
  }
  #footer-wrapper .grid {
    width:33.3%;
  }
  #main-atas {
    width:58%;
  }
  #sidebar-wrapper {
    width:40%;
  }
  #mainmidtengah .section,
  #mainmidtengah2 .section {
    width:100%;
    float:none;
  }
  .index .post-outer,
  .archive .post-outer,
  ul.rcentpost.sliderq li {
    width:50%;
  }
  .post-outer.list a.thumbimgx {
    width:150px;
    height:120px;
  }
  .ticker {
    width:90%;
  }
  ul.featpost,
  .featuredpost,
  ul.featpost li,
  a.feathumb {
    height:240px;
  }
  .featuredpost {
    font-size:11px;
  }
  #main-top .flex-viewport {
    width:100%;
  }
  ul.featpost strong.titlex {
    max-width:250px;
    max-height:55px;
    bottom:110px;
  }
  .post-body .left,
  .post-body .right {
    float:none;
    display:block;
    text-align:center;
    margin:10px 0 15px;
  }
  #related_posts li {
    width:98%;
    float:none;
    height:auto;
    overflow:hidden;
  }
  .comments .comments-content .comment-replies {
    margin-left:10px;
  }
  #header {
    width:100%;
    float:none;
  }
  #adstop {
    display:none;
  }
  ul.subnya-xitem {
    width:300px;
  }
  ul.subnya-xitem li {
    float:none;
    width:100%;
  }
  #feedContainer li {
  float:none;
  width:100%;
  }

#feedContainer .inner {
  height:auto;
  }
}

@media only screen and (max-width:767px) {
  #outer-wrapper,
  #nav {
    width:480px;
  }
  #footer-wrapper .grid {
    width:50%;
  }
  #main-atas,
  #sidebar-wrapper {
    width:98%;
    float:none;
    padding:0 1%;
  }
  .flex-viewport,
  .rcbytag {
    width:407px;
  }
  #topmobilenav,
  #mobilenav {
    display:block;
  }
  #topmobilenav {
    float:right;
    height:20px;
    line-height:20px;
    width:25px;
    padding:0;
    text-decoration:none;
    background-image:url(http://1.bp.blogspot.com/-fR7_TMAuMd4/UXLZiUyRfHI/AAAAAAAAI_E/1fT61fROoE8/s18/responbutton.png);
    background-repeat:no-repeat;
    text-indent:-9999px;
    background-position:4px 1px;
  }
  #topnav {
    overflow:visible;
    height:20px;
  }
  #topnav .wrapnya {
    position:relative;
  }
  #navinti,
  #topmenunya ul,
  #newsticker {
    display:none;
  }
  #navinti > li {
    margin-right:0;
  }
  #topmenunya ul {
    position:absolute;
    left:10px;
    right:10px;
    top:25px;
    z-index:999;
    background-color:#FFF;
    padding:5px 10px;
    border:1px solid #D3D3D3;
    border-top:0;
    -moz-box-shadow:0 1px 5px #C0C0C0;
    -webkit-box-shadow:0 1px 5px #C0C0C0;
    box-shadow:0 1px 5px #C0C0C0;
  }
  #topmenunya li {
    float:none;
  }
  #topmenunya li a:hover {
    color:#000;
  }
  #mobilenav {
    float:left;
    text-decoration:none;
    height:32px;
    line-height:30px;
    width:38px;
    margin:9px 0 0 2px;
    padding:0;
    text-indent:-9999px;
    background-image:url(http://1.bp.blogspot.com/-fR7_TMAuMd4/UXLZiUyRfHI/AAAAAAAAI_E/1fT61fROoE8/s28/responbutton.png);
    background-repeat:no-repeat;
    background-position:5px 2px;
    background-color:#007ABE;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
  }
  #header {
    text-align:center;
  }
  #header img {
    margin:0 auto;
  }
  .navix.credit .left, .navix.credit .righ {
	float: none;
	text-align: center;
  }
}

@media only screen and (max-width:479px) {
  #outer-wrapper,
  #nav {
    width:320px;
  }
  #footer-wrapper .grid {
    width:100%;
  }
  a.thumbimgx {
    height:110px;
  }
  .index .post-outer .post,
  .archive .post-outer .post {
    height:160px;
  }
  .post-outer.list a.thumbimgx {
    width:100px;
    height:90px;
  }
  ul.rcentpost.sliderq a.thumbxtag,
  ul.rcentpost.sliderq li:first-child a.thumbxtag {
    width:97%;
    height:90px;
  }
  ul.rcentpost.sliderq,
  ul.rcentpost.sliderq li {
    height:150px;
  }
  .post-outer.list .post .titlex {
    font-size:130%;
  }
  .flex-viewport,
  .rcbytag {
    width:100%;
  }
  ul.featpost strong.titlex {
    max-width:190px;
    bottom:95px;
  }
  ul.featpost .labeltext p {
    height:50px;
    overflow:hidden;
  }
  ul.featpost .labeltext .date {
    display:none;
  }
  ul.featpost,
  .featuredpost,
  ul.featpost li,
  a.feathumb {
    height:200px;
  }
  #search-result {
    width:272px;
  }
  ul.subnya-xitem {
    width:200px;
  }
}

@media only screen and (max-width:319px) {
  #outer-wrapper,
  #nav {
    width:100%;
  }
  .index .post-outer,
  .archive .post-outer,
  ul.rcentpost.sliderq li {
    width:100%;
    float:none;
  }
}