@media (min-width: 992px) and (max-width: 1299px) {
  div#testimonialsCarousel {
    width: 100%;
  }

  .hero h1 {
    font-size: 60px;
  }

  .hero {
    padding: 45px 0px;
    padding-bottom: 60px;
  }

  .container {
    padding: 0px 25px;
  }

  .btn-alpna {
    padding: 18px 36px;
  }

  .section {
    padding: 50px 0;
  }

  .section-title {
    font-size: 36px !important;
  }

  .stat-value {
    font-size: 36px !important;
  }

  .stat-card {
    padding: 35px;
  }

  .product-categories-heading {
    margin-bottom: 30px !important;
  }

  .coating-solutions-left-home {
    width: 199px;
    margin-left: -45px;
  }

  .coating-solutions-right-home .cat-media img {
    bottom: 89px;
  }

  .gap-buttom-mb {
    margin-bottom: 30px !important;
  }

  .app-card .overlay span {
    font-size: 18px;
  }

  .app-card .overlay {
    padding: 20px;
  }

  .product-item .sub {
    margin-bottom: 10px;
  }

  .product-item h3 {
    font-size: 20px;
  }

  .components {
    padding: 75px 0;
  }

  .components h2 {
    font-size: 36px;
  }
      .production h2 {
        font-size: 42px;
    }
    .pd-product-card .media img{
      width: 100% !important;
      object-fit: contain;
    }
    .page-banner h1 {
    font-size: 56px;
}
.contact-card h3 {
    font-size: 20px;
}
.contact-card {
    padding: 30px;
}
.form-title{
  font-size: 42px;
}
.brand-lockup {
    width: 135px;
    height: 60px;
    padding-right: 9px;
    border-radius: 8px;
}
}




@media (max-width: 991px) {

  .hero-controls,
  .hero-videonote {
    right: 0;
    left: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    bottom: 40px;
  }



}


@media (min-width: 768px) and (max-width: 991px) {
  .hero {
    height: inherit;
  }

  .hero {
    padding: 50px 0px;
    padding-bottom: 50px;
  }

  .hero h1 {
    font-size: 42px;
  }

  .btn-alpna {
    gap: 12px;
    padding: 16px 24px;
    font-size: 10px;
  }

  .hero p {
    font-size: 16px;
    margin-bottom: 25px;
  }

  .section,
  .components {
    padding: 45px 0;
  }

  .section-title {
    font-size: 28px;
  }

  .achievements-top-heading {
    margin-bottom: 25px !important;
  }

  .stat-icon {
    width: 60px;
    height: 60px;
    font-size: 20px;
  }

  .stat-value {
    font-size: 24px;
    margin-bottom: 5px;
  }

  .stat-label {
    font-size: 10px;
  }

  .stat-card {
    padding: 20px;
  }

  .eyebrow {
    font-size: 11px;
    margin-bottom: 8px;
  }

  .product-categories-main .btn-alpna {
    gap: 10px;
    padding: 15px 30px;
    font-size: 10px;
  }

  .product-categories-heading {
    margin-bottom: 25px !important;
  }

  .uv-curing-home {
    padding-left: 25px;
    padding-top: 25px;
  }

  .uv-curing-home+div img {
    margin-top: 15px;
  }

  .cat-card h4 {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .cat-card p {
    font-size: 14px;
    margin-bottom: 16px;
  }

  .coating-solutions-left-home h4 {
    margin-top: 15px;
  }

  .coating-solutions-left-home {
    width: 315px;
    margin-left: -63px;
  }

  .gap-buttom-mb {
    margin-bottom: 25px !important;
  }

  h3.section-title {
    font-size: 28px !important;
  }

  .app-card .overlay span {
    font-size: 16px;
    line-height: normal;
  }

  .components h2 {
    font-size: 28px;
  }

  .glyph img {
    width: 65px;
  }

  .production {
    padding: 74px 0 45px;
  }

  .production h2 {
    font-size: 28px;
    margin-bottom: 15px;
  }

  .production .tagline {
    padding-left: 16px;
    margin-bottom: 25px;
  }

  .production .stat-num {
    font-size: 24px;
  }

  .production .divider {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }

  .btn-dark-alpna {
    padding: 15px 30px;
    font-size: 11px;
  }

  .production.phome .production-media img {
    top: 15px;
    width: 100% !important;
    height: initial !important;
    margin-bottom: 49px;
  }

  .footprint h3 {
    font-size: 28px;
  }

  .footprint h3 .big {
    font-size: 36px;
  }

  .brand-lockup {
    width: 110px;
    height: 45px;
    padding-right: 10px;
    border-radius: 5px;
  }

  .page-banner {
    padding: 45px 0 50px;
  }

  .page-banner h1 {
    font-size: 36px;
  }

  .body-copy {
    font-size: 14px;
  }

  .stat-strip .s-num {
    font-size: 24px;
    margin-top: 15px;
  }

  .stat-strip {
    padding: 0px 15px;
  }

  .framed-media img {
    padding: 15px;
    padding-bottom: 0;
  }

  .do-cell {
    padding: 18px 20px;
    min-height: 150px;
  }

  .vision-section {
    padding: 45px 0;
  }

  .body-copy {
    margin-bottom: 12px;
  }

  .production-media img {
    top: 25px;
  }

  .container {
    padding: 0px 25px;
  }

  .gap-buttom-mb {
    margin-bottom: 25px !important;
  }

  .pd-icon-card img {
    height: 45px;
  }

  .btn-outline-alpna {
    padding: 16px 32px;
  }

  .state-art-main {
    height: 400px;
    margin: inherit;
    margin-top: 40px;
  }

  .split-panel .split-media {
    height: 408px;
  }

  .icon-cell {
    padding: 20px 15px;
    min-height: 120px;
  }

  .mc-feature {
    padding: 20px 15px;
  }

  .fag-list-main {
    margin-top: 25px !important;
  }

  .deco-section {
    padding-top: 80px;
  }

  .mc-logos {
    max-width: 100%;
  }

  .mc-hash {
    font-size: 20px;
  }

  .mc-safety {
    padding: 45px 0;
  }

  .sp-pill {
    gap: 18px;
    padding: 18px 19px;
    font-size: 12px;
  }

  .sp-pill .n {
    font-size: 18px;
  }

  .sp-step {
    padding: 20px 20px 25px;
  }

  .sp-step .s {
    font-size: 24px;
    margin-bottom: 12px;
  }

  .sp-step p {
    font-size: 12px;
  }

  .pd-band {
    padding: 45px 0;
  }

  .contact-card {
    padding: 25px;
  }

  .contact-card h3 {
    font-size: 18px;
  }

  .contact-card .c-icon {
    width: 45px;
    height: 45px;
    font-size: 18px;
    margin-bottom: 16px;
  }

  .address-card {
    padding: 25px 30px;
    height: 100%;
  }

  .form-title {
    font-size: 28px;
  }

  .form-title br {
    display: none;
  }

  .pd-product-card .media img {
    width: 100% !important;
  }

  .no-contant-mobile {
    display: none;
  }
}

@media (max-width: 767px) {

      html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    *,
    *::before,
    *::after {
        box-sizing: border-box;
    }
  .hero p {
    font-size: 15px;
    margin-bottom: 20px;
  }

  .hero-controls,
  .hero-videonote {
    right: 0;
    left: 0;
    margin: auto;
    display: flex;
    justify-content: center;
  }

  .hero {
    height: inherit;
  }

  .btn-alpna {
    gap: 8px;
    padding: 10px 15px;
    font-size: 8px;
    letter-spacing: inherit;
    transition: all .3s;
  }

  .section,
  .components {
    padding: 36px 0;
  }

  .achievements-top-heading {
    margin-bottom: 15px !important;
  }

  .section-title {
    font-size: 24px !important;
  }

  .stat-value {
    font-size: 20px;
  }

  .stat-card {
    padding: 20px 20px;
  }

  .stat-label {
    font-size: 10px;
  }

  .stat-icon {
    width: 55px;
    height: 55px;
    font-size: 20px;
  }

  .stat-value span {
    font-size: 20px;
  }

  .eyebrow {
    font-size: 10px;
    margin-bottom: 10px;
  }

  .product-categories-main .btn-alpna {
    gap: 10px;
    padding: 15px 30px;
    font-size: 10px;
  }

  .product-categories-heading {
    margin-bottom: 20px !important;
  }

  .uv-curing-home {
    padding-left: 15px;
    padding-top: 15px;
  }

  .uv-curing-home+div .cat-media {
    padding: 15px;
  }

  .cat-media {
    height: inherit;
  }

  .uv-curing-home+div img {
    margin-top: 15px;
  }

  .cat-media img {
    padding: 0 10px;
  }

  .cat-card h4 {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .cat-card p {
    font-size: 12px;
    margin-bottom: 20px;
  }

  .coating-solutions-right-home .cat-media img {
    width: inherit;
  }

  .coating-solutions-left-home {
    width: inherit;
    margin-left: 0;
    padding: 0px 15px;
  }

  .cat-card {
    min-height: inherit;
  }

  .coating-solutions-box {
    height: auto;
  }

  .coating-solutions-left-home h4 {
    margin-top: 15px;
  }

  .gap-buttom-mb {
    margin-bottom: 20px !important;
  }

  .why-visual {
    margin: 0 auto 30px;
    max-width: inherit;
  }

  .why-item h4 {
    padding-left: 13px;
    font-size: 12px;
    margin-bottom: 8px;
  }

  .why-item p {
    font-size: 10px;
    line-height: 14px;
  }

  .applications-section-main button {
    padding: 0;
    width: 32px;
    height: 16px;
  }

  .our-technology-text {
    font-size: 10px !important;
    max-width: inherit !important;
  }

  .app-card,
  .app-card.raised {
    height: 250px;
    margin-top: 0;
  }

  .app-card .overlay {
    height: inherit;
    padding: 10px !important;
  }

  .app-card .overlay span {
    font-size: 12px;
  }

  .featured-products-contant-main button {
    padding: 0 !important;
    width: 32px !important;
    height: 16px !important;
  }

  /* .product-media {
        height: inherit;
    } */
  .mid-pro:after {
    display: none;
  }

  .mid-pro:before {
    display: none;
  }

  .product-item-line::after {
    display: none;
  }

  .product-item-line::before {
    display: none;
  }

  .components .corner {
    top: 0;
  }

  .top-quality-cmop {
    margin-top: 35px;
  }

  .section-title,
  .components h2 {
    font-size: 22px;
  }

  .components .intro {
    max-width: inherit;
    margin: 0 auto 25px;
    font-size: 10px;
    line-height: 1.4;
  }

  .logo-col {
    gap: 15px;
  }

  .logo-map {
    gap: 15px;
  }

  .logo-map .row-marks {
    gap: 15px;
  }

  .logo-grid {
    gap: 24px;
  }

  .logo-mark img {
    width: 100px;
  }

  .t-card {
    padding: 15px 35px 20px;
  }

  div#testimonialsCarousel span.glyph.position-absolute img {
    width: 50px;
  }

  .box-testmonials-main {
    margin-bottom: 25px;
  }

  .t-card p.quote {
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 20px;
    z-index: 2;
  }

  div#testimonialsCarousel span.glyph.position-absolute {
    bottom: -20px;
    right: 77px;
  }

  .production {
    padding: 45px 0 50px;
  }

  .production .production-media {
    padding-top: 0;
    padding-bottom: 30px;
  }

  .btn-dark-alpna {
    padding: 14px 23px;
    font-size: 11px;
    letter-spacing: .1em;
    transition: all .3s;
  }

  .production .divider {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }

  .production .stat-num {
    font-size: 18px;
  }

  .production .stat-cap {
    font-size: 8px;
    letter-spacing: .1em;
  }

  .production .tagline {
    font-size: 12px;
    padding-left: 20px;
    margin-bottom: 25px;
  }

  .production h2 {
    font-size: 24px;
    margin-bottom: 10px;
  }

  .section-title,
  .components h2 {
    margin-bottom: 15px !important;
  }


  .no-contant-mobile {
    display: none;
  }

  .pd-table thead th {
    font-size: 8px;
  }

  .pd-table th,
  .pd-table td {
    padding: 8px 13px;
  }

  .footprint h3 .big {
    font-size: 24px;
  }

  .pd-table tbody th {
    font-size: 10px;
  }

  .pd-table td {
    font-size: 10.5px;
  }

  .lab-cat {
    padding-bottom: 35px;
  }

  .pd-product-card .media img {
    width: 100% !important;
    max-width: none;
    height: inherit;
  }

  .footprint h3 {
    font-size: 24px;
  }

  .footprint-map {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
  }

  .site-footer {
    padding: 60px 0 25px;
  }

  .site-footer h4 {
    margin-bottom: 15px;
  }

  .site-footer .col-lg-3.col-md-6 {
    margin-top: 20px;
  }

  .footer-bottom {
    margin-top: 25px;
    padding-top: 20px;
  }

  .brand-lockup {
    width: 100px;
    height: 40px;
    padding-right: 11px;
    border-radius: 4px;
  }

  .footer-brand {
    margin-bottom: 15px;
  }

  .bottom-footer {
    gap: 10px !important;
  }

  .page-banner {
    padding: 35px 0 35px;
  }

  .page-banner h1 {
    font-size: 32px;
  }

  .page-banner .banner-sub {
    font-size: 12px;
    line-height: 18px;
    margin-top: 10px;
  }

  .body-copy {
    font-size: 14px;
    line-height: 18px;
  }

  .stat-strip .s-num {
    font-size: 18px;
    margin-top: 10px;
  }

  .framed-media img {
    border-radius: 10px;
    padding: 15px;
    width: 100%;
    height: auto;
  }

  .journey-card {
    padding: 20px 15px;
  }

  .lead-copy {
    font-size: 14px;
    line-height: 1.4;
    max-width: 100% !important;
  }

  .do-cell {
    min-height: 0;
    padding: 20px 15px;
  }

  .do-cell .do-num {
    font-size: 12px;
  }

  .do-cell h4 {
    font-size: 15px;
    margin-top: 12px;
  }

  .do-cell h4 br {
    display: none;
  }

  a.do-cell.cta {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    justify-content: center;
    padding: 15px 20px;
  }

  .do-cell.cta h4 {
    font-style: italic;
    line-height: normal;
    margin: 0;
    font-size: 12px;
  }

  .vision-section {
    padding: 32px 0;
    padding-top: 60px;
  }

  .col-top-gap-main {
    margin-top: 25px !important;
  }

  .production .production-copy {
    margin-top: 30px;
  }

  .production-media img {
    top: 35px;
  }

  .vision-copy {
    font-size: 16px;
  }

  .vision-section .col-lg-6 {
    margin-top: 25px;
  }

  .mission-list li {
    padding: 10px 0 10px 20px;
    font-size: 13px;
    line-height: 1.4;
  }

  .mission-list li::before {
    left: 0;
    top: 24px;
    width: 6px;
    height: 6px;
  }

  .global-footprint-right-main {
    margin-top: 20px !important;
    padding-top: 10px !important;
  }

      .pd-logo {
        max-height: 37px;
        margin-bottom: 14px;
    }
    .pd-logo {
    background: #ffffff;
    border-radius: 5px;
    padding: 5px;
}

.who-we-are-main{
  padding-bottom: 25px;
}


.feature-table thead tr:first-child th{
  font-size: 12px;
}
  .why-item {
    height: 100%;
  }

  .production .cta-copy {
    font-size: 12px;
    line-height: 1.4;
    max-width: 100%;
    margin-bottom: 20px;
  }

  .btn-outline-alpna,
  .production .btn-alpna {
    padding: 14px 18px;
    font-size: 8px;
  }

  .production .production-media {
    margin-top: 0;
  }

  .pd-band {
    padding: 32px 0;
  }

  .faq-col-main {
    margin-top: 20px;
  }

  .pd-faq .accordion-body {
    padding: 0 0 20px;
    font-size: 12.5px;
    line-height: 1.50;
  }

  .pd-spec .v {
    font-size: 15px;
  }

  .pd-spec {
    padding: 16px;
  }

  .pd-band .pd-intro {
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 16px;
  }

  .pd-icon-card {
    padding: 20px 15px;
  }

  .pd-icon-card p {
    font-size: 12px;
  }

  .mc-list li {
    font-size: 12px;
  }

  .fag-list-main {
    margin-top: 20px !important;
  }

  .pd-intro {
    font-size: 14px;
    line-height: 18px;
  }

  .pd-intro {
    font-size: 14px;
    line-height: 18px;
  }

  .pd-product-card .media {
    padding: 15px;
  }

  .pd-product-card h3 {
    font-size: 18px;
  }

  .state-art-main {
    height: 400px;
    margin-top: 30px;
    padding-left: 0;
  }

  .product-media-img-main img {
    top: 25px;
  }

  .deco-section {
    padding-top: 55px !important;
  }

  .mc-subtitle {
    font-size: 18px;
    margin-bottom: 5px;
  }

  .mc-icon-grid>div {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 8px;
  }

  .mc-tag {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: normal;
  }

  .mc-safety-title {
    font-size: 28px;
  }

  .mc-safety-copy {
    font-size: 12px;
    line-height: 1.5;
  }

  .mc-safety {
    padding: 32px 0;
  }

  .mc-hash-chip {
    padding: 8px 16px;
  }

  .mc-hash {
    font-size: 16px;
  }

  .mc-card-media {
    padding: 15px;
  }

  .mc-card-body,
  .mc-panel {
    padding: 15px;
  }

  .mc-card h4 {
    margin-bottom: 10px;
  }

  .sp-pill {
    padding: 10px;
    font-size: 12px;
  }

  .sp-pill .n {
    font-size: 16px;
  }

  .pd-intro {
    max-width: 100%;
    margin-bottom: 15px;
  }

  .sp-step .s {
    font-size: 18px;
    margin-bottom: 6px;
  }

  .sp-step p {
    font-size: 11px;
  }

  .sp-step {
    padding: 15px 18px 15px;
  }

  .sp-benefit {
    padding: 18px 15px;
  }

  .sp-benefit i {
    width: 40px;
    height: 40px;
    font-size: 14px;
    margin-bottom: 12px;
  }

  .sp-benefit h4 {
    font-size: 12px;
  }

  .sp-panel {
    padding: 15px;
  }

  .why-item {
    padding-left: 2px;
  }

  .sp-trust>div {
    font-size: 12px;
    padding: 14px 0;
    gap: 10px;
  }

  .sp-trust span {
    font-size: 15px;
  }

  .pd-subhead {
    margin-bottom: 10px;
  }

  .sp-contact {
    padding: 24px 15px;
  }

  .sp-contact .k {
    font-size: 9px;
    letter-spacing: normal;
    margin-bottom: 2px;
  }

  .sp-contact .v {
    font-size: 16px;
  }

  .contact-card,
  .address-card {
    padding: 15px;
  }

  .contact-card .c-icon {
    width: 45px;
    height: 45px;
    font-size: 18px;
    margin-bottom: 15px;
  }

  .contact-card h3 {
    font-size: 16px;
  }

  .contact-card .c-role {
    font-size: 8px;
    margin-bottom: 15px;
  }

  .contact-card .c-line {
    gap: 10px;
    padding: 10px 0;
    font-size: 11px;
  }

  .address-card .a-city {
    font-size: 16px;
    margin-bottom: 6px;
  }

  .address-card .a-body {
    font-size: 13px;
    line-height: 1.4;
  }

  .contact-form-section {
    padding: 100px 0 36px;
  }

  .alpna-form .btn-alpna {
    margin-top: 6px;
  }

  textarea#cf-message.form-control-alpna {
    height: 60px;
  }

  .form-control-alpna {
    font-size: 14px;
    padding: 4px 0;
    height: 35px;
  }

  .form-label-alpna {
    margin-bottom: 0;
  }

  .alpna-form .col-md-6 {
    margin-top: 15px;
  }

  .form-note {
    font-size: 12px;
    line-height: 1.4;
    max-width: 100%;
  }

  .form-title {
    margin: 0 0 15px;
  }

  .hero-controls button {
    width: 32px;
    height: 16px;
    padding: 0;
  }

  .app-card.raised::after {
    height: 64px;
  }
}