@media screen and (max-width: 1512px) {

  #header_mobile {

    display: none !important;

  }

}







@media screen and (max-width: 1080px) {



  article img {

    height: auto !important;

    width: 100% !important;

    max-width: 600px;

    padding:0px;

  }



  .banner img {

    height: auto !important;

    width: 100% !important;

    /*background: #000;*/

    padding:0px;

  }



  #header_mobile {



    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;

  }

  

  #searching-input{

      width:auto;

  }

  .header_social_container{

      margin-top:0 !important;

  }

  #shopping_cart_button_placer {

    float: right;

    margin-top: 15px;

    position: absolute;

    top: -121px;

    right: 16px;

  }

  #header_logo, #header_left {

    height: 50px !important;

  }

  #header_logo img{

    max-height: 80px !important;

    position: absolute;

    left: 15px;

    top: 1px;

    border: 1px solid #ddd;

    padding: 10px;

  }

  

  #form-contact div.field input, 

  #form-contact div.field textarea{

      max-width:100% !important;

      width:100% !important;

  }



}



@media screen and (max-width: 800px) {

}



@media screen and (max-width: 600px) {

    #mobile_menu{

        display:block !important;

        cursor:pointer;

        padding: 10px;

    }

    #mobile_menu .fa{

        font-size:30px;

    }

    #mobile_menu span{

        font-size:20px;

        padding-left:5px;

        vertical-align:top;

        display:inline-block;

    }

    #header_nav {

        float:none;

        margin: 0 auto !important;

    }

    #nav_horizontal{

        display:none;

    }



  #header_social{

     display:none;

     max-width: none !important;

     margin: 0 auto !important;

     float:none !important;

  }

  #header_content{

    text-align: center;

    margin: 0 auto;

    width: 100%;

  }

  #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{

    /* max-width: 50% !important; */

    margin-right: 0% !important;

    position: absolute !important;

    top: 50px !important;

    right: 0 !important;

    background-color: white;

    padding: 5px;

    padding-bottom: 0px !important;

    z-index: 10000000;

  }

  #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;

    width: 100% !important;

    float: none !important;/*For IE*/

    border-bottom:1px solid #ddd;

  }

  #nav_horizontal li:last-child{

      border-bottom:0;

  }

  #nav_horizontal li a, #nav_horizontal li span{

     color:#915f5f;

     padding: 5px;

     display: block;

     width: 100%;

  }

  #nav_horizontal li ul li a, 

  #nav_horizontal li ul li span{

    min-width: auto !important;

    width: 100% !important;

  }

  #nav_horizontal > ul > li{

    padding: 8px 0px 8px 15px !important;

  }

  #nav_horizontal > ul > li:hover > ul{

    position:relative !important;

    top: 0 !important;

    border: 0  !important;

  }

    #nav_horizontal ul li span.main_menu_cursor_pointer {

        top: 8px;

        right: 0;

        display: inline-block;

        position: absolute;

    }

    #nav_horizontal > ul > li > ul > li{

        padding:5px !important;

    }

    #nav_horizontal > ul > li > ul > li:hover{

        background-color: inherit !important;

        color: #915f5f !important;

    }

    #nav_horizontal > ul > li:hover a {

        color:#915f5f !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) {

    article{
        width: 100% !important;
        margin: 0 auto;
    }

    #left {



      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;

    }

    .header_social_container{

        display:none !important;

    }

    #header_logo img{

        position: relative !important;

        margin-bottom: 10px;

    }

    #header_logo, #header_left {

        height: auto !important;

    }

    

    .portfolio-label{

        font-size:22px;

        text-align:left;

    }

}







@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;



    }



    



}