@media (max-width: 767px) {
        .tour-items-container {
            flex-direction: column; /* Stack items vertically on smaller screens */
        }
        .col-xl-4 {
            flex: 0 0 100%; /* Make each item take full width */
            margin-bottom: 20px; /* Add margin between items */
        }
    }