@media(max-width:992px){

.hero h1{

font-size:48px;

}

.hero{

text-align:center;

}

.navbar-brand{

font-size:28px;

}

}

@media(max-width:768px){

section{

padding:70px 0;

}

.hero h1{

font-size:38px;

}

.display-3{

font-size:40px!important;

}

.btn{

margin-bottom:15px;

}

.hero .btn,
.cta-section .btn{

width:100%;

}

}
/* ==========================================
   FREE LOAD OFFER MOBILE FIX
========================================== */

@media (max-width:768px){

    .offer-box{

        padding:35px 25px;

        text-align:center;

    }

    .offer-box h2{

        font-size:32px;

        line-height:1.3;

    }

    .offer-box p{

        font-size:15px;

    }

    .offer-badge{

        font-size:13px;

        display:inline-block;

        margin-bottom:20px;

    }

    .offer-features{

        display:flex;

        flex-direction:column;

        gap:15px;

        align-items:flex-start;

        text-align:left;

        margin-top:30px;

    }

    .offer-features div{

        width:100%;

    }

    .offer-box .btn{

        width:auto;

        min-width:260px;

        margin:30px auto 0;

        display:inline-block;

    }

}


/* ==========================================
   FREE OFFER MOBILE FIX
========================================== */

@media (max-width:768px){

    .offer-box{

        padding:35px 20px;
        border-radius:18px;
        overflow:hidden;

    }

    .offer-box h2{

        font-size:30px;
        line-height:1.35;
        max-width:100%;
        word-break:normal;
        overflow-wrap:break-word;

    }

    .offer-box p{

        font-size:15px;
        line-height:1.7;

    }

    .offer-badge{

        font-size:12px;
        padding:8px 18px;

    }

    .offer-features{

        grid-template-columns:1fr;
        max-width:300px;
        margin:30px auto;
        justify-items:center;

    }

    .offer-features div{

        width:100%;
        text-align:center;
        padding:15px;

    }

    .offer-box .btn{

        display:block;
        width:100%;
        max-width:280px;
        margin:25px auto 0;

    }

}

@media(max-width:992px){
    .services-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:768px){
    .services-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:992px){

.services-grid{
    grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.services-grid{
    grid-template-columns:1fr;
}

}

/*=========================================
SERVICES
=========================================*/

@media(max-width:1200px){

.services-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.services-grid{

grid-template-columns:1fr;

}

.services-section{

padding:80px 0;

}

.services-section .section-heading h2{

font-size:38px;

}

.service-card{

padding:35px 25px;

}

}

/*=========================================
EQUIPMENT V2
=========================================*/

@media(max-width:992px){

.equipment-card{

height:300px;

}

}

@media(max-width:768px){

.equipment-section{

padding:80px 0;

}

.equipment-card{

height:250px;

}

.equipment-content{

padding:22px;

}

.equipment-content h3{

font-size:24px;

}

.equipment-section .section-title h2{

font-size:38px;

}

}

/*=========================================
HERO STATS
=========================================*/

@media(max-width:576px){

.hero-stats{

    grid-template-columns:1fr;

}

}

/*=========================================
HERO V2 RESPONSIVE
=========================================*/

@media (max-width:991px){

.hero{

    text-align:center;

}

.hero h1{

    font-size:52px;

}

.hero p{

    max-width:700px;

    margin:25px auto;

}

.hero-buttons{

    justify-content:center;

}

.hero-stats{

    margin-top:40px;

}

.hero-image{

    min-height:auto;

    margin-top:50px;

}

.hero-image img{

    max-width:550px;

    transform:none;

}

.hero-image img:hover{

    transform:scale(1.02);

}

}

@media (max-width:768px){

.hero{

    padding:110px 0 70px;

}

.hero h1{

    font-size:42px;

}

.hero p{

    font-size:17px;

}

.hero-image img{

    max-width:430px;

}

.hero-glow{

    width:280px;

    height:280px;

    filter:blur(90px);

}

}

@media (max-width:576px){

.hero h1{

    font-size:34px;

}

.hero-buttons .btn{

    width:100%;

}

.hero-image img{

    max-width:100%;

}

.hero-glow{

    width:220px;

    height:220px;

}

}

/*=========================================
HOW IT WORKS V2
=========================================*/

@media(max-width:991px){

.step-card{

    margin-bottom:25px;

}

.step-number{

    font-size:40px;

}

}

/*=========================================
CARRIER FORM V2
=========================================*/

@media(max-width:768px){

.carrier-form-wrapper{

    padding:30px 20px;

}

.expect-box{

    padding:22px;

}

}

@media (max-width:991px){

    .cta-box{

        padding:50px 30px;

    }

    .cta-box h2{

        font-size:40px;

    }

    .cta-features{

        grid-template-columns:repeat(2,1fr);

    }

}

@media (max-width:576px){

    .cta-box{

        padding:40px 20px;

    }

    .cta-box h2{

        font-size:32px;

    }

    .cta-features{

        grid-template-columns:1fr;

    }

    .cta-buttons .btn{

        width:100%;

        min-width:unset;

    }

}

@media (max-width:991px){

    .offer-box{

        padding:50px 30px;

    }

    .offer-box h2{

        font-size:38px;

    }

    .offer-features{

        grid-template-columns:repeat(2,1fr);

    }

}

@media (max-width:576px){

    .offer-box{

        padding:40px 20px;

    }

    .offer-box h2{

        font-size:30px;

    }

    .offer-features{

        grid-template-columns:1fr;

    }

}