﻿@media (max-width: 1199px) {
  /*lg*/ }

@media (min-width: 992px) {
  .container {
    max-width: 1140px; } }

@media (max-width: 1090px) {
  /*mobil menu*/
  .searchBox {
    float: none; }
  .theTop.slim {
    height: 43px;
    overflow: hidden; }
  header {
    padding: 20px 0; }
  .topbar .header-links {
    display: none; }
  .topbar .phoneTop {
    display: none; }
  .topbar .kurv {
    float: none;
    position: relative;
    top: -2px; }
  .topbar .toggleMenu {
    float: right;
    margin-top: -19px; }
  .mobileLogo {
    display: block;
    text-align: center;
    margin-bottom: 10px; }
  .trigger {
    display: inline-block; }
  .toggleMenu {
    font-family: "Dosis", Helvetica, Arial, serif;
    font-size: 18px;
    letter-spacing: 1px;
    text-transform: uppercase;
    float: right;
    padding: 30px 0; }
    .toggleMenu i {
      margin-left: 12px; }
  .triggerLi {
    display: block; }
    .triggerLi .trigger {
      display: block; }
  .logoItem {
    display: none !important; }
  .topmenu #menu {
    background-color: #fff;
    margin-top: 0px;
    position: fixed;
    width: 285px;
    height: 100vh;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    top: 0;
    right: -286px;
    bottom: 0;
    display: block;
    z-index: 99999;
    -moz-transition: 350ms all ease-in-out;
    -o-transition: 350ms all ease-in-out;
    -webkit-transition: 350ms all ease-in-out;
    transition: 350ms all ease-in-out; }
    .topmenu #menu.active {
      right: 0; }
    .topmenu #menu ul {
      display: block;
      float: none; }
      .topmenu #menu ul li {
        display: block;
        border-bottom: 0; }
        .topmenu #menu ul li.triggerLi button {
          font-family: "Dosis", Helvetica, Arial, serif;
          font-size: 15px;
          color: #222;
          text-transform: uppercase;
          letter-spacing: 1px;
          display: block;
          width: 100%;
          text-align: left;
          padding: 15px 25px !important; }
          .topmenu #menu ul li.triggerLi button i {
            font-size: 15px;
            float: right; }
        .topmenu #menu ul li a {
          padding: 15px 25px !important;
          background-color: transparent;
          color: #222;
          border-bottom: 1px solid rgba(0, 0, 0, 0.1);
          display: block;
          width: auto;
          text-align: left;
          margin: 0; }
          .topmenu #menu ul li a:hover {
            background-color: #d6dfe2 !important;
            color: #fff !important; }
        .topmenu #menu ul li ul {
          padding: 0;
          margin-top: 0;
          border: none;
          background-color: #fff;
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none;
          min-width: 1px;
          width: 100%;
          display: none;
          height: auto;
          max-height: 100%;
          float: none !important;
          position: relative !important; }
          .topmenu #menu ul li ul.open {
            display: block; }
          .topmenu #menu ul li ul li {
            display: block; }
            .topmenu #menu ul li ul li a {
              background-color: #fff;
              display: block;
              color: #333;
              padding: 10px 16px !important; }
            .topmenu #menu ul li ul li ul {
              display: none; }
      .topmenu #menu ul:hover > a {
        background-color: #b9cdc0;
        color: #fff !important; } }

@media (max-width: 991px) {
  /*md*/
  .short-description {
    padding: 10px; }
  .relateredeProdukter {
    display: none; }
  .slideHolder .nivoSlider {
    height: auto; }
  .topic-page-om-os .imgController {
    height: 420px;
    background-position: center top; }
  .topic-page-om-os .omOsPadLeft {
    padding: 30px; }
  .topic-page-om-os .omOsPadRight {
    padding: 30px; }
  .bookCTA {
    background-color: #e8cdc7;
    color: #222;
    text-align: center;
    height: auto;
    padding: 30px 0;
    margin-bottom: 30px; }
    .bookCTA .innerPadding {
      padding: 50px 20px; }
  .bookTidNu {
    margin-top: 50px; }
  .topic-page .page-body {
    margin-bottom: 50px; }
  .slideHolder .nivoSlider .nivo-caption {
    width: auto;
    text-align: left; }
  img.hideRespons {
    display: none; }
  .flowerinfo {
    padding: 45px 30px; }
  .category-page .page-title h1 {
    margin-bottom: 30px; }
  .contact-page .page-title {
    margin-top: 0px; }
  footer .footerHeader {
    text-align: center; }
    footer .footerHeader span {
      display: block;
      margin-bottom: 30px; }
    footer .footerHeader .newsLetter {
      float: none;
      display: block; }
  .sameHeight1 {
    height: auto !important;
    min-height: 200px; }
  .cc {
    text-align: center; }
    .cc .madeby {
      float: none; }
      .cc .madeby span {
        display: block;
        margin: 0; }
  .inputs {
    text-align: left; } }

@media (max-width: 768px) {
  /*sm*/
  .topic-page .page-body img, .category-description img {
    float: none;
    margin-left: 0px;
    margin-bottom: 20px;
    max-height: none;
    width: auto; }
  .showMobile {
    display: block !important; }
  .hide-mobile {
    display: none; }
  .newsLetter .required {
    position: relative;
    right: auto;
    top: auto; }
  .topbar .kurv {
    float: none;
    position: relative;
    top: auto; }
  .basic-search .col-form-label {
    display: none; }
  footer {
    text-align: center; }
    footer .newsLetter {
      float: none;
      top: 0;
      display: block;
      margin: 0 auto;
      margin-top: 20px; }
    footer .newsLetter .newsletter-email input[type="email"] {
      width: 139px !important; }
    footer .tider {
      margin: 0 auto; }
      footer .tider li {
        text-align: left; } }

@media (max-width: 576px) {
  /*xs*/
  .topic-page-om-os .imgController {
    margin-bottom: 30px; }
  .topic-page-om-os .omOsPadLeft {
    padding: 10px; }
  .topic-page-om-os .omOsPadRight {
    padding: 10px; }
  footer {
    text-align: center;
    padding: 35px 0; }
    footer img {
      margin: 0 8px;
      display: inline-block; }
    footer .social {
      float: none;
      display: block;
      margin: 0 auto;
      margin-top: 20px; }
      footer .social a {
        margin: 0 8px; } }
