/*  
=================================================
OQ
================================================= */
@media only screen and (min-width: 768px) {
    #header-option13 .mobile-header > .container {
        max-width: 100% !important;
    } 
}
@media only screen and (min-width: 1024px) {
    .mobile-header {
        padding: 0;
        background-color: rgba(255, 255, 255, 0.85) !important;
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        -ms-transition: all 0.1s ease;
        -o-transition: all 0.1s ease;
        transition: all 0.1s ease;
    }
    #header ~ .cloned .mobile-header, .h-unsticky .mobile-header {
        padding: 0;
    }
}
@media only screen and (max-width: 1140px) {
    #header-option13 .logo-hold {
        width: 100%;
        max-width: 110px;
    }
}
@media only screen and (min-width: 992px) {
    .mobile-header {}
    .nav-menu > li > a {
        position: relative; 
        padding: .75rem 1em;
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        -ms-transition: all 0.1s ease;
        -o-transition: all 0.1s ease;
        transition: all 0.1s ease;
    }
    .h-unsticky .nav-menu > li > a {padding: 2px 1em;}
    .logo-hold {display:none;}
    .nav-dropdown {min-width: 200px;}
    .nav-menu {
        display: flex;
        align-items: center;
        /*
        justify-content: space-between !important;
        */
    }
    .nav-menu > li {
        flex: 1 1 auto !important;
        position: relative;
        max-width: 200px;
        margin: 0 auto;
    }
    .nav-dropdown > li > a {background-color: rgba(255, 255, 255, 0.85); border-bottom: solid 1px rgba(0, 0, 0, 0.2);}
    .menu_brand_logo { display: none;}
    .submenu-indicator {
        right: 5px;
      }
}
@media (max-width:991px) {
   .nav-menu > li > a > figure { display: none;}
}
.nav-dropdown > li:last-child > a { border:none;}
.nav-dropdown > li > a:hover {  background-color: #fff;}
.btn-download-image a:hover {border-color:#b4b7ba !important;}

.photo-item-name {}
.membership-reward-strip {background-color: #373737; color: #fff; font-size: 14px; font-weight: 500; font-family: Arial;transition: all 0.1s ease;}
@media (max-width: 767px) {
    .membership-reward-strip {font-size: 13px;}
}
@media only screen and (min-width: 768px) {
    .header_home .membership-reward-strip {
        background-color: rgba(0, 0, 0, 0.2);
    }
  .h-unsticky #header-option13 .membership-reward-strip, .header_home #header-option13:hover .membership-reward-strip, #header-option13:hover .membership-reward-strip {
    background-color: #373737 !important;
  }
  
}

.teaser .teaser-item-div{
   -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -ms-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
}
.teaser .teaser-item-div .product-list-title {text-align: left !important;}
.teaser .teaser-item-div {
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  background-color: #fff;
}     
.teaser .teaser-item-div .form-horizontal{
  padding: 0.8rem 1rem;
  background-color: #f7f7f7 ;
}
.teaser .teaser-item-div .product-list-title {
    text-align: left !important;
    padding: 0.5rem 0.8rem !important;
}
.teaser .teaser-item-div:hover{
   transform: translateY(-4px);
   box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}

#summarybox {padding:1em;}
.gradient-border {
  --borderWidth: 0.1rem;
  background: #ffffff;
  position: relative;
  border-radius: var(--borderWidth);
  background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
}
.gradient-border:after {
  content: '';
  position: absolute;
  top: calc(-1 * var(--borderWidth));
  left: calc(-1 * var(--borderWidth));
  height: calc(100% + var(--borderWidth) * 2);
  width: calc(100% + var(--borderWidth) * 2);
  background: linear-gradient(60deg, #ee2460, #ccc, #aaa, #f4721a, #777777, #000000, #07b39b, #ee2460);
  border-radius: calc(2 * var(--borderWidth));
  z-index: -1;
  animation: animatedgradient 3s ease alternate infinite;
  background-size: 300% 300%;
}
@keyframes animatedgradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}