#mobnav-btn {display:none}
@media only screen and (max-width:980px) {
	.main-width  {width:100%; min-width:auto;}
}
@media only screen and (max-width:980px) {

/* layout */
div.column-1,  div.column-2,  div.column-3,  div.column-4,  div.column-5,  div.column-6,  div.column-7,  div.column-8,  div.column-9,  div.column-10,  div.column-11,  div.column-12, .vm-col-4, .vm-col-5, .width25, .width33, .vm-col-3 {width:auto !important; float:none !important; clear:both}
div.column + div.column {margin:0 !important; border:none !important}

/* top wrapper */
.logoarea {text-align:center}
.top-wrapper a.logo {display:inline-block; margin:auto}

/* ... lang */
.lang.column.hor-menu {padding-left:0 !important; text-align:center !important}
.lang.column.hor-menu a, .lang.column.hor-menu a:hover, .lang.column.hor-menu li {background:none}

/* ... user */
.hor-menu {padding-left:0 !important; text-align:center !important}
.top-ribbon .userarea div.login {margin:0; left:10px !important; right:10px !important; box-sizing:border-box !important; width:auto !important; text-align:center !important}
.top-ribbon .userarea div.login ul.unstyled a {font-size:14px !important}

/*... cart */
.top-wrapper .cart.column {text-align:center; height:auto !important; background:none !important; bottom:45px !important; right:0 !important; position:fixed !important; top:auto !important}
.top-wrapper .cart.column .vmCartModule {position:relative !important; top:auto !important; height:auto !important; background:none !important; box-shadow:none !important}
.top-wrapper .cart.column .vm_cart_products,
.top-wrapper .cart.column .total,
.top-wrapper .cart.column .total_products,
.top-wrapper .cart.column h3 {display:none !important}
.top-wrapper .cart.column {margin:0 !important; padding:0 !important; border:none !important}
body.scroll .top-wrapper .cart.column .vmCartModule .show_cart {padding:0 !important; bottom:auto !important}

/* search */
.top-wrapper div.search.column form {text-align:center}

/* MENUS */
/* ... button */
#mobnav-btn {top:10px !important; right:10px; bottom:auto; display:block; font-size:18px; font-weight:bold; color:white; cursor:pointer; border:2px solid; z-index:2000; width:31px; text-align:center; position:absolute; height:26px; background:url(../images/ico-mobile-menu.png) no-repeat 50% 50% #f54f0c; text-indent:-9999px; padding:5px; border-radius:3px}

/* ... framework */
.hor-menu ul {text-align:center}

/* ... mobile dropdown */
.sf-menu {top:59px; max-height:0; overflow:hidden; z-index:1000; position:absolute !important; left:10px !important; right:10px !important; width:auto !important}
.sf-menu.xactive {max-height:4000px !important}
.sf-menu ul {position:relative !important; display:block !important}
.sf-menu li  {float:none!important; display:block!important; width:auto!important; margin:0 !important; padding:0 !important;}
.sf-menu a {float:none!important; text-align:left; padding:15px 10px !important; display:block !important; position:relative; overflow:hidden; border-right:none !important; border-left:none !important}
.sf-menu div {display:inline !important; background:none !important; float:none !important; width:auto !important}
.sf-menu li li a {padding:15px 0 15px 25px !important; text-align:left !important}
.sf-menu li li li a {padding:15px 0 15px 40px !important}

/* ... mobile dropdown - colors */
.sf-menu, .sf-menu li a, .sf-menu li a:hover {background:#ddd !important}
.sf-menu li a, .sf-menu li a:hover {border-bottom:1px solid #fff !important; color:#333 !important}
.sf-menu li li a, .sf-menu li li a:hover {color:#333 !important}

/* misc */
.breadcrumbs {display:none !important}

/* COMPONENTS */
/* virtuemart */

}
@media only screen and (max-width:550px) {
.top-ribbon .userarea div.login .control-group {display:block !important; padding-bottom:5px !important}
.top-ribbon .userarea div.login .control-group label, #form-login-remember {display:none !important}
}