/* Responsive Css */
@media only screen and (max-width: 1599px){
  .header-style-one .header-lower{
    padding-left: 40px;
  }

  .header-top, .header-lower{
    padding-left: 40px;
    padding-right: 40px;
  }

  .main-header .menu-right-content .btn-box{
    width: 180px;
  }
  .rtl .header-style-one .header-lower{
    padding-right: 30px;
  }
}
@media only screen and (min-width: 1399px){
  .item-footer button {
    font-size: 0.8em;
  }
  .container{ max-width:1280px; }
}
@media only screen and (max-width: 1399px){
}
@media only screen and (min-width: 1440px){
.container{ max-width:1380px; }
}
@media only screen and (min-width: 1600px){
.container{ max-width:1480px; }
}
@media only screen and (min-width: 1800px){
.container{ max-width:1680px; }
}

@media only screen and (min-width: 1200px){
  .search-box-inner input[type="text"], .search-box-inner input[type="search"] {
    min-width: 500px;
  }
}
@media only screen and (max-width: 1200px){
  .header-top .top-right{
    justify-content: center;
  }
  .product-list .top-bar .breadcrumbs{ width: auto; }
}

@media only screen and (min-width: 768px){
  .main-menu .navigation > li > ul,
  .main-menu .navigation > li > ul > li > ul,
  .main-menu .navigation > li > .megamenu{
    display:block !important;
    visibility:hidden;
    opacity:0;
  }
}

@media only screen and (max-width: 992px){
  body { font-size:calc(10px + 0.3vw); }
  .main-header .menu-right-content .btn-box{
    display: none;
  }

  .header-style-one .header-lower{
    padding: 15px 30px;
  }

  .main-header .search-box-outer{
    margin-right: 0px;
  }
}

@media only screen and (max-width: 767px){
  body { font-size:calc(10px + 0.2vw); }
  .main-menu,
  .sticky-header,
  .main-header.style-one .outer-container:before{
    display: none !important;
  }
  .mobile-nav-toggler {
    display: block;
    padding: 10px;
  }
/*  .megamenu ul li:first-child{
    display: none;
  }*/
  .header-top .info li{
    float: none;
  }
  .main-header .menu-right-content .support-box{
    display: none;
  }
  #product-list .container{ max-width:100vh; }
  .header-top {
    padding: 8px 2% 8px 2% !important;
  }
  .header-top .top-left {
    width: 60%;
    text-align: left;
    padding-right: 10px;
  }
  .header-top .top-right {
    width: auto;
    text-align: right;
  }

  .header-top .offer li{ float: none; padding: 0; margin:0; line-height: 1.5em; font-weight: 400; font-size:1.1em }
  .header-top .offer li img{ top:  2px; left: -2em; }
  .header-style-one{
    position: sticky;
  }
  .header-style-one .header-lower {
    padding: 15px 10px;
  }
  .footer-top{
    padding: 70px 0px 30px 0px;
  }
  .header-style-one .header-lower .logo-box{ max-width: 23em; }
  .main-header .menu-right-content .nav-icons img {
    max-width: 32px;
    margin-left: 5px;
  }
  .mobile-nav-toggler {
    border: #0B749B 1px solid;
    border-radius: 5px;
    float: none;
    padding: 7px;
  }
  .mobile-nav-toggler:hover{ border-width: 2px;  }
  .menu-area { top: 60px; width:60vw; right: unset; display: none; }
  .mobile-nav-toggler .icon-bar{ width: 22px; }
  #featured a.theme-btn.btn-featured{
    background: transparent;
    color: #0b749b !important;
    text-align: center;
    padding: 0;
    margin: auto;
    display: block;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  #featured a.theme-btn.btn-featured img{ position: unset; margin: 0 !important; width:125px; }
  #featured a.theme-btn.btn-featured span {
    margin: 0;
    display: block;
    margin: 10px 0 !important;
    font-weight: 400;
    font-size: 0.9em;
  }
  .home-categories a img{ width: 140px; }
  #featured a.theme-btn.btn-featured:hover::before {
    width: 0;
  }
  #what-in-the-bowl .auto-container { padding: 0 !important; }
  #what-in-the-bowl .home-categories .col-12{ padding:0; }
  footer .row > div > a,
  .main-footer .row > div a{
    line-height: 2em;
    font-size: 1.2em;
    display: block;
    text-align: center;
  }
  a.btn-small {
    font-size: 1.3em !important;
    font-weight: 600;
    padding: 5px 20px !important;
    width: max-content;
    height: auto;
  }
  .theme-btn {
    padding: 2px 5vw;
    font-size: 1.6em !important;
  }
  .scroll-top.open {
    bottom: 40vh;
    right: 5px;
  }
  #footer-mobile-menu{
    display: block;
    position: fixed;
    bottom: 0;
    width: 100vw;
/*    background: #FFF;*/
    z-index: 999999;
  }
  #footer-mobile-menu-1{
    display: block;
    position: fixed;
    bottom: 0;
    width: 100vw;
/*    background: #FFF;*/
    z-index: 999999;
  }

  #footer-mobile-menu .container {
    background: #EAEA6C;
    padding: 5px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.5);
    max-width: 95%;
  }
  #footer-mobile-menu .container .row > div {
    text-align: center;
    padding: 0;
    margin: 1px 0;
  }
  #footer-mobile-menu a {
    display: flex;
    width: 10vw;
    height: 10vw;
    align-items: center;
    justify-content: center;
    border-radius: 8;
    padding: 5px;
    margin: auto;
  }
/*  #footer-mobile-menu a:hover,*/
  #footer-mobile-menu a.active{
      width: 11vw;
      height: 11vw;
      padding: 5px;
      font-size: 8px;
      color: #07678b;
  }

  #footer-mobile-menu a.active p{
    color: #07678b;
  }

/*  #footer-mobile-menu a:hover,*/
  #footer-mobile-menu a img {
    max-width: 100%;
    height: auto;
  }
  .heading-featured { margin: 60px 2% 20px; }
  .heading-footer img{ max-width: calc(80%); }
  .main-footer { margin-bottom: 70px; }
  #product-list .filters, .product-list .top-bar{ display: none; }
  .header-space{ height: 0; }
  
  .search-box-outer.active {
    display: block;
    right: 0;
    top: calc(5.1em + 2vw) !important;
  }
  .header-lower .outer-box .search-box-outer {
    position: absolute;
    top: calc(5.6em + 2vw);
    width: 94%;
  }
  .header-lower .outer-box .search-box-outer .search-box-inner input[type="search"] {
    width: calc(100% - 20px);
    left: 10px;
    height: 35px;
    line-height: normal;
    font-size: 1.2em;
  }
  ::-webkit-input-placeholder {
    display: inline-block;
    opacity: 0.2;
    transition: all 0.3s ease-in-out;
    padding-right: .15em;
    white-space: nowrap;
  }

  input:focus::-webkit-input-placeholder {
    -webkit-transform: translateY(-125%);
    font-size: 0.7em;
    font-weight: 200;
    opacity: 0.05
  }

  input.imitatefocus::-webkit-input-placeholder {
    -webkit-transform: translateY(-125%);
    opacity: 0.05
  }
  .header-lower .outer-box .search-box-outer .search-box-inner .search-box-btn { right: 20px; }
  .header-style-one .header-lower .logo-box {
    max-width: 30em;
    padding: 0 10px;
  }
  .mobile-nav-toggler {
    padding: 8px 5px;
  }
  .product-items {  padding: 0 15px; }
  .auto-container{ padding: 0 5%; }
  .open-search {
    max-width: 30px;
    display: block;
    min-width: 20px;
    margin: 0 0 0 auto;
    width: 8vw;
  }
  #product-list .row > .top-bar{ width:100%; }
  #product-list .row > .top-bar .selections .dropdown button {
    padding: 8px 2em;
    margin-left: 2px;
    border-radius: 10px;
  }
  #product-list .row > .top-bar .selections button { font-size: 1.1em; }
  #product-list .row > .top-bar .selections .dropdown button span { margin: 0 5px;}
  #product-list .row > .top-bar .selections .quick-buttons .subscribe {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }
  #product-list .breadcrumbs{ padding: 5px 10px; }
  .top-bar .selections .dropdown .dropdown-menu {
    font-size: 0.9em;
    width: 100%;
  }
}

@media only screen and (min-width:  575px){
  .slick-slide img + p {
    height: 8em;
  }
}
@media only screen and (max-width:  576px){
  .trending-searches-card.show {
    display: block;
    position: absolute;
    width: calc(95% - 20px);
    top: calc(100% + 60px);
    left: 4.5%;
    z-index: 999999999;
    padding: 15px;
    border-radius: 25px;
    height: 400px;
    overflow-y: scroll;
  }  
  .header-space-02{
    height: 20px;
  }
  .header-space-03{ height: 60px; }
  .heading-featured { margin: 30px 2% 20px; }
  .handle-preloader .animation-preloader .spinner {
    height: 7em;
    width: 7em;
    min-width: 90px;
    min-height: 90px;
  }
  .handle-preloader .animation-preloader .txt-loading .letters-loading {font-size: 2em; letter-spacing: 5px; line-height: 1.2em;}
  .owl-item .theme-btn {
    padding: 1px 5vw;
    font-size: 1.3em !important;
  }
  #featured .heading-featured { margin: 0 0 10px; }
  #footer-mobile-menu .container{ padding: 0 5px; }
  .header-style-one .header-lower{ padding: 8px 5px; }
  .btn-featured img {
    width: 100px !important;
    margin-left: -20px !important;
  }
  .heading-featured img {
    margin-right: 5px;
    width: 10vw;
  }
  .heading-featured h2, .heading-footer h2 {
    min-width: 50%;
    font-size: 1.7em;
  }
  .heading-footer {
    margin: 50px -4px 30px;
  }
  .footer-bottom p {
    font-size: 1em;
  }
  .header-top .top-right { text-align: left; }
  .product-items > .row > div {
    margin-bottom: 10px;
    padding: 0 8px;
  }
  .product-items .card{ min-width: 154px; }
  .search-box-inner input[type="text"], .search-box-inner input[type="search"]{ font-size: 1.2em; }
  .top-bar .selections{ padding: 0 5px }
  #product-list h3{ margin-bottom: 10px; }
  .card .star .rating span{ font-size: 1.3em; }
  .product-items .products-grid > div:nth-child(2n+1) { padding: 0 0 0 15px; }
}

@media only screen and (max-width: 510px){
  .mobile-menu{ width: 100%; }
  .header-top .top-right .social-links li{ float: none; }
  .header-top .top-right .social-links{ margin-right: 0px; }
  .header-top .top-right .other-links li{ float: none; }
  .card {
    padding: 5px;
    border-radius: 7px;
  }
}

@media only screen and (max-width: 440px){
  .main-header .search-box-outer .dropdown-menu{ width: 300px; }
  .testimonil-block-one .inner-box{
    padding-left: 30px;
    padding-right: 30px;
  }
  .header-top .offer li {
    float: none;
    padding: 0;
    margin: 0;
    line-height: 1.5em;
    font-weight: 400;
    font-size: 0.9em;
    letter-spacing: 0;
  }
  .product-items .card{ min-width: 120px; }
}
@media only screen and (max-width: 417px){
  .header-style-one .header-lower .logo-box {
    max-width: 25em;
    padding: 0 5px;
  }
  .main-header .menu-right-content .nav-icons img {
    max-width: 25px;
    margin-left: 2px;
  }
  .mobile-nav-toggler { padding: 4px 4px; }
  .mobile-nav-toggler .icon-bar { width: 15px; height:1px; }
  .header-space { height: 10px; }
  .nav-icons .user-name {
    padding: 1px 5px;
    border-radius: 10px;
    font-size: 0.8em;
  }
  .filters-mobile h3 { font-size: 1.2em; }
}