@charset "utf-8";

/* CSS Document */


/*---For Laptop---*/

@media (max-width: 1800px) {}

@media (max-width: 1600px) {}

/*---For Laptop---*/

@media (min-width: 1200px) and (max-width: 1600px) {}

@media (max-width: 1400px) {
    .main-header .middle-head .nav-outer .main-menu>ul{
        gap:10px
    }
    .main-header .middle-head .nav-outer .main-menu ul li a{
        font-size:14px;
    }
    .main-header .middle-head .nav-outer .button-header .button-theme{
        padding:10px 20px;
    }
}

/*---For Horizental iPad---*/

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 1200px) and (max-width: 1444px) {}

@media(max-width: 1199px) {
    .main-header .middle-head .nav-outer .button-header .button-theme{
        display:none;
    }

}


/*---For Vertical iPad---*/

@media (min-width: 768px) and (max-width: 991px) {
   
}

@media (max-width: 991px) {
    .main-header .middle-head,
     .main-header .top-head{
        display:none;
    }
    .main-header .mobile-header{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px;
    }
    .main-header .mobile-header .logo img{
     max-width:100px;
    }
    .main-header .mobile-header .mobile-nav-toggler span{
        font-size:30px;
        color: var(--primary-color);
    }
}

/*---For Mobile---*/

@media (max-width: 767px) {
    .main-header .mobile-header{
        padding:10px 15px;
    }
    .main-header .mobile-header .logo img{
        max-width:230px;
       }
       .home-banner .banner-area .banner-cotnent .banner-stats ul{
        flex-wrap: wrap;
       }
       .home-banner .banner-area .banner-cotnent .banner-stats ul li{
        width: 45%;
        flex-grow: 1;
       }
       .home-banner .banner-area .banner-cotnent .banner-heading,
       .section-content .heading{
        font-size: 30px;
       }
       .home-banner .banner-area .banner-cotnent .btn-group{
        display: none;
       }
       .contact-form .inner-box{
        padding: 20px;
       }
       .technology-stack .tech-tab .nav-tabs .nav-link{
        padding: 8px 20px;
        font-size: 14px;       
       }
       .technology-stack .tech-tab .nav-tabs,
       .what-we-do .service-tab .nav-tabs{
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 20px;
       }
       .footer .footer-logo{
        text-align: center;
       }
       .footer p{
        text-align: center;
       }
       .footer .footer-social{
        text-align: center;
        margin-bottom: 20px;
       }
       .footer .footer-social ul{
        justify-content: center;
       }
       .mission-vision .card-mission .content{
        width: 100%;
       }
       .mission-vision .card-mission{
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
        justify-content: center;
        padding: 20px;
       }
}

@media (max-width: 575px) {

}

@media (max-width: 414px) {}

@media (max-width: 411px) {}

@media (max-width: 375px) {}

@media (max-width: 360px) {}

@media (max-width: 320px) {}