/* responsive css */


  @media (max-width: 1680px) {
      :root {
          --font-size-70: 50px;
          --font-size-40: 35px;
      }

      .container,
      .container-lg,
      .container-md,
      .container-sm,
      .container-xl {
          padding: 0 5rem;
      }

   .banner-slider {
    height: 80vh;
}

      .btn-filter {
          margin: 1rem 0;
      }

      :root {
          --font-size-14: 13px;
          --font-size-15: 14px;
          --font-size-16: 15px;
          --font-size-18: 17px;
          --font-size-20: 18px;
          --font-size-22: 19px;
          --font-size-25: 20px;
          --font-size-27: 22px;
          --font-size-30: 24px;
          --font-size-27: 26px;
          --font-size-40: 34px;
          --font-size-44: 38px;
          --font-size-50: 42px;
          --font-size-56: 46px;
          --font-size-70: 50px;
      }



      .division-box .content {
          padding: 2rem;
      }

   

      .team-box .content {
          padding: 1rem;
      }

      .gallery-page .gallery-box .overlay {
          height: 150px;
      }

      .project-page-right {
          padding: 1rem;
      }

      .pb-80 {
          padding-bottom: 40px;
      }

      .pt-80 {
          padding-top: 40px;
      }

      .foundation-right {
          padding: 1rem;
      }

      .gallery-text {
          padding: 2rem;
      }

      .contact-page-right {
          padding: 0rem;
      }



      .foundation-img {
          padding: 2rem;
      }

      .navbar-dark .navbar-nav .nav-link {
          padding: 10px 30px 10px 0;
      }

      .main-header.g_shrink .navbar-dark .navbar-nav .nav-link {
          padding: 10px 25px 10px 0;
      }

      .emblem {
          width: 180px;
          height: 180px;
      }

      .quality-circle img {
          width: 120px;
      }

      .arrow-div {
          top: -390px;
          width: 28%;
      }

      .essgee {
          border-radius: 24px;
          padding: 1rem;
          margin-bottom: 30px;
      }

      .p-5 {
          padding: 1rem !important;
      }

      .mt-5 {
          margin-top: 1rem !important;
      }

      input,
      textarea {
          padding: 10px;
      }

      .breadcrumb-inner {

          height: 600px;

      }

  }

  @media (max-width: 1480px) {
  .banner-slider {
    height: 70vh;
}

      .navbar-dark .navbar-nav .nav-link {
          padding: 10px 25px 10px 0;
      }

      .csr-left {
          padding: 3rem 0;
      }

      .breadcrumb-inner {
          height: 500px;
      }
  }

  @media (max-width: 1366px) {

      .container,
      .container-lg,
      .container-md,
      .container-sm,
      .container-xl {
          padding: 0 3rem;
      }

      .contact-section .container {
          padding: 0 3.5rem;
      }

  }

  @media (max-width: 1280px) {
      :root {
          --font-size-14: 13px;
          --font-size-15: 13px;
          --font-size-16: 14px;
          --font-size-18: 16px;
          --font-size-20: 16px;
          --font-size-22: 17px;
          --font-size-25: 18px;
          --font-size-27: 20px;
          --font-size-30: 22px;
          --font-size-27: 24px;
          --font-size-40: 28px;
          --font-size-44: 30px;
          --font-size-50: 32px;
          --font-size-56: 38px;
          --font-size-70: 42px;
      }



      .main-header.g_shrink .navbar-dark .navbar-nav .nav-link {
          padding: 15px 13px 10px 0;
      }



      .emblem {
          width: 160px;
          height: 160px;
      }

      .project-section .btn {
          padding: 0.2rem 1rem;
          margin: 0.2rem;
      }

      .project-content {
          padding: 1rem;
      }

      .csr .csr-left {
          padding: 40px 0;
      }

      .project-section .box {

          width: 50%;
      }
  }

  @media (max-width: 1199.98px) {
      .g_header .container {
          display: flex;
          align-items: center;
      }
.banner-slider {
    height: 60vh;
}
      .container,
      .container-lg,
      .container-md,
      .container-sm,
      .container-xl {
          padding: 0 2rem;
      }

      .quality-circle {
          float: none;
          margin-right: 0;
          margin-top: 3rem;
          margin-bottom: 5.5rem;
      }

      .dropdown-submenu>.dropdown-menu {
          left: 0;

      }

      .navbar-expand-xl .navbar-nav .dropdown-menu {
          position: relative;
          border: transparent;
          padding-left: 0.5rem;
      }

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

      .contact-right {
          padding: 2rem;
      }

      .main-header.g_shrink.g_header {

          height: 80px;
      }

      .g_header {
          position: relative;
          padding: 1rem 0;
      }

      .contact-page-left img {
          height: 400px;

      }

      .link-arrow {
          padding: 10px 20px;
      }

      .link-arrow-white {
          padding: 10px 20px;
      }
  }

  @media (max-width: 991px) {
      .breadcrumb-inner {
          height: 400px;
      }
.banner-slider {
    height: 50vh;
}
      .top-footer .container {
          padding: 0 3rem;
      }

      .contact-section .container {
          padding: 0 1rem !important;
      }

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

      .project-page-right h4 {
          text-align: center;
      }

      .contact-footer {
          margin-right: 0rem;
      }

      .project-page-right {
          padding: 0;
          padding-top: 2rem;
      }

      .about-page-left img {
          margin-bottom: 2rem;
          padding: 1rem;
      }


      .contact-section {
          overflow: visible;
          padding: 2rem;
      }

      .news .link-arrow {
          margin: auto;
      }


      .project-page-right p {
          text-align: center;
      }

      .project-page-right li {

          text-align: left;
      }

      .terms-page ul {
          margin-bottom: 0;
      }

      .csr-box img {
          height: 25vh;

      }

      .foundation-right {
          margin-top: 0rem;
          padding: 0;
      }


      .event-text {
          padding: 2rem;

      }



      .foundation-img {
          padding: 0;
      }

      .vision-right {
          padding: 0;
          padding-top: 2rem;
      }

      .vision-img img {
          margin-bottom: 2rem;
      }

      .about-page-right {
          padding-left: 15px;
      }

      .team-box {
          border-radius: 1rem;
          background-color: var(--color-c18d02);
          overflow: hidden;
          height: auto;
          margin-bottom: 2rem;
      }

      .core-right {

          padding-bottom: 0;
      }




      .contact-form {
          width: auto;
          gap: 0;
      }

      .csr-left {
          padding-top: 1rem;
      }

      .contact-left {

          left: 0;
      }




      img.csr-img {
          width: 100%;
          margin-left: 0;
      }

      .project-section .box {

          width: 50%;
      }

      .footer-box {
          width: 100%;
          margin-bottom: 3rem;
          text-align: center;
      }

      .link-arrow {

          margin: auto;
      }
  }

  @media (min-width: 768px) {

      .row-reverse {
          display: flex;
          flex-direction: row;
      }

  }

  @media (max-width: 767px) {
      .division h3 {
          margin-bottom: 2rem;
      }
.banner-slider {
    height: 40vh;
}
      .about-left {
          padding-right: 0;
          text-align: center;
      }

      #parent1 {
          flex-direction: column;
      }

  .news-text {
    padding: 2rem;
}
.contact-section .contact-form {
    width: 105%;
   
}
.news .col-12{
    margin-bottom: 0;
}
.contact-right {
        padding: 1rem;
    }
.news a.link-arrow {
    margin-top: 0;
}
      .csr-home-box {
          padding-top: 2rem;
      }

      .news-page-box a img {
          max-height: 300px;
      }

      .csr-img {
          width: 100%;
          height: 45vh;
          object-fit: cover;
          border-radius: 2rem;
      }




      .news-page-box {

          margin-bottom: 0;
      }

      .division .pb-80 {
          padding-bottom: 0px;
      }

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

  .project-section .box {
        padding: 0;
        width: 100%;
        margin-bottom: 2rem;
    }

      .csr-home-box .row {
          display: flex;
          flex-direction: column-reverse;
      }
  }

  @media (max-width: 575.98px) {
    .contact-btn {
    width: 35px;
    height: 35px;
    }
     .blog-image {
   
    height: 300px;
}
   .blog-list h3 {
    text-align: center !important;
    margin-top: 2rem !important;
   
}
.blog-content h2{
    text-align: justify;
}

.blog-content .top-social {
        padding-bottom: 2.5rem;
        justify-content: center;
    }
          .banner-slider {
    height: 30vh;
}
    .email-btn {
    bottom: 66px;
}
    .menu-btn {
  
    right: 15px;
}
.phone-btn {
    bottom: 109px;
}
.instagram-btn {
    bottom: 153px;
}
.contact-btn {
  
    right: 15px;
}
.linkedin-btn {
    bottom: 197px;
}
.whatsapp-btn {
    bottom: 239px;

}
      .project-box i {
          margin-right: 0;
      }

      .contact-section .contact-form {

          padding: 0;
      }
#button {
  
    width: 35px;
    height: 35px;
   
    right: 15px;
}
      .news a.link-arrow {
          margin-top: 0;
      }

      .brand img {
          width: 170px;
      }

      .project-bg {

          margin: 0.5rem;
      }

      .team-box .team-box-img {
          width: 100%;
          height: 450px;

      }

      .copy-right {
          display: flex;
          justify-content: space-between;
          flex-direction: column;
          align-items: center;
      }

      .copy-right ul li a {
          margin-top: 1rem;
          display: block;
      }

      .inner-banner {

          background-attachment: unset;
      }

      .project-page-imgs img {

          height: auto;
      }

.carousel-caption h1 {
    color: var(--color-ffffff);
    font-size: 20px;
    top: -14px !important;
    position: relative;
}

   .breadcrumb-inner {
        height: 300px;
        text-align: center;
        align-items: center;
    }

   

      .foundation-right li {

          text-align: justify;
      }

      .value-box {
          padding: 2rem;

          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
      }

      .value-box img {

          margin-bottom: 1rem;

      }

      .value-box p {
          text-align: center;
      }

      .brand.mobile {
          text-align: left;

      }

      .container {

          text-align: center;
      }

      .footer-contact p {
          padding-right: 0;
      }

      .project-section .box {
          padding: 0;

      }

      .heading-footer {

          justify-content: center;
      }



      .footer-contact p {

          text-align: center;
      }

      .footer-contact ul li {

          justify-content: center;
      }

      .project-content p {
          color: var(--color-ffffff);
          text-align: center;
          display: flex;
          flex-direction: column;
      }

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

      p {
          text-align: justify;
      }



      .about-section .arrow-up {

          width: 17%;
      }

      .about-right::after {

          height: 370px;

      }


      .link-arrow-white {

          margin: auto;
      }

      :root {

          --font-size-70: 35px;
      }

      .about-left {
          padding-right: 0;
          padding: 0 1rem;
      }



  .banner img {
        width: 100%;
        position: relative;
        object-fit: cover;
        object-position: right;
    }

      .news-text {
          padding: 2rem;
      }

      .contact-section {
          padding: 1rem;
      }

      .footer-logo img {
          width: 150px;
      }

      ul.contact-social li i {
          padding: 0 1rem;
      }

      .address i {
          margin-right: 0;
          margin-bottom: 1rem;
      }

      .gallery-page-box .gallery-text p {
          text-align: center;
      }

      .form-row {

          gap: 0;
      }



      .terms-page.pb-80 {
          padding-bottom: 0;

      }

      .form-row.row .col-12 {
          margin-bottom: 1rem;
      }

      .address {

          flex-direction: column;
          margin-bottom: 0rem;
      }

      .address p {

          padding-right: 0;
      }

      textarea {

          width: 100%;
      }

      .footer {

          padding-top: 35px;
      }
  }

  /* responsive css */

  @media (max-width:480px) {
      .gallery-page-box .swiper img {
          height: 25vh;

      }

  }

  @media (max-width:400px) {
.banner-slider {
    height: 30vh;
}
      .container,
      .container-lg,
      .container-md,
      .container-sm,
      .container-xl {
          padding: 0 1rem;
      }

      .contact-right {
          padding: 1rem;
      }
  }