.my-image{
    border-radius:5px;
    max-height:100px;
    max-width:100px;
    border:2px solid #d3d3d3;
}
.my-image-table {
    border-radius: 5px;
    max-height: 75px;
    max-width: 75px;
    border: 2px solid #d3d3d3;
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody + tbody {
    border-top: 2px solid #dee2e6
}

.table-sm td, .table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

    .table-bordered td, .table-bordered th {
        border: 1px solid #dee2e6
    }

    .table-bordered thead td, .table-bordered thead th {
        border-bottom-width: 2px
    }


@media (max-width:768px) {
    .owl-carousel.slider {
        height: 350px !important;
        width: 100%;
        object-fit: fill !important
    }
}

@media (max-width:768px) {
    #trailer {
        height: 250px !important;
        width: 100%;
        object-fit: fill !important
    }
}

@media (max-width:768px) {
    .video {
        height: 270px !important;
        width: 100v;
    }
}

@media (max-width:768px) {
    .slider.owl-item {
        height: 300px !important;
        width: 100%;
    }
}

@media (max-width:768px) {
    .section-parallax.section-height-4 {
        padding-bottom: 300px !important;
        width: 100%;
    }
}
@media (max-width:768px) {
    .video_header {
        display: none !important
    }
}
@media (max-width:768px) {
    .video_logo {
        display: none !important
    }
}
@media screen and (max-width: 600px) {
    #slider_etkinlik {
        visibility: hidden !important;
        display: none;
    }
}