<!-- *** Matrix add-ons Business hours *** -->
<ul class="hours">
    <li>
        <span>Monday</span>
        <p>
            09:00 - 20:00
        </p>
    </li>
    <li>
        <span>Tuesday</span>
        <p>
            09:00 - 20:00
        </p>
    </li>
    <li>
        <span>Wednesday</span>
        <p>
            09:00 - 20:00
        </p>
    </li>
    <li>
        <span>Thursday</span>
        <p>
            09:00 - 20:00
        </p>
    </li>
    <li>
        <span>Friday</span>
        <p>
            09:00 - 20:00
        </p>
    </li>
    <li>
        <span>Saturday</span>
        <p>
            09:00 - 12:30
        </p>
    </li>
    <li>
        <span>Sunday</span>
        <p>
            Closed
        </p>
    </li>
</ul>

<!-- *** Matrix add-ons Business hours *** -->
<ul class="hours bg-primary mid-round color-white add-10" style="background:#002fdc;">
    <li>
        <span>Monday</span>
        <p>
            09:00 - 20:00
        </p>
    </li>

    <li>
        <span>Tuesday</span>
        <p>
            09:00 - 20:00
        </p>
    </li>

    <li>
        <span>Wednesday</span>
        <p>
            09:00 - 20:00
        </p>
    </li>

    <li>
        <span>Thursday</span>
        <p>
            09:00 - 20:00
        </p>
    </li>

    <li>
        <span>Friday</span>
        <p>
            09:00 - 20:00
        </p>
    </li>

    <li>
        <span>Saturday</span>
        <p>
            09:00 - 12:30
        </p>
    </li>

    <li>
        <span>Sunday</span>
        <p>
            Closed
        </p>
    </li>
</ul>

<!-- *** Matrix add-ons Business hours *** -->
<ul class="hours add-20 mid-round" style="border:1px solid #f0f0f0;">
    <li style="font-size:20px; padding:15px 0;">Business hours
    </li>

    <li>
        <span>Monday - Friday</span>
        <p>
            08:00 - 17:00
        </p>
    </li>

    <li>
        <span>Saturday</span>
        <p>
            08:00 - 12:30
        </p>
    </li>

    <li>
        <span style="color:red;">Sunday</span>
        <p style="color:red;">
            closed
        </p>
    </li>
</ul>

<!-- *** Matrix add-ons Business hours *** -->
<div class="hs-description color-white cc-clearover add-5 bg-dark">
    <div class="left-align">
        <div class="fa fa-clock-o">
            <p class="size-16 weight-500">
                Working hours
            </p>
        </div>
    </div>
</div>

<ul class="hours add-20" style="border:1px solid #f0f0f0;border-top:none;">
    <li>
        <span>Monday - Friday</span>
        <p>
            08:00 - 17:00
        </p>
    </li>

    <li>
        <span>Saturday</span>
        <p>
            08:00 - 12:30
        </p>
    </li>

    <li>
        <span style="color:red;">Sunday</span>
        <p style="color:red;">
            closed
        </p>
    </li>
</ul>

<!-- *** Matrix add-ons Business hours *** -->
<div class="hs-description color-white cc-clearover add-10 bg-wisteria" style="border-radius:5px 5px 0 0;">
    <div class="left-align">
        <div class="fa fa-clock-o">
            <p class="size-16 weight-500">
                Working hours
            </p>
        </div>
    </div>
</div>

<ul class="hours add-20 has-shadow" style="border:1px solid #f0f0f0;border-top:none; border-radius:0 0 5px 5px;">
    <li>
        <span>Monday - Friday</span>
        <p>
            08:00 - 17:00
        </p>
    </li>

    <li>
        <span>Saturday</span>
        <p>
            08:00 - 12:30
        </p>
    </li>

    <li>
        <span style="color:red;">Sunday</span>
        <p style="color:red;">
            closed
        </p>
    </li>
</ul>