.dizme_tm_hero .avatar img  {
    border-radius: 10px;
}


/* Small devices (phones, iPhone 6s, etc.) */
/* @media screen and (max-width: 320px) { */
@media screen and (min-width: 320px) and (max-width: 375px) {

    .hero-section {
        margin-top: 240px;
        /* Smaller margin for small screens */

    }
}

/* Medium devices (tablets) */
@media screen and (min-width: 425px) and (max-width: 899px) {
    .hero-section {
        margin-top: 200px;
    }
}

/* Large tablets and small desktops */
@media screen and (min-width: 900px) and (max-width: 1159px) {
    .hero-section {
        margin-top: 75px;
    }
}

/* Desktops */
@media screen and (min-width: 1160px) and (max-width: 1399px) {
    .hero-section {
        margin-top: 75px;
    }
}

/* Extra large desktops */
@media screen and (min-width: 1400px) {
    .hero-section {
        margin-top: 0px;
    }
}