.table {
    width: 100%;
    border-collapse: collapse;
}

.table thead {
    background-color: #e37c33;
    color: #ffffff; /* Beyaz renk, okunabilirliği artırır */
}


.table th, .table td {
    padding: 12px;
    border: 1px solid #ddd;
    text-align: center;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-bordered {
    border: 2px solid #ddd;
}

.table-hover tbody tr:hover {
    background-color: #f1f1f1;
}

<!-- Mobilde 2 Görsel Yan Yana İçin CSS -->
<style>
    @media (max-width: 767px) { 
        .gallery-item {
            width: 50%; /* 2 görsel yan yana gelecek */
            padding: 5px; /* Aralarında boşluk bırak */
        }

        .gallery-item .image img {
            width: 100%;
            height: auto;
            display: block;
        }
    }
</style>