.mobileOnly {
    display: none;
}

.hiddenMobile{
    display: block;
}
/* iPads (landscape & Portrait) ---------------------------------------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1080px) {
    .home-page-text-block{
        padding: 0 15px;
    }

    .random-products-header-title{
        line-height: 42px;
    }
    
    .products-block-container{
        gap:60px;
    }

    .product-block-container{
        width: calc(66.66% - 140px);
    }

    .product-block-image-container{
        right: -20px;
    }
    
    #mainMenu nav > ul > li > a{
        color:#8B7A70;
    }

    .product-block-container{
        margin-top: 40px;
    }

    .product-inner-block-container{
        width: 100%;
    }

    #mainMenu.menu-center nav, .header-extras2{
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
  
@media only screen and (min-device-width: 768px) and (max-device-width: 1080px) and (orientation: landscape) {
/* Styles specifically for iPads in landscape orientation */
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1080px) and (orientation: portrait) {
/* Styles specifically for iPads in portrait orientation */
}

/* Mobile Devices (landscape & Portrait) -------------------------------- */
@media only screen and (min-device-width: 280px) and (max-device-width: 480px) {
/* Styles for both landscape and portrait orientations on small mobile devices */
    section {
        padding:30px 0;
    }

    .mobileOnly{
        display: block;
    }

    .hiddenMobile{
        display: none;
    }

    .btn-link{
        font-size:18px;
        padding:9px 14px;
    }

    .btn-link-small{
        font-size: 13px;
        padding:4px 10px;
    }

    #slider{
        height: 420px;
    }

    .best-sellers-header{
        line-height: 36px;
        margin-bottom: 20px;
    }

    .best-sellers-title, .best-sellers-cateogory {
        font-size: 30px;
    }

    .best-seller-product-image-container{
      padding-top:12px;
      padding-bottom:12px;
    }

    .best-seller-product-image{
      width: 106px;
      height: 103px;
    }

    .best-seller-product-info-container{
      padding:14px 0;
    }

    .best-seller-product-info-title{
      font-size: 18px;
      margin-bottom: 5px;
    }

    .best-seller-product-info-action a{
      font-size: 16px;
    }

    .random-products-header{
        margin-bottom: 20px;
    }

    .random-products-header-title{
        line-height: 36px;
        font-size:30px;
    }

    .products-block-container{
        gap:25px;
        margin-top: 0;
    }
    
    .product-block-container{
        width: calc(50% - 13px);
        padding: 0;
        margin-top: 0;
    }

    .product-block-image-container{
        position: static;
        width: 100%;
        height: 100px;
    }

    .product-block-image{
        width: 100%;
        height: 100px;
        border-radius: 16px 16px 0 0;
    }

    .product-block-image img{
        border-radius: unset;
    }

    .product-block-info-container{
        padding:10px;
    }

    .product-block-info-title{
        font-size: 18px;
        margin-bottom:0;
        height: 65px;
        overflow: hidden;
    }

    .product-block-price-container{
        flex-wrap: wrap;
        padding: 10px;
        gap:4px;
    }

    .product-block-price{
        font-size: 18px;
    }

    .banner-description{
        padding-top: 10px;
        padding-bottom:10px;
    }

    .banner-description p{
        font-size: 30px;
    }

    .product-details-title{
        margin-top: 35px;
        line-height: 56px;
    }

    .product-details-attr-items-container{
        gap:8px;
    }

    .product-details-attr-title{
        line-height: 40px;
    }

    .products-inner-block-container{
        gap:20px;
    }

    .product-inner-block-container{
        width: calc(50% - 10px);
        padding: 0;
    }

    .product-inner-block-image{
        height: 130px;
    }

    .product-inner-block-image img{
        border-radius: 14px 14px 0 0;
    }

    .product-inner-block-info-container{
        padding: 10px;
    }

    .product-inner-block-info-title{
        font-size: 18px;
        margin-bottom: 0;
        height: 65px;
        overflow: hidden;
    }
    
    .grid-filter{
        top:0;
    }

    .grid-filter ul li a{
        padding:8px;
        font-size: 14px;
        font-weight: normal;
    }
    
    #mainMenu.menu-center nav, .header-extras2{
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    











    .home-page-text-block{
        padding: 0 15px;
    }


    .product-block-image-container{
        right: -20px;
    }
    
    #mainMenu nav > ul > li > a{
        color:#8B7A70;
    }

    
}

@media only screen and (min-device-width: 280px) and (max-device-width: 480px) and (orientation: landscape) {
/* Styles specifically for small mobile devices in landscape orientation */
}

@media only screen and (min-device-width: 280px) and (max-device-width: 480px) and (orientation: portrait) {
/* Styles specifically for small mobile devices in portrait orientation */
}

/* Medium-sized Mobile Devices (landscape & Portrait) -------------------- */
@media only screen and (min-device-width: 481px) and (max-device-width: 767px) {
/* Styles for both landscape and portrait orientations on medium-sized mobile devices */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 767px) and (orientation: landscape) {
/* Styles specifically for medium-sized mobile devices in landscape orientation */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 767px) and (orientation: portrait) {
/* Styles specifically for medium-sized mobile devices in portrait orientation */
}

/* Large Mobile Devices and Tablets (landscape & Portrait) -------------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 992px) {
/* Styles for both landscape and portrait orientations on large mobile devices and tablets */
}

@media only screen and (min-device-width: 768px) and (max-device-width: 992px) and (orientation: landscape) {
/* Styles specifically for large mobile devices and tablets in landscape orientation */
}

@media only screen and (min-device-width: 768px) and (max-device-width: 992px) and (orientation: portrait) {
/* Styles specifically for large mobile devices and tablets in portrait orientation */
}

/* Small Laptops (landscape & Portrait) --------------------------------- */
@media only screen and (min-device-width: 993px) and (max-device-width: 1200px) {
/* Styles for both landscape and portrait orientations on small laptops */
}

@media only screen and (min-device-width: 993px) and (max-device-width: 1200px) and (orientation: landscape) {
/* Styles specifically for small laptops in landscape orientation */
}

@media only screen and (min-device-width: 993px) and (max-device-width: 1200px) and (orientation: portrait) {
/* Styles specifically for small laptops in portrait orientation */
}

/* Large Desktops ------------------------------------------------------- */
@media only screen and (min-width: 1201px) {
/* Styles for large desktops */
}

/* High-Resolution Displays (Retina) ------------------------------------ */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
/* Styles for high-resolution displays (Retina) */
}

/* Additional Orientation-based Media Queries --------------------------- */
/* Portrait Orientation for All Devices */
@media only screen and (orientation: portrait) {
/* General styles for all devices in portrait orientation */
}

/* Landscape Orientation for All Devices */
@media only screen and (orientation: landscape) {
/* General styles for all devices in landscape orientation */
}