@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;
    }
}