/* Extra Small devices (Phones in portrait) */
@media (max-width: 425px) {
    h2.title-87m {
        color: #fff;
        font-size: 24px !important;
    }
    h1.main-heading-4bq {
        font-size: 48px;
        color: #fff;
    }
    .hero-div {
        padding: 90px 0px;
    }
    .h2-size h2 {
        line-height: 40px;
        font-size: 29px !important;
    }
    .voice-agent-sec {
        background-color: #dbeafe7c;
        padding: 70px 8px;
    }
    h2.title-lg.mb-0 {
        font-size: 30px !important;
    }
    h2.text-center.mb-4.hedd-titile {
        font-size: 30px !important;
    }
}

/* Small devices (Phones in landscape, small tablets) */
@media (min-width: 426px) and (max-width: 640px) {

    .bg-banner-hero {
        padding: 70px 0px;
    }
    h1.main-heading-4bq {
        font-size: 49px;
        color: #fff;
    }
    h2.title-87m {
        color: #fff;
        font-size: 35px !important;
    }
}

/* Medium devices (Tablets portrait) */
@media (min-width: 641px) and (max-width: 768px) {
    .hero-div {
        padding: 80px 0px;
    }
    h1.main-heading-4bq {
        font-size: 60px;
        color: #fff;
    }
}

/* Large devices (Tablets landscape, small laptops) */
@media (min-width: 769px) and (max-width: 1024px) {
 
    .hero-div {
        margin-top: 90px;
    }
}

/* Extra Large devices (Desktops) */
@media (min-width: 1024px) and (max-width: 1199px) {
    .hero-div {
        margin-top: 90px;
    }
}

/* Ultra Large devices (Big desktops, TVs) */
@media (min-width: 1200px) {
    /* Styles for very large screens */
}