@media (max-width: 400px) {
  .hide-400  {display: none;}
  
  .container {width: 400px;}
  #page {height: auto; width: 400px;padding: 10px;}
  
  #banner {width: 400px;margin: 0 auto;}
  #block-views-slideshow-block a img {width: 380px;height: auto;}
  
  #article-left {float: left; margin-left:0;width: 100%;}

  #berita-terkini {float: left; margin-right: 19px;width: 400px;}
  .view-berita-terkini .views-row {float: left;width: 100%;}
  
  .intro-page h2 {float: left;line-height: normal; width: 35%;}
  #search-block-form input.form-text {float: left; width: 99%;}
  #block-search-form {float: left; width: 53%;}
  
  #header-right   {display: none;}
  #block-block-13 {display: none;}
  #bottom-content {display: none;}
  #footer         {display: none;}
  
  
  
}

@media (max-width: 360px) {
  .container {width: 360px;}
  #page {height: auto; width: 360px;padding: 10px;}
  
  #banner {width: 360px;margin: 0 auto;}
  #block-views-slideshow-block a img {width: 340px;height: auto;}
  #berita-terkini {float: left; margin-right: 19px;width: 360px;}
}

@media (max-width: 320px) {
  .container {width: 320px;}
  #page {height: auto; width: 320px;padding: 10px;}
  
  #banner {width: 320px;margin: 0 auto;}
  #block-views-slideshow-block a img {width: 300px;height: auto;}
  #berita-terkini {float: left; margin-right: 19px;width: 320px;}
}