/* // X-Small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap */
@media (min-width: 340px) and (max-width: 576px){
     .testimonial-section .carousel-item {
        padding: 13rem 3.1rem;
    }
    .story-section{
        height: auto;
        padding: 3rem 0;
    }
    .newsletter{
        width: 100%;
    }
    .newsletter .form-control{
    height: 2.95rem;
    padding: 1.25rem;
    font-size: 0.9rem;
    font-weight: 700;
    width: 134px;
    margin-bottom: 5px;
    }
    .banner-btn .main-btn{
        display: inline;
    }
}
/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) { 
    h1{
        font-size: 2.8rem;
    }
    h2{
        font-size: 2rem;
        line-height: 2.0rem;
    }
    .top-banner{
        padding: 10.8rem 0 9.3rem;
    }
    .story-section{
        height: auto;
        padding: 3rem 0;
    }

    .testimonial-section .carousel-item{
        padding:11rem 3.1rem;
    }

    .newsletter{
        width: 75%;
    }
    .newsletter .main-btn{
        width: 100%;
        margin-top: 1rem;
    }

    .footer .footer-link,
    .footer a i{
        padding: 0 0.7rem;
    }
 }

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) { 
    /* .text-counter{
        width: 100%;
    } */
    .navigation-wrap .navbar-brand img{
        height: 3.8rem;
    }
    .navigation-wrap{
        text-align: center;

    } 

   .top-banner{
    padding: 9.3rem 0 9.3rem;
    }

    .testimonial-section .carousel-item .carousel-caption p{
        padding: 0;

    }
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {  }

/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1399px) { }

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {  }