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

} */




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

} */





@media (max-width: 991px) {
    #add-loast.modal.fade .modal-dialog {
        width: 90%;
        margin: 40px auto;
    }

    .about-section {
        min-height: auto;
        padding: 0 0 50px 0;
    }

    .about-content {
        max-width: 100%;
    }

    .stats {
        justify-content: center;
    }


    .download-wrapper {
        grid-template-columns: 1fr;
    }

    .download-images {
        order: 1;
        width: 100%;
    }

    /* .download-images .front-phone{
        right: 30%;
    }
    .download-images .back-phone{
        left: 30%;
    } */

    .download-content {
        order: 2;
        text-align: center;
    }

    .download-content p {
        margin: auto;
    }

    .download-actions {
        justify-content: center;
        flex-wrap: wrap;
    }

       .contact-wrapper{

        grid-template-columns: 1fr;

        gap:4rem;
    }

    .contact-info{

        text-align:center;

        order:-1;
    }

    .info-card{

        max-width:500px;

        margin-inline:auto;
        margin-bottom:1rem;
    }
}




 @media (max-width: 767px) {
.about-content {
        text-align: center;
    }

    .section-badge {
        margin-inline: auto;
    }

    .stats {
        flex-direction: column;
        align-items: center;
        gap: 2rem;
    }

    .stat-box::after {
        display: none;
    }

    .download-images{
        height: 420px;
    }

    .circle-bg{
        width: 250px;
        height: 250px;
        border-width: 12px;
        animation: none;
    }

    .phone{
        width: 100px;
        height: 150px;
    }

    .download-images .front-phone{
        right: 30%;
        top: 120px;
    }

    .download-images .back-phone{
        left: 30%;
        top: 120px;
    }
    .end-footer{
        flex-direction: column;
        gap: 1rem;
    }
}


@media (max-width: 575px) {
    .how-to-Use .item .circle .orbit-ring {
        width: 120px;
        height: 120px;
    }
    .how-to-Use .item .circle .num {
        width: 100px;
        height: 100px;
    }
    .features .item figure {
        width: 70px;
        height: 70px;
    }

    .store-btn {
        width: 100%;
    }

    .store-buttons {
        width: 100%;
    }

    .download-actions {
        flex-direction: column;
    }

    .send-btn{

        width:100%;
    }

    .info-icon{

        width:60px;

        height:60px;
    }

    .input-group textarea{

        min-height:120px;
    }
    .download-images .front-phone {
        right: 15%;}
        .download-images .back-phone {
        left: 15%;}



                #add-loast .modal-body{

                    padding: 20px 10px;
                }
}