@media only screen and (max-width: 991px){
    /* custom css */
    h1 
    {
        font-size: 2.1875rem;
    }

    h2 
    {
        font-size: 1.375rem;
    }

    .text-content 
    {
        width: 100%;
    }

    .wrapper 
    {
        padding-top: 4.25rem;
        padding-bottom: 3.25rem;
    }

    /* navbar */
    .navigation-wrap 
    {
        text-align: center;
        background: var(--blck-color);
    }

    .navigation-wrap .navbar-toggler 
    {
        color: var(--white-color);
    }

    .top-section h1  
    {
        font-size: 2.1875rem;
    }

    .navigation-wrap .nav-link 
    {
        line-height: 1.875rem;
    }

    .top-section 
    {
        padding: 5.375rem 0 2.375rem;
    }

    /* Testiminial  */
    .testimonial-section .carousel-item .carousel-caption p 
    {
        padding: 0;
        font-size: 1.1rem;
    }
}


@media only screen and (max-width: 767px){
    h1{
        font-size: 1.875rem;
    }

    .navigation-wrap .navbar-brand img 
    {
        width: 12rem;
    }

    /* story section */
    .story-section 
    {
        height: auto;
        padding: 3rem 0;
    }

    /* Testiminial  */
    .testimonial-section .carousel-item
    {
        font-size: 11rem 3.125rem;
    }
}

@media only screen and (max-width: 445px){
    /* Testiminial  */
    .testimonial-section .carousel-item
    {
        font-size: 15rem 3.125rem;
    }

    .testimonial-section .carousel-item img  
    {
        max-width: 4rem;
    }

    .testimonial-section .carousel-item .carousel-caption p 
    {
        font-size: 0.95rem;
    }

    .testimonial-section h5
    {
        font-size: 0.95rem;
    }
}

@media only screen and (max-width: 600px){
    .download-app h1 
    {
        font-size: 2.375rem;
    }
}