@media (max-width: 768px) {
  .container-fluid {
    padding: 0 0.75rem !important;
  }
  .copyrightContent {
    display: flex;
    justify-content: space-between;
    margin: 0em 0em;
    border-top: 1px solid #ccc;
    padding: 1em 0;
    flex-wrap: wrap;
  }
  .quicklinks li {
    padding: 0.1em 0 0.3em;
    color: #202020;
  }
  .quicklinks {
    margin-top: 1em;
  }
  .addressContent {
    margin-top: 1em;
  }
  .social-links {
    margin-top: 1em;
  }
  .footercontent {
    text-align: center;
  }
  .featurecard {
    text-align: center;
    background: #f5f5f5;
    border-radius: 10px;
    transform: skewX(0deg);
    padding: 1em;
    margin: 0.7em 0;
  }
  .featurecard img {
    transform: skewX(0deg);
  }
  .featurecard h4 {
    transform: skewX(0deg);
  }
  .productSection .nav-item {
    padding-bottom: 1em;
  }
  .navbar-brand {
    margin: 0 !important;
    width: 35%;
  }
  .bannerContent h1 {
    font-family: extrabolditalic;
    color: #fff;
    font-size: 40px;
    margin-bottom: 0;
  }
  .bannerContent {
    width: 100%;
  }
  .banner img {
    height: 24em;
    object-fit: cover;
  }
  .banner {
    position: relative;
    padding: 8em 0;
  }
  .logos img {
    padding: 0.5em;
  }
  .spacing {
    padding: 2em 0;
  }
  .mainHead {
    font-size: 36px;
  }
  .mob-half {
    width: 50% !important;
  }
  .productSection .nav-link {
    font-size: 14px;
  }
  .product-content {
    padding-right: 0em;
  }
  .switches {
    padding: 1em;
  }
  .switchaccor {
    padding-top: 2em;
  }
  .tab-img {
    padding-top: 1em;
  }
  .footer {
    padding: 1em;
  }
  .navbar-nav {
    border: 1px dashed #c5c5c5;
    transform: skewX(0deg);
    border-radius: 10px;
    padding: 0em 0em !important;
  }
  .navbar .nav-link {
    padding: 0.6em 1.5em !important;
    font-weight: 600;
    font-family: semibold !important;
    transform: skewX(0deg);
    display: inline-block;
    font-size: 18px;
  }
  .contact {
    width: 100%;
    justify-content: center;
    margin: 1em 0;
  }
  .bannerother .mainHead {
    font-size: 22px;
  }
  .managmenthead p {
    padding: 0em 0em;
  }
  .managment {
    margin: 2em 0;
  }
  .managmentcard {
    margin-bottom: 2em;
  }
  .service {
    padding: 6em 0;
  }
  .solutionHead {
    padding-bottom: 1em;
  }
  .projectVleft {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -2;
    height: 100%;
    object-fit: cover;
  }
  .projectVright {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: -2;
    height: 100%;
    object-fit: cover;
  }
  .projectContent {
    padding-left: 1em;
  }
  .projectHead {
    padding: 0em 1em;
  }
  .projectImg {
    padding: 1em;
  }
  .projectHead {
    text-align: center;
  }
  .projectTextRight {
    text-align: center !important;
  }
  .projectContent {
    text-align: center !important;
    padding-right: 0 !important;
  }
  .othercontent {
    width: 100% !important;
  }
  .box-container {
    top: 0 !important;
    margin-bottom: 1em;
  }
  .serviceImgContent {
    background-image: url(../img/servicemainbg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 6em 0 8em;
    margin-top: 4em;
  }
  .contactForm::before {
    width: 100%;
    top: 0;
  }
  .cutvector {
    display: none;
  }

  .contactDetail {
    margin-top: 2em;
  }

  .contactForm {
    padding: 2em;
  }

  .contactSection {
    padding: 4em 0;
  }
  .missionvector {
    z-index: -2;
    position: absolute;
    right: 0;
    top: 65% !important;
    width: 90%;
  }
  .missionImg img {
    width: 90%;
  }
}