/* responsive css */
  @media (max-width: 1680px) {
    .container {
      width: 100%;
      padding-left: 4rem;
      padding-right: 4rem;

    }

    :root {
      --font-size-70: 50px;
      --font-size-40: 35px;
    }
  }

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

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

  @media (max-width: 1366px) {
    :root {
      --font-size-85: 65px;
      --font-size-65: 55px;

    }

    .banner img {

      height: 600px;

    }
  }

  @media (max-width: 1280px) {
    .section-space {
      padding-top: 3rem;
      padding-bottom: 3rem;

    }
  }

  @media (max-width: 1199.98px) {
    :root {
      --font-size-85: 55px;
      --font-size-65: 50px;
    }

    .inner-banner-content {

      width: 40%;

    }

    .count-area-content {

      padding-right: 4rem;
    }

    .about-right-page {
      padding: 2rem;
    }
  }

  @media (max-width:1024px) {


    .contact-top-footer {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .container {
      width: 100%;
      padding-left: 3rem;
      padding-right: 3rem;
    }

    .brand img {
      width: 175px;
    }

    .testimonial-items {
      padding: 2rem;
    }

    .navbar-dark .navbar-nav .nav-link {

      margin-left: 0.5rem;
      margin-right: 0.5rem;
    }

    .carousel-caption {

      width: 50%;

      left: 6%;
    }

    .banner img {
      height: 500px;
    }

    .about-img {

      width: 50%;

    }

    .why-box {
      padding: 1rem;
      min-height: 0;
    }

    .count-area-content {
      padding-right: 0rem;
    }

    .why-right-content {

      padding-left: 1rem;
    }
  }

  @media (max-width: 991.98px) {
    :root {
      --font-size-85: 45px;
      --font-size-35: 30px;

    }
    .navbar-dark .navbar-nav .nav-link {
        padding-right: 0px !important;
              text-transform: uppercase;

    }

.navbar-dark .navbar-nav .nav-link {
        font-size: var(--font-size-22);
        padding: 0;
        margin: 1rem;
    }

    .banner .swiper-pagination {
      padding-left: 2rem;
      bottom: 0;
      margin-bottom: 0;
      left: 0 !important;
    }

    .process-right {
      margin-left: 0;
      margin-top: 3rem;
    }

    .about-section .row {
      display: flex;
      flex-direction: column-reverse;
    }

    .carousel-caption {
      position: relative;
      left: 0;
      background-color: #ef7d18;
      ;
      top: 0;
      color: var(--color-000000);
      padding: 2rem;
      justify-content: flex-start;
    }

    .carousel-caption p {

      color: var(--color-000000) !important;

    }

    .count-line {

      padding-bottom: 1rem;
      margin-bottom: 1rem;
    }

    .mb-5 {
      margin-bottom: 2rem !important;
    }

    .contact-page-left {
      margin-left: 0rem;
      margin-right: 0rem;

    }

    .value-box {

      padding: 0;
    }

    .container {
      width: 100%;
      padding-left: 2rem;
      padding-right: 2rem;

    }

    .carousel-caption {
      width: 100%;
      display: flex;
      height: 100%;
    }

    .about-img.about-img-one img {
      margin-top: 10%;
    }

    .about-right-page {
      padding: 3rem 0;
      padding-bottom: 0;
    }

    .quality-circle {

      left: 38%;

    }


    .value-img {
      border-radius: 2rem;
      overflow: hidden;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .service-page-box .service-content {
      padding: 0;
    }

    #candidate .section-space {
      padding: 3rem 2rem;
    }

    .value-img img {

      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .process-right {
      margin-left: 0;

    }

    .inner-banner {

      height: 100%;
    }



    .contact-page-form {
      padding: 2rem;

    }

    .about-img.about-img-one {
      margin-top: 2rem;
      margin-right: 2rem;
    }



    .menu-btn {
      top: 34px;
    }

    .g_shrink .menu-btn {
      top: 17px;
    }

    .testimonial-items {
      padding: 2rem;

    }

    .why-right-content {
      color: var(--color-ffffff);
      padding-left: 0;
    }

    .about-img {

      width: 50%;
      height: 100%;

    }

    .banner img {
      height: 400px;
    }

    .brand img {

      width: 200px;

    }

    .industry-list li img {

      width: 2rem;
    }

    .industry-list li .icon {

      padding: 1rem;
    }

    .count-area-content {
      padding-right: 2rem;
      margin-bottom: 2rem;
      margin-top: 2rem;
    }

    .copy-right {
      position: relative;
      width: 100%;
      margin-top: 2rem;

      margin-bottom: 2rem;
    }

    .contact-top-footer {
      display: flex;
      flex-direction: row;
    }

    .banner-slider .swiper-slide {
      width: 991px;
      opacity: 1;
      transform: translate3d(-2973px, 0px, 0px);
      transition-duration: 0ms;
      display: flex;
      flex-direction: column-reverse;
    }

    .contact-section hr {
      margin: 2rem 0;
    }

    .about-left {
      position: relative;
      padding-right: 0;
      padding-top: 0;
    }

    .why-right-content {

      margin-top: 3rem;
    }

    .industry-left-content {
      margin-right: 0rem;
    }

    .why-box {
      min-height: 0;
    }

    .contact-left {

      padding-top: 0;
    }

    .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link.active {
padding: 0;
      color: var(--color-ef7d18);
      background-color: transparent;
    }

    .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
      color: var(--color-ef7d18);
      background-color: transparent;
    }

    .mobile-offcanvas .common-btn {
      margin-top: 2rem;
    }

    .service-box .number {
      width: 10%;
    }

    .service-box .content {
      width: 67%;
    }

    .service-box {
      padding: 2rem;

    }

    .inner-banner {
      height: 100%;
      display: flex;
      flex-direction: column-reverse;
    }

    .inner-banner .container {
      background-color: var(--color-ef7d18);
    }

    .inner-banner-content {

      width: 100%;

      height: 100%;

      padding: 2rem 0;
    }

    .inner-banner-content {
      position: relative;
    }

    .industry-slider .swiper-slide img {
      height: 400px;
    }
    .contact-section.section-space{
              padding-bottom: 0;
    }
     .contact-right {
    padding: 2rem;
      margin-bottom: 3rem;
    }
  }

  @media (max-width: 767px) {
    :root {

      --font-size-65: 40px;

    }

    .industries-section .row {
      display: flex;
      flex-direction: column-reverse;
    }

    .service-page-box .service-content {
      padding: 2rem 0;
    }

    .service-box {

      flex-direction: column;
    }

    .service-box .button {
      width: 100%;
      position: relative;
      /* right: 0; */
      text-align: center;
    }

    .service-box .number {
      width: 100%;
      text-align: center;
    }

    .service-box:hover .number {
      width: 100%;
      text-align: center;
    }

    .copy-right {

      margin-bottom: 0;
    }

    .banner img {
      height: 400px;
    }

    .service-page-box .row.row-reverse {
      display: flex;
      flex-direction: column-reverse;
    }

    .dogras-world-map span {
      padding: 0.8rem;
      font-size: 1rem;
      margin: 0;
    }

    .map-container {

      padding: 0;
    }

    .value-box {
      margin-bottom: 2rem;
    }

    .value-content {
      padding: 1.5rem 0;
      color: var(--color-ffffff) !important;
    }

    .service-box .content {
      width: 100%;
      text-align: center;
    }

    .carousel-caption {

      height: 400px;
    }

  }

  @media (max-width: 575.98px) {
    :root {
      --font-size-85: 35px;

      --font-size-35: 25px;
      --font-size-22: 18px;
    }
    .about-section .about-left {
      
        padding-top: 2rem;
    }
    .contact-top-footer {
        
        flex-direction: column;
    }
.contact-box {
    margin-bottom: 2rem;
}
    .inner-banner-content p {
      margin-bottom: 0;
    }

    .carousel-caption {

      height: 450px;
    }

    .menu-btn {
      top: 24px;
    }

    .brand img {
      width: 150px;
    }

    .inner-banner-content {
      width: 100%;
      padding: 2rem 0;
    }

    .contact-section.section-space {
      padding: 2rem 0;
      padding-top: 3rem;
    }

    .service-box .content {
      width: 100%;
      text-align: center;
      display: flex;
      flex-direction: column;
    }

    .quality-circle .arrow-img::after {

      left: 38%;

    }

    .quality-circle .arrow-img img {


      left: 45%;
    }

    .about-section .about-right {
      display: flex;
      position: relative;
      flex-direction: column;
    }

    .quality-circle {
      left: 0;
      position: relative;
    }

    .banner img {
      height: 300px;
    }

    .service-banner img {
      width: 100%;
      height: 300px;
      object-fit: cover;
    }

    .about-banner img {
      width: 100%;
      height: 300px;
      object-fit: cover;
    }

    .testimonial-text {
      font-size: var(--font-size-20);
    }

   

    .industry-left-content {
      margin-top: 2rem;
    }



    .service-page-box .service-content {
      padding: 2rem 0;
      padding-bottom: 0;
    }

    .industry-slider {

      height: 400px;
    }

    .vision-box {
      margin-bottom: 2em;
    }

    .count-area-content {

      padding-right: 0;
      margin-bottom: 2rem;
      margin-top: 2rem;
    }


    .map-container .point {

      width: 1.1rem;
      height: 1.1rem;

    }

  }

  @media (max-width: 400px) {
    .service-box {
      padding: 2rem 1rem;
    }

    .sub-heading.content img {
      width: 40px;
    }

    .sub-heading.content img {
      margin-right: 0;
    }

    .map-section iframe {

      height: 350px;
    }
  }

@media (max-width: 375px) {
  .industry-list li {
    flex-direction: column;
}
.industry-list li .icon {
  
    margin-right: 0;
   margin-bottom: 1rem;
}
}
  /* responsive css */