#colours-price-table {
    border-collapse: collapse;
}

#colours-price-scroll {
    width: 100%;
}

/* Desktop / default: table fits its container, never wider than 600px, no scrollbar */
#colours-price-table {
    width: 100%;
    max-width: 600px;
}
#colours-price-scroll {
    overflow-x: visible;
}

/* Mobile only: lock table to full 600px and let the wrapper scroll instead of squashing */
@media (max-width: 991px) {
    #colours-price-table {
        width: 600px;
        max-width: none;
    }
    #colours-price-scroll {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 991px) {
.navbname {font-size: 25px !important;}}