@media (max-width: 960px) {
    .mobile-nav-toggle {
        padding-left: 20px;
    }
}
@media (max-width: 1024px) {
    #banner .container {
        max-width: 960px;
    }
    #banner h1 {
        font-size: 2.5rem;
    }    
    #banner p {
        letter-spacing: 0;
    }
    #banner a button {
        width: auto;
    }
    /* [data-aos=fade-left] {
        transform: translate3d(0, 100px, 0)!important;
    }
    [data-aos=fade-right] {
        transform: translate3d(0, 100px, 0)!important;
    }
    [data-aos^=fade][data-aos^=fade].aos-animate {
        opacity: 1;
        transform: translateZ(0) scale(1)!important;
    } */
    .breadcrumbs img {
        position: relative;
        height: 200px;
        width: 1024px !important;
    }
    .about-us .col-lg-6.w-50 {
        width: 75% !important;
    }
}
@media (max-width: 768px) {
    #banner .container {
        max-width: 720px;
    }
    #banner h1 {
        font-size: 2rem;
    }
    #banner h1 br{
      display: none;
    }
    #banner p{
        margin: auto;
        display: block;
        margin-bottom: 20px;
    }
    #banner {
        padding: 200px 0px;
    }
    #navbar ul:nth-child(1) {
        display: none!important;
    }
    .breadcrumbs img {
        height: 200px;
        width: 1100px !important;
        right: 330px;
    }
    .offcanvas ul {
        align-items: start;
    }
    .offcanvas {
        width: 300px!important;
    }
    .mobile-nav-toggle {
        font-size: 2rem;
        display: block;
        color: #707070;
    }
    /* .about[data-aos=fade-left] {
        transform: translate3d(0, 100px, 0)!important;
    }
    .about[data-aos=fade-right] {
        transform: translate3d(0, 100px, 0)!important;
    }
    [data-aos^=fade][data-aos^=fade].aos-animate {
        opacity: 1;
        transform: translateZ(0) scale(1)!important;
    } */
    #banner .col-md-5 img{
        display: none;
    }
    #banner button {
        margin-bottom: 14px;
    }
    .careers .row .col-12:nth-child(1){
        order:1;
    }
    .careers .row .col-12:nth-child(2){
        order:2;
    }

}
   @media (max-width: 425px) {
        #banner h1 {
            font-size: 2.3rem;
        }
        #banner a button {
            width: 100%;
            margin-bottom: 14px;
        }

        #header .logo img {
        max-height: 35px;
        }

    .zsiq_float8{
        bottom: 5px!important;
        right: 20px!important;
        }
        .clients .client-logo img {
            max-width: 100%;
        }        
        .offcanvas {
            width: 250px!important;
        }
        #about .gx-5{
         --bs-gutter-x: 0rem!important;
         }
        .mobile-nav-toggle {
            font-size: 2rem;
            padding-right: 15px;
        }
        /* .about[data-aos=fade-left] {
            transform: translate3d(0, 100px, 0)!important;
        }
        .about[data-aos=fade-right] {
            transform: translate3d(0, 100px, 0)!important;
        }
        [data-aos^=fade][data-aos^=fade].aos-animate {
            opacity: 1;
            transform: translateZ(0) scale(1)!important;
        } */
        .about-us .row .col-12:nth-child(1){
            order:2
        }
        .about-us .row .col-12:nth-child(2){
            order:1
        }
        #footer .py-6 {
            padding-top: 5rem !important;
            padding-bottom: 7rem !important;
            padding-left: 20px;
        }
        #footer .row .col-12:nth-child(1) {
            order: 2;
            margin-top: 1rem;
            display: none;
        }
        #footer .row .col-12:nth-child(2){
            order:1;
            margin-top: 1rem;
        }
        #footer .row .col-12:nth-child(3){
            order:3;
            margin-top: 1rem;
        }
        #footer a, #footer p {
            font-size: 13px;
        }
        /* #footer br{
            display: none;
        }  */
        #footer .mt-3 {
            margin-top: 0rem!important;
        }
        .breadcrumbs img {
            width: 1100px !important;
            right: 670px;
        }
    }
   @media (max-width: 375px) {
        #banner h1 {
            font-size: 2.1rem;
        }
        .breadcrumbs img {
            width: 1100px !important;
            right: 720px;
        }
    

}
@media (max-width: 320px) {
        .breadcrumbs img {
        width: 1100px !important;
        right: 770px;
    }
 
}