@media only screen and (min-width: 768px) and (max-width: 959px) {
/*--------------------------{ header }--------------------------*/
#header					{ width:840px; background-size:100% 100%; }

/*--------------------------{ Animation }-----------------------*/
#animation_box			{ width:820px; }

/*--------------------------{ Menu }----------------------------*/
.menu					{ width:840px; }
.menu li a span 		{ padding:0 27.9px; }

/*--------------------------{ main }----------------------------*/
#main					{ width:840px; }
.sidebar				{ width:210px; }
.content_right			{ width:620px; }

.cont_center			{ margin:0 8px; width:820px; }
.side_left,
.side_right				{ margin:0 8px; width:210px; }
.welcome_box .wb_img	{ width:120px; }
.welcome_box .wb_img img{ width:120px; height:140px; max-width:100%; max-height:100%; }
.welcome_box .wb_text	{ margin-left:140px; }

h3.h3_style				{ padding:0 30px 0 45px; font-size:14px; }
h3.h3_style span		{ left:3px; width:30px; height:30px; }

/*------------------------{ list_cont }-------------------------*/
.news_box ul li .nb_text{ height:auto; }
.testi_box ul li .tb_text{ height:auto; }

/*------------------------{ gallery }---------------------------*/
.gallery_cover li .cover a img	{ height:120px; }
.highslide-bg 				{ margin:8px; padding:5px; width:170px; }

/*-----------------------{ login_cont }-------------------------*/
.login_wrapper			{ margin:15px 25px; padding:10px; width:335px; }

/*-----------------------{ register_cont }-------------------------*/
.register_wrapper		{ margin:15px 25px; padding:10px; width:335px; }


/*--------------------------{ product }-------------------------*/
#content_product		{ padding:16px 15px 22px 15px; width:810px; }
.jcarousel-skin-tango .jcarousel-item { width: 201px; }
.jcarousel-skin-tango .jcarousel-item .prod_cont	{ margin:0 8px; }
.jcarousel-skin-tango .jcarousel-item .prod_cont .prod_btn a{ padding:0 10px; }
.jcarousel-skin-tango .jcarousel-item .prod_cont .prod_btn .btn_view	{ min-width:75px; }

.product_slide2 .jcarousel-skin-tango .jcarousel-item { width: 203px; }
.product_slide2 .jcarousel-skin-tango .jcarousel-item .prod_cont	{ margin:0 8px; }
.product_slide2 .jcarousel-skin-tango .jcarousel-item .prod_cont .prod_btn a{ padding:0 11px; }
.product_slide2 .jcarousel-skin-tango .jcarousel-item .prod_cont .prod_btn .btn_view	{ min-width:75px; }

.product_cont ul li			{ margin:5px; width:187px; }
.product_cont ul li .prod_cont .prod_btn a	{ padding:0 10px; }
.product_cont ul li .prod_cont .prod_btn .btn_view	{ min-width:77px; }

.photo_product_detail		{ width:280px; }
.display_img img			{ width:280px; height:321px; }
.display_img				{ width:280px; }
.sxy-zoom-container .sxy-zoom-dragpad, 
.sxy-zoom-container .sxy-overlay, 
.sxy-zoom-container .inner-thumb, 
.sxy-zoom-container .sxy-zoom-bg { width:280px; height:321px; }
.sxy-zoom-slider 			{ margin:6px auto; }
.sxy-zoom-slider ul			{ height:80px; }
.sxy-zoom-slider li			{ margin:0 6px; width:80px; height:80px; }
.sxy-zoom-slider img		{ width:80px; height:80px; }
.sxy-zoom-slider .viewer	{ left:6px; width:80px; height:80px; }

.thumb_img_zom				{ width:280px; }
.img_display img			{ width:280px; height:280px; }
#thumbs_list 				{ width:240px; }
#thumbs_list li 			{ width:75px; margin-right: 6px; }
#thumbs_list li img 		{ width:75px; height:75px; }
span.view_scroll_spacer 	{ width:20px; height: 75px; }

.detail_product_box			{ width:290px; }
.detail_product_box .info_brief	{ min-height:180px; }
.detail_product_box .info_product_box span	{ width:159px; }
.detail_product_box .price_box span		{ width:159px; }

.catalysis_box				{ width:260px; }

.consultation_box			{ width:289px; }
.consultation_box_img		{ width:44px; height:54px; }
.consultation_box_ym img	{ width:80px; }
.consultation_box_info		{ width:150px; }

/*----------------------{ content_cart }------------------------*/
.content_cart			{ width:822px; }
.content_cart_left		{ width:610px; }
.content_cart_right		{ width:211px; }

.info_cart				{ width:150px; }
.remove_edit_cart		{ width:100px; }
.price_all_cart			{ width:271px; }

.btn_check_out span		{ left:-41px; width:200px; }

.continue_shopping		{ float:none; margin:0 auto; text-align:center; border-right:0; border-bottom:0; }
.empty_cart				{ float:none; margin:0 auto; text-align:center; }

.shipping_address .row select		{ width:212px; }
.shipping_address .row textarea,
.shipping_address .row input		{ width:200px; }
.shipping_address .row span.textError	{ left:215px; }

.shipping_method ul li label			{ width:96%; }

.shipping_note textarea			{ width:577px; }

.payment_method ul li label				{ width:96%; }

/*-------------------------{ Member }----------------------------*/
.sidebar_personal		{ width:203px; }
.personal_cont			{ width:611px; }

.help-content h3 				{ background-position:590px center; }



/*--------------------------{ Footer Content }------------------*/
#cf_cont				{ width:840px; }
#cf_cont .cfc_box.cb_link	{ width:25%; }
#cf_cont .cfc_box.shareThis	{ width:17%; }
#cf_cont .cfc_box.contactBox	{ width:33%; }
#cf_cont .cfc_box.contactBox .nn	{margin-left:10px; margin-top:10px;  }
#cf_cont .cfc_box.contactBox ul li span .bbm{ margin-left:0px; }

#footer					{ width:840px; }

}


@media only screen and (min-width: 768px) and (max-width: 830px) {
/*--------------------------{ header }--------------------------*/
#header					{ width:97%; background-size:100% 100%; }

/*--------------------------{ Animation }-----------------------*/
#animation_box			{ width:95%; padding:1.3% 1% 1.5% 1%; }

/*--------------------------{ Menu }----------------------------*/
.menu					{ width:97%; }
.menu li a span 		{ padding:0 19.9px; }

/*--------------------------{ main }----------------------------*/
#main					{ width:97%; }
.sidebar				{ width:26%; }
.content_right			{ width:73%; }

.cont_center			{ margin:0 0.5%; width:99%; }
.side_left,
.side_right				{ margin:0 0.5%; width:26%; }
.welcome_box .wb_img	{ width:30%; }
.welcome_box .wb_img img{ width:100%; height:140px; }
.welcome_box .wb_text	{ margin-left:35%; }

h3.h3_style				{ padding:0 30px 0 50px; font-size:14px; }
h3.h3_style span		{ left:3px; width:30px; height:30px; }

/*------------------------{ gallery }---------------------------*/
.highslide-bg 			{ margin:1%px; padding:1%; width:28.2%; }
.highslide-bg img		{ height:110px; }

/*-------------------------{ video }---------------------------*/
.video_cont	li .cover_video	{ height:180px; }


/*--------------------------{ product }-------------------------*/
#content_product		{ padding:16px 15px 22px 15px; width:430px; }
.jcarousel-skin-tango .jcarousel-item { width: 214px; }
.jcarousel-skin-tango .jcarousel-item .prod_cont	{ margin:0 8px; }
.jcarousel-skin-tango .jcarousel-item .prod_cont .prod_btn a{ padding:0 10px; }
.jcarousel-skin-tango .jcarousel-item .prod_cont .prod_btn .btn_view	{ min-width:88px; }

.product_slide2 .jcarousel-skin-tango .jcarousel-item { width: 218px; }
.product_slide2 .jcarousel-skin-tango .jcarousel-item .prod_cont	{ margin:0 8px; }
.product_slide2 .jcarousel-skin-tango .jcarousel-item .prod_cont .prod_btn a{ padding:0 10px; }
.product_slide2 .jcarousel-skin-tango .jcarousel-item .prod_cont .prod_btn .btn_view	{ min-width:92px; }

.product_cont ul li			{ margin:5px; width:200px; }
.product_cont ul li .prod_cont .prod_btn .btn_view	{ min-width:80px; }

.photo_product_detail		{ float:none; margin:0 0 15px 0; padding-top:15px; border:1px solid #d5d5d5; border-radius:4px; }
.display_img				{ display:block; margin:0 auto; width:321px; border:1px solid #d5d5d5; }
.sxy-zoom-slider 			{ margin:10px auto; width:321px; }

.detail_product_box			{ float:none; width:auto; }
.detail_product_box .info_brief	{ max-height:none; }

.catalysis_box				{ float:none; margin-bottom:10px; width:auto; }

.consultation_box			{ float:none; width:auto; }
.consultation_box_info		{ width:235px; }

/*------------------{ menu tab product detail }-----------------*/
.tabs_prod_detail ul.menu_tabsx li		{ float:none; border-right:0; }

/*----------------------{ content_cart }------------------------*/
.content_cart			{ width:438px; }
.content_cart_left		{ float:none; width:auto; border-right:0; }
.content_cart_right		{ float:none; width:auto; }

.page_cont				{ border-radius:4px 4px 0 0; }
.page_cont ul li		{ float:none; padding:5px 0 15px 0; text-align:center; background:url(../img/frontend/pageList_bg2.png) no-repeat center bottom; }
.page_cont ul li:nth-of-type(2)	{ padding-top:15px; }
.page_cont ul li:nth-of-type(5)	{ padding:0 0 10px 0; }
.page_cont ul li.hompag		{ display:none; }
.page_cont ul li.iconPrint	{ display:none; }
.page_cont ul li.iconEmail	{ display:none; }

.cart_view				{ margin:0; border-top:0; border-right:0; text-align:center; }
.cart_view li .img_cart	{ float:none; margin:0px auto 10px auto; }
.info_cart				{ float:none; width:auto; }
.remove_edit_cart		{ float:none; width:auto; text-align:center; }
.price_all_cart			{ float:none; width:auto; text-align:center; }
.cart_total_order		{ text-align:center; }
.cart_total_order label	{ padding-right:5px; color:#555; }

.continue_shopping		{ width:50%; text-align:center; }
.empty_cart				{ float:none; text-align:center; }

.shipping_address		{ border-right:0; }
.shipping_address .row	{ margin:0; }
.shipping_address .row label	{ float:none; padding-bottom:5px; width:auto; text-align:left; line-height:inherit; }
.shipping_address .row span		{ float:none; width:auto; }
.shipping_address .row select	{ width:100%; }
.shipping_address .row textarea	{ width:97.2%; }
.shipping_address .row input	{ width:97.2%; height:20px; }
.shipping_address .row code		{ float:right; line-height:0; padding-top:10px; margin-right:-7px; }
.shipping_address .row span.textError	{ left:inherit; top:-22px; right:0px; background:url(../img/frontend/span_error_bg.png) no-repeat 10px bottom; }
.shipping_address .row span.textError p	{ margin:0 0 5px 0; }

.shipping_method ul li label	{ width:95%; }

.shipping_note			{ border-right:0; }
.shipping_note textarea	{ width:406px; }

.payment_method			{ border-right:0; }
.payment_method ul li label		{ width:95%; }

/*-------------------------{ Member }----------------------------*/
.sidebar_personal		{ width:100%; }
.personal_cont			{ width:100%; }

.help-content h3 		{ background-position:420px center; }

/*-----------------------{ login_cont }-------------------------*/
.login_wrapper			{ margin:15px 25px; padding:10px; width:280px; }

/*-----------------------{ register_cont }-------------------------*/
.register_wrapper		{ margin:15px 25px; padding:10px; width:280px; }

/*--------------------------{ Footer Content }------------------*/
#cf_cont				{ width:97%; }
#cf_cont .cfc_box.cb_link	{ width:25%; }
#cf_cont .cfc_box.shareThis	{ width:17%; }
#cf_cont .cfc_box.contactBox	{ width:33%; }
#cf_cont .cfc_box.contactBox .nn	{margin-left:10px; margin-top:10px;  }
#cf_cont .cfc_box.contactBox ul li label	{ width:25%; }
#cf_cont .cfc_box.contactBox ul li span	{ margin-left:35%; }
#cf_cont .cfc_box.contactBox ul li label code	{ margin-right:0; }
	.cfc_box.contactBox ul li:nth-of-type(1) label,
	.cfc_box.contactBox ul li:nth-of-type(2) label,
	.cfc_box.contactBox ul li:nth-of-type(3) label,
	.cfc_box.contactBox ul li:nth-of-type(4) label	{ background-position:5px; }


#footer					{ padding:15px 8.5%; width:80%; }
#footer	br				{ display:none; }

}


@media only screen and (min-width: 480px) and (max-width: 767px) {
/*--------------------------{ header }--------------------------*/
#header					{ width:80%; height:auto; background:none; }
#header .logo			{ position:relative; margin:0 auto; padding:10px 0; left:auto; top:auto; width:251px; }
#header .logo:hover		{ left:auto; }
#header .button_top		{ position:relative; margin:0 auto; padding-bottom:10px; right:auto; top:auto; height:auto; }
.button_top .bt_phone	{ margin-bottom:10px; }

/*--------------------------{ Animation }-----------------------*/
#animation_box			{ width:78%; padding:1.3% 1% 1.5% 1%; }

.banner					{ height:auto; }

/*--------------------------{ Menu }----------------------------*/
#navigation				{ width:80%; border-bottom:4px solid #000; border-radius: 8px 8px 0 0; box-shadow:inset 0 -3px 0 #ECB94B,inset 0 1px 0 #745727; 
						  background:#967234; background:-moz-linear-gradient(top, #967234, #BF9246, #967234);
						  background:-webkit-linear-gradient(top, #7D5F2B, #BF9246, #967234); }				
.menu					{ display:none; }
#menu_responsive		{ display:block; width:100%; }

.tab_menuR				{ display:block; }

/*-------------------------{ product_cont }---------------------*/
.product_cont li		{ width:50%; }

/*--------------------------{ main }----------------------------*/
#main					{ width:80%; }
.sidebar				{ display:none; }
.content_right			{ float:none; padding:0 10px; width:auto; }
.content h2.titlePage	{ position:relative; left:auto; top:auto; margin:-19px -15px 10px -15px; padding:5px 15px; border:none; overflow:hidden; 
						  border-bottom:2px solid #cfd4da; box-shadow:0 1px 0 #fff,0 2px 0 #cfd4da; background:none;
						  background:-moz-linear-gradient(top,#fff, #e5e5e5, #fff); background:-webkit-linear-gradient(top,#fff, #e5e5e5, #fff); }
.content h2.titlePage:before	{  height:100%; }
.content:hover h2.titlePage:before	{ left:100%; }
.content h2.titlePage:after	{ display:none; }

.content .imgShadow.fLeft,
.content .imgShadow.fRight,
.content .imgFloatLeft,
.content .imgFloatRight	{ max-width:40%; }

.cont_center			{ float:none; margin:0; width:auto; }
.side_left,
.side_right				{ float:none; margin:0; width:auto; }
.welcome_box .wb_img	{ width:30%; }
.welcome_box .wb_img img{ width:100%; height:140px; }
.welcome_box .wb_text	{ margin-left:35%; }

/*------------------------{ list_cont }----------------------------*/
ul.list_cont li .lc_img	{ width:80px; height:80px; }
ul.list_cont li .lc_img + .lc_text	{ margin-left:105px; }

.news_box ul li .nb_text{ height:auto; }
.testi_box ul li .tb_text{ height:auto; }

.testi_detail_box		{ float:none; margin:20px auto; }
.testi_detail_box .tdb_text { margin-right:100px; max-width:none; }

/*-------------------------{ gallery }-------------------------*/
.slider_item a 			{ height:250px; }
.gallery_cover li		{ width:50%; }
.gallery_cover li .cover a img	{ width:100%; }
.highslide-bg 			{ margin:10px 1%; padding:1%; width:46%; }
.highslide-bg img		{ height:auto; }

/*-------------------------{ video }---------------------------*/
.video_box				{ height:250px; }
.video_sambutan			{ height:300px; }
.video_cont	li .cover_video	{ height:180px }

/*-------------------------{ Download }-------------------------*/
.download_style .row .downBox		{ float:none; margin:0 auto 10px auto; }
.download_style .row .downInfo		{ margin:0 auto; text-align:center; }

.download_style .row .downSecurity .downSecRow label{ float:none; width:auto; text-align:center; line-height:normal; }
.download_style .row .downSecurity .downSecRow span	{ margin:0 auto; width:150px; text-align:center; }

.download_style .row .downSecurity .downSecRow span span.textError	{ top:-22px; left:0; padding:0;
																	  background:url(../img/frontend/span_error_bg.png) no-repeat 10px bottom; }
.download_style .row .downSecurity .downSecRow span span.textError p { margin:0 0 5px 0; }


/*-----------------------{ login_cont }-------------------------*/
.login_wrapper			{ float:none; margin:15px 10px; padding:10px; width:auto; display:block; }

.line_dashed_log		{ float:none; margin:0px 0; width:100%; height:1px; border-right:0px; border-bottom:1px solid #ccc; }

/*-----------------------{ register_cont }-------------------------*/
.register_wrapper		{ float:none; margin:15px 10px; padding:10px; width:auto; display:block; }

.line_dashed_reg		{ float:none; margin:0px 0; width:100%; height:1px; border-right:0px; border-bottom:1px solid #ccc; }


/*---------------------------{ Form }---------------------------*/
.form_style fieldset		{ padding:0; }
.form_style table			{ width:100%; }
.form_style table td		{ padding:5px 10px; width:auto; display:block; text-align:left; }
.form_style table td input,
.form_style table td textarea, 
.form_style table td select		{ width:96%; padding:7px; margin-bottom:5px; }
.form_style table td label		{ font-size:12px; }
.form_style label[for=button],
.form_style label[for=captchaImage]{display:none; }
.form_style table td input.button	{ margin-left:40%; margin-top:-15px; margin-bottom:10px; }
.form_style span.textError			{ left:inherit; top:-23px; right:0px; padding:0 0 5px 0;
									  background:url(../img/frontend/span_error_bg.png) no-repeat 10px bottom; }

/*-------------------------{ legality }-------------------------*/
.legality_style label		{ float:none; margin:0 0 5px 0; width:auto; text-align:left; color:#961a14; font-weight:bold; }
.legality_style span		{ float:none; width:auto; }



/*--------------------------{ product }-------------------------*/
#content_product		{ padding:16px 15px 22px 15px; width:240px; }
.jcarousel-skin-tango .jcarousel-item { width: 240px; }
.jcarousel-skin-tango .jcarousel-item .prod_cont	{ margin:0 10px; }
.jcarousel-skin-tango .jcarousel-item .prod_cont .prod_btn a{ padding:0 15px; }
.jcarousel-skin-tango .jcarousel-item .prod_cont .prod_btn .btn_view	{ min-width:100px; }

.product_slide2 .jcarousel-skin-tango .jcarousel-item { width: 278px; }
.product_slide2 .jcarousel-skin-tango .jcarousel-item .prod_cont	{ margin:0 10px; }
.product_slide2 .jcarousel-skin-tango .jcarousel-item .prod_cont .prod_btn a{ padding:0 20px; }
.product_slide2 .jcarousel-skin-tango .jcarousel-item .prod_cont .prod_btn .btn_view	{ min-width:128px; }

.product_cont ul li			{ margin:10px 0px; width:100%; }
.product_cont ul li .prod_cont .prod_btn .btn_view	{ min-width:128px; }
.product_cont ul li .prod_cont .prod_btn .btn_add_cart	{ min-width:127px; }

.photo_product_detail		{ float:none; margin:0 0 10px 0; }
.display_img				{ width:258px; overflow:hidden; }
.display_img img			{ width:258px; height:258px; }
.sxy-zoom-container .sxy-zoom-dragpad, 
.sxy-zoom-container .sxy-overlay, 
.sxy-zoom-container .inner-thumb, 
.sxy-zoom-container .sxy-zoom-bg { width:258px; height:258px; }
.sxy-zoom-slider 			{ margin:7px auto; }
.sxy-zoom-slider ul			{ height:70px; }
.sxy-zoom-slider li			{ margin:0 7px; width:70px; height:70px; }
.sxy-zoom-slider img		{ width:70px; height:70px; }
.sxy-zoom-slider .viewer	{ left:7px; width:70px; height:70px; }

.detail_product_box			{ float:none; width:auto; }
.detail_product_box .info_product_box span	{ width:118px; }
.detail_product_box .price_box span		{ width:118px; }
.detail_product_box .btn_box .add_to_cart	{ float:none; margin:0 auto; width:130px; }

.detail_product_box .info_brief	{ max-height:none; }

.catalysis_box				{ float:none; margin-bottom:10px; width:auto; }

.consultation_box			{ float:none; width:auto; }
.consultation_box_img		{ float:none; margin:10px auto; }
.consultation_box_ym		{ float:none; margin:10px auto; text-align:center; }
.consultation_box_info		{ float:none; margin:0; width:100%; text-align:center; }
.consultation_box_info .bb_icon	{  display:inline-block; }

/*------------------{ menu tab product detail }-----------------*/
.tabs_prod_detail ul.menu_tabsx li		{ float:none; border-right:0; }

/*----------------------{ content_cart }------------------------*/
.content_cart			{ width:278px; }
.content_cart_left		{ float:none; width:auto; border-right:0; }
.content_cart_right		{ float:none; width:auto; }

.page_cont				{ border-radius:4px 4px 0 0; }
.page_cont ul li		{ float:none; padding:5px 0 15px 0; text-align:center; background:url(../img/frontend/pageList_bg2.png) no-repeat center bottom; }
.page_cont ul li:nth-of-type(2)	{ padding-top:15px; }
.page_cont ul li:nth-of-type(5)	{ padding:0 0 10px 0; }
.page_cont ul li.hompag		{ display:none; }
.page_cont ul li.iconPrint	{ display:none; }
.page_cont ul li.iconEmail	{ display:none; }

.cart_view				{ margin:0; border-top:0; border-right:0; text-align:center; }
.cart_view li .img_cart	{ float:none; margin:0px auto 10px auto; }
.info_cart				{ float:none; width:auto; }
.remove_edit_cart		{ float:none; width:auto; text-align:center; }
.price_all_cart			{ float:none; width:auto; text-align:center; }
.cart_total_order		{ text-align:center; }
.cart_total_order label	{ padding-right:5px; color:#555; }
.cart_total_order span	{ margin-right:0; }

.continue_shopping		{ width:50%; text-align:center; }
.empty_cart				{ float:none; text-align:center; }

.shipping_address		{ border-right:0; }
.shipping_address .row	{ margin:0; }
.shipping_address .row label	{ float:none; padding-bottom:5px; width:auto; text-align:left; line-height:inherit; }
.shipping_address .row span		{ float:none; width:auto; }
.shipping_address .row select	{ width:100%; }
.shipping_address .row textarea	{ width:95.7%; }
.shipping_address .row input	{ width:95.7%; height:20px; }
.shipping_address .row code		{ float:right; line-height:0; padding-top:10px; margin-right:-7px; }
.shipping_address .row span.textError	{ left:inherit; top:-22px; right:0px; background:url(../img/frontend/span_error_bg.png) no-repeat 10px bottom; }
.shipping_address .row span.textError p	{ margin:0 0 5px 0; }

.shipping_method ul li label			{ width:93%; }

.shipping_note			{ border-right:0; }
.shipping_note textarea	{ width:246px; }

.payment_method			{ border-right:0; }
.payment_method ul li span	{ width:49.8%; text-align:right; }
.payment_method ul li label		{ width:93%; }

.klikpay-content .ship_ad_Box label	{  }
.klikpay-content .ship_ad_Box span	{  }
.klikpay-content .ship_ad_Box span input { width:224px; }

.payment_method .klikpay-content label	{ float:none; padding:0; width:auto; text-align:left; line-height:20px; }
.payment_method .klikpay-content span	{ float:none; width:auto; text-align:left; }
.payment_method .klikpay-content input	{ width:95.7%; }

/*-------------------------{ Member }----------------------------*/
.sidebar_personal		{ width:100%; }
.personal_cont			{ width:100%; }

.help-content h3 		{ background-position:260px center; }



	#containerdm {
		width:auto;
	}
#stage {
		display:none;
		width:auto;
		margin:0 auto;
		padding:20px;
		background:#ececec;
		border-radius:5px;
		margin-top:20px;
	}
	.box {
		width:auto;		
		padding:20px;
		background:url(../img/frontend/bg.jpg) left center repeat-x;
		border-radius:10px;
		margin:0 auto;
		margin-top:50px;
		text-align:center;
		border:5px solid #fff;
		box-shadow:1px 1px 5px #666;
	}								  
									  
.box input[type=text] {
		padding:5px;
		font:bold 13px arial;
		color: #80602B;
		border:1px solid #ccc;
		width:70%; 
	}
	.box select {
		padding:5px;
		font:bold 13px arial;
		color: #80602B;
	}



/*--------------------------{ Footer Content }------------------*/
#cf_cont				{ width:80%; background:none; }
#cf_cont .cfc_box,
#cf_cont .cfc_box.cb_link,
#cf_cont .cfc_box.shareThis,
#cf_cont .cfc_box.shareThis
	{ float:none; width:auto; margin-bottom:20px; display:none; }
#cf_cont .cfc_box.contactBox		{ display:block; }
#cf_cont .cfc_box.contactBox .nn	{margin-left:10px; margin-top:10px;  }
		.cfc_box ul li			{ float:left; width:auto;margin-bottom:8px; }
		.cfc_box ul li:hover	{ background:rgba(255,255,255,0.3); }

.hOffice_wrap			{ width:65%; }
.hOffice_wrap:nth-of-type(2)	{ width:35%; }
.hOffice_wrap:nth-of-type(2) img,
.hOffice_wrap:nth-of-type(2) .imgFloatLeft,
.hOffice_wrap:nth-of-type(2) .imgFloatRight,
.hOffice_wrap:nth-of-type(2) .imgFloatRight.img_gedung	{ max-width:95%; }/**/

#footer					{ width:auto; padding:15px 8.5%; }

}


@media only screen and (min-width: 0px) and (max-width: 479px) {
/*--------------------------{ header }--------------------------*/
#header					{ width:300px; height:auto; background:none; }
#header .logo			{ position:relative; margin:0 auto; padding:10px 0; left:auto; top:auto; width:251px; }
#header .logo:hover		{ left:auto; }
#header .button_top		{ position:relative; margin:0 auto; padding-bottom:10px; right:auto; top:auto; height:auto; }
.button_top .bt_phone	{ margin-bottom:10px; }

/*--------------------------{ Animation }-----------------------*/
#animation_box			{ width:290px; padding:10px 5px; }

.banner					{ height:100px; }

/*--------------------------{ Menu }----------------------------*/
#navigation				{ width:300px; border-bottom:4px solid #000; border-radius: 8px 8px 0 0; box-shadow:inset 0 -3px 0 #ECB94B,inset 0 1px 0 #745727; 
						  background:#967234; background:-moz-linear-gradient(top, #967234, #BF9246, #967234);
						  background:-webkit-linear-gradient(top, #967234, #BF9246, #967234); }
						  
						  
		  
						  
.menu					{ display:none; }
#menu_responsive		{ display:block; width:100%; }

.tab_menuR				{ display:block; }
.tab_menuR ul li		{ float:none; text-align:center; border-right:none; }

/*-------------------------{ product_cont }---------------------*/
.product_cont li		{ float:none; width:auto; }
.product_cont li .prod_box	{ margin:20px 10px; }


/*--------------------------{ main }----------------------------*/
#main					{ width:300px; }
.sidebar				{ display:none; }
.content_right			{ float:none; padding:0 10px; width:auto; }
.content h2.titlePage	{ position:relative; left:auto; top:auto; margin:-19px -15px 10px -15px; padding:5px 15px; border:none; overflow:hidden; 
						  border-bottom:2px solid #cfd4da; box-shadow:0 1px 0 #fff,0 2px 0 #cfd4da; background:none;
						  background:-moz-linear-gradient(top,#fff, #e5e5e5, #fff); background:-webkit-linear-gradient(top,#fff, #e5e5e5, #fff); }
.content h2.titlePage:before	{  height:100%; }
.content:hover h2.titlePage:before	{ left:100%; }
.content h2.titlePage:after	{ display:none; }

.imgShadow.fLeft,
.imgShadow.fRight		{ float:none; margin:0 0 10px 0; max-width:97%; }
.content .imgFloatLeft,
.content .imgFloatRight	{ float:none; margin:0 0 10px 0; max-width:100%; }

.cont_center			{ float:none; margin:0; width:auto; }
.side_left,
.side_right				{ float:none; margin:0; width:auto; }
.welcome_box .wb_img	{ width:30%; }
.welcome_box .wb_img img{ width:100%; height:140px; }
.welcome_box .wb_text	{ margin-left:35%; }

/*------------------------{ list_cont }----------------------------*/
ul.list_cont li			{ text-align:center; }
ul.list_cont li .lc_date{ float:none; margin:10px auto 20px auto; }
ul.list_cont li .lc_img	{ float:none; margin:10px auto 20px auto; }
ul.list_cont li .lc_text,
ul.list_cont li .lc_img + .lc_text	{ margin-left:0; }
ul.list_cont li .button	{ float:none; }

.news_box ul li .nb_text{ height:auto; }
.testi_box ul li .tb_text{ height:auto; }

.testi_detail_box		{ float:none; margin:20px auto; }
.testi_detail_box .tdb_text { margin-right:100px; max-width:none; }

/*-------------------------{ gallery }-------------------------*/
.slider_item a 			{ height:250px; }
.gallery_cover li		{ float:none; width:auto; }
.gallery_cover li .cover{ margin:20px 10px; }
.gallery_cover li .cover a img	{ width:100%; }
.highslide-bg 			{ float:none; margin:0 auto 20px auto; }
.highslide-bg img		{ height:; }

/*-------------------------{ video }---------------------------*/
.video_box				{ height:250px; }
.video_sambutan			{ height:180px; }
.video_cont	li			{ float:none; margin-bottom:20px; width:auto; }
.video_cont	li .cover_video	{ height:150px }

/*-------------------------{ Download }-------------------------*/
.download_style .row .downBox		{ float:none; margin:0 auto 10px auto; }
.download_style .row .downInfo		{ margin:0 auto; text-align:center; }

.download_style .row .downSecurity .downSecRow label{ float:none; width:auto; text-align:center; line-height:normal; }
.download_style .row .downSecurity .downSecRow span	{ margin:0 auto; width:150px; text-align:center; }

.download_style .row .downSecurity .downSecRow span span.textError	{ top:-22px; left:0; padding:0;
																	  background:url(../img/frontend/span_error_bg.png) no-repeat 10px bottom; }
.download_style .row .downSecurity .downSecRow span span.textError p { margin:0 0 5px 0; }

/*---------------------------{ Form }---------------------------*/
.form_style fieldset		{ padding:0; }
.form_style table			{ width:100%; }
.form_style table td		{ padding:5px 10px; width:auto; display:block; text-align:left; }
.form_style table td input,
.form_style table td textarea, 
.form_style table td select		{ width:95%; padding:7px; margin-bottom:5px; }
.form_style table td label		{ font-size:12px; }
.form_style label[for=button],
.form_style label[for=captchaImage]{display:none; }
.form_style table td input.button	{ margin-left:33%; margin-top:-15px; margin-bottom:10px; }
.form_style span.textError			{ left:inherit; top:-23px; right:0px; padding:0 0 5px 0;
									  background:url(../img/frontend/span_error_bg.png) no-repeat 10px bottom; }
									  
									  
	/*-----------------------{ login_cont }-------------------------*/
.login_wrapper			{ float:none; margin:15px 10px; padding:10px; width:auto; display:block; }

.line_dashed_log		{ float:none; margin:0px 0; width:100%; height:1px; border-right:0px; border-bottom:1px solid #ccc; }

/*-----------------------{ register_cont }-------------------------*/
.register_wrapper		{ float:none; margin:15px 10px; padding:10px; width:auto; display:block; }

.line_dashed_reg		{ float:none; margin:0px 0; width:100%; height:1px; border-right:0px; border-bottom:1px solid #ccc; }

								  
									  
	/*--------------------------{ product }-------------------------*/
#content_product		{ padding:16px 15px 22px 15px; width:240px; }
.jcarousel-skin-tango .jcarousel-item { width: 240px; }
.jcarousel-skin-tango .jcarousel-item .prod_cont	{ margin:0 10px; }
.jcarousel-skin-tango .jcarousel-item .prod_cont .prod_btn a{ padding:0 15px; }
.jcarousel-skin-tango .jcarousel-item .prod_cont .prod_btn .btn_view	{ min-width:100px; }

.product_slide2 .jcarousel-skin-tango .jcarousel-item { width: 278px; }
.product_slide2 .jcarousel-skin-tango .jcarousel-item .prod_cont	{ margin:0 10px; }
.product_slide2 .jcarousel-skin-tango .jcarousel-item .prod_cont .prod_btn a{ padding:0 20px; }
.product_slide2 .jcarousel-skin-tango .jcarousel-item .prod_cont .prod_btn .btn_view	{ min-width:128px; }

.product_cont ul li			{ margin:10px 0px; width:100%; }
.product_cont ul li .prod_cont .prod_btn .btn_view	{ min-width:128px; }
.product_cont ul li .prod_cont .prod_btn .btn_add_cart	{ min-width:127px; }

.photo_product_detail		{ float:none; margin:0 0 10px 0; }
.display_img				{ width:258px; overflow:hidden; }
.display_img img			{ width:258px; height:258px; }
.sxy-zoom-container .sxy-zoom-dragpad, 
.sxy-zoom-container .sxy-overlay, 
.sxy-zoom-container .inner-thumb, 
.sxy-zoom-container .sxy-zoom-bg { width:258px; height:258px; }
.sxy-zoom-slider 			{ margin:7px auto; }
.sxy-zoom-slider ul			{ height:70px; }
.sxy-zoom-slider li			{ margin:0 7px; width:70px; height:70px; }
.sxy-zoom-slider img		{ width:70px; height:70px; }
.sxy-zoom-slider .viewer	{ left:7px; width:70px; height:70px; }

.detail_product_box			{ float:none; width:auto; }
.detail_product_box .info_product_box span	{ width:118px; }
.detail_product_box .price_box span		{ width:118px; }
.detail_product_box .btn_box .add_to_cart	{ float:none; margin:0 auto; width:130px; }

.detail_product_box .info_brief	{ max-height:none; }

.catalysis_box				{ float:none; margin-bottom:10px; width:auto; }

.consultation_box			{ float:none; width:auto; }
.consultation_box_img		{ float:none; margin:10px auto; }
.consultation_box_ym		{ float:none; margin:10px auto; text-align:center; }
.consultation_box_info		{ float:none; margin:0; width:100%; text-align:center; }
.consultation_box_info .bb_icon	{  display:inline-block; }

/*------------------{ menu tab product detail }-----------------*/
.tabs_prod_detail ul.menu_tabsx li		{ float:none; border-right:0; }

/*----------------------{ content_cart }------------------------*/
.content_cart			{ width:278px; }
.content_cart_left		{ float:none; width:auto; border-right:0; }
.content_cart_right		{ float:none; width:auto; }

.page_cont				{ border-radius:4px 4px 0 0; }
.page_cont ul li		{ float:none; padding:5px 0 15px 0; text-align:center; background:url(../img/frontend/pageList_bg2.png) no-repeat center bottom; }
.page_cont ul li:nth-of-type(2)	{ padding-top:15px; }
.page_cont ul li:nth-of-type(5)	{ padding:0 0 10px 0; }
.page_cont ul li.hompag		{ display:none; }
.page_cont ul li.iconPrint	{ display:none; }
.page_cont ul li.iconEmail	{ display:none; }

.cart_view				{ margin:0; border-top:0; border-right:0; text-align:center; }
.cart_view li .img_cart	{ float:none; margin:0px auto 10px auto; }
.info_cart				{ float:none; width:auto; }
.remove_edit_cart		{ float:none; width:auto; text-align:center; }
.price_all_cart			{ float:none; width:auto; text-align:center; }
.cart_total_order		{ text-align:center; }
.cart_total_order label	{ padding-right:5px; color:#555; }
.cart_total_order span	{ margin-right:0; }

.continue_shopping		{ width:50%; text-align:center; }
.empty_cart				{ float:none; text-align:center; }

.shipping_address		{ border-right:0; }
.shipping_address .row	{ margin:0; }
.shipping_address .row label	{ float:none; padding-bottom:5px; width:auto; text-align:left; line-height:inherit; }
.shipping_address .row span		{ float:none; width:auto; }
.shipping_address .row select	{ width:100%; }
.shipping_address .row textarea	{ width:95.7%; }
.shipping_address .row input	{ width:95.7%; height:20px; }
.shipping_address .row code		{ float:right; line-height:0; padding-top:10px; margin-right:-7px; }
.shipping_address .row span.textError	{ left:inherit; top:-22px; right:0px; background:url(../img/frontend/span_error_bg.png) no-repeat 10px bottom; }
.shipping_address .row span.textError p	{ margin:0 0 5px 0; }

.shipping_method ul li label			{ width:93%; }

.shipping_note			{ border-right:0; }
.shipping_note textarea	{ width:246px; }

.payment_method			{ border-right:0; }
.payment_method ul li span	{ width:49.8%; text-align:right; }
.payment_method ul li label		{ width:93%; }

.klikpay-content .ship_ad_Box label	{  }
.klikpay-content .ship_ad_Box span	{  }
.klikpay-content .ship_ad_Box span input { width:224px; }

.payment_method .klikpay-content label	{ float:none; padding:0; width:auto; text-align:left; line-height:20px; }
.payment_method .klikpay-content span	{ float:none; width:auto; text-align:left; }
.payment_method .klikpay-content input	{ width:95.7%; }

/*-------------------------{ Member }----------------------------*/
.sidebar_personal		{ width:100%; }
.personal_cont			{ width:100%; }

.help-content h3 		{ background-position:260px center; }
								  
									  
	#containerdm {
		width:auto;
	}
#stage {
		display:none;
		width:auto;
		margin:0 auto;
		padding:20px;
		background:#ececec;
		border-radius:5px;
		margin-top:20px;
	}
	.box {
		width:auto;		
		padding:20px;
		background:url(../img/frontend/bg.jpg) left center repeat-x;
		border-radius:10px;
		margin:0 auto;
		margin-top:50px;
		text-align:center;
		border:5px solid #fff;
		box-shadow:1px 1px 5px #666;
	}								  
									  
.box input[type=text] {
		padding:5px;
		font:bold 13px arial;
		color: #80602B;
		border:1px solid #ccc;
		width:50%; 
	}
	.box select {
		padding:5px;
		font:bold 13px arial;
		color: #80602B;
	}
.chatReminderPopup {
	width: 297px;
    margin-top: -200px; margin-left: -150px;
}
.chatReminderPopup .menuSection {
			background: url(../images/topx.png) top left no-repeat;
			margin: 0 10px 0 10px;
			height: 180px;
		}
.chatReminderPopup .menuSection .bubbleCloseButton {
			margin: 50px 10px 0 64px;
			text-align: right;
		}
/*-------------------------{ legality }-------------------------*/
.legality_style label		{ float:none; margin:0 0 5px 0; width:auto; text-align:left; color:#26902e; font-weight:bold; }
.legality_style span		{ float:none; width:auto; }

/*--------------------------{ Footer Content }------------------*/
#cf_cont				{ width:300px; background:none; }
#cf_cont .cfc_box,
#cf_cont .cfc_box.cb_link,
#cf_cont .cfc_box.shareThis,
#cf_cont .cfc_box.shareThis { float:none; width:auto; margin-bottom:20px; display:none; }
#cf_cont .cfc_box.contactBox { display:block; }
#cf_cont .cfc_box.contactBox .nn	{margin-left:10px;  }
		.cfc_box ul li			{ float:left; width:auto; margin-bottom:8px; }
		.cfc_box ul li:hover	{ background:rgba(255,255,255,0.3); }

.hOffice_wrap			{ float:none; margin-bottom:15px; width:auto; }
.hOffice_wrap img.img_gedung	{ width:100%; }

#footer					{ width:auto; padding:15px 8.5%; }



}