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

  /******************* Frontpage *******************/
  #menu-about>ul.menu {
    padding: 75px 0 0;
    margin: 0 auto;
    max-width: 1170px;
  }

  #menu-about>ul.menu>li {
    width: 13%;
    margin-left: 3%;
  }

  #menu-about>ul.menu>li>.menu-link {
    font-size: 17px;
    line-height: 18px;
  }

  .support {
    right: 20px;
    bottom: 20px;
    margin: 0;
  }

  .column-right {
    width: 82%;
  }

  .column-left {
    width: 18%;
  }

  .search {
    max-width: calc(100% - 400px);
  }

  .blurb {
    width: 100%;
  }

  .blurb.size-small,
  .blurb.size-large {
    padding: 45px 0 0 0;
  }

  .search .group-left {
    width: 42.5%;
  }

  .search .group-left+.group-right {
    width: 57.5%;
  }

  .search .results-text .left {
    width: 33%;
    margin-right: 4%;
  }

  .search .results-text .right {
    width: 63%;
    line-height: 1.3;
  }

  .search .results-text .image {
    width: auto;
  }

  .search .results-products .item .image {
    width: 13.5%;
  }

  .search .results-products .item .description {
    width: 59%;
    margin-left: 4%;
  }

  .search .results-products .item .num-articles {
    width: 14%;
    margin-left: 5%;
  }

  .search .results-products .item .icon {
    margin-left: 1.5%;
  }


  /**
   * Index page
   */
  .index-entries {
    background-image: none;
  }

  .index-entries .entry-5 {
    background-image: url("../images/hands.png") !important;
    background-repeat: no-repeat;
    background-position: 50px center;
    background-size: 40% auto;
  }


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

  .industry-view .col.left img {
    width: auto;
    height: 100%;
    max-width: none;
    margin-left: -50%;
    position: absolute;
    left: 50%;
    margin-left: -306px;
  }

  .industry-view .col.left .image {
    overflow: hidden;
    text-align: center;
  }

  .industry-view .top .right {
    padding: 45px 6% 0 10%;
  }

  .industry-view .content-blurb .text {
    max-width: none;
    margin-left: 14%;
    width: 52%;
  }

  .industry-view .content-blurb .title {
    max-width: none;
    width: 34%;
  }

  .common-list {
    width: 80%;
    margin: 0 auto;
  }


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

  .products .product-item {
    width: 20%;
  }



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

  .product-view .col-1 {
    width: 68%;
  }

  .product-view .col-2 {
    width: 32%;
  }

  .products-small .product-item .image {
    width: 28%;
    margin-right: 5%;
  }

  .products-small .product-item .titles {
    width: 67%;
  }

  .products-small .product-item {
    width: 23%;
    margin-left: 2%;
  }

  .product-view .banner {
    padding: 35px 35px 35px 60px;
  }

  .product-view .left {
    width: 40%;
    margin-right: 10%;
  }

  .product-view .right {
    width: 50%;
  }

  .product-view .right iframe {
    width: 100% !important;
    height: 23vw !important;
  }

  .product-view .banner .middle-class {
    height: 280px;
  }


  /* Formblock */
  .formblock {
    padding: 70px 40px 85px;
  }

  .formblock .cols .col-1 {
    width: 45%;
  }

  .formblock .cols .col-2 {
    width: 45%;
  }



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


  .common-view {
    width: 90%;
  }

  .common-view .top .col-1 {
    width: 37%;
  }

  .common-view .top .col-2 {
    margin-left: 9%;
    width: 54%;
  }

  .section .slider .title {
    font-size: 23px;
  }

  .section .slide .texts {
    font-size: 15px;
  }

  /**
   * Common
   */
  .common-large .image {
    width: 46%;
    max-width: 440px;
  }

  .common-large.has-image .text {
    width: 54%;
  }

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

  .common-large .text {
    padding: 25px 120px 0 40px;
  }

  .common-col-list .common-item .text {
    max-width: 80%;
  }

  .common-col-list .common-item.with-image .text {
    max-width: 50%;
    max-height: 100px;
  }

  .common-medium .image {
    width: 190px;
  }

  .common-medium.has-image .text {
    padding: 15px;
    width: calc(100% - 190px);
  }


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

  .news-index {
    padding: 0 0 90px;
    width: 90%;
    margin: 0 auto;
  }

  .news-view .section .texts {
    width: 50%;
  }

  .news-view .section.type-image-text .image,
  .news-view .section.type-text-image .image {
    width: 42%;
    margin-right: 5%;
  }



  /******************* Event *******************/

  .event-index {
    padding: 0 0 60px;
    width: 90%;
    margin: 0 auto;
  }

  .event-large .image {
    width: 46%;
    max-width: 440px;
  }

  .event-large.has-image .text {
    width: 54%;
  }

  .event-large .title {
    font-size: 25px;
  }

  .event-large .text {
    padding: 25px 120px 0 40px;
  }



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

  .contact-view .menus {
    width: 90%;
  }

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

  .contact-view .offices .left {
    width: 50%;
  }

  .contact-view .offices .right {
    width: 45%;
  }

  .contact-view .employees>.inner {
    padding: 0;
  }

  .contact-view .workgroup .item:nth-child(n) {
    width: 22%;
    margin-left: 4%;
    clear: none;
  }

  .contact-view .workgroup .item:nth-child(4n+1) {
    margin-left: 0;
    clear: both;
  }


  /******************* Catalog *******************/
  .catalog-index .catalog {
    width: 23%;
    margin-left: 2%;
  }

}



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

  .common-medium {
    height: auto;
  }

  .common-medium .image {
    width: 36%;
  }

  .common-medium.has-image .text {
    width: 64%;
    overflow: hidden;
    max-height: 107px;
  }

  .common-medium .preamble {
    overflow: hidden;
    height: 3.75em;
  }

}


@media all and (max-width: 1200px) and (min-width: 960px) {

  .common-medium .image {
    display: none;
  }

  .common-medium.has-image .text {
    width: auto;
  }

  .ref-top .articles .article:nth-child(2) .inside,
  .ref-top .articles .article:nth-child(3) .inside {
    padding: 15px;
  }

}

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

  .category-menu,
  .mobile-menu,
  .menu-category-btn,
  .menu-mobile-btn {
    display: block;
  }

  #menu-admin,
  .menu-industry-btn {
    display: none;
  }

  .menu-about-open #container,
  .menu-industry-open #container {
    transform: none;
  }

  body.admin-menu {
    margin-top: 0;
  }

  #container {
    border-top: none;
  }

  #header {
    padding: 15px 0;
  }

  #header>.inner {
    padding: 0 5px;
  }

  #header>.inner>.right {
    right: 15px;
  }

  #logo {
    left: 30px;
  }

  .search {
    margin-left: 1px;
  }

  #navbar {
    padding: 0px;
  }

  #content {
    min-height: 0;
  }

  .search .form .form-text {
    height: 50px;
    padding: 10px 10px;
    font-size: 16px;
  }

  .search .results {
    left: 0;
    right: 0;
    margin-top: 15px;
  }

  .popup-size-large .popup-light {
    left: 20px;
    right: 20px;
    margin-left: 0;
    width: auto;
  }

  .popup-size-medium .popup-light {
    width: 650px;
    left: -233px;
  }

  .search .results-products {
    width: 100%;
    border: 0;
  }


  #menu-about>ul.menu {
    max-width: 900px;
  }

  #menu-industry>.inner {
    padding-left: 30px;
    padding-right: 30px;
  }

  #menu-industry .item {
    width: 16.66%;
  }

  .column-right {
    width: 80%;
  }

  .column-left {
    width: 20%;
  }

  .newsletter .form-container {
    padding: 100px 60px;
  }

  #footer {
    padding: 70px 60px;
  }

  #footer .footer-menu {
    width: calc(100% - 210px);
  }

  .footer-menu .menu-depth-1>li {
    float: left;
    margin-right: 45px;
  }


  .blurb .text {
    font-size: 15px;
    line-height: 20px;
  }

  .blurb .title {
    font-size: 22px;
  }

  .index-knowledge .top .left {
    width: 40%;
  }

  .index-knowledge .top .right {
    width: 50%;
    padding-right: 0;
  }

  .index-knowledge .shield svg {
    max-width: 33vw;
  }

  /**
   * Common
   */
  .common-col-list {
    float: none;
    width: auto;
  }

  .common-col-list .common-item .text {
    width: 78%;
    line-height: 56px;
    padding-left: 30px;
  }

  .common-col-list .common-item .arrow {
    width: 68px;
  }

  .common-col-list .common-item.with-image .arrow {
    width: 40px;
  }

  .common-col-list .common-item .arrow .fa {
    line-height: 56px;
  }

  .common-borderless .text {
    padding-top: 0;
  }

  .knowledge-category-view .articles-medium {
    margin: 50px auto 0;
    width: 90%;
  }

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

  .common-list {
    width: 90%;
  }

  .industry-view .content-blurb {
    padding: 40px 45px;
  }

  .industry-view .content-blurb .title {
    font-size: 25px;
  }

  .industry-view .top .title {
    font-size: 22px;
  }

  .industry-view .top .text {
    line-height: 19px;
  }

  .commons .common-item .text {
    width: 78%;
  }



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

  .products .product-item {
    width: 25%;
  }

  .products .product-item:nth-child(5n+1) {
    clear: none;
    margin: 0 0 -1px -1px
  }

  .products .product-item:nth-child(4n+1) {
    clear: both;
    margin-left: 0;
  }

  .form-product-filter .form-name-fields .form-item>.form-label {
    width: 25%;
  }

  .form-product-filter .form-name-fields .form-type-checkboxes>.form-input,
  .form-product-filter .form-name-fields .form-type-radios>.form-input {
    max-width: 65%;
  }

  .form-product-filter .form-name-fields .form-type-interval>.form-input {
    width: 73%;
  }


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

  .product-view .col-1,
  .product-view .col-2 {
    width: 50%;
  }

  .product-view .slides {
    margin: 0 50px 30px 0;
  }

  .product-view .slide {
    text-align: left;
  }

  .product-view .banner .title {
    font-size: 22px;
    word-break: break-word;
  }

  .products-small .product-item {
    width: 32%;
    margin-left: 2%;
  }

  .products-small .product-item:nth-child(4n+1) {
    margin-left: 2%;
    clear: none;
  }

  .products-small .product-item:nth-child(3n+1) {
    margin-left: 0;
    clear: both;
  }

  .products-small .product-item:nth-child(n+4) {
    margin-top: 20px;
  }

  .product-view .pager {
    position: relative;
    bottom: 0;
    left: auto;
    width: auto;
    padding: 0 30px 0 0;
  }

  .product-view .pager-pages {
    height: auto;
  }

  .product-view .pager-pages>.inner {
    position: relative;
  }

  .product-view .page {
    width: 62px;
    display: inline-block;
  }

  .product-view .slide,
  .product-view .slide .img {
    padding-bottom: 100%;
  }

  .product-view .articles .field:nth-child(6) {
    display: none;
  }

  .product-view .pager-pager {
    display: none;
  }


  /* Formblock */
  .formblock {
    padding: 70px 0 85px;
  }

  .formblock .cols .col-1 {
    width: 47%;
  }

  .formblock .cols .col-2 {
    width: 47%;
  }


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

  .section .slide .texts {
    float: none;
    padding: 42px 0 0;
    margin: 0 auto 50px;
    width: 90%;
    height: 176px;
  }

  .section .slide .image {
    float: none;
    height: 300px;
    width: 100%;
  }

  .section .slider .pager {
    left: 5%;
    bottom: 324px;
  }


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

  .catalog-index {
    padding: 0 0 100px;
    width: 90%;
    margin: 0 auto;
  }

  .catalog-index .catalog {
    width: 31%;
    margin-left: 3%;
    margin-top: 35px;
    word-break: break-word;
  }

  .catalog-index .catalog:nth-child(4n+1) {
    margin-left: 3%;
    clear: none;
  }

  .catalog-index .catalog:nth-child(-n+4) {
    margin-top: 35px;
  }

  .catalog-index .catalog:nth-child(3n+1) {
    margin-left: 0;
    clear: both;
  }

  .catalog-index .catalog:nth-child(-n+3) {
    margin-top: 0;
  }

  .catalog-index .image,
  .catalog-index .title {
    max-width: 210px;
  }



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

  .common-large .image {
    padding: 25px 0 25px 25px;
    box-sizing: border-box;
  }

  .common-large .text {
    padding: 25px 120px 25px 40px;
  }



  /******************* Event *******************/

  .event-large .image {
    padding: 25px 0 25px 25px;
    box-sizing: border-box;
  }

  .event-large .text {
    padding: 25px 120px 25px 40px;
  }


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

  .common-view h1 {
    font-size: 42px;
  }

  .contact-view .info {
    padding: 45px 40px 65px;
  }

  .contact-view .offices .left {
    width: 40%;
  }

  .contact-view .offices .right {
    width: 55%;
  }

  .contact-view .offices {
    padding: 75px 40px 55px;
  }

  .contact-view .employees>.inner {
    padding: 0;
  }

  .contact-view .workgroup .item:nth-child(n) {
    width: 30%;
    margin-left: 5%;
    clear: none;
  }

  .contact-view .workgroup .item:nth-child(3n+1) {
    margin-left: 0;
    clear: both;
  }

  /**
   * Order history
   */
  .order-view .order-data {
    float: none;
    width: auto;
  }

  .order-view .order-items {
    float: none;
    width: auto;
    margin-top: 30px;
  }

  .order-view .order-data>div.clear {
    width: auto;
    float: none;
  }

  .order-view .order-data>div {
    float: left;
    width: 33%;
  }

  .order-view .order-data>div:nth-child(n) {
    margin-top: 0;
  }

  .order-view .order-data>div:nth-child(n+4) {
    margin-top: 7px;
  }

}

@media all and (max-width: 1100px) {
  .quick-menu {
    font-size: 15px;
  }

  .quick-menu .menu li {
    margin-right: 25px;
  }
}