/* ===== DEFAULT MOBILE FIRST STYLES ===== */
/* Base styles for all devices (mobile first) */

/* ===== SMALL PHONES ===== */
@media (max-width: 375px) {
    .mainglob {
        font-size: 25px;
    }
}

/* ===== MEDIUM PHONES ===== */
@media (min-width: 376px) and (max-width: 480px) {
    .mainglob{
        font-size: 28px;
    }
}

/* ===== LARGE PHONES ===== */
@media (min-width: 481px) and (max-width: 767px) {
    .mainglob {
        font-size: 28px;
        margin-top: 67px
    }
}

/* ===== SMALL TABLETS ===== */
@media (min-width: 768px) and (max-width: 1023px) {
    .mainglob {
        font-size: 38px;
    }
}

/* ===== LARGE TABLETS ===== */
@media (min-width: 1024px) and (max-width: 1279px) {
    .mainglob {
        font-size: 45px;
    }
}

/* ===== LAPTOPS ===== */
@media (min-width: 1280px) and (max-width: 1439px) {
    .mainglob {
        font-size: 50px;
    }
}

/* ===== DESKTOPS ===== */
@media (min-width: 1440px) and (max-width: 1919px) {
    .mainglob {
        font-size: 50px;
    }
}

/* ===== LARGE DESKTOPS ===== */
@media (min-width: 1920px) {
    .mainglob {
        font-size: 50px;
    }
}










/* ===== SMALL PHONES ===== */
@media (max-width: 375px) {
    .glob {
        font-size: 25px;
    }
}

/* ===== MEDIUM PHONES ===== */
@media (min-width: 376px) and (max-width: 480px) {
    .glob {
        font-size: 28px;
    }
}

/* ===== LARGE PHONES ===== */
@media (min-width: 481px) and (max-width: 767px) {
    .glob {
        font-size: 29px;
    }
}

/* ===== SMALL TABLETS ===== */
@media (min-width: 768px) and (max-width: 1023px) {
    .glob {
        font-size: 32px;
    }
}

/* ===== LARGE TABLETS ===== */
@media (min-width: 1024px) and (max-width: 1279px) {
    .glob {
        font-size: 38px;
    }
}

/* ===== LAPTOPS ===== */
@media (min-width: 1280px) and (max-width: 1439px) {
    .glob {
        font-size: 40px;
    }
}

/* ===== DESKTOPS ===== */
@media (min-width: 1440px) and (max-width: 1919px) {
    .glob {
        font-size: 42px;
    }
}

/* ===== LARGE DESKTOPS ===== */
@media (min-width: 1920px) {
    .glob {
        font-size: 42px;
    }
}