@media (max-width: 575.98px) {
          .parallax section {
                    background-attachment: unset;
                    background-repeat: no-repeat;
          }
          .parallax-section {
                    background-attachment: unset;
                    background-repeat: no-repeat;
          }

          .text-in-parallax h1 {
                    color: white;
                    font-size: 2.6em;
                    transition: 0.4s;
          }
          .principal {
                    width: 100%;
                    transition: 0.3s;
                    font-size: 1em;
                    background-color: rgba(255, 255, 255, 1);
                    text-align: center;
          }

          .nav-item:hover {
                    background-color: var(--secondary-light);
                    border-radius: 0px;
          }
          .nav-link {
                    color: black !important;
          }

          .active {
                    background-color: var(--primary);
                    color: white !important;
                    border-radius: 0px;
          }

          .collapse:not(.show) {
                    display: none !important;
          }
          .main-menu {
                    color: black !important;
                    padding: 0em;
          }

          .main-menu-scrolled {
                    background-color: rgba(255, 255, 255, 1);
                    color: black !important;
                    padding: 0em;
          }
          .navbar-collapse {
                    margin: 0;
          }
          .logo {
                    width: 250px;
                    transition: 0.4s;
                    margin: auto;
          }
          .logo img {
                    width: 100%;
          }
          .logo-scrolled {
                    width: 200px;
          }

          .text-in-services-container h1 {
                    font-size: 1.5em;
          }

          .info {
                    background-color: white;
                    flex-wrap: wrap;
                    margin: 0;
                    padding: 10px;
          }

          .card {
                    box-shadow: 0 0px 10px 1px rgba(0, 0, 0, 0.3);
                    transition: 0.3s;
                    width: 100%;
                    border: 0;
                    margin: 10px;
          }

          .card:hover {
                    -webkit-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.4);
                    -moz-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.4);
                    box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.4);
          }
          .informacion {
                    display: flex;
                    width: 100%;
                    padding: 0;
                    flex-wrap: wrap;
          }
          .informacion > div {
                    width: 100%;
                    padding: 10px;
          }
          .footer-about p {
                    display: none;
          }

          .photo-container {
                    height: 150px;
                    width: 500px;
                    transition: 0.3s;
          }

          .product-main-container {
                    margin-top: 100px;
                    padding-bottom: 25px;
          }

          .photo-and-description {
                    padding: 1px;
                    flex-direction: column;
          }

          .main-photo {
                    width: 100%;
                    padding: 10px;
          }

          .photo-container {
                    width: 100%;
                    height: 240px;
                    border-radius: 10px;
                    -moz-border-radius: 10px;
                    -webkit-border-radius: 10px;
          }

          .description-container {
                    width: 100%;
                    padding: 10px;
          }

          .breadcum {
                    margin: 0 10px 0 10px;
          }

          .secondary-photo {
                    margin-top: 0px;
          }

          .secondary-photo .gallery {
                    padding: 0;
          }

          .secondary-photo .photo-container {
                    width: 27.5%;
                    height: 100px;
          }

          .photo-container figure {
                    border-radius: 10px;
                    -moz-border-radius: 10px;
                    -webkit-border-radius: 10px;
          }
}

@media (min-width: 576px) and (max-width: 768px) {
          .photo-container {
                    width: 100%;
          }

          .main-photo {
                    padding: 0 25px 0 25px;
          }
          .description-container {
                    padding: 0;
          }

          .secondary-photo .photo-container {
                    width: 25%;
                    height: 150px;
          }
}

@media (min-width: 769px) and (max-width: 1366px) {
          .photo-container {
                    height: 275px;
          }

          .main-photo .photo-container {
                    height: 325px;
                    width: 100%;
          }

          .secondary-photo .photo-container {
                    width: 25%;
                    height: 200px;
          }
}

@media (min-width: 992px) {
}

@media (min-width: 1800px) {
    
          .main-photo .photo-container {
                    height: 500px;
          }

          .secondary-photo .photo-container {
                    height: 300px;
          }
}

@media (min-width: 2250px) {
          .photo-container {
                    height: 650px;
          }
}