@media (max-width: 1550px) {
  header .navbar-nav .nav-item .nav-link {
    font-size: 1.1rem;
  }
  header .navbar .navbar-brand img {
    max-width: 185px;
  }
  header .navbar-utilities .search-form {
    margin-left: 0rem;
  }
}
@media (max-width: 1450px) {
  header .navbar {
    padding: 1.5rem 0rem;
  }
}
@media (max-width: 1200px) {
  header .navbar .navbar-brand img {
    max-width: 170px;
  }

  header .navbar-menu .navbar-nav {
    justify-content: flex-end;
    gap: 1.5rem;
  }
  .module-category-card .category-item .category-image {
    width: 11rem;
    border-radius: var(--border-radius-md);
    position: relative;
    z-index: 1;
    height: 100%;
    padding-bottom: 16rem;
  }
  .module-category-card .category-title p {
    font-size: 24px;
  }
  .section-contact {
    padding-top: 0.5rem !important;
    padding-bottom: 1rem !important;
  }
  .col-lg-12.categories-grid > .categories-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }

  .col-lg-12.categories-grid > .categories-grid .module {
    grid-column: span 1 !important;
    grid-row: auto !important;
  }
  .col-lg-12.categories-grid > .categories-grid .module:nth-child(7) {
    grid-column: span 2 !important;
    justify-self: center;
    max-width: 100%;
  }

  .module-category-card .category-item .category-image {
    width: 100% !important;
    max-width: 100%;
  }
  .module-category-card .category-item .category-image {
    padding-bottom: 0rem;
  }

  .category-item-inner .category-image > * {
    max-width: 12rem;
  }
  .category-item-inner {
    gap: 0rem;
  }
}

@media (max-width: 1111px) {
  header .navbar-nav .nav-item .nav-link {
    font-size: 1rem !important;
  }
}

@media (max-width: 1020px) {
  header .header-top-part .navbar-utilities .search-form .form-control {
    padding-right: unset !important;
  }

  .categories-cards-section > .container > .row {
    row-gap: var(--bs-gutter-x);
  }

  .module-category-card .category-item .category-title {
    text-transform: uppercase;
    font-weight: 600;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .categories-grid.grid-3,
  .categories-grid.grid-4 {
    grid-template-columns: 1fr;
    gap: 18px;
  }
}

@media (max-width: 992px) {
  .txt-title-tip {
    padding-bottom: 1rem;
  }

  .module-category-card .category-title p {
    font-size: 32px;
    font-weight: 700;
  }


  .navbar-nav li:last-child .nav-link {
    background-color: #130f02;
    border-radius: var(--border-radius-btn);
    color: var(--primary-color-btn) !important;
    padding: 0.7rem 1rem 0.8rem 1rem;
    transition: all 0.3s ease;
    display: flex;
    justify-content: center;
  }

  .navbar-nav li:last-child {
    border-bottom: unset;
    /* margin-left: 1rem; */
  }

  .videos-youtube {
    grid-template-columns: repeat(2, 1fr);
  }
  .produse-pg-col {
    padding: 3rem 1rem;
  }

  header .navbar-menu .navbar-nav {
    justify-content: center;
    gap: 2.5rem;
  }

  .module-category-card .category-item .category-image {
    display: flex;
    justify-content: center;
    margin: 0 auto;
  }

  header .navbar .navbar-brand img {
    max-width: 150px;
  }

  header .navbar-utilities .search-form {
    margin-left: unset;
  }

  header .navbar-utilities {
    width: 100%;
  }

  .navbar-toggler {
    position: absolute;
    top: 15px;
    right: 0;
    transform: translate(3px, 9px);
  }

  header .navbar .navbar-brand img {
    width: 12rem;
    max-width: 20rem;
    height: auto;
  }

  .cod-bullets {
    position: unset;
    padding-bottom: 1.5rem;
  }
  .hp-hero-inner {
    gap: unset;
  }
  .hero-steps {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    gap: 10px;
    right: unset;
  }

  .servicii-col-left-col {
    border-bottom-left-radius: unset;
    border-top-left-radius: unset;
  }

  .btn-servicii {
    padding-right: 3rem;
  }

  .btn-servicii .btn {
    max-width: unset;
  }
  .about-card-col {
    margin: 1rem 0rem;
  }

  .servicii-col-right {
    padding-left: 3rem !important;
    padding-right: 3rem;
  }

  .servicii-col-right-col {
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
  }

  .section-adaptate .module-button {
    padding-top: 2rem !important;
  }

  .image-faq {
    padding-top: 5rem;
    display: flex;
    justify-content: center;
    padding-bottom: 2rem;
  }

  footer {
    padding-left: unset;
    padding-right: unset;
  }
  header .navbar {
    padding: 1.8rem 0rem;
  }
  header .navbar-nav .nav-item .nav-link {
    border-right: unset;
    border-left: unset;
  }
  .filters-sidebar {
    display: none;
  }
  .manuals-sidebar {
    display: none;
  }
}

@media (max-width: 768px) {
  h1 {
    font-size: 1.7rem;
    font-weight: 400;
  }

  h2 {
    font-size: 2.9rem;
    font-weight: 500;
  }

  h3 {
    font-weight: 500;
    font-size: 2.1rem;
  }

  h4 {
    font-weight: 500;
    font-size: 1.7rem;
  }

  p {
    font-weight: 300;
    font-size: 1.2rem;
  }

  li {
    font-weight: 400;
    font-size: 20px;
  }

  li::marker {
    font-size: 2rem;
  }
  .hp-faq .accordion-button {
    font-size: 1.5rem;
  }

  .row.builder-row {
    flex-direction: column;
    align-items: center;
  }
  .navbar-toggler-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .hp-hero-inner {
    min-height: calc(100vh - var(--header-height-mobile) - 1rem);
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 2rem 1.5rem 1.5rem;
  }

  .timeline.timeline-horizontal {
    overflow-x: auto;
    overflow-y: hidden;

    display: flex;
    justify-content: flex-start;
    gap: 20px;

    position: relative;

    -webkit-overflow-scrolling: touch;
  }
  .category-header .category-image-inner {
    max-width: 12rem;
}

.category-header    p ,
.category-header    a {
        font-weight: 300;
        font-size: 0.9rem;
    }
    .category-header {
        padding: 1rem 0 1rem;
    }

  .order-image-col{
    order: -1;
  }
  .pg-servicii .module-button {
    margin: 0 0 2rem;
  }

  .timeline.timeline-horizontal .timeline-item {
    flex: 0 0 160px;
    position: relative;
  }

  .timeline.timeline-horizontal .timeline-line {
    position: absolute;
    top: 50%;
    left: 0;
    height: 4px;
    width: 1500px;
    background: #dcdcdc;
    transform: translateY(-50%);
  }

  .timeline.timeline-horizontal .timeline-content {
    width: 140px;
  }

  .timeline.timeline-horizontal::-webkit-scrollbar {
    height: 8px;
  }


  .timeline.timeline-horizontal::-webkit-scrollbar-track {
    background: #eee;
    border-radius: 10px;
  }

  .timeline.timeline-horizontal::-webkit-scrollbar-thumb {
    background: #bbb;
    border-radius: 10px;
  }

  .timeline.timeline-horizontal::-webkit-scrollbar-thumb:hover {
    background: #999;
  }

  .categories-scroll-indicator-timeline {
    width: 100%;
    height: 6px;
    margin: 0rem 0rem 3rem;
    background: #eee;
    border-radius: 10px;

    position: relative;
    margin-top: 15px;
    overflow: visible;
  }
  .timeline-horizontal::-webkit-scrollbar {
    display: none;
  }

  .categories-scroll-indicator-timeline span {
    position: absolute;
    left: 0;
    top: 0;

    height: 100%;
    width: 80px;

    background: linear-gradient(90deg, #999, #666);

    border-radius: 10px;

    transition: transform 0.1s linear;
  }

  .hp-hero .left h1,
  .h1 {
    font-size: 1.7rem !important;
  }
  header .navbar .navbar-brand {
    justify-content: center;
  }

  header .navbar .navbar-brand img {
    max-width: 190px;
  }
   .company-box p {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }

    .company-box p a {
        display: block;
    }

  .produse-pg-col {
    width: 100%;
    padding: 2rem 1rem;
  }
  .contact-pg .social-media ul {
    gap: 1rem;
    padding: 1rem 0rem;
  }
  .produse-pg {
    max-width: 100%;
    border-radius: 8px;
    gap: 10px;
  }

  footer .footer-class .row {
    margin-right: unset;
  }
  .servicii-col-left {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 1rem 0rem 2rem;
  }
  .servicii-col-left-col,
  .servicii-col-left {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .servicii-col-right-col {
    order: -1;
  }
  .div-mobile-btn .btn-mobile {
    display: flex !important;
    justify-content: center;
    padding: 3rem 0rem 2rem;
  }
  .servicii-col-right {
    padding-left: 0rem !important;
    padding-right: 0rem;
  }

  .servicii-col-left .module-button {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
  }

  .about-ba-section .left {
    gap: 0 1rem;
  }
  .about-ba-section .left .module-text {
    grid-column: 1 / 3;
  }
  .about-ba-section .left .right {
    grid-row: inherit;
  }
  .parallax-section {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }

  .section-cards-about-us {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .col-inputs-form {
    padding-right: unset;
  }
  .container-tech-btn {
    flex-direction: column;
    justify-content: unset;
  }

  .txt-servicii p {
    padding-right: unset;
  }
  .fst-col-nav {
    padding-bottom: 2rem;
  }
  .snd-col-nav {
    padding-bottom: 2rem;
  }

  .anpc-sol-col-col {
    padding-bottom: 2rem;
  }
  .col-code-rights {
    flex-direction: column;
    gap: 1rem;
  }
  .module-category-card .category-item .category-image {
    padding-bottom: 0rem;
  }

  .category-item-inner .category-image > * {
    max-width: 12rem;
  }
  .category-item-inner {
    gap: 0rem;
  }

  .module-category-card .category-title p {
    font-size: 30px;
  }

  .about-card {
    margin-bottom: 2rem;
  }

  .fickle-header {
    padding: 0.9rem 1.25rem;
  }

  .btn-servicii .btn {
    max-width: 100%;
    font-size: clamp(0.95rem, 4vw, 1.25rem);
    padding: 0.9rem 1.5rem;
    border-radius: 50px;
  }

  .fickle-faq.active .fickle-content {
    padding: 0.8rem 1.25rem 1rem;
  }
  .cms-nav-center {
    position: static;
    transform: none;
    text-align: left;
    width: 100%;
    margin-top: 8px;
  }
  .cms-product-nav-inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .hero-column-text-col {
    min-height: 70vh;
    padding: 3rem 1.5rem;
    justify-content: center;
    text-align: center;
    border-radius: 0;
  }

  header .navbar-menu .navbar-nav {
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
  }
  .hero-tech .img-hero-tech {
    display: none;
  }

  header .navbar-menu .navbar-nav li {
    width: 100%;
    justify-content: center;
  }

  .hero-column-text-col h1 {
    font-size: clamp(1.5rem, 5vw, 2.2rem);
    padding-bottom: 0.75rem;
  }

  .section-hero h2 {
    /* font-size: clamp(1.1rem, 4??zw, 1.6rem); */
    padding-bottom: 1rem;
  }

  .bottom-hero-text p {
    font-size: clamp(0.9rem, 2.8vw, 1.3rem);
    line-height: 1.5;
    white-space: normal;
  }

  .div-veziproduse {
    padding: 0.5rem 0.75rem;
    flex-direction: column;
  }
  .module-category-card .category-title p {
    font-size: 16px;
    font-weight: 700;
  }
  .category-badge .badge-text {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: 14px;
  }

  .nav.nav-tabs {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-width: none;
    scroll-behavior: smooth;
  }

  .nav.nav-tabs::-webkit-scrollbar {
    display: none;
  }
  .manual-sidebar-box {
    margin-bottom: 2rem;
  }
  .manual-sidebar {
    position: static;
  }
  .product-tabs .tabs-nav .nav-tabs {
    border: 1px solid #d9d9d9;
    border-radius: var(--border-radius-lg);
  }
  .product-tabs .tabs-nav {
    position: static;
    margin-top: 1rem;
  }

  .nav.nav-tabs .nav-item {
    flex: 0 0 auto;
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
  }
  .cms-related-products .product-card {
    display: flex;
    flex-direction: column;
  }
  .section-contact {
    padding-top: 0.5rem !important;
    padding-bottom: 1rem !important;
  }
  .col-lg-12.categories-grid > .categories-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .col-lg-12.categories-grid > .categories-grid .module {
    grid-column: span 1 !important;
    grid-row: auto !important;
  }
  .col-lg-12.categories-grid > .categories-grid .module:nth-child(7) {
    grid-column: span 2 !important;
    justify-self: center;
    max-width: 100%;
  }

  .module-category-card .category-item .category-image {
    width: 100% !important;
    max-width: 100%;
  }

  .section-adaptate,
  .section-faq,
  .section-contact,
  .serivicii-section,
  .servicii-section,
  .section-products,
  .section-experts,
  .section-povestea-noastra,
  .section-our-mission {
    padding: 2rem 0rem;
  }

  .cms-related-products .product-body {
    padding: 20px;
    background-color: #f3f4f6;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .product-view .product-content .product-header .product-description {
    padding-top: 2rem;
  }

  .product-view .product-content .product-header .product-description h1 {
    font-size: 2rem;
  }

  .fickle-tehnologii .fickle-item .fickle-title a {
    font-size: 1.5rem;
  }

  .produse-pg {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin: 1rem 0;
  }

  .fickle-tehnologii {
    padding: 2rem 1rem;
  }

  .fickle-tehnologii .fickle-image img {
    max-width: 50px;
  }

  .fickle-tehnologii .fickle-title {
    font-size: 16px;
  }

  .fickle-tehnologii .fickle-button .btn {
    font-size: 12px;
    padding: 6px 10px;
  }
  .abt-sames-content-col {
    order: -1;
  }

  .abt-sames .image-right-abt {
    padding-top: 1rem;
  }
  .product-tabs .tabs-nav .nav-tabs .nav-item .nav-link {
    padding: 0.9rem 1rem;
    font-size: 1rem;
  }

  .navbar-utilities {
    transition:
      transform 0.3s ease,
      opacity 0.3s ease;
  }

  .navbar-utilities.hide {
    transform: translateY(-20px);
    opacity: 0;
  }
  /* SCROLL CONTAINER */
  .piese-imagini.py-5 {
    display: flex;
    align-items: center;
    gap: 25px;

    overflow-x: auto;
    overflow-y: hidden;

    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;

    padding-bottom: 12px;
    justify-content: unset;
    /* ascunde scrollbar */
    scrollbar-width: none;
  }

  .piese-imagini.py-5 .module {
    flex: 0 0 auto;
  }

  .piese-imagini.py-5 img {
    height: 80px;
    width: auto;
    object-fit: contain;
    display: block;
  }

  .piese-imagini.py-5::-webkit-scrollbar {
    height: 8px;
  }

  .piese-imagini.py-5::-webkit-scrollbar-track {
    background: #eee;
    border-radius: 10px;
  }

  .piese-imagini.py-5::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 10px;
  }

  .piese-imagini.py-5::-webkit-scrollbar-thumb:hover {
    background: #666;
  }

  .categories-scroll-indicator {
    width: 100%;
    height: 6px;
    background: #eee;
    border-radius: 10px;
    position: relative;
    margin-top: 10px;
    overflow: hidden;
    margin: 0 auto;
  }
  .section-faq .btn-mobile {
    display: flex !important;
    margin: 3rem 0rem 0rem;
    justify-content: center;
  }

  .section-adaptate .btn-mobile {
    display: flex !important;
    margin: 1rem 0rem 0rem;
    justify-content: center;
  }
  .section-experts .btn-mobile {
    display: flex !important;
    margin: 1rem 0rem 0rem;
    justify-content: center;
  }

  .categories-scroll-indicator span {
    position: absolute;
    left: 0;
    top: 0;

    height: 100%;
    width: 80px;

    background: linear-gradient(90deg, #999, #666);

    border-radius: 10px;

    transition: transform 0.1s linear;
  }

  .navbar-utilities.hidden {
    display: none;
  }
}
@media (max-width: 576px) {
  .videos-youtube {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 500px) {
  a {
    font-size: 1.2rem;
  }

  h2 {
    font-size: 2.4rem;
  }

  .form-control {
    font-size: 15px;
  }

  h4 {
    font-size: 1.5rem;
  }

  .proudcts-listed-description ul {
    grid-template-columns: repeat(1, 1fr);
  }

  .piese-imagini .module-image {
    max-width: 12rem;
  }

  .footer-simple-menu ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
  }
  .module-category-card .category-item:before {
    height: 15rem;
  }

  .cms-related-products .product-card:hover {
    transform: none;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
  }

  .cms-related-products .product-image {
    padding: 14px;
  }

  .cms-related-products .product-image img {
    max-height: 140px;
  }

  .cms-related-products .product-body {
    padding: 14px;
  }

  .category-item .cta-text {
    font-size: 0.7rem;
  }
  .cms-related-products .row > div {
    margin-bottom: 20px;
  }

  .product-view {
    padding: 1rem 0rem;
  }

  .cms-nav-left {
    width: 100%;
  }

  .cms-nav-right {
    display: none;
  }

  .btn-back-text {
    font-size: 20px;
    padding-bottom: 0.5rem;
  }

  .cms-breadcrumb .breadcrumb {
    font-size: 13px;
    flex-wrap: wrap;
  }
  .category-header .text-inner {
    padding: 1rem 0rem;
  }
  .read-more-wrapper {
    position: absolute;
    bottom: 0rem;
    right: 10px;
  }
  .row-category {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
  }
  .form-check-label a {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
  .btn-servicii .btn {
    font-size: 1rem;
    padding: 0.8rem 1.2rem;
  }

  header .navbar .navbar-brand img {
    max-width: 190x;
  }

  .section-adaptate,
  .section-faq,
  .section-contact,
  .servicii-section,
  .section-products,
  .section-experts,
  .section-povestea-noastra,
  .section-our-mission {
    padding: 3rem 0rem;
  }

  .section-hero {
    padding-bottom: 2rem;
  }

  .hero-column-text-col {
    min-height: 65vh;
    padding: 2.5rem 1rem 6rem;
  }

  .hero-column-text-col h1 {
    font-size: 1.4rem;
  }

  .section-hero h2 {
    /* font-size: 1.1rem; */
  }

  .bottom-hero-text p {
    font-size: 0.95rem;
    line-height: 1.5;
  }

  header .navbar-menu .navbar-nav {
    gap: 1rem;
  }
  .category-item .cta-text {
    font-size: 0.7rem;
  }
  .category-item .cta-wrapper .icon-inner {
    padding: 0.4rem;
  }
  .category-item .cta-wrapper .icon-inner svg {
    width: 8px;
    height: 8px;
  }
  .category-item-inner .top {
    gap: 0rem;
  }
  .image-faq {
    padding-top: 3rem;
  }
  .module-category-card .category-title p {
    font-size: 15px;
  }
  .category-item-inner .category-image > * {
    max-width: 8rem;
  }
/* 
  .categories-grid .module-category-card:last-child .category-image > * {
   max-width: 7rem;
  } */

  .categories-grid .module-category-card:last-child .category-image > * {
    padding: .3rem;
}


  
  .div-veziproduse {
    padding: 0.4rem 0.5rem;
  }
  .category-item .cta-wrapper {
    gap: 0.5rem;
  }
  .category-item-inner {
    padding: 0 0 0.4rem 1.5rem;
  }
  .module-category-card .category-item .category-image {
    width: 15rem;
    border-radius: var(--border-radius-md);
    position: relative;
    z-index: 1;
    height: 100%;
  }
  .fickle-tehnologii .fickle-item .fickle-title a {
        font-size: 1.1rem;
    }
    .produse-pg { 
        gap: 7px;
    }
}
/* @media (max-width: 375px) {

  .categories-grid .module-category-card:last-child .category-image > * {
    width: 100px !important;
    height: 100px !important;
  }
} */