/*==================================================
    BM WEB SOLUTIONS
    CONSULTATION PAGE RESPONSIVE CSS
===================================================*/


/*==================================================
    LARGE DEVICES
    1200px
===================================================*/

@media (max-width:1199.98px){

    .consultation-banner{
        padding:90px 0;
    }

    .consultation-banner h1{
        font-size:46px;
    }

    .section-title h2,
    .why-bm h2{
        font-size:36px;
    }

    .consultation-card{
        padding:35px;
    }

    .process-card{
        padding:35px 25px;
    }

}


/*==================================================
    LAPTOP
    992px
===================================================*/

@media (max-width:991.98px){

    .consultation-banner{
        text-align:center;
        padding:80px 0;
    }

    .banner-image{
        margin-top:50px;
    }

    .banner-image img{
        max-width:420px;
        margin:auto;
    }

    .banner-features{
        justify-content:center;
    }

    .consultation-section{
        padding:70px 0;
    }

    .consultation-card{
        margin-bottom:40px;
    }

    .why-card,
    .contact-card{
        margin-top:0;
    }

    .why-bm{
        text-align:center;
    }

    .why-bm img{
        margin-bottom:40px;
    }

    .why-bm .ps-lg-5{
        padding-left:0 !important;
    }

    .consultation-cta{
        text-align:center;
    }

    .consultation-cta .text-lg-end{
        text-align:center !important;
        margin-top:35px;
    }

}


/*==================================================
    TABLET
    768px
===================================================*/

@media (max-width:767.98px){

    .consultation-banner{

        padding:70px 0;

    }

    .consultation-banner h1{

        font-size:38px;

        line-height:1.3;

    }

    .banner-text{

        font-size:16px;

        line-height:28px;

    }

    .section-title h2,
    .why-bm h2{

        font-size:30px;

    }

    .consultation-card{

        padding:30px;

    }

    .section-heading h2{

        font-size:30px;

    }

    .process-card{

        margin-bottom:25px;

    }

    .feature-box{

        margin-bottom:25px;

    }

    .consultation-cta h2{

        font-size:34px;

    }

    .consultation-btn,
    .consultation-cta-btn{

        width:100%;

        text-align:center;

    }

}


/*==================================================
    MOBILE
    576px
===================================================*/

@media (max-width:575.98px){

    .consultation-banner{

        padding:60px 0;

    }

    .consultation-banner h1{

        font-size:32px;

    }

    .banner-text{

        font-size:15px;

    }

    .banner-features{

        display:block;

    }

    .feature-item{

        margin-bottom:12px;

        justify-content:center;

    }

    .consultation-card{

        padding:25px;

    }

    .why-card,
    .contact-card{

        padding:25px;

    }

    .section-heading h2{

        font-size:28px;

    }

    .section-title h2{

        font-size:28px;

    }

    .process-card{

        padding:30px 20px;

    }

    .process-card h4{

        font-size:20px;

    }

    .feature-box{

        padding:25px;

    }

    .feature-box h3{

        font-size:28px;

    }

    .accordion-button{

        font-size:16px;

        padding:18px;

    }

    .accordion-body{

        padding:18px;

    }

    .consultation-cta{

        padding:60px 0;

    }

    .consultation-cta h2{

        font-size:28px;

    }

}


/*==================================================
    EXTRA SMALL DEVICES
    400px
===================================================*/

@media (max-width:399px){

    .consultation-banner h1{

        font-size:28px;

    }

    .consultation-card{

        padding:20px;

    }

    .why-card,
    .contact-card{

        padding:20px;

    }

    .section-heading h2{

        font-size:24px;

    }

    .section-title h2{

        font-size:24px;

    }

    .consultation-btn,
    .consultation-cta-btn{

        padding:14px 22px;

        font-size:15px;

    }

    .process-number{

        width:55px;
        height:55px;
        line-height:55px;
        font-size:18px;

    }

    .process-card i{

        font-size:34px;

    }

}


/*==================================================
    LANDSCAPE MOBILE
===================================================*/

@media (max-height:500px) and (orientation:landscape){

    .consultation-banner{

        padding:50px 0;

    }

}


/*==================================================
    PRINT
===================================================*/

@media print{

    .consultation-banner,
    .consultation-cta{

        background:#fff !important;
        color:#000 !important;

    }

    .consultation-btn,
    .consultation-cta-btn{

        display:none;

    }

}