@media (max-width: 576px) {
    main .banner-section .container .banner-introduction h3 {
        font-size: 40px;
        text-shadow: 2px 0px solid #141414;
    } 

    main .banner-section .container .banner-introduction p {
        font-weight: 500;
        
    }
    
    header nav .container .offcanvas-body .navbar-nav {
        /* padding: 2px 0px; */
        display: flex;
        align-items: flex-start;

    }

    header nav .container .offcanvas-body .navbar-nav .nav-link{
        margin-bottom: 10px;
        
    }
    
    
    main .sub-banner-introduction .objective-grid .objective-box  {
        margin-bottom: 20px; 

    }

    main .about-introduction-section .about-introduction .container .about-introduction-text h3 {
        font-size: 30px;
        line-height: 40px;        
    }

    main .outline-section .outline-space  {
        margin: 70px;
    }
    
    main .inline-section .inline-space  {
        margin: 30px;
    }

    main .about-introduction-section .about-introduction .container .about-introduction-text  {
        margin-bottom: 30px;
    
    }

    main .gallery-section .gallery .container-fluid .text-container {
        right: 10px;
        top: 70px;
        bottom: 30px;
        
    }

    main .service-section .service-title  {
        padding: 0px 15px;
        
    }

    main .service-section .service-title h3 {
        font-size: 30px;
        line-height: 40px;
        
    }

    main .services-grid-section .services-grid .service {
        margin-bottom: 15px;
    }

    main .about-introduction-section .about-introduction .container  #why-choose{
        margin-top: 30px;
    }

    footer .footer-section .container .footer-column .links {
        margin-top: 8px;
        
    }

    footer .footer-section .container .footer-column  {
        margin-top: 15px;
    }

    footer .footer-section  #footer-second-row  {
        border-bottom: 1px solid rgb(157, 154, 154);
        padding-bottom: 15px;
    }

    main .mini-banner-section .mini-banner h3 {
        color: white;
        font-size: 32px;
        font-weight: 700;
        font-family: 'Poppins', sans-serif;
    }

    main .mini2-banner-section .mini-banner h3 {
        color: white;
        font-size: 32px;
        font-weight: 700;
        font-family: 'Poppins', sans-serif;
    } 

    main .helpcenter-section .helpcenter .helpcenter-title h4  {
         font-size: 25px;
             
        
    }

    main .accordion-session .accordion-intro {
        padding: 0px 15px;
        
    }
    main .accordion-session .accordion {
        padding: 0px 15px;
        
    }

    main .accordion-session .accordion button {
        padding: 15px 0px;
        
    }

    main .contactus-session .contactus  .contact-form  {
        margin-top: 50px;
     }
}








@media (max-width: 768px) {
    header nav .container .navbar-brand .header-logo img {
        width: 55px;
    }
    
    header nav .container .navbar-brand .header-logo img {
        width: 55px!important;
    }   
    
     main .banner-section .container .banner-introduction p {
        font-weight: 500;
        
    }
    main .sub-banner-introduction .objective-grid .objective-box  {
        margin-bottom: 20px; 

    }

    main .about-introduction-section .about-introduction .container .about-introduction-text  {
        margin-bottom: 30px;
    
    }

    main .service-section .service-title  {
        padding: 0px 25px;
        
    }

    main .services-grid-section .services-grid .service {
        margin-bottom: 15px;
     }

     main .about-introduction-section .about-introduction .container  #why-choose{
        margin-top: 30px;
    } 

    footer .footer-section .container .footer-column .links {
        margin-top: 8px;
        
    }
    footer .footer-section .container .footer-column  {
        margin-top: 15px;
    }

    footer .footer-section  #footer-second-row  {
        padding-bottom: 15px;
    }
    main .contactus-session .contactus  .contact-form  {
        margin-top: 50px;
     }
}



@media (max-width: 992px) {
    main .banner-section .container .banner-introduction p {
        font-weight: 500;
        
    }
    main .sub-banner-introduction .objective-grid .objective-box  {
        margin-bottom: 20px; 

    }

    main .about-introduction-section .about-introduction .container .about-introduction-text  {
        margin-bottom: 30px;
    
    }

    main .services-grid-section .services-grid .service {
       margin-bottom: 15px;
    } 
    
    main .about-introduction-section .about-introduction .container  #why-choose{
        margin-top: 30px;
    }

    footer .footer-section .container .footer-column .links {
        margin-top: 8px;
        
    }

    footer .footer-section .container .footer-column  {
        margin-top: 15px;
    }

    footer .footer-section  #footer-second-row  {
        padding-bottom: 15px;
    }
    main .contactus-session .contactus  .contact-form  {
        margin-top: 50px;
     }
}






@media (max-width: 4000px) and (min-width: 993px){
    header nav .container .offcanvas-body .navbar-nav li {
        align-self: center;
    }
}    

@media (max-width:992px) {
    header nav .container .offcanvas-body .navbar-nav .nav-link{
        padding: 0px ;
    }
}