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

    .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) {}