@media all and (max-width: 479px) {


  h1#page-title {font-size: 28px;}

  #cart {left: 0;}
  .cart { padding: 25px 15px; }
  .cart .item { min-height: 140px; }
  .cart .item .titles {
    margin: 0 0 0 6%;
    font-size: 14px;
    width: 66%;
  }
  .cart .item .image {
    width: 27%;
  }
  .cart .item .remove {
    position: absolute;
    top: 5px;
    right: 5px;
    margin: 0;
    width: 20px;
  }
  .cart .item .quantity {
    position: absolute;
    left: 10px;
    top: 95px;
  }

  .support .body {
    right: 0;
    bottom: 120%;
    min-width: 0;
    width: 340px;
    max-width: 90vw;
  }
  .support .body > .inner {
    padding: 25px 30px;
  }

  .search .form .form-text {
    font-size: 16px;
    padding: 15px 20px;
  }
  .search .results-empty {
    font-size: 14px;
    padding: 25px 20px;
  }
  .search .results-group { padding: 15px 20px; }
  .search .results-text .title { font-size: 14px; }
  .search .results-products .item .description { width: 76%; }
  .search .results-group > .btn {min-width: 100%;}

  .cart .top .title {
    font-size: 28px;
  }

  #checkout-items .item {
    padding: 15px;
  }

  .page-order-checkout h1#page-title {
    font-size: 24px;
    padding: 25px 30px;
  }

/******************* Frontpage *******************/

  .index-entries .entry-0 {
    padding-bottom: 100%;
  }
  .index-entries .entry-0 .title {
    font-size: 30px;
  }
  .index-entries .group-1 .entry {
    padding-bottom: 80%;
  }
  .index-entries .group-1 .entry:last-child {
    padding-bottom: 100%;
  }
  .index-entries .entry-3 .title {
    font-size: 24px;
  }
  .index-entries .entry-4 {
    padding-bottom: 100%;
  }
  .index-entries .entry-4 .title {
    font-size: 24px;
  }
  .index-entries .entry-5 .inside {
    padding: 30px 0;
  }
  .index-entries .entry-5 .text {
    font-size: 20px;
  }

  .index-knowledge .top .left .title {
    font-size: 48px;
  }

  .index-popular .item:nth-child(n) {
    width: auto;
    float: none;
    margin-left: 0;
  }
  .index-popular .item:nth-child(n+2) {
    margin-top: 15px;
  }

  .index-more .top .title {
    font-size: 36px;
  }
  .index-more .item:nth-child(n) {
    float: none;
    width: auto;
  }
  .index-more .item:last-child {
    margin-top: 30px;
  }


  /**
   * Ref
   */
  .ref-top .articles .article:nth-child(n) {
    padding-bottom: 80%;
  }
  .ref-top .articles .article:nth-child(n) .title {
    font-size: 24px;
  }


  /**
   * Common
   */
  .commons .common-item.with-image .image {
    display: none;
  }
  .commons .common-item.with-image .text {
    max-width: 85%;
  }

  .common-medium .image {
    display: none;
  }
  .common-medium.has-image .text {
    width: auto;
    max-height: none;
  }

  .common-borderless .image {
    display: none;
  }
  .common-borderless.has-image .text {
    width: auto;
    float: none;
    padding-left: 0;
  }

/******************* Bransch *******************/

  .industry-view .head .title {font-size: 28px;}


/******************* Kategorier *******************/

  .category-view {
    padding: 18px 20px 30px;
  }
  .category-view .categories .category > .more {
    display: block;
    margin: 0;
  }

  .products .product-item:nth-child(n) {
    margin: 0;
  }
  .products .product-item > .inner {
    border-width: 0;
  }
  .products .product-item:nth-child(-n+2) > .inner {
    border-top-width: 1px;
  }
  .products .product-item:nth-child(2n+1) > .inner {
    border-right-width: 1px;
    padding-left: 0;
  }
  .products .product-item:nth-child(2n) > .inner {
    padding-right: 0;
  }

  .form-product-filter .form-name-fields .form-type-checkboxes > .form-input,
  .form-product-filter .form-name-fields .form-type-radios > .form-input {
    max-width: 81%;
  }
  .category-view .filter .header .reset-btn {
    position: static;
    float: none;
    margin-top: 10px;
  }


/******************* Produkt *******************/

  .products-small .product-item {
    width: 100%;
    margin-left: 0;
  }

  .products-small .product-item:nth-child(3n+1) {
    margin-left: 0;
    clear: none;
  }
  .products-small .product-item:nth-child(n+3) {
    margin-top: 0;
  }
  .products-small .product-item:nth-child(n) {
    margin-bottom: 20px;
  }

  .product-view .banner .title {
    font-size: 18px;
    font-weight: 500;
  }

  .section .title {font-size: 20px;}
  .common-view .top .preamble {margin-top: 10px;}


  .product-view .articles-mobile .article .label,
  .product-view .articles-mobile .article .value {
    float: none;
    width: auto;
  }

  .product-view .documents-links .items {
    padding: 25px 25px 25px;
    font-size: 15px;
  }

  .product-view .documents-links .all-documents {
    padding: 25px 25px;
    font-size: 15px;
  }

  .product-view .documents-links .icon,
  .product-view .documents-links .items .fa {
    width: 25px;
  }


/******************* About *******************/

  .common-view .menus {margin-bottom: 25px;}
  .section {margin: 35px 0;}

  .section .slide .texts {padding: 32px 0 0; height: 230px;}
  .section .slider .title {font-size: 21px;}

  .section.type-image-preamble .texts {padding: 25px;}

  .form-service-contact .form-item {
    float: none;
    width: auto;
    margin-left: 0;
  }

/******************* News *******************/

  .news-index .form-type-radios,
  .news-index div.menu-dropdown {width: 100%;}

  .common-large .text,
  .common-large .image {padding: 20px 20px 10px;}
  .common-large .text {padding-top: 5px;}

  .common-large .title {font-size: 20px;}

  .news-index h1 {
    font-size: 27px;
    padding: 29px 0 18px;
  }

  .common-view.news-view h1 {
    font-size: 24px;
    line-height: 30px;
  }


/******************* Events *******************/
  .event-index .top-title {
    font-size: 26px;
  }
  .event-large .text {
    padding: 25px 40px 25px 30px;
  }


/******************* Kundservice *******************/

  div.menu-dropdown,
  .menu-scroll  {width: 100%;}

  .menu-scroll a {
    display: block;
    width: 100%;
    margin: 0 0 10px;
    border-left-width: 1px;
  }

  .popup-size-medium .popup-light {
    width: 90%;
    left: -45%;
  }
  .popup-inner {
    margin: 60px 25px 40px;
  }

  div.menu-dropdown {margin-bottom: 10px;}

  .contact-view .top .contact { width: 100%; }

  .contact-view .infobox,
  .contact-view .infobox:nth-child(1),
  .contact-view .infobox:nth-child(2)  {
    float: left;
    width: 100%;
    padding: 12px 0 0;
    border-bottom: 1px solid #fff;
    border-left: none;
    height: 110px;
  }
  .contact-view .infobox .image {
    float: left;
    width: 120px;
    margin-right: 20px;
  }
  .contact-view .infobox .title {
    float: left;
    margin-top: 30px;
  }

  .contact-view .infobox:nth-child(4)  {
    border-bottom: none;
  }

  .contact-view .offices .col {width: 100%;}

  .contact-view .info {padding: 30px 20px 45px;}
  .contact-view .offices {padding: 50px 0 30px;}

  .contact-view .employees h2,
  .contact-view .offices h2 {
    font-size: 25px;
    margin: 0px 0 20px;
  }

  .form-employee-filter .form-label:nth-child(n) {
    width: 50%;
    border: 1px solid #ccc;
    border-left-width: 0;
    border-top-width: 0;
  }
  .form-employee-filter .form-label:nth-child(-n+2) {
    border-top-width: 1px;
  }
  .form-employee-filter .form-label:nth-child(2n+1) {
    border-left-width: 1px;
  }


  .map-wrapper .items .list {
    font-size: 16px;
  }
  .map-wrapper .items .list thead {
    display: none;
  }
  .map-wrapper .items .list tr,
  .map-wrapper .items .list td {
    display: block;
  }
  .map-wrapper .items .list td:nth-child(n) {
    padding: 3px 15px;
  }
  .map-wrapper .items .list td:first-child {
    padding-top: 15px;
  }
  .map-wrapper .items .list td:last-child {
    padding-bottom: 15px;
  }

  .map-wrapper .map {
    padding-bottom: 100%;
  }
  .map-wrapper .form {
    left: 15px;
    top: 15px;
    right: 60px;
  }
  .map-wrapper .form .form-item {
    max-width: 100%;
  }


  /**
   * Order history
   */
  table.order-list tr > :nth-child(n+3) {
    display: none;
  }
  table.order-list tr > :last-child {
    display: table-cell;
  }

  .order-view .order-data > div {
    width: 50%;
  }
  .order-view .order-data > div:nth-child(n) {
    margin-top: 0;
  }
  .order-view .order-data > div:nth-child(n+3) {
    margin-top: 7px;
  }

}

@media all and (max-width: 399px) {

  #logo {
    width: 100px;
  }
  .user-controls {
    margin-right: 15px;
  }
  .user-controls .text > :nth-child(n+2) {
    margin-left: 10px;
  }

  .index-industries .item { width: 100%; float: none; }
  .search .results-products .item .icon {display: none;}
  .search .results-products .item .description {
    width: 79%;
    margin-left: 6%;
  }


/******************* about *******************/

  .section.type-thumb-text .image {
    width: 100%;
    margin-right: 0;
    text-align: left;
  }
  .section.type-thumb-text .texts {
    width: 100%;
  }

  .section.type-image-text .texts,
  .section.type-text-image .texts,
  .section.type-image-text .image,
  .section.type-text-image .image,
  .news-view .section.type-image-text .image,
  .news-view .section.type-text-image .image {
    width: 100%;
  }
  .news-view .section.type-image-text .image,
  .news-view .section.type-text-image .image {
    margin-right: 0;
  }

  .section.type-text-text .title,
  .section.type-text-text .title2,
  .section.type-text-text .text,
  .section.type-text-text .text2,
  .section.type-box-text-text .text,
  .section.type-box-text-text .text2 {
    float: none;
    width: auto;
    margin-right: 0;
  }
  .section.type-text-text .text2,
  .section.type-box-text-text .text2 {
    margin-top: 1em;
  }
  .section .title2.mob {
    display: block;
    margin-top: 1em;
  }
  .section .title2.dt {
    display: none;
  }

/******************* news *******************/

  .section .slide .texts {height: 280px;}

  .news-index .form-type-radios .radio-label {width: 100%;}

  .news-index .form-type-radios .radio-label:nth-child(2n) .label-inner {
    border-left-width: 1px;
  }

  .news-index .form-type-radios .radio-label:nth-child(2) .label-inner {
    border-top: none;
  }


/******************* Catalog *******************/

  .catalog-index .catalog{
    width: 100%;
    margin-left: 0;
  }
  .catalog-index .catalog:nth-child(3n+1) {
    margin-left: 0;
    clear: none;
  }
  .catalog-index .catalog:nth-child(-n+2) {
    margin-top: 35px;
  }
  .catalog-index .catalog:nth-child(-n+1) {
    margin-top: 0;
  }
  .catalog-index .category h2 {
    text-align: center;
  }
  .catalog-index .image,
  .catalog-index .title,
  .catalog-index .type {
    margin: 0 auto;
    text-align: center;
  }

  .form-catalog-order .form-name-cancel {
    display: none;
  }


/******************* Kundservice *******************/

  .contact-view .infobox,
  .contact-view .infobox:nth-child(1),
  .contact-view .infobox:nth-child(2)  {
    height: 90px;
    padding: 0;
  }

  .contact-view .infobox .image .middle-class {
    display: none;
  }
  .contact-view .infobox .image {
    width: 48px;
    margin: 27px 20px;
  }

  .contact-view .workgroup .item:nth-child(n) {
    width: auto;
    margin-left: 0;
    float: none;
    clear: none;
  }

}

@media all and (max-width: 374px) {

  .index-entries .entry-0 .title {
    width: auto;
  }

  .products .product-item:nth-child(n) {
    margin: 0;
    clear: both;
    width: auto;
  }
  .products .product-item > .inner {
    border-width: 0;
  }
  .products .product-item:nth-child(n) > .inner {
    border-right-width: 0;
    border-top-width: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .products .product-item:nth-child(1) > .inner {
    border-top-width: 1px;
  }

  table.order-rows tr .subtitles {
    display: none;
  }
  .order-view .order-summary {
    min-width: 0;
    width: 100%;
  }

  .product-view .atex-zones .zone-items {
    padding-top: 30px;
    clear: both;
  }
  .product-view .security-level .levels {
    clear: both;
    margin-left: 0;
  }

}