/*@media (max-width: 768px) {*/
    /*.sticky-nav {*/
        /*top: calc(9rem); !* Adjust to the combined height of the mobile header *!*/
    /*}*/
/*}*/
@media screen and (max-width: 768px) {
    .dog-info {
        max-width: 100%;
    }

    .dog-photo {
        width: 100%;
    }

}
/* Slider CSS for Mobile */
@media (max-width: 768px) {
    .slider-container {
        display: flex;
        flex-wrap: nowrap; /* No wrapping */
        overflow-x: auto; /* Enable horizontal scrolling */
        scroll-snap-type: x mandatory; /* Snap scrolling */
        gap: 1rem; /* Add space between items */
        padding: 0; /* Remove any default padding */
        margin: 0; /* Remove any default margin */
    }

    .slider-item {
        flex: 0 0 100%; /* Take up the full width of the viewport */
        scroll-snap-align: center; /* Align the column to the center during scrolling */
        text-align: center; /* Center content */
        margin-right: 18px;
    }

    .slider-container::-webkit-scrollbar {
        display: none; /* Hide scrollbar for a cleaner look */
    }

    .mt-10 {
        margin-top: 0;
    }
}

/* category dog image */
@media (min-width: 768px) and (max-width: 991.98px) { /* Tablet screens */
    .dog-item img {
      width: 100%;
      max-width: 300px; /* Optional: adjust as per design */
    }
  }
  
  @media (min-width: 992px) { /* Desktop screens */
    .dog-item img {
      width: 400px;
      height: 360px;;
    }
  }

@media (min-width: 992px) {
    .col-lg-3 {
        flex: 0 0 auto;
        width: 90% !important;
    }

    button.owl-dot.active {
        display: none !important;
    }
}