@media (min-width: 768px){

}

@media (max-width:1440px){
    .navbar-expand-lg .navbar-nav {
        gap: 30px;
      }
}

@media (max-width:1366px){
    .navbar-expand-lg .navbar-nav {
        gap: 20px;
      }
}


@media (max-width:1280px){
  

}
@media (max-width:1024px){
    .navbar-expand-lg .navbar-nav {
        gap: 10px;
    }
    
    .nav-done{
        display: none;
    }
    .menu {
        width: 90px;
    }
    .desk-logo img{
        width: 90px;
    }

    .v-hidden{
        display: none;
    }

    .banner-caption h1 {
        font-size: 3rem;
        line-height: 70px;
    }

}

@media (max-width:991px){

    p {
        font-size: 16px;
    }

    .mobile-logo img {
        width: 200px;
    }
    .mobile-logo{
        display: block !important;
      }

      .desk-logo{
        display: none;
      }

    .sticky {
        height: 78px;
    }

    .sticky .navbar-nav .nav-link {
        color: #ffffff !important;
    }

    .equire-btn {
        max-width: 170px;
    }

    .navbar-expand-lg .navbar-nav {
        gap: 0;
    }

    .banner-sec{
        /* margin-top: 70px; */
    }

    .banner-caption {
        top: 5%;
    }

    .banner-direction {
        left: 20px;
        bottom: 15px;
    }

    .banner-caption p {
        margin-bottom: 2rem;
    }
    
    .banner-caption h1 {
        font-size: 2rem;
        line-height: 44px;
    }

    .banner-direction .swiper-pagination{
        bottom: 20px;
      
      }
      .banner-direction .swiper-button-next, .banner-direction .swiper-button-prev {
        width: 35px;
        height: 35px;
    }

      .banner-direction img {
        width: 15px;
    }   

      .mainTitle h2 {
        font-size: 2rem;
    }

    .sec-5 h2 {
        line-height: 3.5rem;
    }

    .partner-sec img {
        width: 150px;
    }

    .frame-time {
        line-height: 3rem;
    }

    .abt-left {
        position: relative;
        top: 0;
        height: auto;
    }

    .happy-client {
    padding: 1rem;
}

  
    footer{
        background-size: cover;
      
      }
   
}


@media (max-width:820px){
    .navbar-nav a {
        color: #ffffff !important;
 
    }
    .navbar-nav a.dropdown-item {
        color: #000 !important;
 
    }

    .followus li {
        width: 30px;
        height: 30px;
        margin: 0 3px;
    } 
    .innr-banner {
        margin-top: 100px;
    }

    .abt-right p {
        text-align: justify;
        font-size: 16px;
    }

    .clients-right {
    margin-top: 30px;
    padding: 10px;
}

}

@media (max-width:767px){
    header{
        background-color: #ffffff;
    }
   
    .banner-caption {
        top: 15%;        
        width: 100%;
    }

  
    
    .abt-direction2 {
        margin-right: 0px;
    }
    .abt-cnt {
        padding: 0 30px;
    }

    .abt-item {
        margin: 80px 0 50px 0;
    }
    .followus{
      margin: 15px 0;
      }
    footer ul li a {
        font-size: 16px;
        line-height: 1;
    }
    footer p {
        font-size: 15px;
    }
    .f_logo{
        max-width: 90px;
    }
    
    .ftr-bottom-text{
        text-align: center;
    }
   
    .ftr-bottom-text a{
     margin-top: 20px;
    }
    

    .ftr-bottom-text a {
        text-decoration: none;
        color: #ffffff;
        float: none;
    }
    .jrn-cnt-left img {
        width: 100%;
    }
}


@media (max-width:640px){
    .video-bnt {
        left: 50%;
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        transform: translate(-50%);
    }
    .followus li {
        width: 30px;
        height: 30px;
        margin: 0 3px;
    }
    .jrn-cnt-right {
        position: relative;
        padding: 20px 30px;
    }
    .jrn-cnt-right h4 {
        font-size: 1.5rem;
    }

}

@media (max-width:435px){

    .direction-right img {
        width: 100%;
        margin-bottom: 15px;
    }  

   
   
}