/*  #Mobile (Portrait) width of 320px 
================================================== */
@media only screen and (max-width: 767px) {

/* ************************************************************************************************
 GENERAL STYLE
************************************************************************************************ */
#wrapp {padding-top:10px;background: #0f0f0f;}
#wrapp_2 {background: none;}

body {padding: 0;}
 .container {margin: 0 2.127659574468085%;}
#columns {z-index:1;}

#center_column {padding: 0 0 20px 0;}

#right_column {margin: 0;margin: 0;padding: 0 0 20px 0;border-top: 1px solid #444;}
#product #right_column {}

.breadcrumb { width:100%; margin:10px 0 0 0px; padding:0px 0 7px 0;}
.breadcrumb .breadcrumb-home {margin:8px 0 -5px 0px; display: inline-block;}
select{ height:35px; line-height:35px;}
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"]{ height:38px;}



/* ************************************************************************************************
FORM
************************************************************************************************ */
form.std .text input, form.std .password input,form.std .select select,form.std .textarea textarea {width:100%;}
#add_address label { display:block;}
#multishipping_mode_box,.address-form-multishipping {display:none;}
#order #loyalty {margin: 0 0 15px; padding: 10px 0;}
#contact_form p {margin-bottom:6px;}



/* ************************************************************************************************
HEADER
************************************************************************************************ */
#header {}
#header-inner {padding: 261px 0 0 0;}

.header_logo_wrapper {width: 100%;text-align: center;top: 65px;}

#header_logo {}
#header_logo img {width: 200px;}



/* ************************************************************************************************
MOBILE MENU TOP
************************************************************************************************ */
.blockpermanentlinks-header {width:25%;position: absolute;right:75%;top:0px;}
#header_links {display:none;}

.mobile-link-top {display:block;background:#353535;}

.mobile-link-top h4 {height:45px;margin:0;border-right:1px solid #0f0f0f;}
.mobile-link-top h4 i.icon-reorder {position:static;display:block;font-size:25px;text-align: center;line-height: 45px;color: #aaa;}

.mobile-link-top h4:hover i,
.mobile-link-top h4.active i {color:#fff;}

#index a.header_links_home,
#contact #header_link_contact,
#sitemap #header_link_sitemap { color:#fff;}

#mobilelink {width:140px;list-style:none;position:absolute;left:0px;top:45px;z-index:101;display:none;}
#mobilelink a {text-transform:capitalize;}



/* ************************************************************************************************
LANGUAGES CURRENCIES
************************************************************************************************ */
#languages_block_top,
#currencies_block_top {width:25%;height:45px;padding: 0;background:#353535;border: none;text-align:center;top:0px;}

#languages_block_top p,
#currencies_block_top p.inner-carrencies {height:45px;border-right:1px solid #0f0f0f;line-height: 45px;color: #aaa;}

#countries_2 .countries_ul,
#setCurrency .currencies_ul {width:140px;left:-1px;top:45px;text-align:left;}

/* languages */
#languages_block_top {right:50%;}
#languages_block_top p .arrow_header_top{margin:0px 0px 4px 5px;}

/* currencies */
#currencies_block_top p .arrow_header_top{ margin:0px 0px 4px 5px;}
#currencies_block_top {right:25%;}


#search_block_top {width:100%;right:0px;top:200px;}
.ac_results {width: 306px !important;}


#header_user {width: 100%;right: 0;top: 197px;}
#header_user #shopping_cart {width: 100%;padding: 10px;background: #353535;}

#header_user .ajax_cart_product_txt,
#header_user .ajax_cart_product_txt_s {display:none !important;}

#header #cart_block {top: 252px;outline:1px solid #0f0f0f;}


.alert_cart{ background:#353535; width:310px; position: fixed; left:50%; top:0; margin-left:-155px; z-index:9998;}
.alert_cart a{ display:block; padding:21px 40px 22px 50px; height:42px; font-size:12px; color:#fff; font-weight:bold; position:relative;z-index:9997;}
.alert_cart span{background:url(../img/delete_top.png) center 10px  no-repeat; width:35px; height:35px; position:absolute; right:5px; top:23px; cursor:pointer; z-index:9999;}
.alert_cart span:hover{ background-position: center -50px;}
.alert_cart img { position:absolute; left:10px!important; top:10px!important; width:40px !important; height:40px !important; z-index:9995}
.alert_cart a:hover{ color:#a9a9a9;}
.alert_cart img{border:2px solid #999;position:relative; background:#fff;}
.nbrItemPage.nbr_page .b-core-ui-select{ margin-left:5px;}



/* ************************************************************************************************
BLOCK HEADER USER INFO LOGIN/LOGOUT
************************************************************************************************ */
.blockuserinfo {width:25%;height:45px;padding: 0;background:#353535;border: none;text-align:center;position:absolute;right: 0px;top: 0px;}
.blockuserinfo a {height: 45px;display: block;}
.blockuserinfo a span i {line-height: 45px;color:#aaa;}
.blockuserinfo a:hover span i {color: #fff;}




/* ************************************************************************************************
FOOTER 
*********************************************************************************************** */
footer {border: none;}
footer .modules {padding-bottom:60px;}

footer .block {width: 100%;}
footer .block h4 {padding:10px 0px 10px 0px;border-top: 1px solid #434242;position:relative;}
footer .block h4 i {display: inline-block;font-size: 24px;color: #aaa;position: absolute;right: 0;top: 17px;}
footer .block h4:hover {cursor:pointer;}
footer .modules .block ul {display:none;padding:0 0 15px 0}
footer .block .list-footer li {padding: 0 0 6px;}
footer .block .list-footer li a {padding-right:10px;}

.bottom_footer {height: 60px;padding: 0;line-height: 58px;text-align: center;}




/* ************************************************************************************************
PAGE CONTACT
************************************************************************************************ */
#contact_form p.submit{ padding-top:20px;}
#contact_form p{ padding-top:7px; padding-left:0;}
#contact_form label{ float:none; display:block; text-align:left; margin-bottom:7px;}
#contact_form input{ float:none;}
#contact_form .text input {width:100%;}
#contact_form select {width:100%;}
#contact_form .select select {width:100%;}
#contact_form textarea#message {width:100%;}

/* ************************************************************************************************
PAGE MANUFACTURE ADN SUPLIER
************************************************************************************************ */
.mnf_sup_list li {height:auto;overflow: hidden;padding:0px 0 20px 0;}
.mnf_sup_list li .right_side{ float:left; border:none;padding-left:0; width:100%; padding-top:2px;}
.mnf_sup_list li .left_side {float:none;padding: 0 0 0 0px;width:100%; border:none;}
.mnf_sup_list li .left_side div a  em.des-small { display:block; font-style:normal;}
.mnf_sup_list li .left_side div a span{ display:none;}
.mnf_sup_list li .logo{ margin-right:24px;}
.mnf_sup_list li .logo img {margin-top: -3px;}
.mnf_sup_list li .left_side div{ float:left;}
.mnf_sup_list li .right_side p{ float:left;}
.mnf_sup_list li .right_side p{ padding-top:20px; padding-right:20px;}
/* ************************************************************************************************
PAGE STORES AND SITEMAP
************************************************************************************************ */
div#stores_block p.text input {width:286px;height:35px; line-height:35px;padding:1px 1px 1px 10px;}
div#stores_block p.select select{height:35px; line-height:35px;}
div#center_column ul.tree a{ font-size:14px;}
#center_column .nbresult{ margin-bottom:10px; padding-top:0;}

/* ************************************************************************************************
BOX COL
************************************************************************************************ */
.column .block {margin: 0 0 0px 0;}
.column .block h4 .column_icon_toggle { padding:0; display:block; float:right; margin:2px 0 0 0;font-size: 20px;}
.column .block h4.active .column_icon_toggle {}
.column .block h4:hover{ cursor:pointer;}
#layered_form .b-core-ui-select {width:284px;}
#layered_form div div ul{ position:relative;}
#layered_form .select {width:306px;height:32px;left:0!important; top:15px!important;}
#layered_form > div > div  select{ width:40px;}
.products_block ul li > div {width:228px;}
.products_block ul li a.products_block_img {width: 60px;}
#cart_block .products .price {width:128px;}
.des-main{ display:none;}
.des-mob{ display:block;}
.column .block .store_list{ margin:0 0 0 0;}
#stores_block_left p {text-align: center;}
/* ************************************************************************************************
PAGINATION AND SORT AND SUBCATEGORY BLOCK
************************************************************************************************ */
.product_view{display:none;}
.form_compare{ display:none;}
.product_sort {margin-right:0px;float:none;}
#itempage {float:none;margin:20px 0 0 0;}
.product_sort #productsSortForm label {margin-bottom:7px;padding:0;float:none;}
.product_sort #productsSortForm select {float:none;margin: 0 0 10px 0;width:300px;}
#subcategories {margin-bottom: 5px;}
#subcategories ul{ margin-left:-10px;}
#subcategories ul li { width:145px; margin-right:0; margin-left:10px;}
.lnk_more, #subcategories ul li .lnk_more {letter-spacing: 0.01em;}
.bottom_pagination {margin-top: 10px;padding: 10px 0 1px 0;}
#subcategories ul li .lnk_more{ min-height:28px}
.bottom_pagination > form {float:right;margin:3px 0 10px 0;}
.product_sort form {margin: 0;}

.row_category .category_image{ float:none; margin:0  auto 20px auto; width:300px;}
#productsSortForm{ margin-bottom:10px;}
#product_comments_block_extra .comments_advices a.read_rew{ margin-bottom:10px; border:none; padding-right:0; margin-right:0;}
.row_compare_mobile{ width:300px; overflow:auto;}
/* ************************************************************************************************
PRODUCT LIST
************************************************************************************************ */
.column .block {padding: 0;}

.column .block h4 { padding:10px 0; margin-bottom:0;font-size: 20px;color: #999;}

.column .block_content {padding-bottom: 21px;}
#right_column.column .toggle_content, #left_column.column .toggle_content { padding-bottom:10px; padding-top:20px;}
#tags_block_left p { margin-bottom:0;}
/* ************************************************************************************************
 PAGE NOTFOUND
************************************************************************************************ */
.pagenotfound form label { display:block; padding-bottom:4px; font-weight:bold; color:#333;}
.pagenotfound form input  { line-height:35px; height:35px;}
.pagenotfound h1{ margin-top:10px;}
/**********************************************************************************************
ORDER STEP
***********************************************************************************************/
p.cart_navigation .exclusive, p.cart_navigation .exclusive_large {float:right; margin-bottom:0px; padding-left:9px; padding-right:9px;}
#order_steps {width:280px;overflow:hidden;margin:20px  auto 20px  auto; list-style:none;height:200px!important;}
#order_steps li.even:first-child{background:#9c9c9c;}
#order_steps li.even.step_current:first-child { background:#202020;}
#order_steps li.even{ background:url(../img/marker-order2.png) center 0px  no-repeat #9c9c9c;}
#order_steps li.odd{background:url(../img/marker-order2.png) center 0px  no-repeat #777777;}
#order_steps li {width:280px;height:40px;float:none; text-align:center;}
#order_steps li a,#order_steps li span {display: inline-block;padding:6px 0 0 5px;font:bold 14px "Arial";}
#order_steps li span {color:#ffffff; font-weight:bold;}
#order_steps li span span{color:#ffffff; font-weight:bold; font-size:14px; line-height:14px; float:none; text-align:center;}
#order_steps li.even.step_current { background:#202020;}
#order_steps li.odd.step_current { background:#202020;}
#order_steps li a {font-weight:bold;color:#ccc;text-decoration:none; padding:0;}
#order_steps li a:hover {color:#fff;}
.list-order-step .img-order img{ width:71px; height:71px;}
ul#address_delivery,ul#address_invoice{ width:86%; margin-bottom:10px;display:block; padding-bottom:10px;}
#availableCarriers_table th{ font-size:12px; word-wrap:break-word; white-space:normal;}

/**********************************************************************************************
SHOPPING CART PAGE
***********************************************************************************************/
#compare_shipping #availableCarriers_table {margin:0;}
#order #right_column {}
table#cart_summary td.cart_product {padding-right:20px;width: 100px;}
#order-detail-content #cart_summary td.cart .div_cart_quantity_delete a { margin-left:9px;}
#order-detail-content .title-th.cart_quantity_title{ display:none;}
form#voucher fieldset p input.discount_name {width:258px;}
#compare_shipping_form p select {width:100%;}
#compare_shipping_form p select option{ padding:7px;}
#compare_shipping_form #compare_shipping .SE_SubmitRefreshCard {padding-left:0px;padding-top: 20px;text-align: center;}
.list-order-step .cart_quantity_input.text {width: 32px;}
.list-order-step #cart_quantity_button span {margin-right:6px;}
#compare_shipping_form #compare_shipping .SE_SubmitRefreshCard input {margin-right:10px; margin-bottom:10px;}
#order #HOOK_SHOPPING_CART {margin-bottom: 20px;}
#compare_shipping_form p input {width:100%; }
#account-creation_form  h3 {margin:10px 0 15px 0;padding:3px 8px 10px 10px;}
table#order-list td.history_detail{border-bottom:1px solid #ccc!important;}
#order-detail-content table  td strong{ font-weight:bold; color:#333; margin-right:7px;}
#order-detail-content table .totalprice  td{border-bottom:1px solid #E5E5E5!important;}
#shipping-table .tds-5{border-bottom:1px solid #E5E5E5!important;}
#shipping-table thead{ display:none;}
#sendOrderMessage select option{ padding:5px; width:268px;}
.addresses #id_address_delivery{width:100%;}
.addresses .address_delivery select option{ padding:5px;}
#order-detail-content table td {}
#order-detail-content table#cart_summary td {border-bottom:0;display:table-cell; font-size:12px;}
#order-detail-content table#cart_summary input.cart_quantity_input { width:35px;}
#order-detail-content table#cart_summary td { padding-right:0px;}
#order-detail-content table#cart_summary td.cart_product { padding-right:10px;}
#order-detail-content table.multishipping-cart  td strong{font-weight:bold;color:#333;margin-right:7px;clear:both;color: #333333;display: block;float:none;font-weight:bold;margin-right:7px;padding-bottom:7px;width: 100%;}
#order-detail-content table.multishipping-cart td{ display:block!important; border-bottom:0!important; }
#order-detail-content table.multishipping-cart thead{ display:none;}
.multishipping-cart .cart_quantity {width: auto;overflow:hidden;}
#order-detail-content table.multishipping-cart td select option{ padding:5px;}
.order_delivery {padding-top: 7px;}
#module-cheque-payment form{ margin-bottom:0;}

form#voucher fieldset h4{ float:none; padding:0 0 10px 0} 

p.payment_module{ padding-top:0px;}

p.payment_module + p { padding-top:20px;}
.ordercart-title{padding:0px 0 14px 0;}
#block-order-detail .address.alternate_item{ margin-right:0;}
#block-order-detail .adresses_bloc ul{ margin-left:0px; padding:6px 5%; width:100%;}
#module-cheque-payment #columns p.cart_navigation a,#module-bankwire-payment #columns p.cart_navigation a{ display:block; float:none; text-align:center;}
#module-cheque-payment #columns p.cart_navigation input,#module-bankwire-payment #columns p.cart_navigation input{ width:100%; float:none;}
#module-bankwire-payment #columns p.cart_navigation input{ margin-bottom:20px;}
.order_delivery .address.first_item, ul#address_delivery, .order_delivery .address.alternate_item, ul#address_invoice { 
width:100%;
margin-right:0;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
}
#module-referralprogram-program #idTab3 table th { font-size:11px;}
#module-referralprogram-program #idTab3 table th, #module-referralprogram-program #idTab3 table td {  padding-left:2px; word-wrap:break-word; padding-right:2px;}
#module-referralprogram-program #idTab3 { overflow:auto;}
}



@media only screen and (max-width: 480px) {
/*logo size */

.center_column .locationbutton { padding-bottom:15px;}

}



@media only screen and (min-width: 320px) and (max-width: 480px) {
body#index .instant + #right_column {display:none;}
/*clue tip*/
#cluetip {left:50% !important; width:200px !important; margin-left:-100px;}

}



@media only screen and (min-width: 768px)  and (max-width: 980px) {
#cart_summary.multishipping-cart #cart_quantity_button a {
clear:both;
}
table#cart_summary.multishipping-cart .cart_quantity .cart_quantity_input {
clear:both;
border-top:none;
border-bottom:none;
border-right:1px solid #CCC;
border-left:1px solid #CCC;
width:45px;
}
table#cart_summary.multishipping-cart #cart_quantity_button {
margin:0 auto;
float:none !important;
width:45px;
}
}



@media only screen and (max-width: 480px){



}