@media (max-width: 1125px) {
  nav .nav-bar .sidebarOpen{
      display: block;
  }
  .dropdown-menu.show {
    display: block;
    position: relative !important;
    inset: 0px auto auto 0px !important;
    margin: 0px;
    transform: translate(0px, 0px) !important;
    max-height: 168px;
    overflow-y: auto;
}

.dropdown-item , .dropdown-toggle{
  text-align: left;
}
.dropdown-menu{
  min-width: 7rem !important;
  border-radius: 2px !important;
}
  .menu{
      position: fixed;
      height: 100%;
      width: 320px;
      left: -100%;
      top: 0;
      padding: 20px;
      background-color: var(--side-nav);
      z-index: 100;
      transition: all 0.4s ease;
  }

  nav.active .menu{
      left: -0%;
      overflow-y: auto;
  }

  nav.active .nav-bar .navLogo a{
      opacity: 0;
      transition: all 0.3s ease;
  }

  .menu .logo-toggle{
      display: block;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
  }

  .logo-toggle .siderbarClose{
      color: var(--text-color);
      font-size: 24px;
      cursor: pointer;
  }

  .nav-bar .nav-links{
      flex-direction: column;
padding: 0;
  }
  .nav-bar .nav-links {
   align-items: flex-start;
  }
  .nav-links li a{
      display: block;
      margin-top: 20px;
  }
}
@media (max-width: 991px)
{
  .showcase
  {
    padding: 40px;
  }
  .text h2
  {
    font-size: 3em;
  }
  .text h3
  {
    font-size: 2em;
  }
  .projectsslider{
    height: 100%;
  }
  .project-box{
    flex-direction: column;
    min-height: 400px;
  }
  .project-content{
    width: 100%;
}
.project-image{
 width: 100%;
    
}
  .card-info{
    flex-direction: column;
    gap: 50px;
  }
  .cardimg, .card-content{
    width: 100%;
  }
}
@media(max-width:600px){
    nav .nav-bar{
            padding: 0 16px;    gap: 10px;
    }.dark-light{
        display:none !important;
    }
    .footerDiv{
        justify-content: start;
        gap: 35px;
        padding: 10px 20px;
            }
            .title-div span{
              font-size: 40px;
              top: 17px;
            }
            .section-title{
              font-size: 30px;
            }
            .card-title {
              font-size: 1.6em;
              line-height: 2rem;
          }
          .floating li {
            height: 35px;
            width: 35px;
          }
        .floating li a{
            line-height: 40px;
        }
        .floating li a i{
            font-size: 18px;
        }
        .floating{
            top: 50%;
        transform: translateY(-50%);
        }
    .project-image {
    height: 250px;
    }
.project-section .swiper-button-next, .project-section .swiper-button-prev{
        display:none;
    }
    .nav-tabs {
    flex-direction: column;
}
    .nav-tabs .nav-link {
    color: #333;
    width: 100%;
    text-align: left;
    border: 1px solid #d7d7d7cf;
}
}