/* #Mobile (Landscape) width of 480px
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
/* ************************************************************************************************
MOBILE MENU TOP  CURRENCIES   LANGUAGES    USER INFO
************************************************************************************************ */	
#mobilelink {width: 178px;}
#countries_2 .countries_ul, #setCurrency .currencies_ul {width: 179px;}
.alert_cart{ width:420px; left:10px;}
/* ************************************************************************************************
HOMEFEATURED
************************************************************************************************ */	
#featured_products ul li .product_image {float:none;height: 215px;width:200px;margin:0 auto}
#featured_products ul li h5{ width:180px; float:none; padding-top:10px; min-height:25px;}
#featured_products ul li .product_descr{ width:180px; float:none; font-size:12px; display:none;}
#columns #featured_products ul li h5 a{ font-size:16px;}

/* ************************************************************************************************
BOX COL
************************************************************************************************ */	
.products_block ul li > div {width:348px;}
/*#newsletter_block_left input[type="email"] {width: 343px;}*/
.column #cart_block .products .price {width: 301px;}
#buy_block .row_1 p#quantity_wanted_p {clear: none;margin-top:1px;padding-right: 10px;}
#layered_form .b-core-ui-select {width: 438px;}
#layered_form .select {width:460px;}
#layered_form div div ul{ position:relative;}

/* ************************************************************************************************
STORE PAGE
************************************************************************************************ */	
div#stores_block p.text input {width:407px;height:35px; line-height:35px;}
div#stores_block p.select select{height:35px; line-height:35px;}

/* ************************************************************************************************
PRODUCT LIST
************************************************************************************************ */
#product_list li {width:100%; }
#product_list li .mob{ display:block}
#product_list li a.product_img_link { width:29%;}
#product_list li .center_block h3,.grid li h3  {margin:-3px 0 8px 0;}
#product_list li .center_block{width:68%;}
#product_list li .product_desc.mob{ display:block; padding:0; margin:0;}
#product_list li .right_block{width:68%;}
#product_list li .button {margin-top:20px;}
#product_list li .exclusive{margin-right:16px;margin-left:0px; float:left; margin-top:20px; margin-bottom:0;}
#subcategories ul li { width:141px;}
#subcategories ul li.product_list_3 {}
#subcategories ul li.product_list_4 {}
#subcategories ul li .lnk_more{ min-height:28px}
.product_sort #productsSortForm select { width:420px;}
.row_compare_mobile{ width:100%; overflow:auto;}

/* ************************************************************************************************
PAGE PRODUCT
************************************************************************************************ */	
#primary_block #pb-right-column {width:100%;}
#primary_block #pb-left-column {width:100%;}
#pb-right-column  .row_1 p.our_price_display { padding-top:0; padding-bottom:0px;}
#pb-right-column .row_1 #quantity_wanted_p{ float:right;}
.row_1 p#quantity_wanted_p {padding-top: 7px;}
#pb-right-column .row_1 #quantity_wanted_p label{ display:block;}

/*.groupsection:before{height: 100%; min-height:1px;}*/
.groupsection, .groupsection h3, .groupsection p{text-align:center!important;}
.groupsection p, .groupsection p >img{width:100%; margin:auto!important;}
.featuresection .groupsection > p {float:none; margin:auto!important;}
/*.desptext{width: 100%;}*/

/**********************************************************************************************
LOGIN PAGE									
***********************************************************************************************/
p.cart_navigation .exclusive, p.cart_navigation .exclusive_large {float:right; margin-bottom:0px; margin-right:0px;}

/**********************************************************************************************
ORDER PAGE									
***********************************************************************************************/
.list-order-step li {height: auto;width:380px;}
.list-order-step .img-order {height: 136px;}
.list-order-step .price-order {padding-left:0px;}
#order-detail-content #cart_summary td.cart_product img{ width:145px; height:215px;}
table#cart_summary td.cart_product {width: 146px;}
table#cart_summary .min-with-td {display: inline-block;font-weight: normal;min-width:100px;}
form#voucher fieldset p input.discount_name {width: 335px;}
table#cart_summary td.tdfirst {width: 77%;}
#sendOrderMessage select{ width:398px;}
/**********************************************************************************************
TOP MENU (override the superfished topmenu)									
***********************************************************************************************/
#header_logo {position:absolute;left:2px;margin-right:10px; display:inline-block; width:30%;}

#header-inner{ padding:40px 0px 10px 0px; width:100%; max-width:768px;}
#search_block_top{position:absolute;left:260px!important; top:-50px!important; }
#search_block_top .searchbox{top:0px;}
#menu-trigger{color:#6a6a6a; background-color:#2a2929;}
#menu-custom {margin-top:40px;}
/* ************************************************************************************************
BANNER
************************************************************************************************ */
.show .leftbutton{background:url(../images/bannerbtn.png) no-repeat 0 -62px;cursor:pointer;position:absolute;left:0px;top:30%;width:20px;height:62px;z-index:99; background-size:20px 248px;}/*WL added background image and removed the image on the tpl*/
.show .leftbutton:hover{background-position: 0 0;}/*WL add this line for hover*/
.show .rightbutton{background:url(../images/bannerbtn.png) no-repeat 0 -186px; cursor:pointer;position:absolute;right:0px;top:30%;width:20px;height:62px;z-index:99;background-size:20px 248px;}
.show .rightbutton:hover{background-position:0 -124px;}/*WL add this line for hover*/
/* ************************************************************************************************
CATEGORY BLOCK IN HOME PAGE
************************************************************************************************ */

.newface .bd{width:70%;}
}
@media only screen and (min-width: 540px) and (max-width: 767px) {
/* ************************************************************************************************
CATEGORY BLOCK IN HOME PAGE
************************************************************************************************ */

.newface .bd{width:98%;}
}