/*media queries for small screen devices : iPhone & ipad always treats max-device-width as width of the phone irrespective of orientation */
@media screen and (max-height:786px) and (orientation: landscape) { /* Specifically for desktop browsers with limited height.*/
	.logoTop {
		display:none;
	}
	.logoBottom {
		display:block;
	}
}

@media screen and (max-device-width:700px) and (orientation: portrait), screen and (max-device-height:700px) and (orientation: landscape), (max-width:700px) {

	.mobile {
		display:block;
	}

	.desktop {
		display:none;
	}

/*	.desktop, .sys6desktop0, .sys6desktop1, .sys6desktop2, .sys6desktop3, .sys7desktop0, .sys7desktop1, .sys7desktop2, .sys7desktop3 {
		padding:0px;
	} */

	input[type="file"] { /* stops file select box drawing too wide on ios */
		max-width: 420px;
	}

	.container {
		margin-left:0px;
		margin-right:0px;
		min-width: 480px;
		width: 100%;
	}

	.indexPanel {
		width:100%;
	}

	.logoTop {
		display:block;
	}

	.logoBottom {
		display:none;
	}

	.inputsize30 { /* Used on parts-store home page */
		width:230px;
	}

	.float700, .cols50 {
		width:100%;
	}

	.browseDevices {
		padding-top:10px;
		border-top: 2px #000 solid;
	}

	.windowPos0, .windowPos1, .windowPos2, .windowPos3, .windowPos4, .windowPos5 {
		left: 0px;
		width: 100%;
	}

	.listdescription, .listdescriptionCart {
		width:100%;
		padding-top:0px
	}

	.selectorSection {
		display:block;
		float:left;
	}

	.sys6WindowTitleTop, .sys6WindowTitleNotop, .sys7WindowTitleTop, .sys7WindowTitleNotop {
		max-width:70%;
	}

	.sys6Modal, .sys7Modal {
		min-width:300px;
		max-width:93%;
	}

	.formcolumn, .formelement {
		width: auto;
	}

	.formelementFull {
		padding-right: 10px;
	}

	.formdatatextarea, .formdatadropdown {
		width: 100%;
	}

	.filterList1 {
		min-width:280px;
		max-width:320px;
	}

	.picture {
		margin-left:10px;
	}

	.prodImage {
		width:150px;
		height:120px;
	}

	.prodfields {
		width:auto;
	}

	.button, .buttonDef {
		margin-right: 0px;
	}

	.buttonBottomDesktop {
		position:relative;
	}

	.modalButton {
		right:10px;
	}

	.orderlist {
		width:200px;
	}

	.listtotal {
		width:100px;
	}

	.dropdownList-content {
		max-width:100%; /* Keeps dropdown from breaking out the side of the screen */
	}

	.checkoutNotes {
		width:100%;
	}

	.categories {
		padding: 0px 10px 0px 0px;
	}

	.controlPanel {
		width:100%;
		margin-left: 0px;
		margin-right: 0px;
	}

	.proddesc {
		min-height:180px;
	}

	.oneimage { /* used to alter proddesc min height if there is only one image so no image selector. */
		min-height:128px;
	}


} /* End media query */

@media screen and (max-device-width:550px) and (orientation: portrait), screen and (max-device-height:550px) and (orientation: landscape), (max-width:550px) {

	#clock {
		display:none;
	}

	.logoTop {
		display:block;
	}
	.logoBottom {
		display:none;
	}

	.welcomebox {
		width:200px;
		padding: 26px 10px 14px 10px;
	}

	.normal, .sys6List, .sys7List, .picture {
		padding-left:15px;
	}

	.sys6List:before, .sys7List:before {
		left: 15px;
	}

	.inputsize28 {  /* Used for long fields on forms like create acount */
		width:210px;
	}

	.sys6Section, .sys6Section {
		padding-left: 30px;
		padding-right 30px;
	}

	.sys6Section:before {
		left: 13px;
		right: 13px;
	}

	.orderlist {
		width:170px;
		padding-right:10px;
	}

	.minmobilebreak {
		clear: both;
	}

} /* End media query