body, html {
  height: 100%;
}

body {
  font-family: "AvenirLTStdRoman";
}

a {
  text-decoration: none;
}

.menu--button, .cart--button, .edit--button {
  cursor: pointer;
  flex: 1;
}

.flex {
  display: flex;
}

.flex-start {
  justify-content: flex-start;
}

.flex-end {
  justify-content: flex-end;
}

.align-items-center {
  align-items: center;
}

a.grid--item:hover {
  color: #E42A47;
}

.grid--item>div {
  display: flex;
  flex-direction: column
}


/*
HOME PAGE
*/
.slider-wrapper {
  position: relative;
  height: 100%;
}

.owl-carousel {
  height: 100%;
}

.owl-carousel .owl-stage-outer {
  height: 100%;
}

.owl-carousel .owl-stage {
  height: 100%;
}

.owl-carousel .owl-item {
  height: 100%;
}

.owl-carousel .owl-item img {
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.owl-prev {
  width: 40px;
  height: 100px;
  position: absolute;
  top: 40%;
  left: 69px;
  display: block !IMPORTANT;
  border: 0px solid black;
}

.owl-next {
  width: 40px;
  height: 100px;
  position: absolute;
  top: 40%;
  right: 69px;
  display: block !IMPORTANT;
  border: 0px solid white;
}

.only-portrait{
  display: none;
}

@media (hover: none) {
  @media (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
   

    .header.mobile .edit--button img {
      height: 24px;
      object-fit: contain;
    }

    header .site-logo img {
      width: 100%;
    }

    .main-menu, .kit-bag {
      width: 100%;
      top: 100%;
    }

    .main-menu {
      left: 0px;
      transition: 0.2s;
    }

    .kit-bag {
      right: 0px;
      transition: 0.2s;
    }



    header .logo img {
      width: 396px;
    }

    .page {
      overflow: hidden;
    }


    .owl-prev {
      left: 10px
    }

    .owl-next {
      right: 10px;
    }

    .home-page .content-outer .content-wrapper .content {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    .home-page .content-outer .content-wrapper .content .select-button-wrapper {
      margin: 0px 20px;
    }

    .select-button, .select--options {
      width: 100%;
      font-size: 12px;
    }

    .select-button i {
      margin-left: 10px;
    }

    .categories-page .back--button-wrapper, .product-page .back--button-wrapper {
      margin-left: unset;
      position: absolute;
      left: 24px;
      bottom: 89px;
    }

    .back--button {
      background-color: #FFFFFF;
    }

    .products.back--button {
      margin-left: unset;
    }

    .back--button>div>span {
      display: none;
    }

    .back--button:hover {
      width: 96px;
    }

    .pagination {
      display: none;
    }
    a .item--img {
      width: 225px;
      -webkit-filter: unset;
      /* Safari 6.0 - 9.0 */
      filter: unset;
    }

    .view2d {
      flex-direction: column;
    }

    .container {
      left: 0px;
      right: 0px;
      max-width: 100%;
    }
  }
}