/* Tablet Portrait size (devices and browsers) */
img {
	max-width:100%
}
@media only screen and (min-width: 1024px) and (max-width: 1600px) {
#create-account_form,#authentication #login_form { width: 49%; }
}
/* Tablet Portrait size (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 939px) {
#create-account_form,#authentication #login_form { width: 49%; }	
#page {
width:1050px; overflow: show;margin: 0 auto;
}
}

/*-----------600px - 767px------#####--#######--#######--------------------*/
@media only screen and (max-width: 767px){
}
@media only screen and (min-width: 600px)  and  (max-width: 767px) {

#page {
width:1050px; overflow: show;margin: 0 auto;
}
}

/*----------480px - 600px-------#####--#######--#######--------------------*/
@media only screen and (max-width: 599px){
#create-account_form,#authentication #login_form { width: 49%; }	
}
@media only screen and (min-width: 480px)  and  (max-width: 599px) {

#page {
width:1050px; overflow: show;margin: 0 auto;
}

}

/*-----------320px - 480px------#####--#######--#######--------------------*/
@media only screen and (max-width: 479px){
	
}
 @media only screen and (min-width: 320px)  and (max-width: 479px) {
				/*top*/
	#page,
	#footer .lof-inner,
	#header .lof-inner{width: 100%!important; overflow: hidden;}

/* HEADER */	
#info-top { display: none }
#categories_block_left .tree li a.homepage_cate { display: block}
#leo-header{ background: none; height: 230px;}
#header_right #currencies_block_top { display: none}
#header_right #languages_block_top { display: none}
#cart_block { top: 195px; right: 10px;}
#header_logo { top:90px;  width: 100%; text-align: center; }
img.logo { height:70px; width: auto; float: none }

/*search block */
#search_query_top{width: 250px ;}
#search_block_top #search_query_top { width: 230px;}
#search_block_top {
	position:absolute;
	right: 5px;
    top: 180px;
}

#order .breadcrumb, #order-opc .breadcrumb { display: none}
.breadcrumb { top: 0px; left: 10px; font-size: 10px;}
td .sort-cat { display: none}


/* Block Userinfo */
ul#header_links  { float: right; right: 5px; margin-left: 0; background: #dab885; padding-bottom: 5px;}
#header_links #header_link_contact a { border-left: none; }
#header-login li { float: right; background: #dab885 ; border-top: 1px solid #fff; height: 30px;  }
#header-login li a { padding: 5px; font-size: 12px;  line-height: 30px;}
#header_user #shopping_cart, #header_user #your_account { font-size: 15px;  float: right; text-align: right;  margin-top: 20px; margin-right: 5px; }
#header-login :hover { color: yellow;}

/* permanen link */
#header_links a { font-size: 13px; padding: 1px 5px; }
#header_links :hover { color: yellow}
ul#header_links { float: left; left: 10px}
#header_right #header_user {  float: left;  margin-top: 5px; right: 5px;}
#header_links a { color: black; font-size: 9px}


/* CONTACT TOP */
#contact-top { position: absolute; color: white; margin-top: 0px; float: left; background: #dab885; width: 100%; padding: 6px}

/*MENU */
#lof-megamenu{ display: none }
div .hubungi-kami { margin-top: 35px;  left: 5px}
#lofmegamenu > li > a{font-size: 9px; padding: 0px;}
	#lof-megamenu { background: #f4f4f4; margin-top: 210px;}

	
/* PRODUCT LIST */
.cs_revolution { display: none}
.default { display: none}
#featured-products_block_center { display: block}
#center_column .products_block ul li {
	background: none repeat scroll 0 0 transparent;
    float: left; height: 280px;
    overflow: show;
     margin-left: 5%;
    width: 100%; 
}

ul#product_list li {
background: none repeat scroll 0 0 transparent;
    float: left;
    overflow: show;
    margin-left: 7%;
    width: 100%;
}
ul#product_list {
	clear: both;
    list-style-type: none;
    padding-top: 20px;
    overflow: show; 
    width: 84%
}

/* LEFT COLUMN */
#lofblogsarticles_default { display: none}
#categories_block_left { display: block}
#block_testimonials { display: none}
#layered_block_left { display: none}
#leo-leftcol { display: block; width: 97%; }
#index #leo-leftcol, #category #leo-leftcol, #new-products #leo-leftcol  { display: block;  width: 98%; margin-left: 4px; }

/*BODY */
#slider-home { display: none}
#order-beli { }
#order-beli #order-beli1 { width: 100% }
.breadcrumb { display: none}
#leo-centercol { width: 97%;margin-left: 4px; float: left;  }
#category #leo-centercol, #new-products #leo-centercol, #best-sales #leo-centercol, #prices-drop #leo-centercol { width: 98%;  margin-top: 20px; margin-left: 4px; }
div .content_scene_cat { display: none }
#productsSortForm select{width: 100px;}

/*SLIDER */
.cs_revolution { width: 100%; height: auto; margin-top: 10px; margin-bottom: 10px; height: auto;}

/* BANNER */
#block_content_banner ul li { margin-left: 38px; margin-top: 10px}


/* PRODUCT DETAIL*/
#primary_block #buy_block p.our_price_display { 

}
#order-beli { width: 100%; float: left; }
#primary_block input[type="submit"],
#primary_block input[type="button"],
#primary_block input[type="reset"],
#primary_block button, #primary_block a.exclusive, #primary_block span.exclusive, #primary_block .button , #primary_block .button_large, #primary_block .button_small{ font-size: 14px; width: 90px;}
#primary_block #image-block {	
	height: auto;
	width:  290px;
}
#primary_block #image-block img#bigpic { 
	cursor: pointer; 
	height: auto;
	width:  290px;
}
#primary_block #pb-right-column {
	float: left;
    margin: 0px 0px 0px;
    text-align: left;
    width: 95%;
}
div.sheets { width: 95%;}
#primary_block #pb-left-column { width: 95%; padding: 5px;}

#wishlist_button { display: none}
	
body#contact-form div#center_column{ width: 100%}
form.std p.desc_contact span.like_input {
	width: 200px;
	text-align: left
}
div .leo_samecategory { display: none}
.leo-wrapper{
    margin: 0 auto;
    position: relative;
    width: 100%;
}

/* FOOTER */
#lofadvafooterfooter #lofadva-pos-2 .lofadva-block-1,
	#lofadvafooterfooter #lofadva-pos-2 .lofadva-block-2,
	#lofadvafooterfooter #lofadva-pos-2 .lofadva-block-3,
	#lofadvafooterfooter #lofadva-pos-2 .lofadva-block-4,  
#lofadvafooterfooter #lofadva-pos-2 .lofadva-block-5 {width: 98% !important; margin-left: 10px; }
#lofadvafooterfooter #lofadva-pos-2 h4{ margin-top: 10px;

}

#toTop { right:5%;}

.cart_last_product_content {  width: 100px}
#create-account_form,#authentication #login_form { width: 100%; }

/*order */
div .opc_float{ width: 100%;}
	#order-opc #cart_summary thead{
			display: none;}
	
		#order-opc #cart_summary td{
			display: block;border-right: 0; width: 100%; }
		#order-opc #cart_summary tbody tr { 
		
			text-align: left;padding: 2%; width: 96%;overflow: hidden; }
			#order-opc #cart_summary tbody tr { border-bottom: 2px solid #000}
		#order-opc #cart_summary tbody tr td:before{
			content: attr(data-label);float: left;font-weight: bold;text-align: left;white-space: nowrap;width: 50%;}
		.cart_quantity .cart_quantity_button,.cart_quantity .cart_quantity_input{float:left !important}
		table.std th, table.table_block th{padding:8px 6px;}
		#compare_shipping{padding:0}
		#create-account_form #email_create, #login_form #email, #login_form #passwd, #login_form #login_email, #login_form #login_passwd{width:90%}
		#create-account_form, #authentication #login_form{width:86%}
		#account-creation_form fieldset{width:100%}
		#account-creation_form p.checkbox input{}
		#account-creation_form p.radio span, #account-creation_form p.text label, #account-creation_form p.password label, #account-creation_form p.select label, #account-creation_form p.select span, #account-creation_form p.textarea label{width:23%}
		#account-creation_form p.text input, #account-creation_form p.password input, #account-creation_form p.select input,#add_adress p.text input, #add_adress p.password input, #add_adress p.select input,#add_adress p.textarea textarea{width:60%}
		#add_adress fieldset{width:100%}
		.order_delivery .first_item{margin-left:10px;}
		#address h1, #addresses h1, #address h2, #addresses h2 { margin-top: 50px}
	/*end order*/
	.std tfoot td {
	color: #161616;
	text-align: left;
	white-space: nowrap
}
	
 }

 
 /*-----------------#####--#######--#######--------------------*/
 
@media only screen and (min-width : 200px) and (max-width: 319px) {
			/*top*/
	#page,
	#footer .lof-inner,
	#header .lof-inner{width: 100%!important; overflow: hidden;}

/* HEADER */	
#leo-header{ background: none; height: 280px;}
#header_right #currencies_block_top { display: none}
#header_right #languages_block_top { display: none}
#cart_block { top: 195px; right: 10px;}
#header_logo { top:160px;  width: 100%; text-align: center; }
img.logo { width:250px; height: auto; float: none }

/*search block */
#search_query_top{width: 250px ;}
#search_block_top #search_query_top { width: 230px;}
#search_block_top {
	position:absolute;
	right: 5px;
    top: 245px;
}

#order .breadcrumb, #order-opc .breadcrumb { display: none}
.breadcrumb { top: 0px; left: 10px; font-size: 10px;}
div .head-cat h1 { width:90px}
td .sort-cat { display: none}


/* Block Userinfo */
ul#header_links  { float: right; right: 5px; margin-left: 0; background: #dab885; padding-bottom: 5px;}
#header_links #header_link_contact a { border-left: none; }
#header-login li { float: right; background: #dab885 ; border-top: 1px solid #fff; height: 30px;  }
#header-login li a { padding: 5px; font-size: 12px;  line-height: 30px;}
#header_user #shopping_cart, #header_user #your_account { font-size: 15px;  float: right; text-align: right;  margin-top: 10px; margin-right: 5px; }
#header-login :hover { color: yellow;}

/* permanen link */
#header_links a { font-size: 13px; padding: 1px 5px; }
#header_links :hover { color: yellow}
ul#header_links { float: left; left: 10px}
#header_right #header_user {  float: left;  margin-top: 70px;}
#header_links a { color: black; font-size: 9px}


/* CONTACT TOP */
#contact-top { position: absolute; color: white; margin-top: 0px; float: left; background: #dab885; width: 100%; padding: 6px}

/*MENU */
#lof-megamenu{ display: none }
div .hubungi-kami { margin-top: 35px;  left: 5px}
#lofmegamenu > li > a{font-size: 9px; padding: 0px;}
	#lof-megamenu { background: #f4f4f4; margin-top: 210px;}
	
/* PRODUCT LIST */
.cs_revolution { display: none}
.default { display: none}
#featured-products_block_center { display: block}
#center_column .products_block ul li {
	background: none repeat scroll 0 0 transparent;
    float: left; height: 240px;
    overflow: show;
     margin-left: 5%;
    width: 100%; 
}

ul#product_list li {
background: none repeat scroll 0 0 transparent;
    float: left;
    overflow: show;
    margin-left: 7%;
    width: 100%;
}
ul#product_list {
	clear: both;
    list-style-type: none;
    padding-top: 20px;
    overflow: show; 
    width: 80%
}

/* LEFT COLUMN */
#lofblogsarticles_default { display: none}
#best-sellers_block_right { display: block}
#categories_block_left { display: block}
#block_testimonials { display: none}
#layered_block_left { display: none}
#leo-leftcol { display: block; width: 97%; }
#index #leo-leftcol, #category #leo-leftcol, #new-products #leo-leftcol  { display: block;  width: 98%; margin-left: 4px; }

/*BODY */
#order-beli { }

#order-beli #order-beli1 { width: 100% }
.breadcrumb { display: none}
#leo-centercol { width: 97%;margin-left: 4px; float: left;  }
#category #leo-centercol, #new-products #leo-centercol, #best-sales #leo-centercol, #prices-drop #leo-centercol { width: 98%;  margin-top: 20px; margin-left: 4px; }
div .content_scene_cat { display: none }
#productsSortForm select{width: 100px;}

/*SLIDER */
.cs_revolution { width: 100%; height: auto; margin-top: 10px; margin-bottom: 10px; height: auto;}

/* BANNER */
#block_content_banner ul li { margin-left: 38px; margin-top: 10px}


/* PRODUCT DETAIL*/
#primary_block #buy_block p.our_price_display { 

}
#order-beli { width: 100%; float: left; }
#primary_block input[type="submit"],
#primary_block input[type="button"],
#primary_block input[type="reset"],
#primary_block button, #primary_block a.exclusive, #primary_block span.exclusive, #primary_block .button , #primary_block .button_large, #primary_block .button_small{ font-size: 14px; width: 90px;}
#primary_block #image-block {	
	height: auto;
	width:  290px;
}
#primary_block #image-block img#bigpic { 
	cursor: pointer; 
	height: auto;
	width:  290px;
}
#primary_block #pb-right-column {
	float: left;
    margin: 0px 0px 0px;
    text-align: left;
    width: 95%;
}
div.sheets { width: 95%;}
#primary_block #pb-left-column { width: 95%; padding: 5px;}

#wishlist_button { display: none}
	
body#contact-form div#center_column{ width: 100%}
form.std p.desc_contact span.like_input {
	width: 200px;
	text-align: left
}
div .leo_samecategory { display: none}
.leo-wrapper{
    margin: 0 auto;
    position: relative;
    width: 100%;
}

/* FOOTER */
#lofadvafooterfooter #lofadva-pos-2 .lofadva-block-1,
	#lofadvafooterfooter #lofadva-pos-2 .lofadva-block-2,
	#lofadvafooterfooter #lofadva-pos-2 .lofadva-block-3,
	#lofadvafooterfooter #lofadva-pos-2 .lofadva-block-4,  
#lofadvafooterfooter #lofadva-pos-2 .lofadva-block-5 {width: 98% !important; margin-left: 10px; }
#lofadvafooterfooter #lofadva-pos-2 h4{ margin-top: 10px;

}

#toTop { right:5%;}

.cart_last_product_content {  width: 100px}
#create-account_form,#authentication #login_form { width: 100%; }

/*order */
div .opc_float{ width: 100%;}
	#order-opc #cart_summary thead{
			display: none;}
	
		#order-opc #cart_summary td{
			display: block;border-right: 0; width: 100%; }
		#order-opc #cart_summary tbody tr { 
		
			text-align: left;padding: 2%; width: 96%;overflow: hidden; }
			#order-opc #cart_summary tbody tr { border-bottom: 2px solid #000}
		#order-opc #cart_summary tbody tr td:before{
			content: attr(data-label);float: left;font-weight: bold;text-align: left;white-space: nowrap;width: 50%;}
		.cart_quantity .cart_quantity_button,.cart_quantity .cart_quantity_input{float:left !important}
		table.std th, table.table_block th{padding:8px 6px;}
		#compare_shipping{padding:0}
		#create-account_form #email_create, #login_form #email, #login_form #passwd, #login_form #login_email, #login_form #login_passwd{width:90%}
		#create-account_form, #authentication #login_form{width:86%}
		#account-creation_form fieldset{width:100%}
		#account-creation_form p.checkbox input{}
		#account-creation_form p.radio span, #account-creation_form p.text label, #account-creation_form p.password label, #account-creation_form p.select label, #account-creation_form p.select span, #account-creation_form p.textarea label{width:23%}
		#account-creation_form p.text input, #account-creation_form p.password input, #account-creation_form p.select input,#add_adress p.text input, #add_adress p.password input, #add_adress p.select input,#add_adress p.textarea textarea{width:60%}
		#add_adress fieldset{width:100%}
		.order_delivery .first_item{margin-left:10px;}
		#address h1, #addresses h1, #address h2, #addresses h2 { margin-top: 50px}
	/*end order*/
	.std tfoot td {
	color: #161616;
	text-align: left;
	white-space: nowrap
}
	
}