/*----------------------------- Header Mobile ---------------------------*/

#header_mobile{

width: 100%;

background-color: #FBFAFA;

color: silver;

display: none;

padding: 8px 0;

font-size: 16pt;

cursor: pointer;

}

#header_mobile a, #header_mobile span{

color: white;

}

#header_mobile_left{

float: left;

margin-left: 5px;

}

#header_mobile_right{

float: right;

margin-right: 5px;

}

#left_nav_1{

float: left;

margin-right:10px;

}

#left_nav_2{

float: left;

color: #62645F;

font-weight: bolder;

}

#left_nav_2 img{

max-height: 28px;

max-width: 130px;

}

#right_nav_1{

float: right;

}

#wrapper_menu_mobile{

display:none;

}

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

#header_mobile {

display: none !important;

}

}

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

#wrapper{

width:100% !important;

}

#header, #container, #footer{

width: 98% !important;

padding: 1% !important;

margin: 0 auto !important;;

}

#line_top{

display: none;

}

.col-xs-12, .row{

margin:0 !important;

padding:0 !important;

}

#wrapper_menu_mobile{

position: fixed;

right: 0;

width: 80%;

top: 37px;

overflow:auto;

display:none;

z-index:1000;

background-color: #FFFFFF;

border-right: 4px solid #000

}

#wrapper_menu_mobile .side_bar_box{

padding-right: 8px !important;

}

#wrapper_menu_mobile ul li{

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

}

#wrapper_menu_mobile #nav_horizontal{

padding-right:0;

}

#wrapper_menu_mobile #nav_horizontal > ul{

display: block;

float: none !important;

}

#wrapper_menu_mobile #nav_horizontal > ul > li{

display: block;

text-align: left !important;

padding: 15px 5px;

}

#wrapper_menu_mobile #nav_horizontal > ul > li,

#wrapper_menu_mobile #nav_horizontal > ul > li:hover{

border-top:0;

}

#wrapper_menu_mobile ul li a,

#wrapper_menu_mobile ul li span,

#wrapper_menu_mobile #nav_horizontal ul li a,

#wrapper_menu_mobile #nav_horizontal ul li span{

font-size: 14px !important;

padding-top: 5px !important;

padding-bottom: 5px !important;

color: #F26C4F;

border-top:0;

}

#wrapper_menu_mobile{

left: 0  !important;

}

#wrapper_menu_mobile .tab_wrapper{

width:100%;

display:table;

text-align: center;

border-bottom: 2px solid #FF5935;

}

#wrapper_menu_mobile .tab{

display: table-cell;

padding: 20px;

cursor: pointer;

font-size: 14px;

}

#wrapper_menu_mobile .tab_active{

background-color: #F26C4F;

color: #fff;

}

#wrapper_menu_mobile .side_bar_box_head{

display: none;

}

#wrapper_menu_mobile #nav_horizontal ul li span.main_menu_cursor_pointer {

top: 10px !important;

width: auto !important;

border: 0 !important;

}

#wrapper_menu_mobile #nav_horizontal li:first-child a,

#wrapper_menu_mobile #nav_horizontal li:first-child span{

border-top: 0;

}

#wrapper_menu_mobile #nav_horizontal ul li:hover ul{ display: none;}

#wrapper_menu_mobile #nav_horizontal ul li:hover ul li ul{ display: none;}

#wrapper_menu_mobile #nav_horizontal li ul {

position: relative !important;

top: 10px !important;

min-width: 100% !important;

width: auto !important;

background-color: #ECECEC !important;

padding-top: 10px !important;

padding: 0px !important;

border: 0px solid #08C !important;

z-index:0;

border-radius:0;

margin: 0 !important;

}

#wrapper_menu_mobile #nav_horizontal li ul li a,

#wrapper_menu_mobile #nav_horizontal li ul li span{

padding: 15px !important;

padding-left: 30px !important;

}

#wrapper_menu_mobile_content{

overflow:auto;

}

#wrapper_menu_mobile_content::-webkit-scrollbar {

width: 1px !important;

}

#wrapper_menu_mobile_content::-webkit-scrollbar-track {

width: 1px !important;

background-color: #F4F4F4;

}

#wrapper_menu_mobile_content::-webkit-scrollbar-thumb {

width: 1px !important;

background-color: #1C1C1D

}

#wrapper_menu_mobile_content::-webkit-scrollbar-thumb:hover {

width: 1px !important;

}

.tree_kategori, .tree_merek, .tree_tipe{

max-height: none !important;

}

#resume,

#div_tree_kategori,

#div_tree_merek,

#left{

display: none;

}

#right{

float: none !important;

width: 100% !important;

padding: 0 !important;

position: relative !important;

margin: 0 auto !important;

}

#right article img {

height: auto !important;

width: 100% !important;

/*background: #000;*/

padding:0px;

}

#right h3{

display: block !important;

margin-bottom: 15px !important;

font-size: 16pt !important;

}

.banner img {

height: auto !important;

width: 100% !important;

/*background: #000;*/

padding:0px;

}

#header_mobile{

display: block !important;

z-index: 500 !important;

border-bottom: 5px solid #F26C4F;

}

.web_outlet_header_main_view{
    display: none;
}

.web_outlet_header_mobile_view{
    display: block;
}

#header_mobile .fa{

font-size: 22px;

margin: 3px 5px 0 5px;

display: inline-block;

}

#header_mobile .searching_field{

width: 60%;

position: absolute;

top: 2px;

right:0;

display: none;

}

#header_mobile #searching-input input{

height: 40px;

}

#header_mobile .searching_button .fa{

font-size: 36px;

margin: 0;

}

#shopping_cart_button_placer {

display: none !important;

position: relative !important;

top: 0px !important;

right: 0 !important;

float: left;

text-align: center;

margin-right: 10px;

text-align: center;

}

#shopping_cart_button_placer #shopping{

margin: 0 auto !important;

}

#shopping .shopping_nil_value{

padding: 0 !important;

}

.shopping_cart_icon{

font-size: inherit !important;

}

.shopping_cart_text{

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

}

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

display: none;

}

#header {

position: relative !important;

height: auto !important;

display:none;

}

#header_left {

float:none;

width: 100% !important;

margin: 0 auto;

background-color: transparent !important;

text-align: center !important;

}

#header_right {

float:none;

width: 100% !important;

margin: 0 auto !important;

background-color: transparent !important;

}

#header-top{

display:none;

}

#header_logo{

text-align: center;

margin: 0 auto;

/*display: none;*/

}

#header_nav {

display: none;

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;

}

#header_content_2 .header_social_container{

margin: 0 auto;

display: table;

}

.banner_slide_show_top {

width: 100% !important;

padding: 0 !important;;

}

#nav_mobile_menu{

display: none !important;

}

#searching_div{

padding-top: 0px;

}

.searching_text_box input{

padding:2% !important;

}

.searching_text_box input, #submit_pencarian{

height: 40px;

}

#submit_pencarian .fa-search:before{

display: table-cell;

vertical-align: middle;

height: 40px;

}

#searching-input, .searching_button, #submit_pencarian{

padding: 0 !important;

margin: 0 !important;

}

.searching_button{

float: left;

width: 20% !important;

}

#tree_produk_tipe, #tree_produk_merek, #tree_kategori{

/*display: none;*/

}

#info_box_on_index_1{

display: none !important;

}

table{

width: 100% !important;

}

table td{

}

.produk_show,
.box_thumb_produk .box_thumb_image,
.box_thumb_produk .box_thumb_image_note{
	width: 100%  !important;
	height: auto !important;
	position: relative !important;
}

.box_thumb_produk .box_thumb_image .center_image_wrapper{
	display: block !important;
}

.box_thumb_produk{

width: 100%  !important;

}

.box_center_image_and_image_note{

position: relative !important;

}

.produk_show{

padding: 2% !important;

margin: 0 !important;

outline: 0px solid #D8D4D4 !important;

}

.box_thumb_produk .button_produk{
	display: none;
	top: initial !important;
	bottom: 5px;
	right: 10px;
	left: initial !important;
}

.box_thumb_produk .produk_additional_text_with_zero_stock {

bottom: -2px !important;

left: 154px !important;

}

.box_thumb_produk .center_image{

display: block !important;

}

.box_thumb_produk .center_image img{

max-width: 96% !important;

}


#produk_content_1{

margin-right: 0 !important;

width: 100% !important;

position: relative;

}

#produk_content_1, #produk_content_2, #produk_content_4{

float: none !important;

width: 96% !important;

padding: 2% !important;

min-width: 0 !important;

margin: 0px auto !important;

}

.add_to_cart_button_container_produk_show #add_to_cart_button{

width: 96% !important;

}

.box_thumb_produk .thumb_nama_produk{

height: auto !important;

font-size: 13pt !important;

margin-bottom: 12px !important;

}

.box_thumb_produk .thumb_harga_produk_container .thumb_harga_produk{

height: auto !important;

font-size: 12pt !important;

}

#form-contact div.field input, #form-contact div.field textarea {

max-width: none !important;

width: 96% !important;

}

}

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

.image_thumb_wraper{

width: 50% !important;

}

h1{

font-size: 18pt !important;

}

h2{

font-size: 16pt !important;

}

h3{

font-size: 14pt !important;

}

#header_content_1, .header_member, #header_content_2 .header_social{

display:none;

}

#header_logo img{

max-height: 55px !important;

}

.zopim{

display: none;

}

#footer-placer {

position: relative !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;

}

.banner_slide_show_top {

display:none;

height: 100px !important;

}

.timeline_process {

font-size:12px;

}

#produk_content_4 .field label {

width: 34% !important;

}

#produk_content_4 .field span {

width: 60% !important;

float: right !important;

margin-top: 0 !important;

margin-left: 0 !important;

}

#produk_content_4 .field label:after{

margin-left: 0px !important;

top: 0 !important;

right: 0 !important;

}

}

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

}