@media (max-width:1200px){}

@media (max-width:992px){
    .navbar-toggler{
        background-color: #ffffff;
    }
    .industrial-content ul li{
        font-size: 14px;
        line-height: 30px;
    }
    .industrial-content{
        display:flex;
        justify-content: center;
    }
    .industrial-img{
        display: none;
    }
    .industrial-slider{
        padding-top: 30px;
    }
}

@media (max-width:767px){
    .app-store-btn img{
        width: 140px;
        object-fit: contain;
    }
    .cta-button img {
        width: 100px;
        object-fit: contain;
    }
    .cta-button .contact-cta-btn{
        width: 100px;
        height: 33px;
    }
    .heading-area h2{
        font-size:30px;
    }
    .heading-area p{
        font-size:16px;
    }
    .how-works-wrapper .how-item h3{
        font-size: 16px;
    }
    .how-works-wrapper .how-item p{
        font-size: 12px;
    }
    .benefits-list-wrap{
        padding-right: 0px;
    }
    .benefits-list-wrap .benefits-item .benefits-content h3{
        font-size:16px;
    }
    .benefits-list-wrap .benefits-item.d-hover p{
        font-size:14px;
    }
    .benefits-img{
        margin-top:30px;
    }
    .cta-content h2{
        font-size:30px;
    }
    .cta-content p{
        font-size:18px;
    }
    .about-wrapper .about-content {
        padding-left: 20px;
    }
    .about-paragraph-wrapper{
        padding: 20px 20px 20px 20px;
    }
}

@media (max-width:567px){
    .progress-bar-wrap .progress-values p span{
        font-size:28px;
    }
}

@media (max-width:480px){}