@media(max-width:991px) {
    .call-btn {
        margin-top: 20px;
        width: 100%;
    }
    .nav-link {
        padding: 10px;
    }
    .top-bar {
        display: none;
    }
}
@media(max-width:576px) {
    .navbar-brand img {
        height: 48px;
    }
}
@media(max-width:991px) {
    .hero {
        text-align: center;
        padding: 50px 0;
    }
    .hero h1 {
        font-size: 42px;
    }
    .hero-buttons {
        justify-content: center;
        flex-wrap: wrap;
    }
    .hero-image {
        height: 500px;
        margin-top: 40px;
    }
    .printer {
        width: 300px;
        left: 50%;
        transform: translateX(-50%);
    }
    .girl {
        width: 180px;
        right: 100px;
    }
    .boy {
        width: 180px;
        right: 0;
    }
    .laptop {
        width: 170px;
    }
}
@media(max-width:576px) {
    .hero h1 {
        font-size: 34px;
    }
    .hero-list li {
        font-size: 15px;
    }
    .hero-image {
        height: 380px;
    }
    .icon {
        width: 55px;
        height: 55px;
        font-size: 20px;
    }
}
/*=========================
TABLET
=========================*/
@media(max-width:991px) {
    .stats-wrapper {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 20px;
    }
    .stat-box {
        border: none;
    }
}
/*=========================
MOBILE
=========================*/
@media(max-width:576px) {
    .stats-wrapper {
        grid-template-columns: 1fr;
    }
    .section-title h2 {
        font-size: 30px;
    }
    .service-card {
        padding: 25px 15px;
    }
    .service-card i {
        font-size: 42px;
    }
}
@media(max-width:991px) {
    .why-box {
        padding: 30px;
    }
    .why-box h2 {
        font-size: 30px;
    }
    .testimonial-card {
        min-width: 300px;
    }
}
@media(max-width:576px) {
    .why-item {
        margin-bottom: 25px;
    }
    .testimonial-card {
        min-width: 100%;
    }
}
@media(max-width:768px) {
    .cta-box {
        text-align: center;
        padding: 35px 25px;
    }
    .cta-box h2 {
        font-size: 30px;
    }
    footer {
        text-align: center;
    }
    footer .col-lg-2, footer .col-lg-3, footer .col-lg-4 {
        margin-bottom: 35px;
    }
}


/* Tablet */
@media(max-width:991px) {
    .stats-wrapper {
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }
    .stat-box {
        border-right: none;
        border-bottom: 1px solid #eee;
    }
    .stat-box:nth-last-child(-n+2) {
        border-bottom: none;
    }
}
/* Mobile */
@media(max-width:576px) {
    .stats-wrapper {
        grid-template-columns: 1fr;
    }
    .stat-box {
        border-bottom: 1px solid #eee;
    }
    .stat-box:last-child {
        border-bottom: none;
    }
    .stat-box h3 {
        font-size: 28px;
    }
    .stat-box i {
        font-size: 34px;
    }
}

@media(max-width:991px){

.help-box{

margin-top:30px;

text-align:center;

}

.support-img{

position:relative;

opacity:.2;

right:auto;

margin-top:30px;

}

.faq-title{

font-size:32px;

}

.help-box h2{

font-size:28px;

}

}