@media (min-width: 1400px) {
    .fulid {
        padding-right: 2rem;
        padding-left: 2rem;
        max-width: 1400px;
        margin: 0 auto;
    }
    .banner-second .banner-item {
        margin: 1rem;
    }
    .cart-nav .position-relative {
        margin-left: 1rem;
    }
}
@media (max-width: 1400px) {
    .bests-seller .best-item {
        width: 25%;
    }
    .base-category {
        margin-top: 2rem;
    }
    .single-product .thumbnail {
        width: 45rem;
    }
    .summary .excerpt .right {
        width: 50%;
    }
    .summary .product-detail {
        width: 45%;
    }
    .page-category main {
        width: calc(100% - 25rem);
    }
    .page-category aside {
        margin-right: 0;
    }
    .order-product-list {
        width: 46% !important;
    }
    .banner-second .banner-item {
        margin: 1rem;
    }
}



@media (max-width: 1200px) {
    .tooltips:before {
        top: -4rem !important;
        width: fit-content;
        text-align: center;
        margin: 0;
        right: 0;
    }
    .slider {
        height: auto;
    }
    .slider img {
        object-fit: contain;
    }
    .categories .category {
        width: 96rem;
    }
    .bests-seller .best-item {
        width: 25%;
    }
    .summary .product-detail {
        margin: 2rem;
    }

    .single-product .excerpt {
        flex-wrap: wrap;
    }

    .summary .excerpt .right {
        width: 100%;
    }
    .summary .product-detail {
        width: 100%;
    }
    .page-category .categories-item {
        width: 33%;
    }
    .banner-second .banner-item {
        margin: 1rem;
    }
    .cart div.me-4 {
        width: 65%;
    }
    #cart .cart-pay {
        width: 35%;
    }
}


@media (max-width: 992px) {

    .seller-info, .seller-content .seller-item {
        overflow-x: scroll;
        white-space: nowrap;
    }
    .seller-info > div, .seller-content .seller-item > div {
        width: 100% !important;
        margin-left: 2rem;
    }
    .seller-content .seller-item > div {
        margin-left: 3rem;
    }

    .seller-info .seller-title {
        margin-left: 1rem;
    }
    .order-send .send div label, .payment-order .payment div label{
        margin-right: 1rem;
    }
    .order-send .send div, .payment-order .payment div{
        width: auto;
    }
    .banner-second .banner-item {
        width: 100% !important;
    }
    .banner-first .banner-item
    {
        width: 50% !important;
    }
    .banner-first {
        flex-wrap: wrap;
        justify-content: center;
    }

    .desktop {
        display: none !important;
    }
    .mobile {
        display: flex;
    }
    .amazing {
        height: 32rem;
        padding-right: 2rem;
    }

    .category-parent-content {
        justify-content: center;
    }
    .category-parent-content a {
        width: 15rem;
    }
    search-category {
        position: relative;
    }
    .page-category aside {
        position: absolute;
        background-color: #ffffff7d;
        backdrop-filter: blur(72px);
        right: -290px;
        width: 30rem;
        z-index: 9;
    }

    .page-category main {
        width: 100%;
    }
    .page-category {
        position: relative;
    }

    .bests-seller .best-item {
        width: 33%;
    }

    .single-product {
        flex-wrap: wrap;
    }
    .single-product .thumbnail {
        width: 100%;
    }
    .single-product .summary {
        margin-top: 5rem;
        padding: 1rem;
    }
    .questions-content {
        flex-wrap: wrap;
    }
    .views-send, #question {
        width: 100%;
        margin-right: 0;
    }
    .page-category .categories-item {
        width: 33%;
    }
    .profile aside {
        position: absolute !important;
        background-color: #ffffff7d;
        backdrop-filter: blur(40px);
        right: -290px;
    }
    .profile main {
        width: 100% !important;
    }

    .shopping-body .order-option {
        display: flex;
    }
    .shopping-body .order-send, .payment-order {
        width: 50%;
        height: 30rem;
        margin: 1rem;
    }
    .order-option .send , .payment-order .payment{
        flex-direction: column;
        align-items: start;
        height: 22rem;
    }
    .order-option .send .post,
    .order-option .send .pick,
    .order-option .send .get-person,
    .payment-order .online,
    .payment-order .pay-person,
    .payment-order .location{
        width: 100% !important;
        justify-content: start !important;
    }

    .order-option input {
        margin-left: 1rem !important;
    }
    .payment-order {
        margin-top: 0 !important;
    }
    .order-send {
        margin-top: 0 !important;
    }

    .shopping-body .address-head {
        margin-bottom: 2rem;
    }
    .shopping-body .body {
        width: 100% !important;
    }
    .shopping-body .sidebar {
        width: 100% !important;
    }
    .shopping-body .d-flex.mt-5.mb-5{
        flex-wrap: wrap;
    }
    .summary .product-detail {
        min-height: fit-content;
    }
    .invoice-product {
        overflow-x: scroll;
    }
    .invoice-product-lists {
        width: 75rem;
    }

    .mobile .history i {
        font-size: 2rem;
    }
    .mobile .history .top span {
        font-size: 1.4rem;
        font-weight: 500;
        color: #343434;
        margin-right: 1.5rem;
    }
    .mobile .history .down {
        overflow-x: scroll;
    }
    .mobile .history .down::-webkit-scrollbar {
        display: none;
    }
    .mobile .history .down div {
        display: flex;
        align-items: center;
        border-radius: 2rem;
        border: 1px solid #ccc;
        padding: .7rem 2rem;
        line-height: 19px;
        margin-left: .7rem;
    }
    .mobile .history .down div span {
        font-size: 1.4rem;
        font-weight: 500;
        margin-left: 1rem;
        color: #363636;
    }
    .mobile .history .down div i {
        font-size: 1.4rem;
        font-weight: 700;
    }
    .clicked {
        animation: history 2s ease-in-out;
        animation-delay: 2s;
    }

    .slider {
        height: 180px;
    }
    .slider .swiper-wrapper > div {
        padding: 0 1rem;
    }
    .slider img {
        object-fit: fill;
        border-radius: .5rem;
    }
    .banner-second .banner-item {
        padding: 1rem 2rem;
        margin: 0;
    }
    .cart div.me-4 {
        width: 55%;
    }
    #cart .cart-pay {
        width: 45%;
    }

}


@media (max-width: 768px) {

    .search .search-box {
        width: 100%;
        line-height: 3rem;
    }

    .page-category .categories-item {
        width: 50%;
    }
    .bests-seller .best-item {
        width: 49%;
    }
    .accordion-button {
        height: fit-content !important;
    }
    .services {
        display: none !important;
    }
    .product-more-description .item_table .w-75 {
        padding-bottom: .5rem !important;
    }
    .product-more-description .item_table .w-25 {
        white-space: nowrap;
        margin-left: 3rem;
    }
    .order-product-list {
        width: 100% !important;
    }

    #cart .cart-nav {
        padding: 2rem;
    }
    .cart {
        flex-wrap: wrap;
        padding: 2rem;
    }
    .cart .cart-pay {
        margin-top: 2rem;
    }
    .cart .cart-pay, .cart .me-4 {
        width: 100% !important;
    }
    .cart .me-4 {
        margin-left: 0 !important;
    }

    .order_process ul li:not(:last-child).show:after {
        width: 24rem;
    }
    .order_process ul li {
        margin: auto 11rem;
    }
    .intercept  .panel_body {
        width: 100% !important;
        padding: 1rem;
    }
    .banner-third .banner-item {
        padding: 1rem;
    }
    .banner-third img {
        width: 100%;
        height: 100%;
        border-radius: .5rem;
        object-fit: cover;
    }
}


@media (max-width: 576px) {

    .banner-first .banner-item{
        width: 48% !important;
    }
    .banner-second .banner-item {
        width: 100% !important;
    }

    .banner-first {
        flex-wrap: wrap;
        justify-content: center;
    }
    .page-category .categories-item {
        width: 85%;
    }
    .page-category .categories-item a h3 {
        font-size: 2rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .best-product .best-product-title p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .page-category .categories-item {
        padding: 1rem;
    }
    .page-category .categories-item a .stock {
        font-size: 1.5rem;
        font-weight: 400;
    }
    .page-category .skeleton {
        width: 100%;
    }
    .categories-items {
        justify-content: center;
    }
    .views-sort, .breadcrumb ul, .base-category {
        overflow-x: scroll;
        white-space: nowrap;
    }
    .views-sort div {
        font-weight: 500;
        font-size: 1.5rem;
    }
    .views-sort::-webkit-scrollbar {
        display: none;
    }
    .breadcrumb ul::-webkit-scrollbar {
        display: none;
    }
    .base-category::-webkit-scrollbar {
        display: none;
    }

    .views-sort div:last-child {
        padding-right: 4rem;
        font-weight: 700;
    }

    .related .related-item {
        min-width: 185px;
    }

    .bests-seller .best-item {
        width: 100%;
    }
    .faq-category {
        width: auto;
    }
    .single-product .summary .product-detail {
        margin: 2rem 0;
    }
    .send-comment .comment-body, .questions-send {
        width: auto;
    }
    .favorites-product {
        width: 100%;
    }
    .personal-info-right, .personal-info-left
    {
        width: 100% !important;
    }
    .order_process ul li:not(:last-child).show:after {
        width: 14rem;
    }
    .order_process ul li {
        margin: auto 6rem;
    }
    .shopping-body .logo {
        padding: 1rem 1rem 1rem;
    }
    .shopping-body .order-option {
        display: inline;
    }
    .shopping-body .order-send, .payment-order {
        width: 100%;
        margin: 2rem 0 0 0 !important;
    }
    .address-list div:not(.edit-address) {
        margin-right: 0 !important;
    }
    .address_header {
        flex-direction: column;
        padding-top: 0 !important;
    }
    .address_header div, .address_body div {
        margin: .5rem 0;
    }
    .address_body {
        flex-direction: column;
    }
    .address-list {
        height: 0;
    }
    .address_footer {
        flex-wrap: wrap;
    }
    .edit-address {
        margin-right: auto !important;
    }
    .shopping-body .modal-content {
        height: fit-content;
        margin-bottom: 2rem;
    }
    .address-show {
        display: block;
    }
    .invoice-address, .invoice-order  {
        flex-wrap: wrap;
    }
    .invoice-address .w-50, .invoice-order .w-50 {
        width: 100% !important;
    }
    .intercept .panel {
        padding: 0 !important;
    }
    .intercept  .panel_body {
        padding: 0;
    }
    .sharing-link {
        flex-wrap: wrap;
        height: fit-content !important;
    }
    .sharing-link span {
        margin: 1rem 0;
    }
    .cart-nav .position-relative {
        margin-left: 0;
    }
    .cart-arrow-hide {
        left: 112px;
    }

    .tab-content .tab-pane {
        padding: 2rem 0;
    }
}