@media (min-width: 280px) {
    /* .inner-header .logo {
          margin-top: 0px;
          width: 157px;
      } */
  
    /*.search-marg-left {
          margin-left: 126px;
      }*/
    /* .categories-btn {
          margin: 8px 26px 13px -129px;
          background-color: white;
          height: 10px;
          left: 20px;
          border-radius: 50px;
          float: left;
          background: #fff;
          border: none;
          font-size: 9px;
          color: #6f5c5c;
          position: relative;
          padding: 6px 43px 20px 21px;
      }
      .form-control {    
          height: calc(1.5em + 0.75rem + 1px)!important;
          font-size: 9px !important;
      }
      .search-btn {
          margin: 8px 21px 2px 2px;
          background-color: white;
          height: 26px;
          left: 30px;
          border-radius: 50px;
          float: right;
          background: #fff;
          border: none;
          font-size: 9px;
          color: #534747;
          position: relative;
          padding: 1px 4px 0px 10px;
      }
      #right-side a {
          color: white !important;
          font-size: 8px;
      }
      #right-side a:hover {
          color: orange !important;
          font-size: 8px;
      }
      .mb-4, .my-4 {
          margin-bottom: 1.5rem!important;
          font-size: 8px;
      }
      .dropdown{
          color: white;
          font-weight: 500;
          font-size: 9px;
          text-align: left;
          min-height: 2px !important;
      }
      .navbar-dark .navbar-toggler {
          font-size: 9px;
      }
      .mb{
          display: none !important;
      }
      .mb-right-40{
          margin-right: -40px;
      }*/
  }
  
  @media (min-width: 320px) {
    /* .inner-header .logo {
          margin-top: -35px;
          width: 78px;
      } */
  }
  
  @media (min-width: 360px) {
    /* .inner-header .logo {
          margin-top: 2px;
          width: 78px;
      } */
  }
  
  @media (min-width: 400px) {
    /* .inner-header .logo {
          margin-top: -33px;
          width: 75%;
      } */
  
    .category-btn {
      margin: 8px 0px 0px -104px;
      background-color: white;
      height: 20px;
      left: 23px;
      border-radius: 50px;
      float: left;
      background: #fff;
      border: none;
      font-size: 10px;
      color: #534747;
      position: relative;
      padding: 5px 0px 21px 12px;
    }
  }
  
  @media (min-width: 540px) {
    .inner-header .advanced-search .category-btn {
      left: 23px;
      border-radius: 50px;
      max-width: 30%;
      float: left;
      background: #fff;
      border: none;
      font-size: 7px;
      color: #564e4e;
      position: relative;
      padding: 14px 33px 14px 23px;
    }
  }
  
  @media (max-width: 767px) and (min-width: 1200px) {
    #footer h5 {
      padding-left: 0;
      border-left: transparent;
      padding-bottom: 0px;
      margin-bottom: 10px;
    }
  
    /* .inner-header .logo {
          margin-top: -35px;
          width: 78px;
      } */
  }
  
  @media (min-width: 1024px) {
    .inner-header .advanced-search .category-btn {
      left: 23px;
      border-radius: 50px;
      max-width: 44%;
      float: left;
      background: #fff;
      border: none;
      font-size: 12px;
      color: #564e4e;
      position: relative;
      padding: 17px 35px 16px 23px;
    }
  }
  
  @media only screen and (min-width: 1200px) {
    /* .inner-header .logo {
          margin-top: -65px;
          width: 200px;
  
      } */
  }
  
  @media only screen and (max-width: 1920px) and (min-width: 1200px) {
    .inner-header .advanced-search .input-group button {
      right: -14px;
    }
  }
  
  /* BOOTSTRAP BREAK POINTS BELOW */
  /* // X-Small devices (portrait phones, less than 576px) */
  /* // No media query for `xs` since this is the default in Bootstrap */
  
  /* // Small devices (landscape phones, 576px and up) */
  @media (min-width: 576px) {
  }
  
  /* // Medium devices (tablets, 768px and up) */
  @media (min-width: 768px) {
  }
  
  /* // Large devices (desktops, 992px and up) */
  @media (min-width: 992px) {
    .dropdown:hover > .dropdown-menu {
      display: block;
    }
    .dropdown > .dropdown-toggle:active {
      /*Without this, clicking will make it sticky*/
      pointer-events: none;
    }
    .dropdown {
      padding-right: 30px !important;
    }
    .set-para {
      padding: 0px 200px 0px 200px;
    }
    /* .inner-header .logo {
          margin-top: -65px;
          width: 200px;
      } */
  }
  
  /* // X-Large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) {
  }
  
  /* // XX-Large devices (larger desktops, 1400px and up) */
  @media (min-width: 1400px) {
  }
  
  /* // `xs` returns only a ruleset and no media query */
  
  /* // `sm` applies to x-small devices (portrait phones, less than 576px) */
  @media (max-width: 575.98px) {
    .inner-header .logo {
      /* display: inline-block; */
      text-align: center;
    }
    .input-group {
      margin-bottom: 3%;
    }
    .navbar {
      margin-bottom: 3% !important;
      font-size: 10px;
    }
  
    /* .inner-header .dropdown-toggle.categories-btn {
          margin: 8px 0px 0px -28px;
      } */
  
    .inner-header .search-btn {
      margin-right: -29px;
      padding: 0;
      padding-left: 2px;
      padding-right: 7px;
    }
  
    .inner-header .search-btn i {
      margin-left: 5px;
    }
  }
  
  /* // `md` applies to small devices (landscape phones, less than 768px) */
  @media (max-width: 767.98px) {
    .top-banner {
      width: 80%;
    }
  }
  
  /* // `lg` applies to medium devices (tablets, less than 992px) */
  @media (max-width: 991.98px) {
    .dropdown:hover > .dropdown-menu {
      position: static;
    }
    .deals-link {
      text-align: center;
      flex-grow: 1;
    }
    .day-deal {
      padding-left: 0;
      padding-right: 0;
    }
    .px-0-snm-only {
      padding-left: 0;
      padding-right: 0;
    }
    /* .inner-header .logo {
          margin-top: 0;
          width: 200px;
      } */
  }
  
  /* // `xl` applies to large devices (desktops, less than 1200px) */
  @media (max-width: 1199.98px) {
  }
  
  /* // `xxl` applies to x-large devices (large desktops, less than 1400px) */
  @media (max-width: 1399.98px) {
  }
  
  /* Responsive - Media query */
  
  @media only screen and (min-width: 1661px) and (max-width: 1920px) {
  }
  @media only screen and (min-width: 1400px) and (max-width: 1600px) {
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
  }
  @media only screen and (min-width: 520px) and (max-width: 767px) {
  }
  @media only screen and (min-width: 300px) and (max-width: 519px) {
    .login-link {
      margin: 0;
      text-align: center;
    }
    .input-group * {
      font-size: 11px !important;
    }
    nav .wrapper {
      justify-content: end !important;
    }
    #right-side a {
      padding-bottom: 6px;
    }
    .tp-bnr .carousel-inner .carousel-item img {
      height: 400px;
      object-position: 13% center;
    }
  
    .belw-banr .banner-set {
      width: 100%;
    }
  
    .day-deal {
      padding: 8% 0;
      text-align: center;
    }
  
    .row.day-deal img {
      margin-bottom: 5%;
    }
  
    .col-lg-6.day-bx {
      margin-bottom: 11%;
    }
  
    .countdown {
      display: flex;
      justify-content: center;
    }
  
    .thumb-wrapper {
      margin-bottom: 12%;
    }
  
    .blogss {
      padding: 5% 0;
    }
  
    .blogss h3 {
      margin-bottom: 7%;
    }
  
    .item-box-blog {
      margin-bottom: 12%;
    }
  
    #footer h5 {
      margin-top: 14%;
    }
  
    #footer {
      padding: 3% 0;
      background-size: cover !important;
    }
  
    span#siteseal {
      margin: 9% 0;
      display: block;
    }
    .submenu.mega-box {
      width: 100% !important ;
    }
    .submenu.mega-box {
      width: 100% !important;
    }
  
    .content .row:nth-child(2) {
      padding: 0 !important;
    }
  
    .mega-box .content {
      padding-left: 10px !important;
    }
  
    .content .row header {
      font-size: 15px;
    }
    .slider-bg-1,
    .slider-bg-2,
    .slider-bg-3 {
      background-size: cover;
    }
    .justify-content-around {
      justify-content: center !important;
      column-gap: 23px;
    }
    .content h1 {
      font-size: 12px;
    }
  
    .content .row header {
      font-size: 14px;
    }
    ul.breadcrumb {
      padding: 7% 0;
      display: grid;
    }
  
    ul.breadcrumb a {
      font-size: 11px;
    }
  
    ul.breadcrumb li + li:before {
      font-size: 11px;
    }
  
    form#frmAddToCart .font-h3 {
      line-height: 23px;
    }
  
    form#frmAddToCart * {
      font-size: 12px !important;
    }
  
    .pd-qty label {
      width: 36%;
    }
  
    .pr-dt .pd-qty input {
      width: 22%;
      padding: 0;
    }
  
    .pr-dt .slct-spec {
      width: 72%;
    }
  
    .pr-dt .pd-ord input {
      padding: 0 !important;
    }
  
    .pr-dt .pd-btns div div {
      justify-content: center;
    }
  
    .tab button {
      margin-bottom: 2%;
      padding: 10px;
      font-size: 12px;
    }
  
    .tab {
      margin-top: 3%;
      display: flex;
      justify-content: center;
    }
  
    div#detailsTab ul {
      padding-left: 4%;
    }
  
    div#detailsTab ul * {
      font-size: 12px;
    }
    .row.search-resl {
      flex-direction: column-reverse;
    }
    .cntct label {
      text-align: start !important;
      margin-bottom: 4%;
    }
  
    .text-right {
      text-align: unset !important;
    }
  
    .container.cntct .box {
      margin-top: 5%;
    }
    .g-recaptcha.capch {
      margin-left: -30px;
    }
    .category-bg.wallet-page.cntct-pg {
      overflow-x: hidden;
    }
    div#detailsTab img {
      object-fit: contain;
      height: auto;
    }
    div#detailsTab video {
      object-fit: contain;
      width: 100%;
      height: auto;
    }
    div#product-container video {
      width: 100% !important;
  }
  }