@media (max-width: 767px) and (min-width: 320px) {
    .about-wrapper {
      padding: 20px 15px;
      box-shadow: 0px 0px;
    }
  
    .about-title {
      font-size: 20px;
    }
  
    h6.about-title b {
      font-size: 20px;
    }
  
    .about-wrapper:after {
      display: none;
    }
  
    .same-space {
      padding: 50px 0px;
    }
  
    .profile-sec .col-sm-12.col-md-6 {
      padding: 20px;
      border: 0px;
    }
  
    .profile-counter {
      display: block;
    }
  
    .profile-counter .box {
      margin: 0px 0px 15px;
    }
  
    .profile-sec .col-sm-12.col-md-6:nth-child(2) {
      padding: 20px;
    }
  
    .profile-progress .card::before {
      font-size: 30px;
    }
  
    .icon-tag {
      margin: 0px 20px !important;
      padding: 0px;
    }
  
    .icon-tag ul {
      display: block;
      padding: 0px;
    }
  
    .icon-tag ul li {
      width: 100%;
      margin: 0px;
      box-shadow: 2px 0px 20px 1px #0000001c;
      margin-bottom: 20px;
    }
  
    .big-title,
    .big-titles,
    .big-titlesw {
      font-size: 50px;
      margin-left: -20px;
      left: 0px;
      display: none;
    }
  
    .client-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    }
    footer {
      margin: 0px;
      padding: 30px 0px 10px;
    }
  
    .links {
      display: block;
      padding: 30px 0px 30px;
    }
  
    .links li {
      padding: 10px 0px 0px;
    }
  
    .footer-copy-right p {
      padding: 0px 20px;
      text-align: center;
      font-size: 12px;
    }
  
    .main-footer-link {
      padding: 0px 0px 30px;
    }
  
    .bottom-content {
      position: relative;
      bottom: unset;
      right: unset;
    }
  
    .bottom-text p:before {
      display: none;
    }
  
    .bottom-text p {
      padding: 15px 10px;
      font-size: 14px;
      border-top: 1px solid #b3b4b561;
    }
  
    .social-media {
      /* background: #e9ecef; */
      padding-bottom: 10px;
    }
  
    .social-media ul {
      display: flex;
      align-items: center;
      justify-content: space-around;
      vertical-align: middle;
      margin: 0pc;
    }
  
    .bottom-text {
      position: relative;
      text-align: center;
      bottom: 0;
      background: transparent;
    }
  
    .social-media ul li a {
      padding: 0px;
    }
    .footer-title:before {
      left: 0px;
    }
    .footer-title {
      font-size: 20px;
      padding-bottom: 10px;
    }
  
    .footer-link-title {
      font-size: 18px;
    }
  
    .links li a {
      font-size: 14px;
    }
    .social-media ul li a {
      color: #fff;
    }
    .main-products-wrapper {
      padding: 20px 0px;
    }
  
    .our-products {
      padding: 20px 0px 0px;
    }
  
    .view-more-btn {
      justify-content: flex-start;
    }
  
    .our-products .col-sm-12.col-md-10 {
      padding: 0px;
    }
    .icon-tag span.m-content {
      font-size: 15px;
    }
  
    .counter-div .box-wrp {
      position: unset;
    }
  
    .counter-div .box-wrp .content h4 {
      font-size: 50px;
    }
  
    .counter-div .box-name {
      margin: 20px 0px 0px;
      padding: 20px 0px;
      border: 0px;
      background: #ffffff80;
      border: 1px solid #e9eaed;
    }
    .map-section .map-div {
      min-height: unset;
    }
    .map-div iframe {
      min-height: 350px;
    }
    footer div#header-wrap {
      display: block;
      text-align: center;
    }
  
    footer div#header-wrap .link-wrapper {
      display: block;
    }
  
    footer .menu12 {
      display: block;
      padding: 0px;
      display: grid;
      grid-template-columns: auto auto auto;
      grid-gap: 5px;
    }
  
    footer .menu12 li {
      padding: 5px;
      /* margin-bottom: 10px; */
      background: #ffffff4a;
      border: 1px solid #ffffff4a;
    }
  
    footer .menu12 li.active a {
      background: transparent;
      color: #24a5dd;
    }
  
    footer .menu12 li.active {
      background: #1e89ba;
    }
  
    footer .menu12 li.active:before {
      display: none;
    }
  
    footer .menu12 li a {
      background: transparent;
      color: #fff;
      opacity: 1;
    }
  
    footer:before {
      display: none;
    }
  
    footer .social-media-header ul {
      justify-content: center;
      margin: 10px 0px;
    }
  
    footer .social-media-header ul li {
      border-radius: 10px;
      background: #1e89ba;
      min-width: 30px;
      min-height: 20px;
    }
  
    footer .social-media-header ul li a {
      color: #000;
    }
  
    .logo-wrapper {
      justify-content: center;
      margin-bottom: 15px;
    }
    .counter-div {
      padding: 30px 0px 0px;
      background: #f6f7f9;
      margin: 0px 20px 15px;
      border: 1px solid #f6f7f9;
    }
    .profile-sec .profile-wrapper .profile-content p {
      text-align: justify;
      display: flex;
      justify-content: center;
      flex-direction: inherit;
  }
    .about-wrapper p {
      text-align: center;
    }
    h6.about-title {
      text-align: center;
      width: fit-content;
      margin: 0px auto 10px;
    }
  
    h6.about-title:after {
      left: 50%;
      margin-left: -30px;
    }
  
    .about-title:before {
      left: 50%;
      margin-left: -10px;
    }
  
    .mission-tag ul li span.m-content {
      font-size: 14px;
    }
  
    .main-products-wrapper .our-products {
      padding: 0px;
    }
  
    .content-overlay h6 {
      font-size: 14px;
    }
  
    .counter-div .box-wrp .content h4 span {
      font-size: 30px;
    }
    .counter-site .col-sm-12.col-md-6:nth-child(2) {
      padding: 0px !important;
    }
    .single-content img {
      width: 100% !important;
    }
    .filters h4 {
      display: block;
      text-align: center;
    }
  
    .filters h4 li {
      margin: 10px;
    }
    footer .social-media-header ul li a {
      color: #fff;
    }
    .brad-crums {
      margin: 0px;
      padding: 50px 15px;
      text-align: center;
    }
  
    .bred-ul {
      position: relative;
      background: transparent;
      padding: 0px;
      margin: 10px auto;
    }
  
    .brad-crums:before {
      left: 0;
    }
  
    .bred-ul:before,
    .bred-ul:after {
      display: none;
    }
  .brad-crums .main-title h2 {
      font-size: 25px;
  }
    .bred-ul li a {
      color: #fff;
      font-size: 14px;
    }
  
    .brad-crums .main-title h2::after,
    .brad-crums .main-title h2::before {
      display: none;
    }
  
    .inner-page-main-sec {
      padding: 20px 0px !important;
    }
  
    .about-page-img img {
      width: 100%;
    }
  
    .about-page-content {
      padding: 10px 0px 0px;
    }
  
    .a-page-title h5 {
      font-size: 15px;
      text-align: center;
    }
  
    .a-page-title p {
      font-size: 12px;
      line-height: 25px;
    }
    .infra-misson {
      padding: 15px 0px;
    }
    .infra-misson .about-page-content {
      padding: 0px;
    }
    .part-title p,.products-details-title p {
      text-align: justify;
      font-size: 12px;
      line-height: 25px;
      color: #000;
    }
    .big-a {
      left: 20px;
      font-size: 30px;
      display: none;
    }
    .about-page-content h6, .products-details-title h5,.career-title h5 {
      text-align: center;
      font-size: 15px;
      margin: 10px auto 20px !important;
      width: fit-content;
      margin: auto;
    }
  
    .about-sec-img {
      padding: 20px 10px 0px;
    }
  
    .about-sec-img:after {
      height: 30%;
      top: 0;
      width: 100%;
      left: 0 !important;
    }
  
    .about-sec-img:before {
      height: 30% !important;
      top: 0 !important;
      width: 100% !important;
      right: 0px !important;
      left: unset !important;
    }
    .left-img .col-sm-12.col-md-4 {
      order: 2;
    }
  
    .about-page-content h6:before,
    .a-page-title h5:before,.products-details-title h5::before,.career-title h5::before {
      content: "";
      width: 20px;
      height: 4px;
      background: #23a1db;
      position: absolute;
      bottom: -15px;
      border-radius: 50px;
      left: 50%;
      margin-left: -10px;
    }
  
    .about-page-content h6:after,
    .a-page-title h5:after,.products-details-title h5:after,.career-title h5:after {
      content: "";
      background: #00000026;
      width: 60px;
      height: 4px;
      position: absolute;
      bottom: -15px;
      border-radius: 50px;
      left: 50%;
      margin-left: -30px;
    }
    .part-title ul li {
      text-align: justify;
      line-height: 28px;
      color: #000;
      font-size: 12px;
    }
  
    .part-title ul li b {
      font-size: 14px;
      padding-right: 10px;
    }
    .contact-title h5,
    .address-title h5 {
      font-size: 20px;
    }
    .infrastructure:after {
      display: none;
    }
    .mb-5 {
      margin-bottom: 15px !important;
    }
  
    .slider__images {
      width: 100%;
      height: 100%;
    }
    .slider__images {
      width: 100%;
      height: 100%;
    }
  
    .swiper-backface-hidden .swiper-slide {
      margin-left: 0px;
    }
  
    .slider__col {
      margin: 10px 0px 0px;
    }
  
    .slider__thumbs {
      width: 100% !important;
      margin: 0px !important;
    }
    .slider__prev,
    .slider__next {
      display: none;
    }
  
    .img-product-content {
      padding: 20px;
    }
  
    .content-wrapper {
      max-width: 170px;
  }
    .main-product-wrapper {
      margin-bottom: 15px;
    }
  
    .product-us .content-wrapper .main-product-name {
      font-size: 14px;
    }
  
    .pro-big {
      font-size: 50px;
    }
    .product-us .content-wrapper {
      max-width: 170px;
    }
    .main-product-name {
      font-size: 14px;
    }
    .div-product-name {
      font-size: 10px;
    }
    .products-img {
        margin: 0px;
    }
    .products-details {
        padding: 30px 0px;
    }
    .thumb img.img-responsive {
        width: 100%;
    }  
    .cata-inner-img {
        padding: 40px;
    }
    .Cer-inner-img:after {
        top: unset;
        bottom: -23px;
        right: unset;
        left: 50%;
        margin-left: -8.385px;
    }
    
    .Cer-inner-box .col-sm-6 {
        margin-bottom: 10px;
    }
    .Cer-in-content {
        background: #fafbfd;
        border: 1px solid #626b6c21;
    }
    .Cer-in-content h5 {
        font-size: 13px;
        line-height: 28px;
    }
    .form-sec-wrapper {
        padding: 30px 0px;
        background: transparent;
    }
    .app-grid-conter {
        grid-template-columns: auto;
    }
    
    .app-inner-img img {
        min-height: auto;
    }
    
    .app-in-content h5 {
        font-size: 20px;
    }
    
    .app-inner-box:hover .app-no {
        font-size: 60px;
        margin-left: -30px;
        margin-top: -30px;
    }
    .contact-us .col-sm-12.col-ms-6.col-lg-8 {
        order: 2;
    }
    .contact-us .address-box {
        margin: 15px 0px 0px;
        border: 1px solid #eaeaea;
        padding: 25px;
    }
    .contact-map-section {
        padding: 150px;
    }    
    
    .career-us:after {
        display: none;
    }
    
    .career-us::before {
        display: none;
    }
    .career-form {
        padding: 30px 0px;
        background: transparent;
        box-shadow: 0px 0px !important;
    }
    .career-img {
        padding: 0px;
    }
    .mission-and-vission .about-wrapper.mission-tag p.wow.bounceInLeft{
      text-align: justify;
    }
  }