.wsite-elements.wsite-not-footer div.paragraph,
		.wsite-elements.wsite-not-footer p,
		.wsite-elements.wsite-not-footer .product-block .product-title,
		.wsite-elements.wsite-not-footer .product-description,
		.wsite-elements.wsite-not-footer .wsite-form-field label,
		.wsite-elements.wsite-not-footer .wsite-form-field label,
		#wsite-content div.paragraph,
		#wsite-content p,
		#wsite-content .product-block .product-title,
		#wsite-content .product-description,
		#wsite-content .wsite-form-field label,
		#wsite-content .wsite-form-field label,
		.blog-sidebar div.paragraph,
		.blog-sidebar p,
		.blog-sidebar .wsite-form-field label,
		.blog-sidebar .wsite-form-field label {
		    font-family: "Verdana" !important;
		}

		.wsite-elements.wsite-not-footer h2,
		.wsite-elements.wsite-not-footer .product-long .product-title,
		.wsite-elements.wsite-not-footer .product-large .product-title,
		.wsite-elements.wsite-not-footer .product-small .product-title,
		#wsite-content h2,
		#wsite-content .product-long .product-title,
		#wsite-content .product-large .product-title,
		#wsite-content .product-small .product-title,
		.blog-sidebar h2 {
		    font-family: "Verdana" !important;
		}

		#wsite-title {
		    font-family: "Verdana" !important;
		}

/* Mobile Responsiveness Improvements */
@media screen and (max-width: 768px) {
    /* 1. Main containers width constraint */
    #container, #page {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }

    #wrap {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 2. Header and Logo stacking */
    #header {
        height: auto !important;
    }
    #header, #header tbody, #header tr, #header td {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        padding: 0 !important;
    }
    #logo {
        padding: 15px 0 !important;
    }
    #logo img {
        max-width: 200px !important;
        height: auto !important;
    }
    #header-right {
        padding: 10px 0 !important;
    }
    #header-right table {
        float: none !important;
        margin: 0 auto !important;
    }

    /* 3. Navigation stacking & wrapping */
    #topnav {
        text-align: center !important;
        height: auto !important;
        padding: 10px 0 !important;
    }
    #topnav ul {
        float: none !important;
        display: block !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    #topnav ul li {
        float: none !important;
        display: inline-block !important;
        background: none !important;
        padding: 6px 4px !important;
        margin: 2px !important;
    }
    #topnav a {
        float: none !important;
        display: inline-block !important;
        margin: 0 !important;
        padding: 6px 10px !important;
        font-size: 13px !important;
        border-top: 2px solid transparent !important;
    }
    #topnav li#active a, #topnav a:hover {
        border-top: 2px solid #8db558 !important;
    }

    /* 4. Table layout stacking (including Multi-columns) */
    .wsite-multicol-table, 
    .wsite-multicol-table tbody, 
    .wsite-multicol-table tr, 
    .wsite-multicol-table td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    #blogTable, 
    #blogTable tbody, 
    #blogTable tr, 
    #blogTable td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .blog-body {
        float: none !important;
        width: 100% !important;
    }
    .blog-sidebar {
        float: none !important;
        width: 100% !important;
        padding-left: 0 !important;
        margin-top: 30px !important;
        border-top: 1px solid #ddd !important;
        padding-top: 20px !important;
    }

    /* 5. Images and Floats */
    img, .wsite-image {
        max-width: 100% !important;
        height: auto !important;
    }
    span.imgPusher {
        display: none !important;
    }
    .wsite-elements span[style*="float:left"],
    .wsite-elements span[style*="float: left"],
    .wsite-elements span[style*="float:right"],
    .wsite-elements span[style*="float: right"] {
        float: none !important;
        display: block !important;
        margin: 15px auto !important;
        text-align: center !important;
        max-width: 100% !important;
    }

    /* 6. Form Fields responsive widths */
    .wsite-form-field {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }
    .wsite-form-input, 
    .wsite-input, 
    input[type="text"], 
    textarea, 
    select {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    .wsite-form-input-container {
        width: 100% !important;
    }
    .wsite-form-left, 
    .wsite-form-right {
        float: none !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 5px 0 !important;
        box-sizing: border-box !important;
    }

    /* 7. Footer alignment */
    #footer {
        text-align: center !important;
        padding: 20px 0 !important;
    }
}