/* ============================================================
   RESPONSIVE.CSS — Consolidated Media Queries
   Breakpoints:
   XS  : max-width: 600px   (Extra small — phones)
   SM  : min-width: 600px   (Small — large phones / portrait tablets)
   MD  : min-width: 768px   (Medium — landscape tablets)
   LG  : min-width: 992px   (Large — laptops/desktops)
   XL  : min-width: 1200px  (Extra large — large desktops)
   + project-specific breakpoints preserved below
============================================================ */


/* ============================================================
   XL+ — max-width: 1600px
============================================================ */
@media (max-width: 1600px) {

    .unlockinggrowth__sliderwrap .content {
        font-size: 30px;
        padding: 20px 30px 20px 30px;
        max-width: 600px;
        min-height: 360px;
    }

    .unlockinggrowth__sliderwrap .content span.common {
        margin-bottom: 30px;
        font-size: 30px;
    }

    .unlockinggrowth__sliderwrap .content span.value {
        font-size: 30px;
    }

    .unlockinggrowth__sliderwrap .img__wrap {
        width: 45vw;
        min-height: 88vh;
    }

    .myscroll { bottom: 0px; }

    .wetitle {
        font-size: 55px;
        top: 2%;
    }
}


/* ============================================================
   Large Desktops — 1360px to 1400px
============================================================ */
@media (min-width: 1360px) and (max-width: 1400px) {

    .cb-card-header {
        font-weight: 800;
        color: #242424;
        line-height: 1.2;
        font-size: 30px;
        margin-bottom: 40px;
    }

    .cb-main-title {
       position: relative;
        top: -100px;
        right: -119px;
        font-size: 55px;
        color: #FCC020;
        font-weight: 800;
        z-index: 999;
        line-height: 1;
        margin: 0;
    }

    .slider_capction { padding: 0 20% 0 9%; }
}


/* ============================================================
   Large Laptops — 1024px to 1360px
============================================================ */
@media (min-width: 1024px) and (max-width: 1360px) {

    .slider_capction {
        padding: 0 20% 0 9%;
        font-size: 72px;
    }

    .cb-main-title { margin-top: -20px; }
    .get_in_touch_btn {
    position: fixed;
    left: -9.3%;
    top: 50%;
    }
}


/* ============================================================
   max-width: 1366px
============================================================ */
@media (max-width: 1366px) {

    .unlockinggrowth__sliderwrap .content {
        font-size: 30px;
        padding: 20px 30px 20px 30px;
        max-width: 600px;
        min-height: 360px;
    }

    .unlockinggrowth__sliderwrap .content span.common {
        margin-bottom: 30px;
        font-size: 30px;
    }

    .unlockinggrowth__sliderwrap .content span.value {
        font-size: 30px;
    }

    .unlockinggrowth__sliderwrap .img__wrap {
        width: 45vw;
        min-height: 88vh;
    }

    .cb-images-container {
        width: 100%;
        height: 80vh;
    }

    .myscroll { bottom: 0px; }

    .wetitle {
        font-size: 55px;
        top: 2%;
    }

    .about_right h1 { font-size: 42px; }

    .cb-card-header {
        font-size: 27px;
        padding: 0px 0px 0px 104px;
        margin-bottom: 50px;
    }

    .cb-item-title {
        font-weight: 700;
        color: #242424;
        margin: 0;
        font-size: 27px;
    }

    .cb-card-container { width: 100%; }

    .cb-white-card {
        padding: 16px 20px 50px 20px;
        min-height: 260px;
        max-width: 100%;
        width: 100%;
    }

    .cb-main-title {
        position: absolute;
        right: 50px;
        font-size: 52px;
        color: #FCC020;
        font-weight: 800;
        z-index: 999;
        line-height: 1;
        margin: 0;
        margin-top: 23px;
    }

    .cb-badge {
        position: fixed;
        bottom: 100px;
        right: 80px;
        z-index: 50;
    }

    .cb-body-text { padding: 0px 40px 0px 100px; }

    .cb-num { margin: 0 4px 0 32px; }
}


/* ============================================================
   LG — min-width: 992px  (Large devices — laptops/desktops)
   Also covers 992px to 1199px range
============================================================ */
@media (min-width: 992px) and (max-width: 1199px) {

    .cb-images-container {
        width: 50%;
        height: 60vh;
    }

    .cb-card-container { width: 50%; }
    .stellarnav li {
    list-style: none;
    display: inline-flex;
    margin: 0;
    padding: 0;
    position: relative;
    line-height: normal;
}
}



/* ============================================================
   MD — min-width: 768px  (Medium devices — landscape tablets)
   max-width: 768px for overrides
============================================================ */
@media (max-width: 768px) {

    .unlockinggrowth__sliderwrap .img__wrap {
        width: 100vw;
        min-height: 50vh;
    }

    .unlockinggrowth__sliderwrap .content {
        position: relative;
        padding: 40px 20px;
        max-width: 100%;
        min-height: auto;
        font-size: 28px;
    }

    .unlockinggrowth__sliderwrap .content span.common { font-size: 24px; }

    .wetitle { position: inherit; }

    .myscroll { bottom: 0px; }

    .customer_listleft { min-width: auto; }

    .testimonial-card { flex-wrap: wrap; }

    .testimonial-text { width: 100%; }
}


/* ============================================================
   max-width: 767px — Mobile (general)
============================================================ */
@media only screen and (max-width: 767px) {

    .main_header.sticky {
        -webkit-animation: none;
        animation: none;
    }

    .customer_listmain { flex-wrap: wrap; }

    .main_header .navbar-brand { width: auto; }

    .stellarnav { width: 52%; }

    .slider-container {
        flex-direction: column;
        height: 100vh;
    }

    .vidbacking-active-body-back { height: 255px !important; }

    .myf { justify-content: space-between; }

    .mobile { display: none; }

    .main_header { padding-bottom: 10px; }
}


/* ============================================================
   SM — max-width: 600px / 576px
   (Extra small — phones, portrait tablets)
============================================================ */
@media (max-width: 576px) {

    .about_right h1 {
        font-size: 24px;
        line-height: 34px;
    }

    .about_sec { padding-top: 30px; }

    .whatwe_title h2 { font-size: 35px; }

    .content-section {
        overflow: inherit;
        display: inline-block;
        margin-left: 0px;
        padding-bottom: 0;
    }

    .customer_listleft { font-size: 30px; }

    .online_community_title h2 { font-size: 30px; }

    .impact_title h2 {
        font-size: 30px;
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .testimonial-card { flex-wrap: wrap; }

    .testimonial-text {
        width: 100%;
        padding: 22px 10px 10px;
    }

    .app-content h2 { font-size: 40px; }

    .app-section {
        flex-wrap: wrap;
        padding: 10px 0%;
    }

    .app-content { flex: inherit; }

    .image-cards-container {
        grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
    }

    /* Footer */
    .footer_contact,
    .footer_about,
    .footer_quicklink,
    .footer_soluction,
    .footer_community { text-align: center; }

    .footer_about { margin-top: 15px; }

    .follow_us { justify-content: center; }

    .boder_lefq {
        padding-left: 0px;
        border-left: inherit;
        border-top: solid 1px #d4d0d0;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .partner li a { display: inline-flex; }

    .copy_mainse {
        flex-wrap: wrap;
        justify-content: center;
    }

    .copy_left {
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 15px;
    }

    .customer_listleft { min-width: 100%; }

    /* Owl Carousel */
    .owl-theme .owl-nav { display: none; }

    /* Content Slide */
    .content-slide { padding: 20px 20px; }

    .content-slide h2 {
        font-size: 26px;
        margin-bottom: 18px;
    }

    .content-slide h3 { font-size: 20px; }

    .content-slide p {
        font-size: 14px;
        padding: 0;
    }

    .wetitle { font-size: 40px; }

    .myscroll {
        bottom: 0px;
        right: -10px;
        display: none;
    }

    .main_header .navbar-brand { margin-left: 20%; }
}


/* ============================================================
   XS — max-width: 490px  (.cb-main-title fix)
============================================================ */
@media (max-width: 490px) {

    .cb-main-title {
        font-size: 36px;
        top: 50px;
        position: inherit;
        width: 100%;
        text-align: center;
        right: 0;
    }
}


/* ============================================================
   XS — max-width: 430px
============================================================ */
@media only screen and (max-width: 430px) {

    .about_right h1 {
        font-size: 24px;
        line-height: 34px;
    }

    .about_sec { padding-top: 30px; }

    .whatwe_title h2 { font-size: 35px; }

    .customer_listleft { font-size: 30px; }

    .online_community_title h2 { font-size: 30px; }

    .impact_title h2 {
        font-size: 30px;
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .testimonial-card { flex-wrap: wrap; }

    .testimonial-text {
        width: 100%;
        padding: 22px 10px 10px;
    }

    .app-content h2 { font-size: 40px; }

    .app-section {
        flex-wrap: wrap;
        padding: 10px 0%;
    }

    .app-content { flex: inherit; }

    .image-cards-container {
        grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
    }

    /* Footer */
    .footer_contact,
    .footer_about,
    .footer_quicklink,
    .footer_soluction,
    .footer_community { text-align: center; }

    .footer_about { margin-top: 15px; }

    .follow_us { justify-content: center; }

    .boder_lefq {
        padding-left: 0px;
        border-left: inherit;
        border-top: solid 1px #d4d0d0;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .partner li a { display: inline-flex; }

    .copy_mainse { flex-wrap: wrap; }

    .copy_left {
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 15px;
    }

    .customer_listleft { min-width: 100%; }

    /* Owl Carousel */
    .owl-theme .owl-nav { display: none; }

    /* Content Slide */
    .content-slide { padding: 20px 20px; }

    .content-slide h2 {
        font-size: 26px;
        margin-bottom: 18px;
    }

    .content-slide h3 { font-size: 20px; }

    .content-slide p {
        font-size: 14px;
        padding: 0;
    }

    /* Project-specific */
    .et_pb_section__believe .content span.dynamic { padding-left: 18vw; }

    .unlockinggrowth__sliderwrap .slick-slide { min-height: 80vh; }

    .des_text { font-size: 15px; }

    .get_in_touch_btn {
        position: fixed;
        left: -31.5%;
        top: 42%;
    }

    .cb-card-header {
        font-size: 34px;
        padding: 0px 0px 0px 10px;
        margin-bottom: 20px;
    }

    .cb-body-text { padding: 0px 10px 0px 10px; }
}


/* ============================================================
   XS — 360px to 480px
============================================================ */
@media (min-width: 360px) and (max-width: 480px) {

    .slider_capction {
        padding: 0 20% 0 9%;
        font-size: 34px;
        justify-content: center;
        text-align: center;
    }

    .cb-white-card {
        padding: 50px 40px 50px 40px;
        min-height: 260px;
    }

    .cb-main-title {
        top: 50px;
        position: inherit;
    }

    .cb-badge {
        bottom: 0px;
        right: 0px;
    }
}


/* ============================================================
   XS — max-width: 390px
============================================================ */
@media only screen and (max-width: 390px) {

    .des_text { font-size: 15px; }

    .myscroll {
        width: 120px;
        bottom: -35px;
    }

    .navbar-custom .navbar-nav { min-width: 358px; }
}