/*------------------------------ RESPONSIVE AREA START ----------------------------------*/

@media (max-width: 992px) and (min-width: 681px) {
  .container {
    max-width: 100%;
    width: 100%;
  }
}

@media (min-width: 1280px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1410px;
  }
}

@media (max-width: 2600px) {
  .mobile {
    display: none;
  }
}

@media (max-width: 1800px) {
  .header-container {
    max-width: 1410px;
    width: 100%;
  }

  .nav-fix .col-2.cat-nav-header-mob {
    display: none;
  }

  .nav-fix .col-10.main-nav-header {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .slider-sec {
    height: auto;
  }
}

@media (max-width: 1600px) {
  .header-container {
    max-width: 1410px;
    width: 100%;
  }

  .mission-vision-box {
    width: inherit;
  }

  .home-what-we-do-text h5 span {
    display: block;
  }

  .home-about-text {
    padding-left: 0px;
    margin-top: 0px;
  }
}

@media (max-width: 1440px) {
  .header-container {
    max-width: 1366px;
    width: 100%;
  }

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1366px;
    width: 100%;
  }

  .mainnav li.navfix-header-logo a,
  .nav-fix .mainnav li.navfix-header-logo a {
    padding: 7px 45px 7px 0px;
  }

  .mainnav li a,
  .nav-fix .mainnav li a {
    font-size: 20px;
  }

  li.nav-acc,
  li.nav-wish,
  li.nav-cart {
    padding-top: 0px;
    padding-left: 0px;
  }

  .mainnav li:first-child a {
    padding-left: 40px;
  }

  .nav-fix .mainnav li:first-child a {
    padding-left: 40px;
  }

  /* .header-nav {
    width: calc(90% - 0px) !important;
  } */

  .nav-fix .navfix-logo img {
    height: 25px;
    margin-top: 6px;
  }

  .header-logo a {
    width: auto;
    display: block;
    padding: 6px 0px 0px 0px;
  }

  .home-ceo-text {
    padding-top: 40px;
  }

  .home-about-sec {
    padding: 40px 0px 40px;
  }

  .project-one {
    padding: 40px 0px 40px;
  }

  .awards-sec {
    padding: 40px 0px 40px;
  }
}

@media (max-width: 1400px) {
  .vmg-img-contents p {
    padding: 0px 60px;
  }
}

@media (min-width: 1300px) and (max-width: 2600px) {
  .nav-container {
    display: none;
  }
}

@media (max-width: 1366px) {
  .header-container {
    max-width: 1280px;
    width: 100%;
  }

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1280px;
    width: 100%;
  }

  .header-middle-right {
    width: 70%;
    width: calc(70% - 0px);
  }
}