.clear-fixy {
  clear: both;
}

.clearfix.visible-sm-block {
    display: none;
}

.search-result-excerpt .areas-list-container {
    display: none;
}

/* Hide the collapse row by default */
tr.collapse {
    display: none;
}

/* Optional: Styling for the button to center it below the table */
.pl-view-more {
    margin: 10px auto;
    display: block;
}

/* Optional: Add a subtle fade-in when the row appears */
.table-row-fade {
    animation: fadeIn 0.4s;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.product-container .row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 34px;
    margin-bottom: 40px;
}

.product-container .col-xs-3 {
    text-align: center !important;
}

.product-container span.img-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 150px;
    margin-bottom: 20px;
}

.product-container span.img-wrap img {
    height: 100%;
}

.row.pl-line-products {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 33px;
    margin-bottom: 60px;
}

.col-product-line {
    max-width: 357px;
    width: 100%;
}

.pl-wrapper {
    border: 1px solid #ddd;
    padding: 12px;
}

.col-product-line .pl-img-container {
    text-align: center;
    padding: 25px;
}

.col-product-line img {
    height: 150px;
}

thead.product-line-header h3 {
    font-size: 20px;
}

table.table.table-striped.pl-table td {
    font-size: 14px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.row.elseo-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 34px;
}

@media only screen and (max-width: 1150px) and (min-width: 1024px) {

    .main-header .header-items .header-col.logo-item img {
        height: 58px !important;
    }
    
    .contact-page-wrap .contact-page-info .contact-site-name {
        font-size: 16px !important;
    }
    
    .contact-info {
        font-size: 13px !important;
    }
    
    footer .column-element .footer-col-item.custom-footer-text, footer .column-element .footer-col-item.custom-footer-html, footer .column-element .footer-col-item.site-info a, footer.site-footer .footer-menu ul li a {
        font-size: 12px !important;
    }

} /* end 1150 to 1024 */

@media only screen and (max-width: 1023px) {

    .row.elseo-container {
        grid-template-columns: repeat(1, 1fr);
    }
    
}

@media only screen and (max-width: 400px) {

    .product-container .row {
        grid-template-columns: repeat(1, 1fr);
    }

} /* End 400 and below ONLY */