/* Paleta de Cores */

:root {
  --color-primary: #38b157 !important;
  --color-primary-dark: #000000 !important;
  --color-secondary: #2a2a2a !important;
  --color-grey: #e1e1e1 !important;
  --color-white: #fff !important;
  --color-black: #000000 !important;
}

@media (max-width: 1400px) {
  .timeline .card {
    max-width: 320px !important;
  }

  .container-content-info .text-description {
    max-width: 100% !important;
  }
}

@media (max-width: 1250px) {
  #blog .card {
    flex-direction: column !important;
    max-height: 100% !important;
  }

  #blog .card .card-image {
    max-width: 100% !important;
  }
}

@media (max-width: 1200px) {
  .desktop {
    display: none !important;
  }

  .mobile {
    display: block !important;
  }

  .navbar-collapse .menu-item {
    text-wrap: nowrap !important;
  }

  .products-menu ul a {
    color: var(--color-secondary) !important;
    background: var(--color-white-hover-menu) !important;
    box-shadow: none;
  }
}

@media (max-width: 991px) {
  .timeline li::before {
    height: 50% !important;
  }

  .timeline li .circle-border {
    right: calc(50% - 75px / 2) !important;
  }
}

@media (max-width: 771px) {
  .bg-price {
    object-fit: cover !important;
  }

  .container-bg {
    min-height: 250px !important;
  }

  .cont-bg-ttl {
    text-align: center;
    font-size: 1.8em !important;
  }

  .string_count {
    font-size: 3rem !important;
  }

  .navbar-collapse.open {
    width: 400px !important;
  }

  .navbar-content {
    padding: 50px !important;
  }

  .desktop-banner {
    display: none !important;
  }

  .mobile-banner {
    display: block !important;
  }
}

@media (max-width: 550px) {
  .btn_default_2 {
    font-size: 20px !important;
  }

  .container-banner-info {
    height: 400px !important;
  }

  .container-banner-info::before {
    height: 80px !important;
    top: -80px !important;
  }

  .btn_default_2 {
    width: 250px !important;
    height: 60px !important;
  }
}

@media (max-width: 450px) {
  #navbar .row .col a img {
    max-width: 140px !important;
    max-height: 40px !important;
    object-fit: contain;
  }

  #filter-portfolio {
    grid-template-columns: repeat(2, 0fr) !important;
  }

  .navbar-collapse.open {
    width: 100% !important;
  }

  .navbar-collapse {
    width: 100% !important;
    border-left: none !important;
  }

  .navbar-content {
    padding: 10px !important;
  }
}

@media (max-width: 350px) {
  .navbar-collapse.open {
    width: 100% !important;
  }

  .navbar-content {
    padding: 30px !important;
  }
}

@media (max-width: 330px) {
  #filter-portfolio {
    grid-template-columns: repeat(2, 0fr) !important;
  }

  .box-portfolio {
    border-radius: 10px;
    height: 200px !important;
    width: 250px !important;
    overflow: hidden;
  }

  #card-services,
  #card-services-2 {
    width: 100% !important;
  }

  #card-services .card-body .title,
  #card-services-2 .card-body .title {
    font-size: 1.2rem !important;
  }
}