/* XL Device 1200px. */

@media only screen and (min-width: 1201px) and (max-width: 1500px) {}


/* LG Device: 992px. */

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


/* MD Device: 768px. */

@media (min-width: 768px) {
    /* .featured-products-wrapper {
        display: unset;
    } */
    .mobile-pagination{
        display: none;
      }
}

/* Mobile device */
@media (min-width: 768px){
    .mobile-header-section{
        display: none;
    }
    .mobile-header-menu-section{
        display: none;
    }
    .mobileFooter-fixed-navbar{
        display: none;
    }
}

/* Mobile devies max width */
@media (max-width: 767px) {
    header {
        display: none;
    }
    .main-hero-section-wrapper {
        display: flex;
        flex-direction: column;
    }
    .hero-left-sidebar{
        display: none;
    }
    .hero-single-slider-content h2 {
        font-size: 24px;
        line-height: 23px;
    }
    .hero-single-slide {
        display: flex;
        justify-content: flex-start;
        padding: 10px;
        flex-direction: column-reverse;
    }
    .price-wrapper span {
        font-size: 23px;
        padding: 5px 30px;
    }
    .fresh-food-content h2 {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 20px;
    }
    .fresh-food-content button {
        padding: 8px 20px;
    }
    .fresh-food-wrapper {
        height: unset;
        margin-bottom: 10px;
    }
    .hero-single-slider-thumb {
        height: auto;
    }
    .featured-wrapper {
        flex-direction: column;
    }
    .featured-big-thumb {
        height: auto;
    }
    .featured-mini-thumb {
        height: auto;
    }
    .women-collections-title-nav-wrapper {
        flex-direction: column;
    }
    .women-section-wrapper{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
    .women-thumb{
        height: auto;
    }
    .nav-pills .nav-link.active, .nav-pills .show > .nav-link{
        width: max-content;
    }
    .main-tabs{
        flex-direction: row;
    }
    .main-fruits {
        grid-template-columns: repeat(2, 1fr);
    }
    .product-thumb{
        height: auto;
    }
    .countdown-container h2{
        font-size: 26px;
    }
    .countdown-container p{
        font-size: 13px;
    }
    .deal-wrapper {
        padding: 20px;
        margin: 10px 0px;
        flex-direction: column-reverse;
        grid-gap: 10px;
    }
    .countdown-thumb{
        height: auto;
    }
    .main-best-selling-products {
        grid-template-columns: repeat(2, 1fr);
    }
    .fresh-vegetable-content h2 {
        line-height: 40px;
        font-size: 24px;
    }
    .fresh-vegetable-content button {
        padding: 10px 40px;
    }
    .tab-products-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
    .tab-product-hide-content p{
        display: none;
    }
    .StyleOnetitle h2{
        font-size: 15px;
    }
    .rightSeemore{
        padding: 5px 10px;
    }
    .right-featured-products{
        flex-direction: column;
    }
    .right-items-title{
        height: auto;
    }
    .main-trade-services{
        flex-direction: column;
    }
    .footer-middle {
        padding: 10px 0px;
    }
    .mini-category-products-item p {
        font-size: 8px;
        padding: 5px;
        padding-top: unset;
    }
    .mini-category-products-item img{
        width: 50px;
    }
    .mini-category-products-item{
        box-shadow: rgba(128, 128, 128, 0.19) 0px 0px 10px 0px;
    }

    /* news design */
    .category-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
    .category-item {
        border: 1px solid #d3d3d32e;
    }
    .category-item:last-child {
        display: none;
    }
    .featured-products-wrapper {
        grid-template-columns: repeat(5, 1fr);
        grid-gap: 7px;
        overflow-x: auto;
    }
    .feature-category-wrapper {
        grid-template-columns: repeat(6, 1fr);
        grid-gap: 10px;
        overflow-y: auto;
    }
    .featured-category-item {
        border-radius: 3px;
        width: 250px;
    }
    .featured-category-thumb{
        height: 160px;
    }
    .footer-wrapper {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 10px;
    }
    .footer-menu-item ul {
        grid-gap: 0px;
    }
    .footer-content {
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    .footer-payment img {
        max-width: 100%;
    }
    .footer-middle{
        padding-top: 20px;
    }
    .product-cart-with-wishlist {
        grid-gap: 5px;
    }
    .product-cart {
        padding: 5px 7px;
        display: flex;
        justify-content: flex-start;
        align-content: center;
        grid-gap: 6px;
    }
    .product-cart span {
        font-size: 12px;
    }
    .product-wishlist i {
        color: white;
        padding: 8px;
        font-size: 13px;
        border-radius: 50px;
    }
    .featured-thumb {
        width: 100%;
        height: 150px;
    }
    .featured-product-item {
        width: 165px;
    }
    .two-col-banner-wrapper {
        grid-template-columns: 1fr;
        grid-gap: 10px;
    }
    .category-item:nth-child(7), .category-item:nth-child(8), .category-item:nth-child(9), .category-item:nth-child(10), .category-item:nth-child(11), .category-item:nth-child(12), .category-item:nth-child(13), .category-item:nth-child(14),
    .category-item:nth-child(15) {
        display: none;
    }
    .category-title {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .two-col-banner-first-item:last-child{
        display: none;
    }
    .two-col-banner-second-item:first-child {
        display: none;
    }
    .product-breadcrumb-section{
        display: none;
    }
    .category-body-wrapper {
        display: flex;
        grid-template-columns: 1fr;
        grid-gap: 20px;
        flex-direction: column-reverse;
    }
    .category-list-of-items {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }
    .category-product-item {
        width: 100%;
    }
    .mobile-pagination {
        display: flex;
        justify-content: center;
        grid-gap: 5px;
        background: white;
        padding: 7px;
        margin-top: 10px;
    }
    .product-short-overview-wrap {
        display: none;
    }
    .single-featured {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .product-gallery-wrap {
        grid-template-columns: 1fr;
    }
    .related-product-section {
        background: var(--bodyColor);
        padding-top: 1px;
        padding-bottom: 10px;
    }
    .desktop-pagination {
        display: none;
    }
    .category-name h2 {
        font-size: 18px;
        font-family: var(--roboto);
        margin-bottom: 2px;
        text-transform: uppercase;
    }
    .line {
        border-radius: 2px;
        height: 4px;
        width: 20px;
    }
    .category-body-section {
        margin-bottom: 10px;
    }
    .featured-product-content h3{
        padding: 5px 0px;
    }
    .search-form form {
        display: flex;
    }
    .search-form form input {
        width: 155px;
    }
    .footerMenuItems {
        justify-content: flex-end;
    }
    .search-form form a.search-btn i {
        font-size: 17px;
        padding: 0px 3px;
    }
    .search-form form input{
        padding: 5px;
    }
    .product-benifits {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 10px;
    }
    .product-benifit-content h2 {
        font-family: var(--roboto);
        font-size: 17px;
    }
    .product-benifit-content p {
        font-size: 14px;
    }
    .product-benifit-item {
        grid-gap: 10px;
    }
    .product-review-wrapper {
        max-width: 100%;
    }
    .product-tab-header {
        height: 50px;
    }
    .product-tab-item {
        padding: 5px 10px !important;
        font-size: 15px;
        border-radius: unset !important;
    }
    .checkout-submit button{
        margin-top: unset;
        width: 100%;
        border-radius: 2px;
    }
    .checkout-section {
        margin-bottom: 20px;
        margin-top: 30px;
    }
    .main-order-left-side {
        background: white;
        padding: 15px;
        margin-bottom: 11px;
    }
    .checkout-group input, .checkout-group select {
        width: 100%;
        border-radius: 3px;
        padding: 6px;
        border: 1px solid lightgrey;
        font-size: 12px;
    }
    .checkout-row {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
        margin-bottom: 22px;
    }
    .checkout-submit {
        display: flex;
        justify-content: flex-start;
        width: 100%;
    }
    .promo-code-voucher button {
        background: #1c1c23;
        color: white;
        padding: 7px 20px;
        border-radius: 3px;
    }
    .promo-code-voucher input {
        width: 100%;
        padding: 6px;
        border-radius: 3px;
        border: 1px solid lightgray;
    }
    .promo-code-voucher h2 {
        font-size: 15px;
        color: #1c1c23;
        margin-bottom: 10px;
    }
    .save-money-card p {
        font-size: 13px;
    }
    .checkoutBtn{
        padding: 6px;
    }
    .checkout-title, .check-out-delivery-title {
        margin-bottom: 8px;
        padding-bottom: 10px;
    }
    .check-out-delivery-title h3 {
        font-size: 17px;
    }
}