/* Responsive  image for the SHELF photo - center crops on screens smaller than the image */

.top-banner .tozzi_one {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 40px;
}

.top-banner .watch_img {
    width: 100%;
    max-width: 1200px; /* Full image width */
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Mobile: Show center portion only */
@media (max-width: 767px) {
    .top-banner .tozzi_one {
        height: 300px; /* Adjust this height as needed */
        overflow: hidden;
    }
    
    .top-banner .watch_img {
        width: auto;
        height: 100%;
        max-width: none;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
}

/* Tablet: Show more of the image */
@media (min-width: 768px) and (max-width: 991px) {
    .top-banner .tozzi_one {
        height: 400px;
        overflow: hidden;
    }
    
    .top-banner .watch_img {
        width: auto;
        height: 100%;
        max-width: none;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
}

/* Desktop: Show full image */
@media (min-width: 992px) {
    .top-banner .watch_img {
        width: 100%;
        max-width: 1200px;
        height: auto;
    }
}