@media (min-width: 565px) {
   .topbar_sec .topbar_content > span:first-of-type {
      margin-right: 10px;
   }
}

@media (min-width: 768px) {
   .testimonial-carousel::before,
   .testimonial-carousel::after {
      width: 200px;
   }

   .about_content .about_mid {
      padding-top: 10px;
      /* flex-wrap: nowrap; */
      justify-content: center;
   }

   .about_content .about_mid_page {
      flex-wrap: nowrap;
   }
   .about_content .about_mid_page > span:not(:last-of-type) {
      border-right: 1px solid #aaa;
   }

   .about_content .about_mid_page > span img {
      border-radius: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
   }
   .about_content .about_mid_page > span h5 {
      max-width: 100%;
   }
}

@media (min-width: 992px) {
   .navbar-expand-lg .navbar-collapse {
      flex-grow: 0;
   }
   .container.feature {
      max-width: 100% !important;
   }

   .feature-text {
      padding-left: calc(((90% - 960px) / 2));
   }

   .testimonial-carousel::before,
   .testimonial-carousel::after {
      width: 300px;
   }

   .navbar .nav-link:hover:before {
      width: 100%;
      left: 0;
      right: auto;
   }

   /* .footer_sec .footer_left {
      border-right: 1px solid #ddd;
      border-bottom: none;
   } */

   /* .counter_content {
      margin-left: -80%;
   } */
}

@media (min-width: 1200px) {
   .client_sec {
      /* margin-inline: 20px; */
   }
}

@media (min-width: 1400px) {
   .feature-text {
      padding-left: calc(((100% - 1320px) / 2) + 0.75rem);
   }
}

@media (max-width: 1200px) {
   .header-carousel .owl-carousel-item {
      height: 420px;
   }
}

@media (max-width: 991.98px) {
   .navbar .navbar-nav .nav-link {
      margin-right: 0;
      padding: 10px 0;
   }

   .navbar .navbar-nav {
      border-top: 1px solid #eeeeee;
   }

   .header-carousel .owl-carousel-text .hero_text {
      font-size: 38px;
   }

   .about_logo img {
      height: 125px;
   }
}

@media (max-width: 767px) {
   html {
      font-size: 15px;
   }

   .header-carousel .owl-carousel-item {
      height: 260px;
   }

   .header-carousel .owl-carousel-text {
      padding: 3rem 0.9rem 2rem;
   }

   .owl-carousel-text .hero_slide_img.hero_animate {
      height: 265px;
   }

   div.dataTables_wrapper div.dataTables_paginate ul.pagination {
      margin-top: 10px;
      justify-content: center;
   }

   .page_container {
      padding: 20px 20px 30px;
   }
   .why_choose {
      padding: 40px 0 30px;
   }

   .about_sec {
      padding: 50px 0 10px;
   }

   .about_content .about_mid > span {
      padding-block: 0;
   }
   .about_content .about_mid > span:not(:last-of-type) {
      border-bottom: 1px solid #fff8;
      border-right: none;
   }
   .about_content .about_mid > span:not(:nth-of-type(even)) {
      border-right: 1px solid #fff8;
   }
   .about_content .about_mid > span:nth-of-type(n + 3) {
      border-bottom: none;
   }

   .about_content .about_mid img {
      margin-right: 8px;
      width: auto;
   }
   .about_content .about_mid > span h5 {
      font-size: 16px;
   }
   .about_content .about_mid > span:last-of-type h5 {
      font-size: 15px;
   }

   .page_end_img .end_img {
      height: 260px;
   }

   .about_logo img {
      height: 114px;
   }
   .header-carousel .owl-dots {
       bottom: 0;
   }
}

@media (max-width: 564px) {
   #spinner > img:first-of-type {
      height: 70px;
   }
   .navbar .navbar-brand {
      height: 70px;
   }

   .header-carousel .owl-carousel-item {
      height: 180px;
   }

   .header-carousel .owl-carousel-text .hero_icon {
      width: 48px;
      margin-right: 10px;
   }
   .header-carousel .owl-carousel-text h4 {
      font-size: 16px;
   }

   .counter_content {
      padding: 20px 5px 10px;
      justify-content: center;
   }
   .about_page_sec .mision_vision {
      padding: 15px 10px 10px;
   }
   .why_choose .col-lg-6 span.flex_property {
      gap: 6px;
      flex-wrap: nowrap;
   }

   .product_page .product_list_content {
      padding: 25px 0px;
   }
   .product_list_content table.table-striped tbody tr td {
      font-size: 14px;
      padding: 8px 4px;
   }

   .page-header_about {
      height: 230px;
      background-position: left center;
      background-size: cover;
   }

   .page_container {
      padding: 20px 10px 30px;
   }

   .facility_sec .service-item {
      padding: 20px 5px 10px;
   }

   .page_end_img .end_img {
      height: 235px;
   }

   .about_logo img {
      height: 98px;
   }

   .hexagon-gallery {
      grid-auto-rows: 110px;
   }
   .hexagon-gallery .hex {
      width: 145px;
      height: 150px;
   }

   .production_ul li {
      padding-left: 1.4rem;
   }
   .production_sec :is(p, h6) {
      font-size: 100%;
   }
   
    .info-team h3{
              text-align: center;
          }
          
    .our_team .container .row:not(:last-of-type) {
        border-bottom: 1px solid #dddb
    }
    
}

@media (max-width: 450px) {
   .counter_content .counter_box:nth-of-type(2) {
      border: none;
   }
   .counter_content .counter_box:last-of-type {
      /* width: 100%; */
      padding-top: 10px;
      border-top: 1px solid #bbb;
      display: inline-flex;
      gap: 10px;
      justify-content: space-evenly;
   }

   .about_page_sec .mision_vision img {
      height: 80px;
   }
   .header-carousel .owl-carousel-item {
      height: 140px;
   }
   
   .footer_sec .copyright {
       padding: 20px 0 16px;
   }
}
