@media screen and (min-width: 320px) and (max-width: 1024px) {
  .wrapper {
    font-weight: 400; }
  .PageNavigation, .PageNavigation li.NextPageLink a, .PageNavigation li.NextPageLink, .PageNavigation li.PreviousPageLink, .PageNavigation li.PreviousPageLink a {
    font-size: 12px; }
  section.breadcrumb {
    margin-left: 10px; }
  .Breadcrumb {
    padding-top: 20px; }
  h1 {
    font-size: 22px;
    margin-bottom: 5px;
    line-height: 24px; }
  .text-content h1 {
    padding-bottom: 10px; }
  .info-heading h2, .productlist-heading h2 {
    font-size: 12px; }
  .info-heading h1 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400; }
  .big-lead {
    font-size: 18px;
    line-height: 1.4 !important; }
  .mega-lead {
    font-size: 18px !important;
    line-height: 1.4 !important; }
  .full p {
    width: 100%; }
  .panel {
    padding: 30px 20px;
    font-size: 14px;
    line-height: 20px; }
  .centered-panel {
    padding-left: 20px; }
  .panel-image {
    height: 180px; }
  .white-label {
    padding: 20px; }
  .product-section {
    padding: 5px 0px; }
  .Product {
    width: calc(50% - 10px);
    margin: 5px 5px;
    height: 300px; }
  .productlist-table {
    height: 140px; }
  .product-name {
    font-size: 12px;
    line-height: 14px; }
  .productlist-shortdesc {
    font-size: 10px;
    line-height: 12px; }
  .productlist-image img {
    max-height: 100px; }
  .Product:hover .productlist-image img {
    max-height: 100px; }
  .productlist-footer {
    height: 150px;
    bottom: 0px; }
  .ListProductPrices {
    padding-top: 0; }
  #ProductBuy {
    padding: 20px; }
  #ProductImages img {
    max-height: 300px;
    position: static; }
  .hero-slider {
    margin-bottom: 0; }
  .single-product {
    margin: 0 10px;
    width: calc(100% - 20px); }
  .ui-tabs .ui-tabs-panel {
    padding: 20px; }
  .ui-tabs .ui-tabs-panel h2 {
    width: auto;
    position: static;
    height: auto;
    padding-left: 0px;
    display: block;
    padding-bottom: 10px; }
  .theproduct {
    margin: 0; }
  .ui-tabs .ui-tabs-panel p, .ui-tabs .ui-tabs-panel ul {
    margin-left: 0;
    padding-left: 0px; }
  .ui-tabs .ui-tabs-nav li {
    font-size: 14px; }
  .fb-panel {
    display: none; }
  .category-banner {
    height: 240px; }
  .category-section {
    padding-top: 0; }
  .category-banner-heading {
    font-size: 16px;
    line-height: 20px;
    display: block;
    top: 90px;
    position: absolute;
    padding: 0 20px;
    width: 100%; }
  dl#AccountInformation dd.AccountLogout,
  dl#AccountInformation dd.AccountEdit {
    float: none;
    text-align: left;
    clear: both;
    padding-left: 33%;
    padding-bottom: 20px; }
  .category-wrapper {
    width: 100%;
    height: 200px; }
  .horizontal-line {
    margin-top: 30px;
    margin-bottom: 20px; }
  .popup-menu {
    display: none; }
  .opening-hours-panel {
    float: left;
    padding-bottom: 20px !important; }
  .category-description .full {
    margin-top: 0px;
    margin-bottom: 5px; }
  #ProductThumbnails li {
    height: auto; }
  #ProductBuy .big-product-name {
    font-size: 20px;
    line-height: 24px;
    word-wrap: break-word; }
  table .CartProduct h3 a {
    word-break: break-all; }
  .wrapper {
    padding-bottom: 300px;
    padding-top: 90px; }
  .info-strip {
    display: none; }
  .logo-panel {
    display: none; }
  .info-navi, .desktop-subcats, li.desktop-hamburger {
    display: none; }
  #open-menu, .hamburger, .mobile-logo {
    display: block !important; }
  .mobile-logo {
    position: absolute;
    width: 100%;
    text-align: center; }
  .mobile-header {
    width: 100%; }
  .header-icons {
    padding-right: 10px;
    z-index: 99;
    float: right;
    position: relative; }
  header .header-icons i {
    font-size: 24px !important;
    line-height: 60px; }
  .logo {
    margin: 0 auto; }
  .cart-total {
    right: -2px; }
  #CartForm {
    margin-bottom: 20px; }
  .hamburger {
    float: left; }
  #Header, .header-content {
    height: 60px;
    padding: 0; }
  #Header.MultipageCheckoutHeader {
    height: 80px; }
  #Header, #Footer {
    padding-left: 15px;
    padding-right: 15px; }
  .fa-search {
    font-size: 18px; }
  #SearchForm {
    width: auto;
    top: 0;
    position: absolute;
    left: 18px; }
  main {
    padding-bottom: 0px; }
  #Footer {
    padding-top: 30px;
    height: 300px; }
  #Footer .menu-heading {
    padding: 0;
    text-align: left;
    font-size: 12px; }
  .footer-intro-panel {
    padding-bottom: 20px; }
  #Footer .panel {
    font-size: 14px !important; }
  .footer-addresses {
    border-right: none;
    padding-right: 0;
    width: 100%; }
  .footer-navigation {
    display: none; }
  #Footer .half {
    margin-bottom: 0; }
  .footer-smallprint {
    font-size: 14px !important;
    margin-top: 20px; }
  .title-heading {
    font-size: 22px;
    line-height: 26px; }
  /* front page */
  .banner-section {
    margin-bottom: 10px; }
  .slick-next, .slick-prev {
    display: none !important; }
  .hero-slide {
    height: 360px; }
  .dark-layer {
    height: 320px;
    top: 20px;
    left: 15px;
    width: calc(100% - 30px);
    z-index: 8; }
  .banner-divider {
    margin: 15px 0; }
  .banner-info {
    padding: 20px; }
    .banner-info h1 {
      font-size: 32px;
      line-height: 36px; }
    .banner-info h2 {
      font-size: 20px;
      line-height: 24px; }
    .banner-info p {
      font-size: 16px;
      line-height: 22px;
      font-weight: 400; }
    .banner-info button {
      font-size: 16px;
      height: 48px;
      width: 100%;
      margin-top: 30px;
      position: static; }
  .read-more {
    font-size: 14px;
    line-height: 22px; }
  .news-section {
    margin-bottom: 0; }
  .news-panel {
    height: auto;
    padding-top: 40px;
    padding-right: 20px !important;
    padding-bottom: 20px !important; }
  .news-subject {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: -10px; }
  .news-footer {
    position: static; }
  .category-wrapper {
    width: 100%;
    height: 200px; }
  .category-screen div {
    opacity: 1; }
  .theproduct:after {
    padding: 0; }
  .theproduct-wrapper {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto; }
  .half {
    width: calc(100% - 20px);
    margin: 5px 10px; }
  .two-columns {
    columns: 1; }
  .product-section {
    padding: 5px 5px; }
  .checkout-login-button {
    margin-top: 5px; }
  .CartPic {
    display: none; }
  table .CartProduct h3 {
    font-size: 12px;
    line-height: 14px; }
  th, td {
    padding-left: 0;
    padding-right: 0;
    font-size: 12px; }
  .Checkout .wrapper {
    padding-bottom: 0; }
  .blue-panel {
    padding: 30px 20px;
    font-size: 14px !important;
    line-height: 1.4em !important;
    font-weight: 400; }
    .blue-panel h1 {
      font-size: 20px;
      margin-bottom: 5px;
      line-height: 24px; }
  .person-photo {
    display: none; }
  .person-contact {
    font-size: 14px; }
  .person-info {
    width: 100%;
    padding: 10px 0;
    height: auto; }
  .person-title {
    font-size: 12px;
    line-height: 18px; }
  .person-name {
    font-size: 18px; }
  .hero {
    height: 200px; }
  .title {
    margin-left: 0; }
  .content {
    padding-bottom: 0; }
  .content-panel h1 {
    font-size: 20px;
    line-height: 24px; }
  #open-search {
    display: none; }
  .MobileSearch {
    width: 100%; }
  .FormItem {
    padding-left: 0; }
  .MobileSearch input {
    width: 75% !important;
    float: left;
    margin: 0;
    border: 0;
    -webkit-appearance: none; }
  .MobileSearch button {
    width: 25% !important;
    display: block;
    margin: 0;
    float: left;
    min-width: 0;
    height: 38px;
    background-color: #F7C244 !important;
    color: #000;
    text-transform: uppercase;
    line-height: 38px; }
  .MobileSearch label {
    display: none; }
  .image-left .text-content {
    margin-left: 0%; }
  .text-content, .image-content {
    width: 100%; }
  .image-content {
    position: static;
    height: 300px; }
  .full {
    margin: 0 10px; }
  .BrandLogo {
    margin-bottom: 20px; }
  .BlockForm .FormItem {
    padding-right: 0; } }

@media screen and (min-width: 320px) and (max-width: 340px) {
  .banner-info p {
    font-size: 14px; } }

@media screen and (min-width: 320px) and (max-width: 767px) {
  .product-name {
    font-size: 9px;
    line-height: 14px; }
  .product-code {
    font-size: 8px;
    bottom: 35px; }
  .extra-space .shop-numbers {
    display: none; }
  .wall-of-logos {
    display: none; }
  .campaign-price, .list-price {
    padding: 4px 8px 2px;
    font-size: 22px; }
  .compare-price {
    font-size: 8px;
    padding: 0; }
  .compare-price .PriceDecimals {
    font-size: 10px; }
  .PriceDecimals {
    top: -5px; }
  .logo-strip {
    display: none; }
  .extra-space {
    font-size: 12px; }
  #Header {
    top: 30px; }
  .wrapper {
    padding-top: 90px; }
  .d {
    display: none; }
  .inspecta-logo {
    display: none; }
  .twins .half {
    width: calc(100% - 20px);
    margin: 0 10px 10px 10px !important;
    height: auto; }
  .image-left .text-content {
    margin-left: 0%; }
  .text-content, .image-content {
    width: 100%; }
  .image-content {
    position: static;
    height: 200px; }
  img.iphone-logo {
    width: 60%;
    display: inline-block;
    height: 40px;
    margin-top: 10px; }
  img.ipad-logo {
    display: none; }
  #cboxLoadedContent {
    padding: 10px 0px 57px 20px !important; }
  #colorbox {
    width: 90% !important;
    max-width: 90% !important;
    margin: 0 5% 0 5% !important;
    padding: 0 !important;
    box-sizing: border-box; }
  #cboxContent {
    padding: 0;
    margin: 0;
    min-height: 200px !important; }
  #cboxContent .FormItem {
    padding-left: 0;
    padding-right: 0;
    float: left;
    clear: left; }
  #cboxContent label {
    display: none; }
  #cboxContent input, #cboxContent button, #cboxContent p, #cboxContent .FormItem {
    max-width: 240px; }
  .brand-logo img {
    width: 60px; }
  .ui-tabs .ui-tabs-nav li {
    width: 100%;
    float: none; }
  .person-photo {
    width: 150px;
    height: 200px; }
  .person-info {
    width: auto; }
  .brand-slide {
    height: 300px; }
  .dark-label {
    height: 80px;
    padding: 15px 25px; }
  #ProductImages {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    width: 100%;
    height: auto;
    float: none;
    margin-bottom: 20px; }
  #ProductImages:after {
    padding: 0; }
  .product-thumbnail-wrapper {
    position: relative; }
  #ProductBuy {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    float: none;
    width: 100%; }
  .PageNavigation li {
    display: none; }
  .NextPageLink, .PreviousPageLink {
    display: block !important; }
  .onefourth, .threefourths {
    width: 100%; }
  #Header.MultipageCheckoutHeader {
    padding: 10px 5px; }
  #OnePageCheckout {
    padding: 30px 20px !important; }
  .checkout-preview-cart {
    padding: 30px 20px 0 20px !important; }
  .pagination-section {
    padding-top: 0; }
  #PaginationSortForm {
    margin: 0 5px 5px;
    width: calc(100% - 10px); }
    #PaginationSortForm .GroupItem {
      float: left; }
    #PaginationSortForm .FormItem {
      padding-left: 20px;
      padding-bottom: 20px; }
  .PageNavigation {
    width: calc(100% - 10px);
    margin: 10px 5px;
    top: 5px; }
  .DisabledPageLink {
    display: none !important; }
  #PaginationSortForm .GroupItem > div {
    padding: 5px 0 0;
    margin: 0; }
  .PaginationStatus {
    float: left;
    padding: 20px;
    font-size: 14px;
    padding-bottom: 10px;
    line-height: 16px; }
  #PaginationSortForm .GroupItem > div label {
    float: none;
    line-height: 24px; }
  button, .Button {
    min-width: 120px; }
  .FullCartSection {
    text-align: center; }
  .FullCartCol {
    border-bottom: 0;
    display: block;
    margin-bottom: 20px;
    padding: 0;
    text-align: center;
    white-space: normal;
    width: 100%; }
  .FullCartProduct {
    border-bottom: 1px solid #dadada;
    display: block;
    padding: 40px 0;
    position: relative; }
  .FullCartProduct .ProductImage, .FullCartProduct #ProductThumbnails .ProductThumbnail, #ProductThumbnails .FullCartProduct .ProductThumbnail {
    margin: 0 auto; }
  .FullCartProduct .Spinner {
    margin: 0 auto; }
  .bullet-circle {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    margin-bottom: 10px;
    margin-top: -20px; }
    .bullet-circle i {
      font-size: 24px;
      line-height: 40px; } }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .Product {
    width: calc(50% - 10px);
    margin: 5px 5px;
    height: 360px; }
  .productlist-shortdesc, .product-name {
    font-size: 14px;
    line-height: 18px; }
  .ListProductPrices {
    top: 55px; }
  .productlist-table {
    height: 200px; }
  .productlist-footer {
    bottom: 15px; }
  .PageNavigation {
    width: calc(100% - 10px);
    margin: 10px 5px;
    top: 5px; }
  .productlist-image img {
    max-height: 150px; }
  .dark-layer {
    height: 320px;
    top: 20px;
    left: 15px;
    width: calc(50% - 20px);
    z-index: 8; }
  .dark-label {
    height: 100px; }
  .brand-slide {
    height: 300px; }
  .panel-with-image {
    width: calc(50% - 20px); }
  .panel, .blue-panel {
    padding: 30px 20px 40px 20px; }
  img.ipad-logo {
    width: 50%;
    display: inline-block;
    height: 40px;
    margin-top: 10px; }
  img.iphone-logo {
    display: none; }
  .person-photo {
    width: 60px;
    height: 80px; }
  .person-info {
    width: calc(100% - 100px); }
  .contact-twins {
    height: 570px; }
  #Footer {
    height: 180px; }
  .wrapper {
    padding-bottom: 180px; }
  .footer-addresses {
    width: 100%; }
  .address-block {
    width: 50%;
    float: left; }
  .pagination-section {
    padding-top: 0; }
  #PaginationSortForm {
    width: calc(100% - 10px);
    margin: 0 5px 5px 5px; }
  .text-content {
    padding-right: 20%; }
  .wall-of-logos {
    margin-top: 5px; }
  .logo-strip li {
    width: 19%;
    padding: 0px 8px; }
    .logo-strip li img {
      width: 80%; } }

@media screen and (min-width: 1025px) and (max-width: 1200px) {
  .logo-panel {
    width: 250px;
    top: 0; }
    .logo-panel img {
      height: 80px; }
  .Product {
    width: calc(33.33% - 20px); } }