@media screen and (max-width:1200px){}
@media screen and (max-width:991px){
    .navbar-toggler{
        border: 0 !important;
        box-shadow: none !important;
        color: #fff !important;
    }
    .navbar-menu-list li a{
        color: #000;
    }
    .nav-toggle-close{
        width: 40px;
        height: 40px;
        background-color: var(--primary);
        color: #fff;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: auto;
        border: 0;

    }
    .offcanvas-header{
        padding-bottom: 0 !important;
    }
    .testimonial-right{
        padding-bottom: 60px;
    }
    .col-rv{
        flex-direction: column-reverse;
    }
    .contact-bg h3{
        margin-bottom: 40px;
    }
}
@media screen and (max-width:768px){
    .baner-caption-card h1{
        font-size: 45px;
    }
    .testimonial-left{
        height: 350px;
    }
    .footer-address ul{
        flex-wrap: wrap;
        gap: 10px;
    }
    .accordion-faq .accordion-button{
        line-height: 25px;
    }

}
@media screen and (max-width:567px){
     .baner-caption-card h1{
        font-size: 30px;
    }
    .story-img img.img2 {
        width: 56%;
    }
    .story-right h3{
        font-size: 30px;
    }
    .story-right h3 span{
        font-size: 20px;
    }
    .section-title h2{
        font-size: 28px;
    }
    .section-title p{
        font-size: 16px;
    }
    .testimonial-left img {
        width: 95%;
        right: 5%;
    }
    .testimonial-left{
        width: 100%;
    }
    .flex-field{
        flex-direction: column;
    }
    .flex-field .form-field-cs{
        width: 100%;
    }
    .contact-bg h3{
        font-size: 28px;
    }
    .contact-bg form{
        padding: 20px;
    }
    .section-top-baner h3{
        font-size: 27px;
    }
    .navbar-brand h2{
        font-size: 22px;
    }
    .cms-container h2{
        font-size: 18px;
    }
    .cms-container p{
        font-size: 14.5px;
    }
    .cms-container{
        padding: 15px;
    }
    .section-top-baner h3{
        font-size: 25px;
    }
    .footer-logo img{
        width: 110px;
    }
    .pay-img img{
        width: 100%;
    }
}