@media(min-width:1201px) and (max-width:1400px) {

    ul.navbar-nav li.nav-item a {
        font-size: .75rem;
    }
    /******* Product big normal size normal user *************/
    .big-product {
        width: 100%;
    }

    .big-product-card {
        width: 80%;
        margin-left: auto;
    }

    .collection-product {
        width: 100%;
    }

    #collections .card-body {
        padding: 1rem .625rem;
    }
    /************ Rapid Order ************/
    .sku-number {
        width: 100%;
    }

        .sku-number button {
            margin-right: 25px;
        }

    .custom-r-table {
        overflow-x: auto;
    }

    .responsive-table {
        overflow-x: auto;
    }

    .products-items {
        width: 70vh;
        overflow-x: hidden;
    }

    .carousel-inner img {
        height: 600px;
    }
}

@media(min-width:992px) and (max-width:1200px) {

    .login {
        display: none;
    }
    .logo {
        display: none;
    }

    .search input {
        padding: 8px 30px 8px 8px;
        outline: 0;
        width: 100%;
        margin: 1.25rem 0;
        border: 1px solid var(--black-20);
    }

    .search {
        bottom: unset;
        right: unset;
        width: 100%;
    }

    .resp-logo, .mob-bag {
        display: block;
    }

    .mob-search {
        display: flex;
        flex-direction: column-reverse;
    }

    .search span {
        top: 30px;
    }

    .offcanvas-header {
        background: var(--granite-gray-100)
    }

    a.offcanvas-title {
        text-decoration: none;
        color: var(--white);
    }

    .offcanvas-header .btn-close {
        filter: invert(100);
    }

    .offcanvas-body {
        padding: 0;
    }

    ul.mob-list {
        padding: 0;
        margin: 0;
    }

        ul.mob-list li {
            list-style: none;
            padding: 0.75rem 1rem;
        }

            ul.mob-list li:hover {
                background: var(--white-gray-60);
            }

                ul.mob-list li:hover a, ul.mob-list li:hover span {
                    color: var(--primary-100);
                }

            ul.mob-list li a {
                text-decoration: none;
                color: var(--black-100);
            }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .navbar-toggler {
        border: none;
    }
    /*** Updated Css ***/
    ul.mob-list li a {
        text-decoration: none;
        color: var(--black-100);
        padding: 1rem 0rem;
        width: 100%;
        display: inline-block;
    }

    ul.dropdown-menu.show li {
        padding: 0 1rem;
    }

        ul.dropdown-menu.show li.list-heading {
            font-weight: 700;
            border-bottom: 1px solid var(--black-20);
            margin: 0.5rem 1rem;
            padding: 1rem 0rem;
        }

        ul.dropdown-menu.show li a {
            color: var(--black-100);
        }

    .dropdown-menu.show {
        width: 100%;
    }

    .menu-list {
        position: relative;
    }

    #chevron, #chevron1, #chevron2, #chevron0 {
        position: absolute;
        right: 0;
    }

    .chevron {
        transform: rotate(90deg);
        transition: all .2s ease;
    }

    .featured-card {
        height: unset;
        width: 50%;
        margin: auto;
    }
    /*** Updated Css End ***/
    /* Mob-Menu-End */

    .carousel-caption {
        width: 40%;
    }

    .resource-card img {
        width: 85%;
    }

    .resource-card {
        max-width: unset;
        max-height: unset;
    }

        .resource-card small {
            font-size: 1.5rem;
        }

    h5.card-title {
        letter-spacing: -.5px;
        font-size: 30px;
    }

    #footer {
        text-align: center;
    }

    .subscribe {
        text-align: center;
    }
    /******* About Us1*******/
    #charities {
        text-align: center;
    }
    /************ Sign In**************/
    nav.navbar {
        border: 0;
        margin-top: 20px;
    }

    #whats-new h2 {
        text-align: center;
    }
    /*********** Dashboard Page *************/
    #dashboard ul li span {
        padding: 0;
    }

    #dashboard a {
        font-size: 15px;
    }
    /*.custom-r-table  {
    overflow-x: auto;
}*/
    .responsive-table {
        overflow-x: auto;
    }
    /******* Product big normal size normal user *************/
    .big-product {
        width: 100%;
    }

    .big-product-card {
        margin-left: auto;
    }
    /************* Rapid Order ******************/
    .sku-number {
        width: 100%;
    }

    header {
        border-bottom: 1px solid var(--black-20);
    }

    .custom-r-table {
        overflow-x: auto;
    }

    .search-results {
        width: 97.5%;
    }

    .search>input {
        width: 100%;
    }

    .carousel-inner img {
        height: 444px;
    }

}

@media(min-width:768px) and (max-width:991px) {

    /* Navbar */
    .login {
        display: none;
    }

    .logo {
        display: none;
    }

    .search input {
        padding: 8px 30px 8px 8px;
        outline: 0;
        width: 100%;
        margin: 1.25rem 0;
        border: 1px solid var(--black-20);
    }

    .search {
        bottom: unset;
        right: unset;
        width: 100%;
    }

    .resp-logo, .mob-bag {
        display: block;
    }

    .mob-search {
        display: flex;
        flex-direction: column-reverse;
    }

    .search span {
        top: 30px;
    }

    .offcanvas-header {
        background: var(--granite-gray-100)
    }

    a.offcanvas-title {
        text-decoration: none;
        color: var(--white);
    }

    .offcanvas-header .btn-close {
        filter: invert(100);
    }

    .offcanvas-body {
        padding: 0;
    }

    ul.mob-list {
        padding: 0;
        margin: 0;
    }

        ul.mob-list li {
            list-style: none;
            padding: 0.75rem 1rem;
        }

            ul.mob-list li:hover {
                background: var(--white-gray-60);
            }

                ul.mob-list li:hover a, ul.mob-list li:hover span {
                    color: var(--primary-100);
                }

            ul.mob-list li a {
                text-decoration: none;
                color: var(--black-100);
            }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .navbar-toggler {
        border: none;
    }
    /*** Updated Css ***/
    ul.mob-list li a {
        text-decoration: none;
        color: var(--black-100);
        padding: 1rem 0rem;
        width: 100%;
        display: inline-block;
    }

    ul.dropdown-menu.show li {
        padding: 0 1rem;
    }

        ul.dropdown-menu.show li.list-heading {
            font-weight: 700;
            border-bottom: 1px solid var(--black-20);
            margin: 0.5rem 1rem;
            padding: 1rem 0rem;
        }

        ul.dropdown-menu.show li a {
            color: var(--black-100);
        }

    .dropdown-menu.show {
        width: 100%;
    }

    .menu-list {
        position: relative;
    }

    #chevron, #chevron1, #chevron2, #chevron0 {
        position: absolute;
        right: 0;
    }

    .chevron {
        transform: rotate(90deg);
        transition: all .2s ease;
    }

    #whats-new h2 {
        text-align: center;
    }

    .card-body-whats-new {
        text-align: center;
    }

    .whats-new-banner h3 {
        font-size: 1.5rem;
    }

    .featured-card {
        height: unset;
    }

    #signIn {
        margin: 0rem 3rem;
    }


    /************ Featured card**************/
    .featured-card {
        width: 50%;
        margin: auto;
    }

    /********** Resources **********/
    .mob-center {
        text-align: center;
    }

    .resource-card {
        max-width: unset;
    }

    #socila-slider h2 {
        font-size: 22px;
    }






    #designers {
        text-align: center;
    }

        #designers img {
            width: 70%;
            margin-bottom: 2rem;
        }

        #designers p {
            padding: 0rem 4rem;
        }

    h1.card-title {
        font-size: 42px;
    }

    .carousel-caption {
        width: 50%;
        padding: 1.5rem 0.5rem;
    }

    #footer, .subscribe {
        text-align: center;
    }
    /******* About Us1*******/
    #charities {
        text-align: center;
    }
    /************ Sign In**************/
    nav.navbar {
        border: 0;
        margin-top: 20px;
    }

    h2 {
        font-size: 2.75rem;
    }
    /*.custom-r-table  {
    overflow-x: auto;
}*/
    .responsive-table {
        overflow-x: auto;
    }
    /******* Product big normal size normal user *************/
    .big-product {
        margin: auto;
    }

    .collection-product {
        width: 100%;
    }
    /************** Shopping Data Table *****************/

    .shopping-cart table thead tr th {
        padding: .5rem 2rem;
    }
    /************** Rapid Order ****************/
    .sku-number {
        width: 100%;
    }

    header {
        border-bottom: 1px solid var(--black-20);
    }

    .mob-header .slide-out-menu {
        max-width: 500px;
    }

    .custom-r-table {
        overflow-x: auto;
    }

    .search-results {
        width: 95.5%;
        right: unset;
    }

    .carousel-inner img {
        height: 258px;
    }
}

@media(min-width:481px) and (max-width:767px) {

    /* Navbar */
    .login {
        display: none;
    }

    .logo {
        display: none;
    }

    .search input {
        padding: 8px 30px 8px 8px;
        outline: 0;
        width: 100%;
        margin: 1.25rem 0;
    }

    .search {
        bottom: unset;
        right: unset;
        width: 100%;
    }

    .resp-logo, .mob-bag {
        display: block;
    }

    .mob-search {
        display: flex;
        flex-direction: column-reverse;
    }

    .search span {
        top: 28px;
    }
    /* Navbar End*/

    /* Mob-Menu */

    .offcanvas-header {
        background: var(--granite-gray-100)
    }

    a.offcanvas-title {
        text-decoration: none;
        color: var(--white);
    }

    .offcanvas-header .btn-close {
        filter: invert(100);
    }

    .offcanvas-body {
        padding: 0;
    }

    ul.mob-list {
        padding: 0;
        margin: 0;
    }

        ul.mob-list li {
            list-style: none;
            padding: 0.75rem 1rem;
        }

            ul.mob-list li:hover {
                background: var(--white-gray-60);
            }

                ul.mob-list li:hover a, ul.mob-list li:hover span {
                    color: var(--primary-100);
                }

            ul.mob-list li a {
                text-decoration: none;
                color: var(--black-100);
            }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .navbar-toggler {
        border: none;
    }
    /*** Updated Css ***/
    ul.mob-list li a {
        text-decoration: none;
        color: var(--black-100);
        padding: 1rem 0rem;
        width: 100%;
        display: inline-block;
    }

    ul.dropdown-menu.show li {
        padding: 0 1rem;
    }

        ul.dropdown-menu.show li.list-heading {
            font-weight: 700;
            border-bottom: 1px solid var(--black-20);
            margin: 0.5rem 1rem;
            padding: 1rem 0rem;
        }

        ul.dropdown-menu.show li a {
            color: var(--black-100);
        }

    .dropdown-menu.show {
        width: 100%;
    }

    .menu-list {
        position: relative;
    }

    #chevron, #chevron1, #chevron2, #chevron0 {
        position: absolute;
        right: 0;
    }

    .chevron {
        transform: rotate(90deg);
        transition: all .2s ease;
    }

    #whats-new h2 {
        text-align: center;
    }

    h2 {
        font-size: 2rem;
    }

    .featured-card {
        height: unset;
    }

    /*** Updated Css End ***/
    /* Mob-Menu-End */


    /* Designer */

    #designers {
        text-align: center;
    }

        #designers img {
            width: 70%;
            margin-bottom: 2rem;
        }

        #designers p {
            padding: 0rem 4rem;
        }

    h1.card-title {
        font-size: 42px;
    }

    .carousel-caption {
        width: 60%;
        padding: 1.5rem 0.5rem;
    }

    #footer, .subscribe {
        text-align: center;
    }
    /******* About Us1*******/
    #charities {
        text-align: center;
    }
    /************ Sign In**************/
    nav.navbar {
        border: 0;
    }

    .custom-r-table {
        overflow-x: auto;
    }
    /******* Product big normal size normal user *************/
    .card-add-btn {
        display: block;
        width: 100%;
    }

    span.card-count {
        aspect-ratio: unset;
        width: 60%;
    }

    .big-product {
        margin: auto;
    }

    .big-product-card {
        width: 100%;
    }

    .collection-product {
        width: 100%;
    }

    .shopping-cart table tbody tr td:nth-child(1) {
        display: flex;
        align-items: center;
    }
    /************** Shopping Data Table *****************/

    .shopping-cart table thead tr th {
        padding: .5rem 2rem;
    }

    .shopping-cart .warning-btn, .shopping-cart .secondary-btn-sm {
        width: 100%;
    }
    /*.shopping-cart .shopping-cart-data {
    display: none;
}*/
    .responsive-table {
        display: block;
        border: 1px solid var(--black-20);
        padding: 20px;
        margin-bottom: 40px;
        overflow-x: auto;
    }

    .shipping-date {
        border-bottom: 1px solid var(--black-40);
        padding-bottom: 10px;
        margin: auto;
    }
    /************** Rapid Order ****************/
    .sku-number {
        width: 100%;
    }

    header {
        border-bottom: 1px solid var(--black-20);
    }

    .mob-header .slide-out-menu {
        max-width: 500px;
    }

    .resource-card img {
        width: 100%;
    }

    .resource-card {
        max-height: unset;
    }

    .custom-r-table {
        overflow-x: auto;
    }

    .search-results {
        width: 95.5%;
        right: unset;
    }

    .carousel-inner img {
        height: 172px;
    }
}

@media(max-width:480px) {

    /* Navbar */
    .login {
        display: none;
    }

    .logos a {
        padding: .7rem .5rem;
    }

    .logo {
        display: none;
    }

    .search input {
        padding: 8px 30px 8px 8px;
        outline: 0;
        width: 100%;
        margin: 1.25rem 0;
    }

    .search {
        bottom: unset;
        right: unset;
        width: 100%;
    }

    .resp-logo, .mob-bag {
        display: block;
    }

    .mob-search {
        display: flex;
        flex-direction: column-reverse;
    }

    .search span {
        top: 28px;
    }
    /* Navbar End*/

    /* Mob-Menu */


    .offcanvas-header {
        background: var(--granite-gray-100)
    }

    a.offcanvas-title {
        text-decoration: none;
        color: var(--white);
    }

    .offcanvas-header .btn-close {
        filter: invert(100);
    }

    .offcanvas-body {
        padding: 0;
    }

    ul.mob-list {
        padding: 0;
        margin: 0;
    }

        ul.mob-list li {
            list-style: none;
            padding: 0.75rem 1rem;
        }

            ul.mob-list li:hover {
                background: var(--white-gray-60);
            }

                ul.mob-list li:hover a, ul.mob-list li:hover span {
                    color: var(--primary-100);
                }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .navbar-toggler {
        border: none;
    }
    /*** Updated Css ***/
    ul.mob-list li a {
        text-decoration: none;
        color: var(--black-100);
        padding: 1rem 0rem;
        width: 100%;
        display: inline-block;
    }

    ul.dropdown-menu.show li {
        padding: 0 1rem;
    }

        ul.dropdown-menu.show li.list-heading {
            font-weight: 700;
            border-bottom: 1px solid var(--black-20);
            margin: 0.5rem 1rem;
            padding: 1rem 0rem;
        }

        ul.dropdown-menu.show li a {
            color: var(--black-100);
        }

    .dropdown-menu.show {
        width: 100%;
    }

    .menu-list {
        position: relative;
    }

    #chevron, #chevron1, #chevron2, #chevron0 {
        position: absolute;
        right: 0;
    }

    .chevron {
        transform: rotate(90deg);
        transition: all .2s ease;
    }
    /*** Updated Css End ***/
    /* Mob-Menu End*/
    .carousel-caption {
        width: 70%;
        padding: 1.5rem 0.5rem;
    }

    .carousel-indicators {
        margin-bottom: 0;
    }

    h1.card-title {
        font-size: 22px;
    }

    .carousel-caption h6 {
        font-size: .9rem;
        font-weight: 600;
    }

    .primary-heading {
        margin-bottom: 0rem;
        font-size: 2.75rem;
    }

    .whats-new-card {
        margin: auto;
        width: 90%;
        text-align: center;
    }

    .featured-card {
        margin: auto;
        width: 90%;
        height: unset;
    }

    #feature-categories h2 {
        font-size: 2rem;
    }

    #whats-new h1 {
        text-align: center;
    }

    #whats-new h2 {
        text-align: center;
    }

    #designers {
        text-align: center;
    }

        #designers h2 {
            font-size: 2rem;
        }

        #designers img {
            width: 70%;
            margin-bottom: 2rem;
        }

        #designers p {
            padding: 0rem 4rem;
        }

    .mob-center {
        text-align: center;
    }

    h2 {
        font-size: 2rem;
    }

    .resource-card {
        max-width: unset;
        max-height: unset;
        width: 90%;
        margin: auto;
    }

        .resource-card img {
            width: 100%;
        }

    #footer, .subscribe {
        text-align: center;
    }

    /***** About Us ****/
    #about-top img {
        height: 220px;
    }

    h1.italic {
        text-align: center;
        font-size: 2.5rem;
        padding: 0 3rem;
        margin-bottom: 3rem;
    }

    #discover-division {
        text-align: center;
    }
    /******* About Us1*******/
    #charities {
        text-align: center;
    }
    /************ Sign In**************/
    nav.navbar {
        border: 0;
        margin-top: 20px;
    }

    .custom-r-table {
        overflow-x: auto;
    }
    /******* Product big normal size normal user *************/
    .card-add-btn {
        display: block;
        width: 100%;
    }

    .card-count {
        aspect-ratio: unset;
        width: 100%;
    }

    .big-product {
        margin: auto;
        width: 100%;
    }

    .big-product-card {
        width: 100%;
    }

    #product-card-login-user .myCardCount {
        width: 100%;
    }

    .single-colorway .card-body h4 {
        margin-bottom: 10px;
    }
    /************** Customer profile ****************/
    #customer-profile tbody tr th {
        width: 38%;
    }
    /************** Collection Page ****************/
    .see-filter {
        display: block;
    }

    #collection-filter-section {
        position: absolute;
        left: 0;
        top: 0;
        background: #FFF;
        height: 100vh;
        padding: 2rem 1rem;
    }

    .collection-close {
        display: block;
    }

    .myFilterData {
        display: none;
    }

    #collections .accor-custom-head {
        padding: 0 8px 28px 8px;
    }

    #collections .single-colorway a {
        text-decoration: underline;
    }

    h5.single-card-title {
        font-size: 0.75rem;
    }

    .single-colorway small {
        color: var(--black-40);
        font-size: .625rem;
    }
    /************** Shopping Data Table *****************/

    .shopping-cart table thead tr th {
        padding: .5rem 2rem;
    }

    .shopping-cart table tbody tr td:nth-child(1) {
        display: flex;
        align-items: center;
    }

    div.dt-container div.dt-search input {
        margin-left: 0;
        width: 100%;
    }

    .shopping-cart .warning-btn, .shopping-cart .secondary-btn-sm {
        width: 100%;
    }

    .primary-btn {
        padding: 8px 26px;
        font-size: 12px;
    }

    .collection-product {
        width: 100%;
    }

    #christmas-night h2, #purchased-patern h2 {
        font-size: 28px;
    }

    .christmas-night h2 {
        width: 290px;
    }
    /*.shopping-cart .shopping-cart-data {
    display: none;
}*/
    .responsive-table {
        display: block;
        border: 1px solid var(--black-20);
        padding: 20px;
        margin-bottom: 40px;
        overflow-x: auto;
    }

    .shipping-date {
        padding-bottom: 10px;
        width: 100%;
        margin: auto;
        flex-direction: column;
    }
    /************** Rapid Order ****************/
    .sku-number {
        width: 100%;
    }

    header {
        border-bottom: 1px solid var(--black-20);
    }

    .mob-header .slide-out-menu {
        max-width: 360px;
    }

    .custom-r-table {
        overflow-x: auto;
    }

    .search-results {
        width: 95%;
        right: unset;
    }
}

/******** Small Devices *********/
@media(max-width:320px) {

    .carousel-caption {
        padding: .75rem 0.5rem;
    }

        .carousel-caption h6 {
            font-size: .8rem;
        }

    .top-header {
        padding: .2rem 0;
    }

    .logos a {
        padding: .4rem;
    }

    .resp-logo {
        text-align: center;
    }

        .resp-logo img {
            width: 80%;
        }

    .shopping-cart .warning-btn {
        padding: 8px;
    }

    .custom-r-table {
        overflow-x: auto;
    }

    .search-results {
        width: 95%;
        right: unset;
    }
}