@charset "utf-8";



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

#li-contact-banner-out			{}

#contact-banner 				{}

/* ========== (All) ========== */
/* Brands */

/*
#li-contact-brands-out			{}

#contact-brands 				{}

li #contact-brands				{
									padding:1em;	
								}


#contact-brands > ul > li,
#contact-terms > ul > li
								{
									clear:both;
									list-style: url(../../../../../../../../img/bul/index_bullet_round_gray_15px.png);
									margin-bottom:1em;
									margin-left:1em;
									margin-top:1em;
									width:calc(100% - 2em); line-height:1.5em;
								}

#contact-brands ul li ul		{
									margin-bottom:0.5em;
									margin-left:2em;
									
									margin-top:0.5em;
								}

#contact-brands ul li ul li		{	
									display:list-item;
									float:left;
									list-style: url(../../../../../../../../img/bul/index_bullet_round_gray_15px.png);
									width:32%;
								} */
	/* Format li with bullets */



/* ========== (All) ========== */
/* Categories */



/* ========== (All) ========== */
/* Information Additional */



/* ========== (All) ========== */
/* Information General */



/* ========== (All) ========== */
/* Management */



/* ========== (All) ========== */
/* Map */




/* ========== (All) ========== */
/* Notes */


#li-contact-notes-out			{}
	
#contact-notes					{} 	

/* ========== (All) ========== */
/* Office Hours */


#li-contact-office-hours-out	{}

#contact-office-hours 			{}

/* ========== (All) ========== */
/* Payment Terms */


#li-contact-terms-out			{}

#contact-terms 					{}

/* ========== (All) ========== */
/* Postal Address */


#contact-box li 				{
									display:block;
									margin-left:2em;
								}

/* ========== (All) ========== */
/* Products */



#products > section > div > ul
								{
									background-color:lightgoldenrodyellow;
									min-height:20em;
									max-height:20em;
									overflow-x:hidden;
									overflow-y:scroll;
								}

#products > section > div
								{
									background:yellow;
									margin:0 1em;	
									padding:5px;
								}
	

#ul-products					{
									margin: 0;
									padding: 0;
								}
	


#ul-products li 				{
									/* margin-top: -1px; /* Prevent double borders */
									
									text-align: left;
									text-decoration: none;
									vertical-align: middle;
								}

/* ========== (All) ========== */
/* Service Locations */




/* ========== (All) ========== */
/* Social Media */




/* ========== (All) ========== */
/* Staff */




/* ========== (All) ========== */
/* Street Address */


#li-contact-str-out 			{}

#contact-str 					{}

#contact-str li 				{
									display:block;
									margin-left:2em;
									width:calc(100% - 3em);
								}

/* ========== (All) ========== */
/* Suburb */








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

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


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


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


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


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


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


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


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

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


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


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


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


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


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


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


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


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


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


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


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


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


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


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




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



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



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

}


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

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



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

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


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


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

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


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

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


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


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



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


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


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


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


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


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


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



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

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

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

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


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


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


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


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


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


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


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


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



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

}



@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) ========== */

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

	/* ========== (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) ========== */

	#contact-data li#li-contact-staff-out
									{
										margin:10px auto;
										width:100%;					
									}


	#contact-staff ul > li 			{	background-color:0;
										display:inline-block;
										line-height:200%;
										text-align: center;
										vertical-align: top;
										width:calc((100% / 3) - 4px); /* Width - Margin-Left */
									}

	#contact-staff div 				{
										padding:10px;
									}

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

	/* ========== (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) ========== */

	#contact-info-gen p
								{	/* Format li with bullets */
									display:list-item;
									line-height:200%;
									margin-left:10%;
									width:calc(100% - 15%);
								}
	/* ========== (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) ========== */


	.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 			{	
										margin-left:10%;
									}

	.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%;
									}

}