/** ALL DEVICES ----------------------------------------*/
.product-thumb  {
    background: #fff;
    border: 1px solid #bbb;
    border-radius: 10px;
    margin-bottom: 20px;
    overflow: auto;
}
.product-thumb .caption  {
    background: none;
    text-align: center;
    padding: 20px 20px 10px 20px;
}
.product-thumb .caption h4 a {
    font-size: 1.75rem;
    line-height: 2.5rem;
    font-weight: 600;
}
.product-thumb .caption p  {                           
    background: none;
    text-align: center;
    padding: 5px 0px 10px 0px;
    font-size: 1.4rem;
    line-height: 1.9rem;
}
.product-thumb .caption p.price  {
    background: none;
    text-align: center;
    padding: 5px 0px 10px 0px;
    font-size: 2rem;
    line-height: 1.9rem;
}
.product-thumb .caption p .price-new  {
    color: #000;
}
.product-thumb .caption p .price-old  {
    font-weight: 600;
    color: red;
}
.product-thumb .caption p .price-tax  {
    padding: 5px 0px 0px 0px;
    color: #000;
}

.hateemel {
    border: 0px solid #DDD;
    padding:12px;
    margin-bottom: 20px;
    overflow: auto;
    width: 100%;
    text-shadow: none;
}
.special-banner-overlay {
    line-height: 18px;
}

.bootstrap-xform {
    background: #fff;
    padding: 40px;
    border-radius: 25px;
}

/** PAGE COPY ---------------------------------------------------------------- **/
/* Base container layout for desktop */
.row-text {
    padding-left: 10px;
}
.responsive-row {
    background: none;
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.row-text .h2-row-text {
    background: none;
    font-size: 1.75rem;
    font-weight: 900;
    color: #FFCC2A;
    padding: 0px 0px 0px 0px;
}
.row-text .h3-row-text {
    font-size: 3.5rem;
    font-weight: 900;
    padding: 10px 0px 15px 0px;
}
.row-text .p-row-text {
    font-size: 1.75rem;
    line-height:2.5rem;
    font-weight: 500;
}
/* Ensures elements share the space equally */
.row-image,
.row-text {
    flex: 1;
}
/* Makes the image fully responsive */
.row-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 15px;
}
.div_row_details {
    margin-top: 20px;
    float: left;
}
.div_row_details ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
/** Phone Hours **/
.div_row_details .contact .fa-phone {
    float: left;
    padding: 15px 17px;
    border-radius: 10px;
}
.div_row_details .contact a .fa-phone {
    background: #000;
    color: #FFCC2A;
    font-size: 3rem;
}
.div_row_details .contact a:hover .fa-phone {
    background: red;
    color: #fff;
    font-size: 3rem;
}
.div_row_details .contact a .phone_hours {
    background: none;
    display: block;
    float: left;
    font-size: 2.25rem;
    padding: 0px 0px 0px 15px;
    color: #000;
}
.div_row_details .contact a:hover .phone_hours {
    color: #000;
}
/** Address **/
.div_row_details .location .fa-map-marker {
    float: left;
    padding: 15px 20px 15px 20px;
    border-radius: 10px;
}
.div_row_details .location a .fa-map-marker {
    background: #000;
    color: #FFCC2A;
    font-size: 3rem;
}
.div_row_details .location a:hover .fa-map-marker {
    background: red;
    color: #fff;
    font-size: 3rem;
}

.div_row_details .location a .address {
    background: none;
    display: block;
    float: left;
    font-size: 2.25rem;
    padding: 0px 0px 0px 15px;
    color: #000;
}
.div_row_details .location a:hover .address {
    color: #000;
}
/** Blocks **/
.div_row_blocks {
    background: none;
    width: 100%;
    float: left;
    padding: 20px 0px 0px 0px;
    border-radius: 20px;
}
.div_row_blocks .blocks {
    background: #000;
    margin: 10px 0px 0px 0px;
}
.div_row_blocks .blocks .pagelink a {
    background: #000;
    width: 100%;
    float: left;
    padding: 30px;
    margin: 10px 0px 0px 0px;
    display: block;
    border-radius: 20px;
    color: #fff;
    font-size: 2.25rem;
    text-align: left;
}
.div_row_blocks .blocks .pagelink a:hover {
    background: red;
    color: #fff;
}

/** Information Page Styling **/
.information_title {
    font-size: 3rem;
    margin-bottom: 30px;
}
.information_paragraph {
    font-size: 1.65rem;
    line-height: 22pt;
    padding-bottom: 75px;
}
.information_paragraph ul li {
    font-size: 2rem;
}

/* Mobile responsive breakdown */
@media (max-width: 768px) {
    .responsive-row {
        flex-direction: column; /* Stacks the columns vertically */
    }
}