@media screen and (max-width: 1512px) {
  #header_mobile {
    display: none !important;
  }
  /*#left {
    display: none !important;
  }
  #header_left {
    display: none !important;
  }
  
  #header_content_1 {
    display: none;
  } */
}

@media screen and (max-width: 1080px) {
  #right article img {
    height: auto !important;
    width: 100% !important;
    /*background: #000;*/
    padding:0px;
  }
  .banner img {
    height: auto !important;
    width: 100% !important;
    /*background: #000;*/
    padding:0px;
  }
  #header_mobile {
    display: none !important;
  }
  #nav_horizontal {
    display: none !important;
  }
  #shopping_cart_button_placer {
    display: table !important;
    text-align: center !important;
    padding-top: 5px !important;
    margin: 0 auto 5px auto !important;
  }

  #produk-slider {
    display: none !important;
  }

  #produk-slider-detail {
    display: none !important;
  }

  #contact-web {
    float: none !important;
    padding-right: 10px;
    margin: 0px;
    width: 100% !important;
  }
  #form-contact {
    margin: 0px;
    float: none !important;
    width: 100% !important;
    padding-left: 10px;
    border-radius: 5px;
    border: 1px solid #CCC;
    font-family: calibri;
    font-size: 14px;
  }

  #mobile_version{
      display: block !important;
  }
  #wrapper {
    width: auto !important;
    padding: 0px !important;
  }
  #resume{
    position: absolute !important;
  }
  .progressbar {
    float: none !important;
    width: 100% !important;
    display: block !important;
  }
  .progressbar-placer {
    display: block !important;
  }
  #container{
    position: static !important;
    margin-top: 0px !important;
  }

  #header_mobile{
    display: block !important;
    z-index: 100 !important;
  }
  #header {
    position: relative !important;
    width: auto !important;
  }
  #header_left {
    float:none;
    width: 100% !important;
    margin: 0 auto !important;
    background-color: transparent !important;
    text-align: center !important;
    padding: 0 !important;
  }
  #header_right {
    float: none !important;
  }
  #header_logo{
    text-align: center !important;
    margin: 0 auto !important;
    display: block !important;
  }
  #left {
    display: none !important;
    float: none !important;
  }
  #right {
    margin: 0 auto !important;
    float: none !important;
  }
}


@media screen and (max-width: 800px) {
  #header_logo img {
    max-height: 80px !important;
  }
  #header_logo, #header_left {
    height: 90px !important;
  }
}


@media screen and (max-width: 600px) {
  #header_right {
    float:none;
    width: 100% !important;
    margin: 0 auto !important;
    background-color: transparent !important;;
  }
  #header_nav {
    float:none;

    margin: 0 auto !important;
    margin-top: 10px !important;
  }
  #header_social{
     display:none;
     max-width: none !important;
     margin: 0 auto !important;
     float:none !important;
  }
  #header_info{
    display:none;
    margin: 0 auto !important;
    float:none !important;
  }
  #header_content{
    text-align: center;
    margin: 0 auto;
    width: 100%;
  }
  #header_content_1{
    float:none !important;
    margin: 0 auto !important;
  }
  #header_content_2{
    float:none !important;
    max-width: 620px !important;
    margin: 0 auto !important;
  }
  #slide_show{
    display: none !important;
  }
  #right{
   width: 98% !important;
   padding: 1% !important;
   margin: 0 auto !important;
  }
  #left{
   width: 100% !important;
   position: absolute !important;
   top: 0 !important;
   padding: 0px !important;
   margin: 0 auto !important;
  }
  #nav_horizontal{
    display: none;
    max-width: 50% !important;
    margin-right: 0% !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    background-color: white;
    border: 1px solid #5295ab;
    padding: 5px;
    padding-bottom: 0px !important;
  }
  #nav_horizontal ul{
    margin: 0px !important;
    padding: 0 !important;
    width: auto !important;
    display: none;
  }
  #nav_horizontal li{
    text-align: left !important;;
    display: inline-block !important;;
    margin: 0px !important;
    padding-bottom: 5px !important;
    width: 100% !important;
    float: none !important;/*For IE*/
  }
  #nav_horizontal li a, #nav_horizontal li span{
      /*
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
    */
    min-width: none !important;
  }
  #nav_horizontal li ul li a, #nav_horizontal li ul li span{
    min-width: auto !important;
    width: 100% !important;
  }
  #nav_mobile_menu{
    display: none !important;
  }
  .button_form_shopping {
    width: 100% !important;
    text-align: center !important;
    padding: 5px 0px !important; 
    margin-top: 5px !important;
  }
  .button_form_shopping_placer {
    float: none !important;
    padding: 0px !important;
    margin: 5px 0px 0px 0px !important;
  }
  .searching_field{
    margin: 0px auto !important;
    width: 100% !important;
    border: 1px solid #5295ab;
    background-color: #FFF !important;
  }  
  .side_bar_box_head{
    display:none;
    margin: 0 !important;
    padding: 0 !important;
  }
  .side_bar_box{
    margin: 0 !important;
    padding: 0 !important;
  }
  #tree_produk_tipe, #tree_produk_merek, #tree_kategori{
    display: none;
    margin: 0 !important;
    padding: 2px !important;
    top: 0 !important;
    right: 0 !important;

    min-width: 50% !important;
    max-width: 74% !important;
    margin-right: 2% !important;
    position: absolute !important;
    z-index: 10000000000 !important;;
    
    background-color: white;
    border: 1px solid #5295ab;
    padding: 5px;
    padding-bottom: 0px !important;
    line-height: 1.5 !important;
  }
  #tree_produk_tipe ul{
    margin: 0 !important;
    padding: 0 !important;
  }
  #tree_produk_tipe li a, #tree_produk_merek li a, #tree_kategori li a{
    text-decoration: none;
    color: white !important;
    background-color: #5295ab;
    padding: 5px;
    min-width: 60px;
    display: block;
    background-image: url("/images/menu.png");
    background-repeat: repeat-x;
  }
  #tree_produk_merek li:hover, #tree_produk_merek li a:hover{
    text-decoration: none;
    color: yellow !important;
  }
  #info_box_on_index_1{
    display: none !important;
  }
    
    .center_image img{
       
    }
    .box_thumb_image_note{
       
    }
}

@media screen and (max-width: 400px) {
    #left {
      display: none !important;
    }
    #nav_horizontal {
      display: none !important;
    }
    #footer{
        line-height: 15pt !important;
    }
    #footer_content_1{
        float: none !important;
        text-align: center !important;
    }
    #footer_content_1 div{
        float: none !important;
        text-align: center !important;
        margin-right: 0px !important;
    }
    #footer_content_2{
        float: none !important;
        text-align: center !important;
    }
    #header_mobile {
      height: auto!important;
      min-height: 30px !important;
    }
    #left_nav_1 {
      float: none !important;
    }
    /*
    .box{
      margin-left: 5px !important;
      margin-right: 5px !important;
      margin-bottom: 10px !important;       
    }
    .center_image{
      
       
    }
    .center_image img{
    
    }
    .box_thumb_image_note{
       
    }
    
    #desktop_version{
        display: block !important;
    }
    #mobile_version{
        display: block !important;
    }


    
    */
}

@media screen and (max-width: 150px) {
    .box{
        float: none !important;
        margin: 0 auto !important;
        margin-bottom: 10px !important;
        margin-left 10px !important;
    }
    .center_image{
        background-color: green;
        max-width: 150px !important;
        height: 100px !important;
    }
    .box_thumb_image_note{
       width: 100px !important;
    }
    
}