/* Adjust columns for different screen sizes */
@media only screen and (min-width: 1280px) {
    .product-data-table, th, td {
        font-size: 1vw !important;
    }
}

@media only screen and (max-width:1000px) {
    #form-submit {
        font-size: 12px;
    }

    #filter-heading-wide {
        display: none;
    }

}

@media only screen and (min-width: 501px) {
    .col-1-6 {
        width: 16.6666%;
    }
}

@media only screen and (max-width: 706px) {
    .product-data-table, th, td {
        font-size: 1.5vw !important;
    }
}

@media only screen and (max-width: 701px) {
    .advertisement {
        display: none !important;
    }

    #modal-city-btn-cta {
        left: 60px;
    }

    #primary-col-3-hero-img {
        width: 49.9999% !important;
    }

    .product-data-table, th, td {
        font-size: 2vw !important;
    }

    .row-primary-1 {
        height: 13.5vh;
    }

    .w3-modal-content {
        width: 90%; /* Adjust width to 90% on small screens */
        height: auto; /* Allow height to adjust automatically */
        margin: 10% auto; /* Center with top/bottom margin */
    }

    .w3-sixth {
        width: 24.9999% !important;
    }

    .w3-twothird {
        width: 100% !important;
    }

}

@media only screen and (max-width: 601px) {
    .col-1-6,
    .col-1-3 {width: 100%;}

    /* #column-filter {display: none;} */

    .sticky {position: relative;}

    .w3-modal-content {margin: auto !important;}

    .w3-row-padding.modal-quadrant-btn {padding: 0 !important;}

    #primary-col-3-hero-img, 
    #primary-col-4-map-2, 
    #primary-col-5-ads {
        display: none;
    }

}

@media screen and (max-height: 450px) and (orientation: landscape) {
    #modal1 {
        padding-top: 60px !important;
    }
}