@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: inherit;
  }
}

@media (max-width: 1200px) {
  .company-process .company-process-slider .slick-list {
    overflow: hidden;
  }
}

@media (max-width: 1024px) {
  .apply-now-section .apply-now-item {
    padding: 25px 16px;
  }

  .apply-now-section .apply-now-item .left {
    max-width: calc(100% - 120px);
    padding-right: 30px;
  }

  .apply-now-section .apply-now-item .right {
    width: 120px;
  }

  .apply-now-section .apply-now-item .left .logo {
    width: 44px;
    height: 44px;
  }

  .product-categories .box-wrap .product-title .product-name {
    font-size: 32px;
    line-height: 42px;
  }
}

@media (max-width: 991px) {

  .btn-close {
    width: 20px;
    height: 20px;
  }

  .h2 {
    font-size: 34px;
    line-height: 44px;
  }

  .who-we-are {
    padding: 20px 0 0;
  }

  .who-we-are .who-we-are-right p {
    font-size: 18px;
    line-height: 28px;
  }

  .who-we-are .who-we-are-video {
    padding: 30px 0 0;
  }

  .status-counter-box {
    width: 100%;
    padding: 30px 15px;
    gap: 12px;
  }

  .status-counter-box .status-counter-icon img {
    width: 30px;
    height: 30px;
  }

  .status-counter-box .status-counter-info .status-counter-no {
    font-size: 24px;
    line-height: 34px;
  }

  .status-counter-box .status-counter-info .status-counter-text {
    font-size: 20px;
    line-height: 30px;
    padding: 4px 0 0;
  }

  .work-together .title-big {
    font-size: 40px;
    line-height: 50px;
    padding: 0 0 20px;
  }

  .work-together p {
    font-size: 20px;
    line-height: 30px;
  }

  .work-together {
    padding: 50px 15px;
  }

  .work-together .form-wrap form {
    flex-wrap: wrap;
  }

  .work-together .form-input .form-control {
    height: 45px;
    font-size: 20px;
    line-height: 30px;
  }

  .submit-btn .btn {
    padding: 8px 34px;
  }

  .work-together .form-input {
    max-width: 400px;
  }

  .title-tag p {
    line-height: 28px;
  }

  .title-tag {
    padding: 0 0 30px;
  }

  .padding-40 {
    padding: 20px 0;
  }

  .expertise-capabilities-box {
    padding: 25px 16px;
  }

  .expertise-capabilities-box .expertise-capabilities-icon img {
    width: 60px;
    height: 60px;
  }

  .testimonial-left .quote-img img {
    width: 60px;
    height: 60px;
    object-fit: contain;
  }

  .testimonial-slider {
    padding: 30px 0 60px;
  }

  .testimonial-slide p {
    font-size: 20px;
    line-height: 30px;
  }

  .testimonial-client-box .testimonial-client-img {
    width: 64px;
    height: 64px;
  }

  .testimonial-client-info {
    width: calc(100% - 64px);
  }

  .testimonial-client-box .testimonial-client-img {
    width: 50px;
    height: 50px;
  }

  .testimonial-client-box .testimonial-client-info .testimonial-client-name {
    line-height: 28px;
    padding: 0 0 5px;
  }

  .testimonial-right {
    padding: 40px 0 0;
  }

  .testimonial-slider .slick-arrow {
    width: 30px;
    height: 30px;
  }

  .testimonial-slider .slick-arrow.slick-next {
    left: 50px;
  }

  .product-section .no-name {
    font-size: 38px;
    line-height: 48px;
  }

  .product-section .image-box>img {
    width: 180px;
    height: 200px;
  }

  .product-section .menu-item .image-box .arrow img {
    width: 25px;
    height: 25px;
    object-fit: contain;
  }

  .footer-bottom {
    padding: 20px 0;
  }

  .footer-wrap {
    padding: 20px 0;
  }

  .footer-links .footer-social-links {
    padding: 8px 0;
  }

  .footer-menu .footer-menu-links {
    padding: 0 0 10px;
  }

  .footer-social-media .footer-social-links {
    padding: 0 0 10px;
  }

  .product-section .menu .image-box {
    width: 160px;
    top: -100%;
    padding-right: 0;
  }

  .product-section .menu .image-box>img {
    width: 160px;
    height: 160px;
  }

  .about-us-section .h2 {
    font-weight: 600;
    line-height: 44px;
  }

  .about-us-section .about-us-numbers {
    padding: 20px 0 0;
    margin: 28px 0 0;
  }

  .certificates-section {
    padding: 40px 0;
  }

  .laboratories-facilities-wrap {
    padding: 40px 0 0;
  }

  .who-we-are-wrap.key-process .key-process-listing li {
    font-size: 16px;
    line-height: 26px;
  }

  .our-founders-section .our-founder-box .our-founder-image img {
    width: 310px;
    height: 240px;
  }

  .about-us-wrap {
    padding: 40px 0 0;
  }

  .milestone-steps .milestone-steps-card .milestone-info .milestone-year {
    font-size: 48px;
    line-height: 58px;
  }

  .milestone-steps .milestone-steps-card .milestone-info {
    padding-left: 12px;
  }

  .laboratories-process-left {
    display: none;
  }

  .ehs-policies {
    gap: 20px;
    padding: 56px 24px;
  }

  .ehs-policies .ehs-policies-content ul {
    padding: 24px 0 0;
  }

  .our-offices-wrap {
    padding: 40px 0 0;
  }

  .our-offices-section .office-info .place-name {
    padding: 12px 0;
  }

  .our-offices-section .office-info .address {
    font-size: 16px;
    line-height: 24px;
  }

  .our-offices-section {
    padding: 0 0 40px;
  }

  .milestone-section .milestone-tabs {
    padding: 40px 0 0;
  }

  .milestone-section-wrap .milestone-section {
    padding: 40px 0;
    margin: 20px 0 0;
  }

  .milestone-section .milestone-tabs .milestone-content-box .milestone-text p {
    font-size: 20px;
    line-height: 30px;
  }

  .milestone-section .milestone-tabs .milestone-content-box .milestone-text {
    padding: 0 0 24px;
  }

  .milestone-section .milestone-tabs .nav-tabs .nav-link.active {
    font-size: 32px;
    line-height: 42px;
  }

  .milestone-section .milestone-tabs .nav-link {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (max-width: 767px) {
  .footer-bottom .copyright {
    width: 100%;
    padding: 0 0 10px;
  }

  .footer-bottom .footer-links {
    width: 100%;
  }

  .footer-top {
    flex-wrap: wrap;
  }

  .footer-col.logo {
    width: 100%;
  }

  .footer-wrap .footer-col {
    width: 100%;
    padding: 8px 0;
  }

  .footer-social-media .footer-social-links {
    padding: 0;
  }

  .footer-col.menus .footer-menu {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
  }

  .footer-wrap .footer-col .footer-social-media {
    display: flex;
    column-gap: 20px;
  }

  .footer-col.personal-info .footer-links {
    display: flex;
    flex-wrap: wrap;
  }

  .footer-links .footer-social-links {
    width: 100%;
  }

  .footer-links .footer-social-links:first-child {
    padding-top: 15px;
    padding-left: 0;
  }

  .footer-links .footer-social-links.address {
    width: 220px;
  }

  .product-section .menu .image-box {
    width: 130px;
    top: -100%;
    padding-right: 10px;
  }

  .product-section .menu .image-box>img {
    width: 130px;
    height: 130px;
  }

  .product-section .num {
    padding-right: 8px;
  }

  .who-we-are {
    padding: 0;
  }

  .expertise-capabilities .row .cols {
    padding: 12px;
  }

  .about-us-section .about-us-numbers ul {
    flex-wrap: wrap;
  }

  .about-us-section .about-us-numbers ul li .about-us-numbers-no {
    font-size: 22px;
    line-height: 32px;
  }

  .facilites-section .info {
    padding: 0;
  }

  .vision-mission-section .row {
    gap: 30px;
  }

  .vision-mission-section .vision-mission-text {
    padding: 30px;
  }

  .vision-mission-section .vision-mission-title .title {
    font-size: 24px;
    line-height: 34px;
  }

  .vision-mission-section .vision .vision-mission-title-box,
  .vision-mission-section .vision .vision-mission-text,
  .vision-mission-section .mission .vision-mission-text,
  .vision-mission-section .mission .vision-mission-title-box {
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
  }

  .our-founders-section .our-founder-box .our-founder-image img {
    width: auto;
    height: auto;
  }

  .our-founders-section .our-founder-box .our-founder-detail .name {
    font-size: 20px;
    line-height: 30px;
  }

  .our-founders-section .our-founder-box .our-founder-detail .designation {
    font-size: 16px;
    line-height: 26px;
  }

  .our-founders-section .our-founder-box .our-founder-detail {
    text-align: center;
    padding: 12px 0 0;
  }

  .our-founders-section .our-founder-box {
    padding: 16px 0;
  }

  .who-we-are-wrap.key-process .who-we-are-left .h2 {
    line-height: 44px;
  }

  .who-we-are-wrap.key-process .key-process-listing {
    padding: 28px 0 0;
  }

  .certificates-section .row {
    gap: 24px 0;
    padding: 28px 0 0;
  }

  .laboratories-facilities .laboratories-facilities-box {
    padding: 0 0 28px;
  }

  .laboratories-facilities .laboratories-facilities-box .title {
    padding: 12px 0 0;
  }

  .about-standard .who-we-are-left {
    max-width: 100%;
    padding: 0 0 28px;
  }

  .about-us-section .about-us-title {
    flex-wrap: wrap;
    gap: 20px;
  }

  .about-us-section .h2 {
    font-size: 24px;
    line-height: 34px;
  }

  .laboratories-process .laboratories-process-right .laboratories-process-box-title {
    font-size: 20px;
  }

  .milestone-steps .milestone-steps-card .milestone-icon {
    width: 80px;
  }

  .milestone-steps .milestone-steps-card .milestone-info {
    width: calc(100% - 80px);
    padding-left: 8px;
  }

  .milestone-steps .milestone-steps-card:before {
    left: 40px;
  }

  .milestone-steps .milestone-steps-card .milestone-info .milestone-content {
    font-size: 18px;
    line-height: 28px;
  }

  .milestone-steps .milestone-steps-card .milestone-info .milestone-year {
    font-size: 40px;
    line-height: 50px;
    padding: 0 0 8px;
  }

  .milestone-section .milestone-steps {
    padding: 18px 0 0;
  }

  .milestone-steps .milestone-steps-card {
    padding: 18px 0;
  }

  .company-process .company-process-slide {
    margin-right: 0;
    width: 50% !important;
  }

  .company-process .company-process-slider .slick-list {
    overflow: hidden;
  }

  .company-process .company-process-slider {
    padding-left: 0;
    padding-right: 0;
  }

  .company-process .company-process-slide img {
    padding: 0 8px;
  }

  .about-standard .who-we-are {
    padding: 20px 0 0;
  }

  .ehs-policies-wrap {
    padding: 20px 0;
  }

  .ehs-policies {
    flex-wrap: wrap;
    padding: 40px 24px;
    gap: 0;
  }

  .ehs-policies .ehs-policies-image {
    width: 100%;
  }

  .ehs-policies .ehs-policies-content {
    width: 100%;
    padding: 40px 0 0;
  }

  .ehs-policies .ehs-policies-content ul {
    padding: 24px 0 0;
  }

  .our-offices-section {
    padding: 0;
  }

  .our-offices-section .office-box {
    padding: 0 0 28px;
  }

  .thankyou-section .info p br {
    display: none;
  }

  .thankyou-section p {
    font-size: 24px;
    line-height: 30px;
  }

  .thankyou-section .info {
    padding: 16px 0 24px;
  }

  .thankyou-section .image {
    display: none;
  }

  .apply-now-section .apply-now-list {
    padding-bottom: 20px;
  }

  .apply-now-section-wrap {
    padding: 20px 0;
  }

  .product-categories .info p {
    font-size: 18px;
    line-height: 28px;
  }

  .product-categories .cols {
    padding: 100px 15px 0;
  }

  .product-categories .box-wrap .product-title .product-name {
    font-size: 24px;
    line-height: 34px;
  }

  .product-categories .box-wrap .product-img {
    padding: 0 15px;
  }

  .product-images .info p {
    font-size: 18px;
    line-height: 28px;
  }

  .product-images-wrap .product-images ul li {
    width: 28.33%;
    padding: 12px;
  }

  .product-images ul {
    gap: 0;
    padding: 40px 0;
  }

  .product-details-section .product-details-info {
    padding: 40px 0;
  }

  .product-details-section .product-details-info p {
    padding: 12px 0 0;
  }

  .product-details-section .product-details-info .images-group {
    padding: 40px 0 0;
  }

  .product-details-info .h2 {
    padding: 0 0 18px;
  }

  .product-details-section .product-details-info .full-images {
    padding: 40px 0 0;
  }

  #vacancy-modal .modal-content .modal-body {
    padding: 20px 12px;
  }

  #vacancy-modal .modal-content .modal-header {
    padding: 20px 12px;
    gap: 12px;
  }

  #vacancy-modal .modal-content .modal-header .h3 {
    font-size: 20px;
    line-height: 28px;
  }

  #vacancy-modal .modal-content .modal-header .image {
    width: 44px;
    height: 44px;
  }

  #vacancy-modal .modal-content .modal-header .image img {
    width: 12px;
  }

  .apply-now-section .apply-now-item .left .info {
    padding-left: 16px;
  }

  .apply-now-section .apply-now-item .left .logo img {
    width: 12px;
    height: auto;
  }

  .apply-now-list .apply-now-item .cta-btn {
    font-size: 16px;
    line-height: 26px;
    padding: 4px 16px;
  }

  .apply-now-section .apply-now-item .left .info .h3 {
    font-size: 20px;
    line-height: 30px;
  }

  .list-machine .table tbody tr td {
    font-size: 16px;
    line-height: 24px;
  }

  .list-machine .table thead tr th {
    font-size: 18px;
    line-height: 26px;
  }

  .machining-data-wrap .machining-data-section .machining-data-box {
    padding: 20px 0;
  }

  .machining-data-wrap .machining-data-section .machining-data-box ul {
    padding: 14px 0 0;
  }

  .machining-data-wrap .machining-data-section {
    padding: 20px 0;
  }

  .list-machine .table-responsive {
    padding: 18px 0 0;
  }

  .list-machine-wrap {
    padding: 40px 0;
  }

  .machining-data-wrap .machining-data-section .machining-data-box ul li {
    padding-left: 14px;
  }

  .product-categories .box-wrap .product-title {
    gap: 8px;
  }

  .product-categories .box-wrap:hover .product-title img {
    width: 32px;
  }

  .charts-section .chart-box {
    padding: 30px 0;
  }

  .charts-section .chart-box .chart-title {
    font-size: 22px;
    padding: 0 0 12px;
  }

  .who-we-are-wrap.key-process ul li:before {
    top: 9px;
  }

  .milestone-section .milestone-tabs .nav-link {
    width: auto;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 20px;
    line-height: 30px;
  }

  .milestone-section .milestone-tabs .nav-tabs {
    justify-content: center;
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: scroll;
    margin: 0 0 24px;
  }

  .milestone-section .milestone-tabs .nav-tabs .nav-link.active {
    font-size: 24px;
    line-height: 34px;
    gap: 8px;
  }

  .milestone-section .milestone-tabs .nav-tabs .nav-link.active .milestone-icon {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
  }

  .milestone-section .milestone-tabs .nav-tabs .nav-link.active img {
    width: 24px;
    height: 24px;
  }

  .milestone-section .milestone-tabs .milestone-content-box .milestone-text p {
    font-size: 16px;
    line-height: 26px;
  }

  .milestone-section-wrap {
    margin: 0;
  }

  .milestone-section .milestone-tabs {
    padding: 24px 0 0;
  }
}

@media (max-width: 576px) {
  .status-counter .row .cols {
    border-bottom: 0 !important;
  }

  .testimonial-client-box .testimonial-client-img {
    width: 40px;
    height: 40px;
  }

  .product-section .no-name {
    font-size: 20px;
    line-height: 30px;
  }

  .product-section .num.show {
    font-size: 18px;
  }

  .footer-links .footer-social-links {
    padding: 8px 0;
  }

  .footer-links .footer-social-links.address {
    width: 100%;
  }

  .about-us-section .about-us-numbers ul li {
    width: 50%;
  }

  .laboratories-process .laboratories-process-box {
    flex-wrap: wrap;
  }

  .laboratories-process .laboratories-process-box {
    padding: 24px 24px 0;
    margin: 0 0 24px;
  }

  .laboratories-process .laboratories-process-box .laboratories-process-box-center {
    width: 100%;
    padding: 0 0 24px;
  }

  .laboratories-process .laboratories-process-box .laboratories-process-box-right {
    width: 100%;
    padding: 0 0 24px;
  }

  .laboratories-process .laboratories-process-box .laboratories-process-box-left {
    width: 100%;
  }

  .laboratories-process .laboratories-process-box .laboratories-process-box-left .laboratories-process-box-img {
    display: none;
  }

  .laboratories-process .laboratories-process-right ul li {
    list-style-position: inside;
  }

  .company-process .company-process-slide {
    width: 100% !important;
  }

  .company-process .title-wrap {
    flex-wrap: wrap;
    gap: 24px;
    padding: 0 0 24px;
  }

  .apply-now-section .apply-now-item {
    flex-wrap: wrap;
  }

  .apply-now-section .apply-now-item .left {
    width: 100%;
    max-width: 100%;
    padding-right: 0;
  }

  .apply-now-section .apply-now-item .right {
    width: 100%;
    padding: 20px 0 0;
  }

  .apply-now-section .apply-now-item .right .cta-btn {
    text-align: left;
  }

  #vacancy-modal form .form-row {
    flex-wrap: wrap;
  }

  #vacancy-modal .modal-dialog {
    height: auto;
    padding: 24px 16px;
  }
}