@charset "utf-8";



/* ========== (All) ========== */
/* Banner
/* ========== (All) ========== */

#li-contact-banner-out			{}

#contact-banner 				{}



#contact-products .storeinside div:nth-of-type(1)
{
    line-height:0;
}

#contact-products .storeinside div:nth-of-type(2)
{
    border-style:none;
    line-height:200%;
    margin-left:1em;
}





@media screen and (min-width:311px) and (max-width:479px)
{

	/* ========== (480) ========== */
	/* Header
	/* ========== (480) ========== */

	.header-title-txt 				{
										font-size: 1.75em;
										margin:auto;
									}

	/* ========== (311) ========== */
	/* Section  - Data
	/* ========== (311) ========== */



	/* ========== (311) ========== */
	/* Information - General
	/* ========== (311) ========== */



	/* ========== (311) ========== */
	/* Format Sections with clickable Buttons!
	/*------------------------------------------------
	/* Section - Telephone Numbers
	/* Section - Internet Address
	/* Section - Social Media
	/* Section - Service Location
	/* ========== (311) ========== */



	/* ========== (311) ========== */
	/*  Banner Section
	/* ========== (311) ========== */



	/* ========== (311) ========== */
	/*  Brands
	/* ========== (311) ========== */



	/* ========== (311) ========== */
	/*  Category Section
	/* ========== (311) ========== */



	/* ========== (311) ========== */
	/* Information Additional
	/* ========== (311) ========== */



	/* ========== (311) ========== */
	/* Information General
	/* ========== (311) ========== */



	/* ========== (311) ========== */
	/* Management
	/* ========== (311) ========== */


	/* ========== (311) ========== */
	/* Map
	/* ========== (311) ========== */



	/* ========== (311) ========== */
	/* Notes
	/* ========== (311) ========== */



	/* ========== (311) ========== */
	/* Office Hours
	/* ========== (311) ========== */


	.contact-office-weekday  		{
										margin-left:25px;
									}

	.contact-office-weekday ul 		{}

	.contact-office-weekday > li 	{
										margin:4.7px auto auto 0;
										text-align: left;
										width:100%;
									}

	.contact-office-hours 			{
									}

	.contact-office-hours ul 		{}

	.contact-office-hours li 		{
										display:inline-block;
										line-height:100%;
										text-align: center;
									}

	.office-hours-start-time	 	{
										width:40%;
									}

	.office-hours-end-time			{
										width:40%;
									}

	/* ========== (311) ========== */
	/* Payment Terms
	/* ========== (311) ========== */



	/* ========== (311) ========== */
	/* Postal Address
	/* ========== (311) ========== */



	/* ========== (311) ========== */
	/* Products & Services
	/* ========== (311) ========== */

	/* ========== (311) ========== */
	/* Service Locations
	/* ========== (311) ========== */

	#li-contact-loc-out				{
										display:block;
									}

	#contact-loc 					{}

	/* ========== (311) ========== */
	/* Social Media
	/* ========== (311) ========== */



	/* ========== (311) ========== */
	/* Staff
	/* ========== (311) ========== */

	#contact-data li#li-contact-staff-out
									{
										margin:10px auto;	

									}


	#contact-staff ul > li 			{
										display:block;
										line-height:200%;
										object-fit:contain;
										padding-left:4%;
										padding-right:4%;
										text-align: center;
										vertical-align: top;
									}

	#contact-staff  img 			{
										width:calc(100% - 10px);
									}
	#contact-staff img:hover
									{	padding:3px;
										box-shadow: inset 2px 2px 2px 2px black;
									}

	/* ========== (311) ========== */
	/* Street Address
	/* ========== (311) ========== */



	/* ========== (311) ========== */
	/* Suburb
	/* ========== (311) ========== */

	#li-contact-suburb-out			{
										position:relative;							
									}

	#contact-suburb					{	
										position:relative;
									}

	#contact-suburb ul				{}

	#contact-suburb li 				{}

	/* ========== (311) ========== */
	/* Telephone
	/* ========== (311) ========== */

	#contact-tel ul li:nth-child(2) ul li:nth-child(1) 	/* Set height for fax icon */
									{
										height:62px;
									}

	/* ========== (311) ========== */
	/*	WIKINAM Navigation - Left Side Menu
	/* ========== (311) ========== */



	/* ========== (311) ========== */
	/*	Navigation - Right Side Menu
	/* ========== (311) ========== */



	/* ========== (311) ========== */
	/*	Footer Section
	/* ========== (311) ========== */



	/* ========== (311) ========== */
	/*	Footer Title
	/* ========== (311) ========== */



	/* ========== (311) ========== */
	/* Define buttons with characters
	/* ========== (311) ========== */

}


@media screen and (min-width:480px) and (max-width:719px)
{
	/* ========== (480) ========== */
	/* Header
	/* ========== (480) ========== */

	.header-title-txt 				{
										font-size:1.4em;
									}

	/* ========== (480) ========== */
	/* Section - Data
	/* ========== (480) ========== */



	/* ========== (480) ========== */
	/* Sections Floated Right
	/* ========== (480) ========== */

	#li-contact-www-out,
	#li-contact-box-out,
	#li-contact-suburb-out,
	#li-contact-info-add-out

									{}

	#contact-www,
	#contact-box,
	#contact-suburb,
	#contact-info-add 				{	/* Change properties for Number block ul li's */
										display:block;
									}

	/* ========== (480) ========== */
	/* Format Sections with clickable Buttons!
	/*----------------------------
	/* Section - Telephone Numbers
	/* Section - Internet Address
	/* Section - Social Media
	/* Section - Service Location
	/* ========== (480) ========== */

	#contact-tel ul li ul li:nth-child(1),
	#contact-www ul li ul li:nth-child(1),	/* Modify li containing Image */
	#contact-sm ul li ul li:nth-child(1),
	#contact-loc ul li ul li:nth-child(1)

									{	/* Position li Button */
										display:inline-block;
										margin-left:10%;
										width:64px;
									}

	#contact-tel ul li ul li:nth-child(2),	/* Modify li containing Data */
	#contact-www ul li ul li:nth-child(2),
	#contact-sm ul li ul li:nth-child(2),
	#contact-loc ul li ul li:nth-child(2)
									{
										display:inline-block;
										text-align:right;
										width:calc(100% - 10% - 100px);
									}

	#contact-tel ul.main-ul-paddings > li,
	#contact-www ul.main-ul-paddings > li,
	#contact-sm ul.main-ul-paddings > li,
	#contact-loc ul.main-ul-paddings > li
										/* Change properties for Contact Number block ul li's */
									{
										width:100%;
									}


	ul.main-ul-paddings li ul li 	{
									}


	ul.main-ul-paddings li:hover 	{	/* Highlight li when hovered */
										color:yellow;
										font-weight: 700;
										text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 1px 1px 5px black, 1px 1px 1px black;
									}

	ul#contact-data 				{	/* Provision for li shadows */
										padding:3%;
									}

	#contact-data > li				{}


	/* ========== (480) ========== */
	/*  Banner Section
	/* ========== (480) ========== */



	/* ========== (480) ========== */
	/*  Brands Section
	/* ========== (480) ========== */



	/* ========== (480) ========== */
	/*  Category
	/* ========== (480) ========== */



	/* ========== (480) ========== */
	/* Information Additional
	/* ========== (480) ========== */

	#li-contact-info-add-out 		{}

	#contact-info-add 				{}


	/* ========== (480) ========== */
	/* Information General
	/* ========== (480) ========== */

	#li-contact-info-gen-out 		{}


	#contact-info-gen				{}

	#li-contact-info-gen-out p 		{
										display:list-item;
										line-height:200%;
										margin-left:15px;
										margin-right:15px;
									}

	/* ========== (480) ========== */
	/* Management
	/* ========== (480) ========== */

	#li-contact-management-out		{}

	#contact-management-out h4		{		
										font-size: 120%;
										font-weight: bold;
									}

	#contact-management ul li h4 	{	/* Display Bullets with Headers */
										display:list-item;
									}

	#contact-management ul			{
										font-size: 100%;
										font-weight:normal;
										margin-left:10%;
										text-align: left;
									}

	#contact-management li			{	
										width:calc(100% - 25px);
									}

	div #contact-management > ul > li:hover	{	/* Highlight all li when hovered */
										color:yellow;
										font-weight: 900;
										text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 1px 1px 5px black, 1px 1px 1px black;
									}

	/* ========== (480) ========== */
	/* Map
	/* ========== (480) ========== */


	/* ========== (480) ========== */
	/* Notes Section
	/* ========== (480) ========== */



	/* ========== (480) ========== */
	/* Office Hours Section
	/* ========== (480) ========== */



	/* ========== (480) ========== */
	/* Payment Terms
	/* ========== (480) ========== */



	/* ========== (480) ========== */
	/* Postal Address
	/* ========== (480) ========== */



	/* ========== (480) ========== */
	/* Products & Services
	/* ========== (480) ========== */


	
	/* ========== (480) ========== */
	/* Service Locations
	/* ========== (480) ========== */



	/* ========== (480) ========== */
	/* Social Media Section
	/* ========== (480) ========== */



	/* ========== (480) ========== */
	/* Slideshow
	/* ========== (480) ========== */

	/* ========== (480) ========== */
	/* Staff
	/* ========== (480) ========== */


	/* ========== (480) ========== */
	/* Suburb
	/* ========== (480) ========== */



	/* ========== (480) ========== */
	/* Social Media
	/* ========== (480) ========== */



	/* ========== (480) ========== */
	/* Staff
	/* ========== (480) ========== */


	/* ========== (480) ========== */
	/* Street Address
	/* ========== (480) ========== */



	/* ========== (480) ========== */
	/* Suburb
	/* ========== (480) ========== */


	/* ========== (480) ========== */
	/* Telephone
	/* ========== (480) ========== */


	/* ========== (480) ========== */
	/*	Footer
	/* ========== (480) ========== */



	/* ========== (480) ========== */
	/*	WIKINAM Navigation Section - Left Side Menu
	/* ========== (480) ========== */



	/* ========== (480) ========== */
	/*	Navigation Section - Right Side Menu
	/* ========== (480) ========== */



	/* ========== (480) ========== */
	/* Define buttons with characters
	/* ========== (480) ========== */



	/* ========== (480) ========== */
	/*	Footer Title
	/* ========== (480) ========== */

}



@media screen and (min-width:720px) and (max-width:1279px)
{
	/* ========== (720) ========== */
	/* Page
	/* ========== (720) ========== */



	/* ========== (720) ========== */
	/* Header
	/* ========== (720) ========== */

	.header-title-txt 				{
										font-size: 2em;
									}

	/* ========== (720) ========== */
	/* Main
	/* ========== (720) ========== */



	/* ========== (720) ========== */
	/* Data Section
	/* ========== (720) ========== */



	/* ========== (720) ========== */
	/* Sections Floated left
	/* ========== (720) ========== */



	/* ========== (720) ========== */
	/* Sections Floated Right
	/* ========== (720) ========== */



	/* ========== (720) ========== */
	/* Format Sections with clickable Buttons!
	/* ========== (720) ========== */



	/* ========== (720) ========== */
	/* Format Sections with clickable Buttons!
	/*----------------------------
	/* Telephone Numbers
	/* Internet Address
	/* Social Media
	/* Service Location
	/* ========== (720) ========== */



	/* ========== (720) ========== */
	/* Additional Info Section
	/* ========== (720) ========== */



	/* ========== (720) ========== */
	/* Brands
	/* ========== (720) ========== */



	/* ========== (720) ========== */
	/* Category
	/* ========== (720) ========== */



	/* =========================== */
	/* Information General
	/* =========================== */



	/* ========== (720) ========== */
	/* Management
	/* ========== (720) ========== */



	/* ========== (720) ========== */
	/*  Google Map
	/* ========== (720) ========== */



	/* ========== (720) ========== */
	/* Information General
	/* ========== (720) ========== */



	/* ========== (720) ========== */
	/* Notes
	/* ========== (720) ========== */



	/* ========== (720) ========== */
	/* Office Hours
	/* ========== (720) ========== */



	/* ========== (720) ========== */
	/* Payment Terms
	/* ========== (720) ========== */



	/* ========== (720) ========== */
	/* Postal Address
	/* ========== (720) ========== */



	/* ========== (720) ========== */
	/* Products & Services
	/* ========== (720) ========== */


	
	/* ========== (720) ========== */
	/* Service Locations
	/* ========== (720) ========== */



	/* ========== (720) ========== */
	/* Slideshow
	/* ========== (720) ========== */



	/* ========== (720) ========== */
	/* Social Media
	/* ========== (720) ========== */



	/* ========== (720) ========== */
	/* Staff 
	/* ========== (720) ========== */



	/* ========== (720) ========== */
	/* Street Address
	/* ========== (720) ========== */



	/* ========== (720) ========== */
	/* Suburb
	/* ========== (720) ========== */



	/* ========== (720) ========== */
	/* Telephone Numbers
	/* ========== (720) ========== */



	/* ========== (720) ========== */
	/*	Footer
	/* ========== (720) ========== */



	/* ========== (720) ========== */
	/*	WIKINAM Navigation Left Side Menu
	/* ========== (720) ========== */



	/* ========== (720) ========== */
	/*	Navigation Right Side Menu
	/* ========== (720) ========== */



	/* ========== (720) ========== */
	/*	Footer Title
	/* ========== (720) ========== */



	/* ========== (720) ========== */
	/* Define buttons with characters
	/* ========== (720) ========== */
}


@media screen and (min-width:1280px)
{

	/* ========== (1280) ========== */
	/* Main
	/* ========== (1280) ========== */


	/* ========== (1280) ========== */
	/* Footer
	/* ========== (1280) ========== */



	/* ========== (1280) ========== */
	/* Information General
	/* ========== (1280) ========== */


	/* ========== (1280) ========== */
	/* Social Media
	/* ========== (1280) ========== */


	/* ========== (1280) ========== */
	/* Social Media
	/* ========== (1280) ========== */


	/* ========== (1280) ========== */
	/* Postal Address
	/* ========== (1280) ========== */


	/* ========== (1280) ========== */
	/* Street Address
	/* ========== (1280) ========== */



	/* ========== (1280) ========== */
	/* Slideshow
	/* ========== (1280) ========== */



	/* ========== (1280) ========== */
	/* Staff
	/* ========== (1280) ========== */



	/* ========== (1280) ========== */
	/* Map
	/* ========== (1280) ========== */


	/* ========== (1280) ========== */
	/* Notes
	/* ========== (1280) ========== */



	/* ========== (1280) ========== */
	/* Office Hours
	/* ========== (1280) ========== */


	/* ========== (1280) ========== */
	/* Products & Services
	/* ========== (1280) ========== */



}


h4
{
    border-style:none;
}