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



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



  }



  #footer div {



    width: auto !important;



    padding: 10px 5px !important;



  }



}







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



  #line-top {



    display: none !important; 



  }



  #line-after {



    display: none !important;



  }



  body {



    max-width: 960px !important;



    min-width: 0 !important;



  }



  .header_content {



    display: none !important;



  }



  #header {



    display: none !important;



  }



  .banner {



    display: none !important;



  }



  #header_mobile{



    display: block !important;



    z-index: 100 !important;



  }



  #content {



    width: auto !important;



    padding: 10px !important;



    margin: 0 !important;



  }



  #footer div {



    width: auto !important;



    padding: 10px 5px !important;



  }



  #footer div div#connect {



    float: right !important;



    padding: 5px !important;



    margin-left: 15px;



  }



  #footer div div.section {



    float: none !important;



    padding: 5px !important;



    width: auto !important;



    min-width: 0 !important;



    /*text-align: center !important;*/



  }



  #footer div div#connect span {



    display: none;



  }



  #content ul {



      width: inherit !important;



  }



  #content li {



      width: inherit !important;



      float: none !important;



  }



}







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



  body {



    max-width: 800px !important;



    min-width: 0 !important;



  }



  .header_content {



    display: none !important;



  }



  #header {



    display: none !important;



  }



  #content {



    width: auto !important;



    padding: 10px !important;



  }



  #content ul {



      width: inherit !important;



  }



  #content li {



      width: inherit !important;



      float: none !important;



  }



  #footer div {



    width: auto !important;



    padding: 10px 5px !important;



  }



  #footer div div#connect {



    float: right !important;



    padding: 5px !important;



    margin-left: 15px;



  }



  #footer div div.section {



    float: none !important;



    padding: 5px !important;



    width: auto !important;



    /*text-align: center !important;*/



  }



  #footer div div#connect span {



    display: none;



  }



  #left {



    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 !important;



  }







  #produk-slider {



    display: none !important;



  }







  #produk-slider-detail {



    display: none !important;



  }







  #contact-web {



    float: none !important;



    padding-right: 10px !important;



    margin: 0px !important;



    width: 100% !important;



  }



  #form-contact {



    margin: 0px !important;



    float: none !important;



    padding-left: 10px !important;



    border-radius: 5px !important;



    border: 1px solid #CCC !important;



    font-family: calibri !important;



    font-size: 14px !important;



    width: auto !important;



    display: block !important;



  }







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



    background-color: transparent !important;



    text-align: center !important;



  }



  #header_logo{



    text-align: center;



    margin: 0 auto;



}



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



        /*padding: 0 5px !important;*/



        border: 1px solid #5295ab;



        /*



        -moz-border-radius: 5px;



        -webkit-border-radius: 5px;



        border-radius: 5px;



        */



        background-color: transparent !important;



      }



      



    .side_bar_box_head{



        display:none;



        margin: 0 !important;



        padding: 0 !important;



      /*



      text-align:center;



      -moz-border-radius: 10px !important;



      -webkit-border-radius: 10px !important;



      border-radius: 10px !important;



      width: 80% !important;



      margin: 0 auto !important;



      */



    }



    .side_bar_box{



        margin: 0 !important;



        padding: 0 !important;



      /*



      margin-bottom: 5px !important;



      width: 80% !important;



      margin: 0 auto !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: 500px) {



    #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: 50px !important;



    }



    #left_nav_1 {



        float: none !important;



    }



    #footer div div#connect {



        float: none !important;



        padding: 5px !important;



        width: auto !important;



        text-align: center !important;



        margin-left: 0 !important;



    }



    #footer div div.section ul{



        position: relative !important;



    }



    #footer div div.section ul li {



    	border-left: 0 !important;



    	float: none !important;



    	padding: 5px 0 !important;



    	border-bottom: 1px solid #CCC !important;



    	text-align: center !important;



    }



    



    #footer div div.section ul li.first {



    	border-top: 1px solid #CCC;



    }



    



    #footer div div.section p {



    	float: none !important;



    	text-align: center !important;



    }



}







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



  #left {



    display: none !important;



  }



  #nav_horizontal {



    display: none !important;



  }



}







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



  .gallery {



    width: 100% !important;



    float: none !important;



    margin: 0 0 15px 0 !important;



  }







  .gallery_placer{



    width: inherit !important;



    display: block !important;



    height: auto !important;



  }







  .gallery_placer img{



    max-height: none !important;



    max-width: none !important;



    width: 100% !important;



    height : auto !important;



  }



}







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



  .opaque {



    display: none !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;



    }



    



}