.gallery-slide .owl-stage-outer {
    background: url('../images/mobile-screen.png') no-repeat center center / auto 100%;
}

.d-block {
    display: block !important;
}

.d-none {
    display: none !important;
}

img.mobile-logo {
    margin-top: 10px;
}

.site-content .ast-container {
    display: block;
}

header.site-header {
    display: none;
}

        .product-section {
            padding: 40px;
            background-color: #f9f9f9;
        }

        .product-section h2 {
            text-align: center;
            font-size: 2rem;
            margin-bottom: 20px;
        }

        .product-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 20px;
            max-width: 1200px;
            margin: 0 auto;
        }
        
        .product-grid-descriptions {
            display: grid;
            grid-template-columns: 1fr;
            gap: 20px;
            max-width: 1200px;
            margin: 0 auto;
        }

        .product-card {
            background: #fff;
            border: 1px solid #ddd;
            border-radius: 10px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s, box-shadow 0.3s;
        }

        .product-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
        }

        .product-card img {
            max-width: 100%;
            height: auto;
            border-radius: 8px;
        }

        .product-card h3 {
            font-size: 1.2rem;
            margin: 10px 0;
        }

        .product-card p {
            font-size: 16px;
            color: #8790af;
            margin: 10px 0;
            text-align: center;
        }

        .product-card .price {
            font-size: 2rem;
            color: #007bff;
            font-weight: bold;
            margin-top: 15px;
        }
        
        #product_page h4 {
            color: #004F6D;
            font-weight: 600;
            font-size: 20px;
            margin-top: 1rem;
        }
        
        #product_descriptions h4 {
            color: #004F6D;
            font-weight: 600;
            font-size: 20px;
        }


@media (min-width: 768px) {
    
.gallery-slide .owl-stage-outer {
    background: url('../images/mobile-screen.png') no-repeat center left / auto 100%;
}

.d-md-none {
    display: none !important;
}

.d-md-block {
    display: block !important;
}

.product-grid-descriptions {
    grid-template-columns: repeat(2, 1fr);
}

        .full-width {
            grid-column: span 2;
        }

}
