@media only screen and (max-width: 1399px) {
   
}
@media only screen and (max-width: 1260px){
    
}
@media only screen and (max-width: 1180px) {
    
}
@media only screen and (max-width: 991px) {
   
}
@media only screen and (max-width: 767px){
    .box-left .text-right,
    .box-down {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
}
    .abot-points{
        margin-top: 25px;
    }
    .img-fluid-fam {
        width: 80%;
        margin:0 auto;
    }
    .banner-big {
        padding: 4rem 0rem;
    }
    .foot-social {
        justify-content: center;
        margin: 25px 0px;
    }
    footer{
        text-align: center;
    }
    .quick-wrap {
        padding-left: 0rem;
    }
    .price-wrap{
        flex-direction: column;
    }
   .price-wrap .plan-left,
    .price-wrap .plan-right{
        width: 100%;
    }
   .download-app   .row.mt-5{
        gap:18px
    }
    .download-app .d-flex{
        justify-content: center;
    }
    .download-app {
        text-align: center;
    }
    .app-feature .box-left .text-right:nth-child(2) {
        margin-top: 0rem;
    }
    .owl-carousel .owl-item img {
        display: block;
        width: 42%;
        margin: auto;
    }
    .app-feature .box-right {
        margin-top: 0rem;
        transform: none;
    }
    .app-feature .box-right div:nth-child(2) {

        margin-top: 0rem;
    }
    .app-feature .box-left {
        margin-top: 0rem;
        transform: none;
    }
    .abot-points ul {
        padding: 0;
        gap: 22px;
    }
    .abot-points{
        padding: 1rem;
    }
    .abt-head {
        max-width: 100%;
        margin: 0 auto;
        padding: 0rem 1rem;
    }
    .navbar-collapse{
        position: absolute;
        top: 100%; /* below the navbar */
        left: 0;
        width: 100%;
        background: #fff; /* ya jo bhi background ho */
        z-index: 999;
        padding: 1rem;
        border-bottom-right-radius: 15px;
        border-bottom-left-radius: 15px;
        }
    header .theme-btn{
        display: none;
    }
    .container{max-width: 100%;}
    .border_box {
        border: 14px solid #7572ff;
        background-color: transparent;
        padding: 1.5rem!Important;  
    }
    .border_box .inner {
    background-color: var(--white);
    transform: none;
    width: 100%;
    text-align: center;
    }
    .inner .d-flex{
        justify-content: center;
    }
}

@media only screen and (max-width: 575px){

}