@media (min-width:981px) {
    .owl-carousel .owl-item .main .testiInfo .bg-part video{
        width: 100%;
        height: 100%;
        object-fit: cover;
        max-width: unset;
    }
}
@media (min-width:1367px) {
    .owl-carousel .owl-item .main .testiInfo .bg-part video {
        width: 100%;
        height: auto;
        object-fit: cover;
        max-width: unset;
    }
}
@media (max-width:980px) {
    .owl-carousel .owl-nav button.owl-prev {
        left: 22px;
        opacity: 1
    }

    .owl-carousel .owl-nav button.owl-next {
        right: 22px;
        opacity: 1
    }
    footer p {
        margin: 0px auto;
        max-width: 1080px;
        width: 80%;
    }
}
@media (max-width:767px) {
    .overlayTextPart{
        flex-direction: column;
        justify-content: center;
    }
    .overlayTextPart .site-logo {
        width: 100%;
        max-width: 75%;
        float: none;
    }
    .overlayTextPart .info {
        text-align: center;
        margin: 0 auto;
        width: 100% !important;
        padding-top: 0;
        padding-bottom: 30px;
    }
    .main .testiInfo .info h1,
    .main .testiInfo .info p{
        font-size: 26px;
    }
    .owl-carousel .owl-item .main .testiInfo .video-container,
    .main{
        height: 90vh;
    }
    .owl-carousel .owl-nav button.owl-prev,
        .owl-carousel:hover .owl-nav button.owl-prev {
        left: 0;
        opacity: 1
    }

    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel:hover .owl-nav button.owl-next {
        right: 0;
        opacity: 1
    }
}