#commonNavbar {
    display: none;
}

.uyecalisma {
    opacity: 0.6;
    margin-top: 45px;
    font-size: 16px !important;
    margin-bottom: 45px;
}

.uyecalisma1 {
    font-weight: bold !important;
    opacity: 1;
    color: #fefefe !important;
}


#icon {
    position: absolute;
    right: 22px;
    width: 72px;
    top: 0px;
}

#wp-iletisim {
    margin-right: 9px;
    opacity: 0;
    position: absolute;
    right: 22px;
    width: 0;
}

#wp-iletisim-area {
    position: relative;
    width: 64px;
    height: 40px;
}

    #wp-iletisim-area:hover {
        width: auto;
    }

        #wp-iletisim-area:hover #wp-iletisim {
            transform: translate(-17px);
            -webkit-transform: translate(-17px);
            transition: 1s;
            opacity: 1;
            width: 138px;
        }

.owl-item .spinner {
    width: 75px !important;
    height: 75px !important;
    top: 0;
    left: 0;
    position: relative;
    margin: 0px auto;
}

.double-bounce1,
.double-bounce2 {
    display: none !important;
    background-color: #7bb5ef69;
}

.mess_video1 {
    background: url(../img/bg1.jpg) fixed no-repeat;
    background-size: cover;
}

.mess_video2 {
    background: url(../img/counter.jpg) fixed no-repeat;
    background-size: cover;
}

.mess_video3 {
    background: url(../img/hero-area.jpg) fixed no-repeat;
    background-size: cover;
}


#homeBannerText > div > h4 {
    display: flex;
    flex-direction: column;
}



#homeNavbar {
    display: block
}

#myCarousel section {
    padding-left: 5%;
    padding-right: 5%;
}

#myCarousel a:hover,
#myCarousel a:focus {
    text-decoration: none;
}

.spinner img {
    width: 75px;
}

.promo-link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50vw;
    max-width: 50vw;
    height: 50vh;
    max-height: 50vh;
}

@media (max-width: 600px) {
    .promo-link {
        max-width: 90vw;
        padding: 12px 8vw;
    }
}

/* ====== BANNER RESMİNİ AŞAĞI ALMA ====== */
#hero-area.homepage {
    margin-top: 100px; /* Navbar yüksekliğine göre ayarlayın */
    position: relative;
}

    #hero-area.homepage picture {
        display: block;
        width: 100%;
    }

    #hero-area.homepage img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: contain; /* Resmin tamamen görünmesini sağlar */
        object-position: center top; /* Resmi üstten ortalar */
    }

/* Mobil için özel ayarlamalar */
@media (max-width: 575.98px) {
    #hero-area.homepage {
        margin-top: 70px; /* Mobilde daha az boşluk */
    }
}

/* Tablet için */
@media (min-width: 576px) and (max-width: 991.98px) {
    #hero-area.homepage {
        margin-top: 80px;
    }
}

/* Desktop için */
@media (min-width: 992px) {
    #hero-area.homepage {
        margin-top: 70px; /* Desktop'ta daha fazla boşluk */
    }
}