#mobile-menu { display: none; }
.mm-menu {
	position: absolute;
	top: 0;
	right: 0;
	background: rgb(9,52,19);
	width: 80%;
	margin: 0;
        color: rgb(153,169,156);
	list-style: none;
	z-index: 1; /* Make sure the z-index is lower than the #page */
}

.mm-menu .menu-5963 { background: rgb(15,79,31); }
.mm-menu .menu-5964 { background: rgb(15,79,31); }
.mm-menu .menu-5965 { background: rgb(15,79,31); }
.mm-menu .menu-5966 { background: rgb(15,79,31); }
.mm-menu .menu-5967 { background: rgb(15,79,31); }

.mm-menu .link-to-home:after {
    border: none !important;
}
.mm-menu .link-to-home a {
        background: url(../images/matsmart-logo-vector.svg) no-repeat;
    width: 50px;
    height: 50px;
    margin-left: 15px;
    margin-bottom: 5px;
    font-size: 0;
}
.mm-menu .link-to-login {
  position: absolute;
  top: 20px;
  right: 20px;
  display: block;
}
.mm-menu .link-to-login:after {
  border: 0 !important;
}
.mm-menu .link-to-login a {
  text-transform: uppercase;
  font-weight: bold;
}
.mm-menu .link-to-login a:before {
  content: '';
  display: inline-block;
  background: url("../images/icons/login.svg");
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.profile .logout {
  font-size: 14px;
  width: 200px;
  height: 50px;
  line-height: 50px;
  margin: 0 auto;
  margin-top: 30px;
}

.mm-menu li {
    border: 1px solid rgb(34,69,42);
    border-width: 0;
}

.mm-menu > .mm-panel > .mm-listview { margin-bottom: -20px; }

#header-fb-mobile { display: none; }

#header-mobile-menu { display: none; }

@media only screen and (min-width: 320px) and (max-width: 800px) {



.front #content .wrap-title-black h1 { padding: 0; }
.front #content .wrap-title-black { padding: 0; }

.wrap-title-black { padding: 0; }
#main-content h1.nice-title { line-height: 24px; padding: 0 20px; }


.mm-menu > .mm-panel { margin: 10px 0 0 0; }
.mm-page { z-index: 10; position: relative; }
.mm-listview > li > a:hover { color: #9e9e9e; }

html { background: none; -webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto; }


/* checkout */
#right-column-checkout { display: none; }
#left-column-checkout { width: 100%; }
#checkout-content { width: auto; float: none; padding-top: 20px; position: relative;}
.page-cart #checkout-content { padding-top: 0; }
#left-column-checkout .wrap-title-black { display: none; }

#checkout-content #edit-matsmart-cart-form-checkout-pane legend { margin-bottom: 13px; }

#edit-matsmart-dhl-shipping-options { background: none; padding: 0; }
#edit-commerce-shipping { padding: 0; }

#edit-commerce-shipping-shipping-service label { width: 55%; }
#matsmart-dhl-box { clear: both; overflow: hidden; margin: 0 0 12px 0; }

#edit-matsmart-mailchimp-subscribe { padding: 0 0 0 0; }

.form-item-commerce-payment-payment-method label { width: 55%; }

#kassa-volymvikt-wrapper { height: auto; margin: 10px 0; }
#kassa-volymvikt { float: none; clear: both; margin: 0 0 10px 0; width: auto; height: auto; border: 1px solid #aaaaaa; }
#kassa-sparat { float: none; clear: both; width: auto; height: auto; border: 1px solid #aaaaaa; }
fieldset.commerce_coupon { padding: 0 0 10px 0; }
fieldset.checkout-buttons span { display: block; color: #aaaaaa; text-align: center; margin-top: 15px; }

fieldset.commerce_shipping { overflow: hidden; }

tr.even, tr.odd { background-color: transparent; }
tr.odd + tr.offer-row td { background: transparent; }
#left-column-checkout .views-table .odd td { background: transparent; }

#checkout-content thead { display: none; }

#edit-continue { width: 100%; }

#wrap-logo { display: none; }

#header-mobile-menu {
    display: block;
    float: left;
    width: 60px;
    height: 50px;
    margin: 5px 0 5px 0;
}
#header-mobile-cart {
    float: right;
    width: 160px;
    height: 50px;
    margin: 3px 0 0 0;
    display: block;
    width: calc(100% - 184px);
    text-align: center;
}
#header-bottom.empty-cart #header-mobile-cart {
    opacity: 0.3;
    pointer-events: none;
}
#header-mobile-cart a {
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
}
#header-mobile-search {
    float: left;
    width: 60px;
    height: 50px;
    margin: 5px 0 5px 0;
    border-left: 1px solid rgba(227, 227, 227, 1);
}
#header-mobile-search a {
    background: url(../images/icons/search.svg) no-repeat center center;
    background-size: 20px auto;
    display: block;
    height: 100%;
    width: 100%;
}
#header-mobile-home {
    float: left;
    width: 60px;
    height: 50px;
    margin: 5px 0 5px 0;
    border-left: 1px solid rgba(227, 227, 227, 1);
    border-right: 1px solid rgba(227, 227, 227, 1);
}
#header-mobile-home a {
    background: url(../images/matsmart-logo-vector.svg) no-repeat center center;
    background-size: 40px auto;
    display: block;
    height: 100%;
    width: 100%;
}
#header-fb-mobile { display: block; height: 20px; width: 50px; float: right; overflow: hidden; margin: 20px 20px 0 0; }

#search { float: none; clear: both; display: none; width: 100%; margin: 0; padding: 0; }
#search #block-search-form { padding: 0 10px; }
#search div { display: block; }
#search .block-content2 div div:first-child { width: auto; float: none !important; padding-right: 10px; }
#search input.nice_search { width: 100%; margin: 0; font-size: 16px; }
#search input.nice_submit { -webkit-appearance: none; width: 40px; margin-right: 11px; }

#hdr-basket { display: none; float: none; clear: both; width: 100%; height: auto; }
#hdr-basket-first { display: none !important; }
#hdr-basket-second { display: none !important; }
#hdr-basket-full .view-content { padding: 15px 15px 0 15px; }
#hdr-basket-weight { display: none !important; }
#hdr-basket-weight-label { font-size: 12px; }
.view-commerce-cart-form tbody:last-child { border-bottom: none; }



@media screen and (max-width: 400px){
#header-cart-summary-price.split{
    top: 0;
}
.split .hdr-basket-old-price {
    display: block;
}
}
#header-mobile-cart .continue-shopping {
  display: none;
}
#header-mobile-cart .continue-shopping a {
  display: block;
  line-height: 50px;
}

#wrap-user-border { display: none; }

  #wrap-user,
  #header,
  #wrap-content,
  #footer-links,
  #bottom
  {
	  width: auto;
  }
  #wrap-content { box-shadow: none; }
  ul#user-menu{
    width: 310px;
    float: right;
  }
  #top {
    height: 60px;
  }
  #header {
    height: auto;
  }
  #header-top { height: 74px; margin: 5px 0 -7px 0; }
  #header-bottom { height: auto; box-shadow: none; background: rgb(247,247,247); }
  #wrap-header-info{
    float: none;
    width: auto;
    height: auto;
  }
  #cart{
  border-left: none;
  }
  ul#header-menu{
    display: none;
  }

  #left-column { display: none; }
  ul#category-menu li a{
    width: 290px;
    background: url(../images/cat-menu-arrow.png) no-repeat 290px center;
  }
  ul#category-menu li a:hover{ background: #eeb900 url(../images/cat-menu-arrow-hover.png) no-repeat 290px center !important;  }
  ul#category-menu  ul.subcategory li a{
    width: 290px;
    background: url(../images/cat-menu-arrow.png) no-repeat 290px center !important;
  }
  .blk22{
    width: 295px;
  }

  ul.menu li a{
    width: 295px;
  }
  #left-column .left-block h2.nice-title2{
    width: 295px;
  }
  #left-column .left-block .block-content{
    width: 280px;
  }
  #left-column .left-block .block-content2{
    width: 280px;
  }

  #prd-full-box-row2 .form-item-quantity { margin: 0; }

  .nice-title { padding-left: 20px; }

  #prd-full-box-row1-right { width: 160px; }

  #right-column { width: 100%; }
  .block-product-list { width: 100%; margin: 10px 0 0 0; }
  .block-product-list ul.tabs {width: 310px;}
  .block-product-list .views-row { margin: 0 20px 20px 0; }
  .block-product-list .views-row { width: 43%; float: left; }
  .block-product-list .views-row:nth-child(even) { clear: right; }
  .block-product-list .prd .product-name h2 { width: auto; }
  .block-product-list .prd .product-photo a img { width: auto; height: auto; }
  .block-product-list .prd .product-info {width: auto; }
  #wrap-pages{
    width: 270px;
  }
  #wrap-pages .right{
    width: 270px;
  }

  .front #content .wrap-title-black { width: 100%; height: auto; background: transparent; }
  .front #content .wrap-title-black h1.nice-title { padding: 10px 20px; }

  #main-content h1.nice-title{ width: auto; height: auto; font-size: 19px; }

  	#block-matfyndet-matfyndet-biggest-savings { display: none; }
	#block-matfyndet-matfyndet-most-bought { display: none; }
	#block-block-6 { display: none; }
	#block-block-7 { display: none; }
	#block-block-8 { display: none; }
	#cart { background: none; clear: both; height: 70px; }

	#cart-title { display: block; }
	#cart-summarry { display: block; }

	#matfyndet-special2 { display: none; }
	.wrap-links { width: 160px; margin: 0 10px 0 10px; }

	#user-login input[type=text], #user-login input[type=password] { width: 100%; }

	/* header */
	#header-logos { float: right; background: url(/sites/all/themes/retailshop/images/payment_logo_mobile_x2.png); background-size: 100% auto; width: 165px; height: 74px; padding: 0; }
	#header-logos:lang(nb) { background-image: url(/sites/all/themes/retailshop/images/payment_logo_mobile_no_x2.png); }
	#header-logos-payment { display: none; }
	#header-logos-teh { display: none; }
}

@media only screen and (max-width: 360px) and (min-width: 320px) {
	#header-mobile-menu,#header-mobile-search,#header-mobile-home {width:50px;}
	#header-mobile-cart {width:167px; width: calc(100% - 154px);} 
}
/* DROPDOWN */
@media (max-width: 800px) and (min-width: 320px) {

body.preventscroll {
  overflow: hidden;
}
#hdr-basket {
        height: calc(100vh - 42px);
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        margin-left: 0;
        margin-top: 0;
}

tr.offer-row {
  display: none !important;
}
}