@charset "utf-8";
/* ========== (All) ========== */
/* Banner
/* ========== (All) ========== */



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



/* ========== (All) ========== */
/* Category
/* ========== (All) ========== */



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



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



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



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



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



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



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



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

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

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

#li-contact-products-out		{}

li #contact-products			{
									padding:5%;	
								}

#contact-products li 			{
									display:list-item;
									float:left;
									line-height:200%;
									margin-left:1em;
									width:100%;
								}

#contact-products ul li			{
									list-style: url(../../../../../../../../img/bul/index_bullet_round_gray_15px.png);
								}

#contact-products ul li ul li
								{
									list-style: url("../../../../../../../../img/bul/index_bullet_round_red_15px.png");
									width:calc(100% - 2em);
								}

#contact-products ul li ul li ul li
								{	
									list-style: url("../../../../../../../../img/bul/index_bullet_round_blue_15px.png");
									width:calc(100% - 2em);
								}

#contact-products ul li ul li ul li ul li
								{
									list-style: url("../../../../../../../../img/bul/index_bullet_round_green_15px.png");
									width:calc(100% - 2em);
								}

#contact-products ul li ul li ul li ul li ul li
								{
									list-style: url("../../../../../../../../img/bul/index_bullet_round_orange_15px.png");
									width:calc(100% - 2em);
								}

#contact-products > ul > li:not(:first-child) /* All Exept Topmost */
								{
									padding-top:1em;
								}

#contact-products > ul > li > ul
								{
									clear:both;
									margin-left:1em;
								}

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



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



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



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

#li-contact-str-out 			{}

#contact-str 					{}

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

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



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


li #contact-cat					{
									padding:5%;	
								}


#contact-cat > ul > li		{
									clear:both;
									list-style: url(../../../../../../../../img/bul/index_bullet_round_gray_15px.png);
									margin-bottom:1em;
									margin-left:1em;
									margin-top: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 Section
	/* ========== (311) ========== */



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



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

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

	#contact-brands li,
	#contact-cat li,
	#contact-terms li,
	#contact-suburb li,
	#contact-info-gen li,
	#contact-info-add li,
	#contact-accessories li
									{	/* Format li with bullets */
										display:list-item;
										list-style: url(../../../../../../../../img/bul/index_bullet_round_gray_15px.png);
										line-height:200%;
										margin-left:10%;
										width:calc(100% - 15%);
									}

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



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

	#li-contact-brands-out			{}

	#contact-brands 				{}

	#li-contact-brands-out ul		{}

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



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

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

	#contact-info-add 				{}

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

	#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;
									}

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

	#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);
									}

	ul.main-ul-paddings li:hover 	{	/* Highlight li when hovered */
										font-weight: 700;
									}

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

	#contact-google-map 			{
										font-family:Arial;
										font-size:100%;
										font-weight:600;
										margin-left:auto;
										margin-right:auto;
									}

	#contact-google-map li 			{
										display:inline;
									}

	#contact-google-map li:not(:last-child):after { 	
										content: ", ";
									}

	#contact-google-map h2 			{	
										color:navy;
										font-family:Arial;
										font-size:12px;
										font-weight:bold;
										letter-spacing: 2px;
										line-height:150%;
										margin-top:1em;
										text-shadow: none;
										width:90%;
									}

	#map							{
										height:85vw;
										margin:1em 1em;
										
									}

	#map:hover						{
										box-shadow: -1px -1px 3px 1px rgba(0,0,0,0.75);
									}

	#contact-google-map li 			{
										display:inline;
									}

	#contact-google-map li:not(:last-child):after 
									{ 	
										content: ", ";
									}

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



	/* ========== (311) ========== */
	/* Office Hours Section
	/* ========== (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 Section
	/* ========== (311) ========== */

	#li-contact-terms-out			{
									}

	#li-contact-terms-out ul		{
										margin: 15px 0 0 25px;
									}

	#contact-terms					{	
									}
	mana
	#contact-terms ul 				{
									}

	#contact-terms li 				{
									}


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



	/* ========== (311) ========== */
	/* Products & Services
	/* ========== (311) ========== */
	
	#contact-products ul li 		{

									}
	
	#contact-products > ul > li > ul > li
									{	
										width:calc(100% - 1em);
									}

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

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

	#contact-loc 					{}

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



	/* ========== (311) ========== */
	/* Staff Section
	/* ========== (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 Section - Left Side Menu
	/* ========== (311) ========== */



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



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



	/* ========== (311) ========== */
	/*	Footer Title Section
	/* ========== (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: 2em;
										margin:auto;
									}

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



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

	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				{}



	#contact-data li 				{
										list-style:none;
									}

	.shopinside  					{	/* Container for shop inside images */
										background-color:white;
										padding:8px;
									}

	.shopinside img 				{
										display:block;
										margin:0 auto;
										width:100%;
									}




	/* ========== (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%;
									}

	#contact-brands li,
	#contact-cat li,
	#contact-terms li,
	#contact-suburb li,
	#contact-info-gen li,
	#contact-info-add li,
	#contact-accessories li
									{	/* Format li with bullets */
										display:list-item;
										list-style: url(../../../../../../../../img/bul/index_bullet_round_gray_15px.png);
										line-height:200%;
										margin-left:10%;
										width:calc(100% - 15%);

									}


	/* ========== (480) ========== */
	/* Section - Telephone Numbers 		             */
	/* ========== (480) ========== */

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



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



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



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



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



	/* ========== (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) ========== */
	/* Section -  Google Map 						 */
	/* ========== (480) ========== */





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


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

	/* ========== (480) ========== */
	/* Section - Payment Method Section

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


	/* ========== (480) ========== */
	/* Section - Payment Method
	/* Section - Suburb

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

	#li-contact-terms-out			{}

	#contact-terms					{}

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

	#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;
									}

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

	#li-contact-suburb-out			{}

	#contact-suburb					{}




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

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

	/* ========== (480) ========== */
	/* General Info 								 */
	/* ========== (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) ========== */
	/*  Banner Section
	/* ========== (480) ========== */



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

	#contact-data li#li-contact-brands-out
									{}

	#contact-brands li 				{}

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

	#li-contact-cat-out				{}

	#contact-cat 					{}

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

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

	#contact-info-add 				{}



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

	#contact-google-map 			{
										font-family:Arial;
										font-size:100%;
										font-weight:600;
										margin-left:auto;
										margin-right:auto;
									}

	#contact-google-map li 			{
										display:inline;
									}

	#contact-google-map li:not(:last-child):after { 	
										content: ", ";
									}

	#contact-google-map h2 			{	
										color:navy;
										font-family:Arial;
										font-size:12px;
										font-weight:bold;
										letter-spacing: 2px;
										line-height:150%;
										margin-top:1em;
										text-shadow: none;
										width:90%;
									}

	#map							{
										height:85vw;
										margin:1em 1em;
										
									}

	#map:hover						{
										box-shadow: -1px -1px 3px 1px rgba(0,0,0,0.75);
									}

	#contact-google-map li 			{
										display:inline;
									}

	#contact-google-map li:not(:last-child):after 
									{ 	
										content: ", ";
									}

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



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


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

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

	#li-contact-terms-out			{
									}

	#li-contact-terms-out ul		{
										margin: 15px 0 0 25px;
									}

	#contact-terms					{	
									}
	mana
	#contact-terms ul 				{
									}

	#contact-terms li 				{
									}


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



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

	#contact-products li 			{

									}
	
	#contact-products > ul > li > ul > li
									{	
										width:100%;
									}

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

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

	#contact-loc 					{}

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



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

	#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;
									}

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



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

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

	#contact-suburb					{	
										position:relative;
									}

	#contact-suburb ul				{}

	#contact-suburb li 				{}

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

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


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



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

	/* Format li with bullets */
	#contact-brands li,
	#contact-cat li,
	#contact-terms li,
	#contact-suburb li,
	#contact-info-gen li,
	#contact-info-add li,
	#contact-management li
									{
										display:list-item;
										list-style: url(../../../../../../../../img/bul/index_bullet_round_gray_15px.png);
										line-height:200%;
										margin-left:10%;
										width:calc(100% - 15%);
									}

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



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

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

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

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



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

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

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



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

	
	
	#li-contact-google-map-out  	{}

	#contact-google-map 			{
										height:100%;
										text-align: center;
										width:100%;
									}

	#contact-google-map h2 			{	
										color:navy;
										font-family:Arial;
										font-size:12px;
										font-weight:bold;
										letter-spacing: 2px;
										line-height:150%;
										margin-top:1em;
										text-shadow: none;
										width:90%;
									}

	#contact-google-map ul			{}

	#contact-google-map li 			{	
										display:inline-block;
									}

	#contact-google-map li:not(:last-child):after { 	
										content: ", ";
									}


	#map							{
										min-height:40vw;
										margin:1em 1em;
										width:90%;
									}

	#map:hover						{
										box-shadow: -1px -1px 3px 1px rgba(0,0,0,0.75);
									}

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



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



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



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



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



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



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



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



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



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



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


	#contact-data li#li-contact-brands-out
									{}

	#contact-brands li 				{
										float:left;
										line-height:200%;
										list-style: url("../../../../../../../../img/bul/index_bullet_round_gray_15px.png") !important;
										text-align: left;
										width:calc(23%); /* Width - Margin-Left */
									}


	/* ========== (720) ========== */
	/* Category
	/* ========== (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) ========== */
	/* Products & Services
	/* ========== (720) ========== */
	
	#contact-products > ul > li > ul > li
									{
										width:calc(50% - 2em);
									}
	
	.shoes > ul > li
									{
										width:calc(100% - 2em)!important;
									}
	.shoes > ul > li > ul > li
									{
										width:calc(50% - 2em)!important;
									}

	/* ========== (720) ========== */
	/* Notes
	/* ========== (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) ========== */
	/* Products
	/* ========== (1280) ========== */

	#contact-products > ul > li > ul > li
									{
										width:calc(33% - 1em);
									}

	.shoes > ul > li
									{
										width:calc(100% - 1em)!important;
									}
	.shoes > ul > li > ul > li
									{
										
										width:calc(33% - 1em)!important;
									}


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

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

	#li-contact-google-map-out  	{}

	#contact-google-map 			{
										height:100%;
										text-align: center;
										width:100%;
									}

	#contact-google-map h2 			{
										color:navy;
										display:inline-block;
										font-family:Arial;
										font-size:14px;
										font-weight:bold;
										letter-spacing: 2px;
										line-height:200%;
										text-align: center;
										text-shadow: none;
										width:90%;
									}

	#contact-google-map ul			{}

	#contact-google-map li 			{	
										display:inline-block;
									}

	#contact-google-map li:not(:last-child):after { 	
										content: ", ";
									}

	#map							{
										min-height:25vw;
										margin:1.5em auto;
										width:90%;
									}

	#map:hover						{
										box-shadow: -1px -1px 3px 1px rgba(0,0,0,0.75);
									}




	/* ========== (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%;
									}

}