
.middleHome .sideBySide-Col1 {width:52%;} 
.middleHome .sideBySide-Col2 {width:46%;} 


.feature .sideBySide30-70-Col1 {width:30%;} 
.feature .sideBySide30-70-Col2 {width:70%;}



.rightColumns .three-Col1 {width:45%;margin-right:15%;}
.rightColumns .three-Col2 {width:20%;}
.rightColumns .three-Col3 {width:20%;}
.rightColumns .three-Col2 {margin-right:0;}


/* topmenu */
@media (min-width:63.126em) and (max-width:64.000em) 	{ /* 1024px */	.mlddm li a, .mlddm li a#buttonnohover {padding:0 16px;}}
@media (min-width:47.999em) and (max-width:63.125em) 	{ /* 1010px */	.mlddm li a, .mlddm li a#buttonnohover {padding:0 30px;}.mlddm>li:first-child>a {padding-left:30px;}.mlddm>li:last-child>a {padding-right:30px;}.mlddm ul {border-top:1px solid #ffffff;}}


@media (min-width:0) and (max-width:64.000em) 	{ /* 1024px */	 
	.feature, .headerMenu   {width:100%;}
   .banner {padding-left:0;}
	.footerMenu, .crumbContainer	{width:100%;padding-left:16px;padding-right:16px;}
}

@media (min-width:0) and (max-width:59.375em) 	{ /* 950px */	
   .productPage .buyNow input[type=image]{padding-top:14px;}
}

@media (min-width:0) and (max-width:58.125em) 	{ /* 930px */	
   .productPage .twoCol40-60 dt {width:50%;}
   .productPage .twoCol40-60 dd {width:50%;}
}

@media (min-width:0) and (max-width:55.000em) 	{ /* 880px */	
   .phone {font-size:2.500em;}
   .homeRow4 ul {
       column-count: 2;
       -webkit-column-count: 2;
       -moz-column-count: 2;
       column-gap: 1em;
       -webkit-column-gap: 1em;
       -moz-column-gap: 1em;
	   }
   .productBoxAbate .three-Col2 {width:48%;}
   .productBoxAbate .three-Col3 {width:27%;}
}

@media (min-width:0) and (max-width:52.188em) 	{ /* 835px */
   .middleHome h1 {font-size: 2.063em;}
   .productPage .sideBySide60-40-Col1 a:nth-of-type(1){display:inline-block;margin-bottom:14px;}
   .categoryBox {width: 30%;margin-right:5%;}
   .categoryBox:nth-of-type(4n) {margin-right:5%;}
   .categoryBox:nth-of-type(4n+1) {clear:none;}
   .categoryBox:nth-of-type(3n) {margin-right:0;}
   .categoryBox:nth-of-type(3n+1) {clear:both;}
}

@media (min-width:0) and (max-width:48.000em) { /* 768px */
	.inlineLogoList {margin-bottom:40px;}
}

@media (min-width:0) and (max-width:47.938em) { /* 767px */
	.banner 				{padding:0;}
	#menu, .topnav 		{display:none;}
	.slicknav_menu			{display:block;}
	.slicknav_btn {
		position:absolute;
		top:0;
		right:10px;
		padding-top:24px;
		margin:0;
		}
	.topRight {
		position:absolute;
		top:0;
		right:70px;
		width:auto;
		padding-top:21px;
		padding-bottom:6px;
		}
	.phone					{display:inline;padding-left:10px;font-size:0;margin:0;}
	.phone a					{font-size:0;display:inline-block;}
	.phone a:after 		{content: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2222px%22%20height%3D%2226px%22%20viewBox%3D%220%200%2013.979%2014.016%22%20style%3D%22enable-background%3Anew%200%200%2013.979%2014.016%3B%22%20%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.939%2C9.189C6.165%2C8.557%2C5.271%2C7.705%2C4.497%2C6.744C3.953%2C6.071%2C3.473%2C5.363%2C3.969%2C4.866l-3.482-3.48%20C-0.021%2C2.02-1.146%2C5.04%2C3.675%2C9.984c5.08%2C5.211%2C8.356%2C4.096%2C8.92%2C3.51l-3.396-3.4C8.725%2C10.568%2C8.113%2C10.146%2C6.939%2C9.189z%20%20M13.82%2C11.519v-0.004c0%2C0-2.649-2.646-2.65-2.648c-0.21-0.21-0.546-0.205-0.754%2C0.002L9.455%2C9.831l3.404%2C3.408%20c0%2C0%2C0.962-0.96%2C0.961-0.961l0.002-0.001C14.043%2C12.056%2C14.021%2C11.721%2C13.82%2C11.519z%20M5.192%2C3.644V3.642%20c0.221-0.222%2C0.2-0.557%2C0-0.758V2.881c0%2C0-2.726-2.724-2.727-2.725C2.255-0.055%2C1.92-0.05%2C1.712%2C0.157L0.751%2C1.121l3.48%2C3.483%20C4.231%2C4.604%2C5.192%2C3.645%2C5.192%2C3.644z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E');}
   .headerMenuContainer {display:none;}
   .phone img, .topRight p {display:none;}
   .topMiniCart {display:inline;padding-right:10px;}
   .topMiniCart a{font-size:0;}
   .galleria-theme-dots .galleria-dots {display:none;}
   .footerMenu  {display:none;}
   .productPage .sideBySide30-70-Col1 {width:100%;}
   .productPage .sideBySide30-70-Col2 {width:100%;}
   .productPage .sideBySide60-40-Col1 {width:100%;}
   .productPage .sideBySide60-40-Col2 {width:100%;}
   .productPage .brandPriceCart {text-align: left;}
   .productPage .brandPriceCart .brandLogo {float:right;}
   .productPage .buyNow {clear:both;}
}

@media (min-width:0) and (max-width:40.000em) { /* 640px */
   .middleHome .three-Col1, .middleHome .three-Col2, .middleHome .three-Col3 {width:30%;float:left;}
   .middleHome .three-Col1, .middleHome .three-Col2 {margin-right:5%;}
	.footerInfo .sideBySide-Col1 {width:40%;}
	.footerInfo .sideBySide-Col2 {width:60%;}
   .productBoxAbate .three-Col1 {width:49%;margin-right:1%;}
   .productBoxAbate .three-Col2 {width:49%;margin-right:1%;}
   .productBoxAbate .three-Col3 {width:100%;text-align:left;clear:both;}
   .productBoxAbate .brandLogo {float:right;}
   .productBoxAbate .three-Col2 p {margin-bottom: 0;}
   .productBoxAbate .buttons {clear:both;}

   /************ product page **************/

	/* Force table to not be like tables anymore */
	.productRange.table, .productRange thead, .productRange tbody, .productRange th, .productRange td, .productRange tr { 
		display: block; 
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	.productRange thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	table.productRange {border: 1px solid #dedede;border-bottom:none; }
	.productRange td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #dedede; 
		position: relative;
		padding-left: 50% !important; 
	}
	.productRange td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 10px;
		left: 10px;
		width: 45%; 
		padding-right: 10px; 
	}
   .productRange tr td:last-child{text-align:left}

	/*	Label the data	*/
	.productRange td:nth-of-type(1):before { content: "Model Name"; }
	.productRange td:nth-of-type(2):before { content: "External Dimensions mm (H x W x D)"; }
	.productRange td:nth-of-type(3):before { content: "Internal Dimensions mm (H x W x D)"; }
	.productRange td:nth-of-type(4):before { content: "Weight kg"; }
	.productRange td:nth-of-type(5):before { content: "Fittings"; }
	.productRange td:nth-of-type(6):before { content: "Our Price (incl GST)"; }

   /************ safe advisor **************/

	/* Force table to not be like tables anymore */
	.safeAdvisor.table, .safeAdvisor thead, .safeAdvisor tbody, .safeAdvisor th, .safeAdvisor td, .safeAdvisor tr { 
		display: block; 
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	.safeAdvisor thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	table.safeAdvisor {border: 1px solid #dedede;border-bottom:none; }
	.safeAdvisor td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #dedede; 
		position: relative;
		padding-left: 30% !important; 
	}
	.safeAdvisor td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 5px;
		left: 10px;
		width: 30%; 
		padding-right: 10px;
      font-weight:600; 
	}
   .safeAdvisor tr td:last-child{text-align:left}

	/*	Label the data	*/
	.safeAdvisor td:nth-of-type(1):before { content: "Property:"; }
	.safeAdvisor td:nth-of-type(2):before { content: "Type of Safe:"; }
	.safeAdvisor td:nth-of-type(3):before { content: "Safe Range:"; }
	.safeAdvisor td:nth-of-type(4):before { content: "Cash Rated:"; }
	.safeAdvisor td.colspan:before { content: ""; }
	.safeAdvisor td:nth-of-type(5):before { content: "Fire Rated:"; }

   .safeAdvisor th, .safeAdvisor td {border:none;text-align:left;padding:5px 10px;}
   .safeAdvisor th:nth-child(n+4), .safeAdvisor td:nth-child(n+4) {text-align:left;}
   .safeAdvisor td.colspan {text-align:left;}
   .safeAdvisor tr:nth-child(2n+1){background-color:#f0f0f0;}

	/* checkout */
	#accordion #registrationReg h3, #accordion #passwords h3,
	#accordion #registrationReg dl, #accordion #passwords dl,
	.referrer {width:95%}
	
	.ui-accordion .ui-accordion-content {padding: 1em 0.5em;}
	.confirm .sideBySide60-40-Col1 {width:48%;float:left;}
	.confirm .sideBySide60-40-Col2 {width:48%;float:right;}

}
@media (min-width:0) and (max-width:37.500em) { /* 600px */
   .rightColumns .three-Col1 {width:100%;margin-right:0;}
   .rightColumns .three-Col2,
   .rightColumns .three-Col3 {width:50%;margin-right:0;}

}


@media (min-width:0) and (max-width:36.875em) { /* 590px */
	.feature			{padding:0;}
	.feature .sideBySide70-30-Col1 {width:100%}
	.feature .sideBySide70-30-Col2 {width:100%;padding:12px;}
	.feature .sideBySide70-30-Col2 .wobject:nth-child(1){margin-bottom:0;padding-right:5px;}
	.feature .sideBySide70-30-Col2 .wobject:nth-child(2){padding-left:5px;}
	.feature .sideBySide70-30-Col2 .wobject{width:50%;float:left;}	
   .homeRow4 ul {
       column-count: 1;
       -webkit-column-count: 1;
       -moz-column-count: 1;
       column-gap: 0;
       -webkit-column-gap: 0;
       -moz-column-gap: 0;
	   }
   .categoryBox {width: 48%;margin-right:4%;}
   .categoryBox:nth-of-type(4n) {margin-right:4%;}
   .categoryBox:nth-of-type(3n) {margin-right:4%;}
   .categoryBox:nth-of-type(3n+1) {clear:none;}
   .categoryBox:nth-of-type(2n) {margin-right:0;}
   .categoryBox:nth-of-type(2n+1) {clear:both;}
	.footerInfo .sideBySide-Col1 {width:100%;}
	.footerInfo .sideBySide-Col2 {width:100%;text-align:left;}	

}

@media (min-width:0) and (max-width:26.875em) { /* 430px */
   .logo	{width:50%;}
}

@media (min-width:0) and (max-width:25.000em) { /* 400px */
	.topRight {padding-top:12px;}		
	.slicknav_btn {padding-top:14px;}
	.safeAdvisor td {padding-left: 40% !important;}
	.safeAdvisor td:before {width: 40%;}
}


@media (min-width:0) and (max-width:479px) { /* 479px */	

		/* checkout */
	.registration dl, #passwords dl {width: 100%;}
	.registration .twoCol20-80 dt, #passwords .twoCol20-80 dt,
	.registration .twoCol20-80 dd, #passwords .twoCol20-80 dd {width:100%;float:none;margin:0;padding-left:0;text-align:left;}	
	.registration .twoCol20-80 dt, #passwords .twoCol20-80 dt {padding-bottom:0;}
	.registration input[type=text], #passwords input[type=password] {padding:5px 0;}
	.cartLogin .twoCol30-70 dt, .cartLogin .twoCol30-70 dd {width:100%;float:none;margin:0;padding-left:0;text-align:left;}
	.cartLogin input[type=text], .cartLogin input[type=password] {padding:5px 0;}
}



/* registered users confirm templates */
@media (min-width:0) and (max-width:40.000em) { /* 640px */	
	.shopperChoice .three-Col1, .shopperChoice .three-Col2 {width:100%;float:left;margin-right:0;border-right:none;border-bottom:1px solid #ACACB0;}
	.shopperChoice .three-Col3 {width:100%;float:left;border-top:1px solid #ACACB0;border-bottom:1px solid #ACACB0;}
	.shopperChoice .three-Col1, .shopperChoice .three-Col2, .shopperChoice .three-Col3 {min-height:auto;padding:12px 0 9px 12px;}
	.shopperChosen .three-Col1, .shopperChosen .three-Col2, .shopperChosen .three-Col3 {min-height:auto;padding:12px 0 9px 12px;border-bottom:1px solid #ACACB0;}
	.cartLogin dl, #registration dl, #passwords dl {width:95%;margin:auto;}
	#registration dt, #passwords dt {text-align:right;padding-right:10px;}
	#registration h3, #passwords h3 {width:950%;margin:auto;padding: 10px 0;font-weight:bold;}
}	
@media (min-width:0) and (max-width:479px) { /* 479px */		
	.confirm .sideBySide60-40-Col1 {width:100%;float:left;}
	.confirm .sideBySide60-40-Col2 {width:100%;float:left;}
}
