
.registration .dataForm input[type=text], 
.dataForm textarea {width: 95%;}


@media (max-width:1024px) {
	.productGallery {width:100%;}
}

@media (max-width:1065px) {.galleria-image-nav{display:none;}}
@media (min-width:951px) and (max-width:1065px) {.slideshow {height:230px;} .galleria-image-nav{display:none;}}
@media (min-width:751px) and (max-width:950px) {.slideshow {height:180px;}}
@media (min-width:641px) and (max-width:750px) {.slideshow {height:170px;}}
@media (max-width:640px) {.slideshow {height:150px;}}


/* header & topmenu */

@media (max-width:1131px) {
	.bannerTop {
		padding-left:16px;
		padding-right:16px;
	}
	.banner {
		padding-left:0;
		padding-right:0;
	}
	.logo {
		padding:10px;
	}		
	.topnav {display:none;}
	.slicknav_menu	{
		display:block;
		padding:0;
		z-index:1000;
		}
	.slicknav_btn {
		position:absolute;
		top:-34px;
		right:10px;
		padding-top:0;
		margin:0;
		}
	.slicknav_nav {
		position:relative;
		z-index:10;
		}		
		
	.topRight {
		width:100%;
		max-width:100%;
		background-color:#135589;
		text-align:left;
		padding:10px 0;
		height:44px;
		position:relative;
		}
	.search {position:absolute;top:4px;left:10px;width:calc(100% - 145px);margin-top:0}
	.phone {position:absolute;top:4px;right:30px;}
	.phone a img {display:none;}
	.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');}
}


@media (max-width:640px) {
	.bannerTop .sideBySide-Col1 img {display:none;}
	.logRegCont {display:none;}
	.minicart {
		position:absolute;
		top:33px;
		right:33px;
	}
   .minicart a:nth-of-type(1):before {
		content: url(icon-cart-mb.gif);
   }
   .minicart a:nth-of-type(1) img {display:none;}
   .minicart span {display:none;}
   .minicart a:nth-of-type(2){
      text-decoration:none;
      background-color: #135589;
      color: #ffffff;
      width: 18px;
      height: 18px;
      border-radius: 50%;
      position: absolute;
      right: -13px;
      font-size: 12px;
      top: -10px;
      text-align: center;
      line-height: 1.7;
      z-index: 10;
      }
	.minicart a:nth-of-type(3){display:none;}
	.logo {
		width:70%;
	}
}

@media (min-width:0) and (max-width:1020px) {
	.categoryBox2Col 	{margin-right:4%;width:46%;}
	.categoryBox2Col:nth-of-type(2n+1){clear:both;margin-right:4%;}
}

@media (min-width:0) and (max-width:998px) {
	.browseCategory-Col1 {width:30%;float:left;}
	.browseCategory-Col2 {width:65%;float:right;}
	.productPage .twoCol30-70 dt {width:40%;}
	.productPage .twoCol30-70 dd {width:60%;margin-left:40%;}
	.estimateDelivery {width:90%;}
}

@media (min-width:0) and (max-width:900px) {
	.highlightBox p{max-width:90%;}
}

@media (min-width:0) and (max-width:850px) {
	.estimateDelivery {width:100%;}
	.warrantyInfo {width:100%;}
}
@media (min-width:0) and (max-width:810px) {
	.estimateDelivery h4 {font-size:0.938em}
	.estimateDelivery .inputPostcode {width: 90px;}
	.dataTable55 {width:70%}
	.dataTable33 {width:50%}
}
@media (min-width:0) and (max-width:48.000em) {
	.footerInfo	h5 {font-size:1.000em;}
	.footerInfo	a {font-size:0.813rem;}
	.middleHome .rightColumn-Col1, 
	.middleHome .rightColumn-Col2 {width:100%;float:none;}
	.four-Col1, .four-Col2 {margin-bottom:20px;}
	.four-Col3 {clear:both;}
	.middleHome h1	{font-size: 2.250em;}
	.footerInfo {display:none;}
	.footerBase .row {padding-top:20px;}
}

@media (min-width:0) and (max-width:700px) {
	.categoryBox2Col h2		{margin:0;height:auto;margin-bottom:10px;line-height:90%;}
	.categoryBox2Col h2 a	{text-decoration:none;}
	.categoryBox2Col .linkButton {padding:8px 12px;}
	.middleHome h3{font-size:1.750em;}
	.footerBase .follow {display:block;margin-bottom:5px;}
	
	.productPage .twoCol30-70 dt {width:50%;}
	.productPage .twoCol30-70 dd {width:50%;margin-left:50%;}
}

@media (min-width:0) and (max-width:640px) {
	.highlightBox .articleImageLeft {float:left;}
	.middleHome .articleImageRight {width:30%;float:right;margin-left:12px;}
	.middleHome h1	{font-size: 1.500em;}
	.slideshow {height:auto;}	
	.footerBase .row .sideBySide40-60-Col2 {text-align:left;margin-top:6px;}
	.mlinks {display:block;}
	.browseCategory-Col1 {display:none;}
	.browseCategory-Col2 {width:100%;float:none;}
	h1 {font-size: 2.000em;}
	.lastCrumb {display:none;}
	.productRangeLink, .currentProd {padding-left:0;background-image:none;}
	.productRangeLink:hover {background-image:none;}
	.dataTable55,
	.dataTable60,
	.dataTable80 {width:100%}
	.contact {margin-bottom:20px;}
	#wobjectId159 .imgCenter {margin-top:0;}

	/* 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; 
	}
	/*	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)"; }
	
	/* 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:630px) {
	.dataTable33 {width:70%}
}
@media (min-width:480px) and (max-width:590px) {
	.categoryBox2Col-Col1, .categoryBox2Col-Col2	{width:100%;float:none;text-align:center;}
}
@media (min-width:0) and (max-width:479px) {
	.categoryBox2Col 	{margin-right:0;width:100%;}
	.productBoxAussafes {width:100%;margin-right:0;}
	.pbRow1 .productBoxAussafes-Col1 {width:48%;}
	.pbRow1 .productBoxAussafes-Col2 {width:44%;}	
	.pbRow2 .productBoxAussafes-Col1 {width:100%;}
	.pbRow2 .productBoxAussafes-Col2 {width:30%;float:right;padding-right:12px;}
	.pbRow2 .twoCol50-50 dt {width:50%;float:left;}
	.pbRow2 .twoCol50-50 dd {width:50%;margin-left:50%;}
	.dataTable33 {width:100%}
	
		/* 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;}
}

@media (min-width:0) and (max-width:330px) {
	.contact td {padding:5px 10px 5px 0}
}

/* registered users confirm templates */

@media (min-width:0) and (max-width: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) {
	.confirm .sideBySide60-40-Col1 {width:100%;float:left;}
	.confirm .sideBySide60-40-Col2 {width:100%;float:left;}
}

