.ad-slider {
            width: 100%; /* Set to 100% for smaller screens */
            max-width: 100%; /* Ensure it doesn’t exceed 100% of its container */
            height: 150px;
            overflow: hidden;
            position: relative;
            margin: 10px auto;
        }

        .ad-slider .slides {
            display: flex;
            transition: transform 0.5s ease;
            height: 100%;
        }

        .ad-slider .slide {
            flex: 0 0 100%;
            box-sizing: border-box;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .ad-slider img, .ad-slider video {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
        }

        @media (min-width: 768px) {
            .ad-slider {
                width: 720px; /* Set a fixed width for medium screens and above */
            }

            .ad-slider .slides {
                gap: 10px;
            }

            .ad-slider .slide {
                flex: 0 0 calc(50% - 10px);
            }
        }

        @media (max-width: 480px) {
            .ad-slider {
                width: 90%; /* Increase width for small screens */
            }
        }