@media (max-width: 640px) {
  .container {font-family: 'muli-regular', sans-serif;}
  .navbar-default .navbar-toggle {border-color: #ddd;color: #fff;}
  #menu.navbar-default .navbar-nav {border-bottom: 5px solid #ccc;}
  #menu.navbar-default .navbar-nav > li > a {  text-transform: uppercase;  color: #333;  font-size: 12px;  letter-spacing: 1px;  font-weight: 500;text-shadow: none;}
  #menu.navbar-default .navbar-nav > li > a:hover {  color: #333;  background: #fff;}
  .dropdown-toggle {background: #fff;}
  .dropdown-menu-bahasa {  background: #fff;  padding: 10px;border-radius: 0px;margin-bottom: -8px;}
  .dropdown-menu-bahasa li{  width: 100%; padding-left: 10px;}
  .dropdown-menu-bahasa > li > a {  padding: 10px 0px 10px 0px;}
  .dropdown-menu-bahasa > li{  padding: 5px 0px 5px 5px;}
  .dropdown-menu-bahasa > li:hover{  background: #ccc;}
  .dropdown-menu-bahasa > li a:hover{  text-decoration: none;}
  .dropdown-menu > li > a {  padding: 10px 0px 10px 0px;}
  .navbar-right {background: #fff;}
  .navbar-right ul li a {color: #333;}

  header {min-height: 334px;}
  .item-slider {min-height: 334px;background: #333;}
  .slider-content { height: 470px;}
  .slider-area {height: 330px}
  #bg-slider .item-slider img{width: 100%;height: 330px}
  .slider-content h2 {font-size: 16px;}
  .slider-content p {font-size: 10px;}
  .slider .owl-pagination {display: none;}
  .toggle-btn {display: inline;float: left;margin-right: 3px;}
  .isi .desc3 {margin-top: 0px; font-family: 'Refrigerator', sans-serif;font-size: 14px;margin-bottom: 60px;}
  .nav-tabs {display: none;}
  #keyword {width: 100%;float: left;}
  #keyword:focus{width:100%;}
  #simple-search button {margin-top: 10px;width: 100%;}
  .tabulation input[type="text"]::-moz-placeholder {color: #333 !important;font-size: 12px;font-family: 'muli-regular', sans-serif;}
  #about {margin-top: 140px;}
  #topbook {padding: 0;}
  #topbook li {display: inline-block;margin-left: 5px;margin-right: 15px;}
  .cover-list {width: 120px;height: 150px;margin-top: -8px;padding: 0px;}
  .s-feature-title {background-color: #FFC125;color: #333;width: 110px;font-size: 10px;position: absolute;text-transform: uppercase;text-align: center;bottom: 8px;left: 0;padding: 5px;white-space: pre-line;overflow: hidden;height: 35px;border-radius: 13px 0px 0px 0px;}
  .img-thumbnail {width: 90px;}
  .detail-list h4 a {font-size: 18px;text-decoration: none;color: #335A01;font-weight: bold; }
  .slims-card .slims-card--info h3 {font-size: 18px;}
  #cover img {width: 90px;}

  .img-thumbnail {width: 90px;}
  .detail-list h4 a {font-size: 18px;text-decoration: none;color: #01548E;font-weight: bold; }
  .slims-card .slims-card--info h3 {font-size: 18px;}
  #cover img {width: 90px;}
  .ajaxInputField {width: 100%}
  .sidebar {display: none}
  .widget-hotbook {display: none;}

}
@media (width: 768px) {
  .navbar-header {display: none;}
  #nav-bahasa {display: none;}
  .slider-content {padding-top: 19%;}
}

@media (width: 1920px) {
  .slider-area{position: relative;height: 1200px}
  .isi {margin-top: 0%;padding: 10% 5% 0 5%;}
  #bg-slider .item-slider img{width: 100%;height: 1200px}
  .slider-content{position: absolute;top: 0%;color: #FFF;width: 100%;height: 1200px;background: url(../img/pattern.png) , rgba(0,0,0,0.8);}
}