
@media screen and  (max-width: 1000px) {
	#page_body {
		padding-left: 5px !important;
		padding-right: 0px !important;	
		padding-bottom: 30px !important;
		animation: none !important;
		box-shadow: none !important;
	}

	body.support #page_body {
		padding-left: 2px !important;
		padding-right: 2px !important;
	}

	#app_removal_list {
		padding-left: 5px;
	}
	#app_removal_list ul {
		padding-left: 45px;
	}
}

@media screen and  (max-width: 1000px) {

body {
		font-size: 1.2em !important;
	}
	#menu div.jqDockWrap {
	display: none !important;
}

.page_width{
    width: 100% !important;
}
input[type='text'], input[type='password'], select{
width: 300px !important;
margin-left:0px !important;
}
input[type='radio'] {
	margin-left:40px !important;
}
header {
	padding-top:55px !important;
}
select {
	display: block !important;
}
form.form fieldset li label:not(.noblock) {
	width: 120px !important;
	display: block !important;
	text-align: left !important; 
	padding-bottom:4px !important;
}
section.cat .btn {
		display:inline-table;
		width: 70px !important;
		padding-left: 8px !important;
		padding-right: 8px !important;
		margin-right: 6px;
	}
form.form {
	margin-left: auto !important;
	margin-right: auto !important;
}

form.form, fieldset {
	width: auto !important;
}
	#shoplabel {
		padding-bottom:16px !important; 
	}
}
@media screen and  (max-width: 1000px) {

#menu div.jqDockWrap {
	display: none !important;
}

.page_width{
    width: 100% !important;
}

body {
	font-size: 12px !important;
}

div#bg, div#bg2 {
	display: none !important;
}

.cell {
	display: table !important;
	padding:3px !important;
}
form.form {
	padding-left:3px !important;
	padding-top:6px !important;
}
form.form fieldset li label:not(.noblock) {
	width: 70px !important;
	display: block !important;
	text-align: left !important; 
	padding-bottom:4px !important;
}
legend {
	width: 250px !important;
}
input[type='text'], input[type='password'] {
	/*width: 150px !important;*/
}
form.form #email {
	width: 200px !important;
}
select {
	display: block !important;
}

.OR {
	display: inline-block !important;
	font-size: 14px !important;
}

section#create-account.cell {
	display: none !important;
}

/*form#login-form fieldset li label {
	padding-right: 5px !important;
	display: inline-table !important;
	width:20px !important;
}*/

#header_bar {
	position:static !important;
}

#page_nav_bar {
	border-top-left-radius: 3px !important; 
	border-top-right-radius: 3px !important;	
}

#page_nav_bar a, #header_bar a { 
	display:inline-block;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
}

#page_nav_bar a:last-child {
	right:5px !important;
	padding:0px !important;
}

#menu {
	margin-top: -25px !important;
}

#news_feed_data {
	height: 350px !important; 
}

	#news_feed {
		width: 45% !important;
	}

@media (max-width: 720px) {

	#news_feed {
		display: none !important;
	}

}

.shopProduct { 
	width: 120px !important;
	height: 50px !important;
	padding: 5px;
}
section.cat {
		padding: 5px !important;
	}

.productIcon {
	width:140px !important; 
	height: 120px !important;
}
section.cat .btn {
		display:inline-table;
		width: 120px !important;
		padding-left: 8px !important;
		padding-right: 8px !important;
		margin-right: 6px;
	}
input[type='text'], input[type='password'], select{
/*width: 150px !important;*/
}
form.form {
	margin-left: auto !important;
	margin-right: auto !important;
}
form.form, fieldset {
	width: 300px !important;
}

	#shoplabel {
		padding-bottom:16px !important; 
	}


}
/* landscape less than 800px */
@media screen and  (max-width: 1000px) {
	.page_width{
		width: 100% !important;
	}
	body {
		font-size: 12px !important;
	}
	#header_bar a { 
		padding-left: 8px !important;
		padding-right: 8px !important;
	}
	#news_feed {
		width: 45% !important;
	}
	div#bg, div#bg2 {
		display: none !important;
	}
	.cell {
	display: table !important;
	padding:3px !important;
}
form.form {
	padding-left:3px !important;
	padding-top:6px !important;
}
form.form {
	margin-left: auto !important;
	margin-right: auto !important;
}
form.form fieldset li label:not(.noblock) {
	width: 70px !important;
	display: block !important;
	text-align: left !important; 
	padding-bottom:4px !important;
}
legend {
	width: 250px !important;
}
input[type='text'], input[type='password'] {
	/*width: 250px !important;*/
}
form.form #email {
	width: 300px !important;
}
select {
	display: block !important;
}
section#create-account.cell {
	display: none !important;
}
section.cat .btn {
		display:inline-table;
		width: 70px !important;
		padding-left: 8px !important;
		padding-right: 8px !important;
		margin-right: 6px;
	}
form.form, fieldset {
	width: 350px !important;
}

}

@media screen and (max-width: 1300px) {
		body .mobile {
			display:block !important;
		}
		.mobile-small {
			display:none!important;
		}
		.large {
			display:none !important;
		}
		.mobile.large {
			display:block !important;
		}
}
@media screen and (max-width: 1000px) {
		body .mobile {
			display:none !important;
		}
		.mobile-small {
			display:block!important;
		}
		.large {
			display:none !important;
		}
		.mobile.large {
			display:none !important;
		}
}
@media screen and (min-width: 1300px) {
	.mobile.large, .large {
			display:block !important;
		}
}

@media screen and (max-width: 1000px) {
	body:not(.support) #page_body >div {
		padding: 2px !important;
		margin-top: -6px !important;
		margin-bottom: 6px !important;
		display: inline-block;
	}
	body:not(.support) .cell, body:not(.support) .cell ul {
		width: 90% !important;
	}
	body:not(.support) input[type='text'], body:not(.support) input[type='password'], body:not(.support) select {
		width: 90% !important;
	}

	body:not(.support) input[type='text']#email {
		width: 90% !important;
	}

	body:not(.support) #code {
		width: 100px !important;
	}

	#header_bar a:not(:last-child) {
		padding-right: 10px !important;
	}
	#header_bar a {
		padding-left: 10px !important;
	}

	#page_nav_bar a:not(:last-child) {
		padding-right: 5px !important;
	}
	#page_nav_bar a {
		padding-left: 5px !important;
	}

	#login-form {
		margin-left: 10px !important;
	}
}

@media screen and (orientation: landscape) and (max-width: 1000px) {
	header {
		padding-top:5px !important;
	}

	#login-form, form.form {
		margin-left: 10% !important;
	}

	#myaccount-form .btn-group, #signup-form .btn-group {
		min-height: 20px;
	}

	#myaccount-form .btn-group>div, #signup-form .btn-group>div {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		display: inline-block;
	}

	#page_nav_bar a:not(:last-child) {
		padding-right: 10px !important;
	}
	#page_nav_bar a {
		padding-left: 10px !important;
	}
}
@media screen and (orientation: portrait) {


#b4b_logo {
	/*width: 200px !important;*/
	height:55px;
	margin-top: -30px;
	/*height: 200px !important;*/
	/*margin-top:-45px !important;
	margin-bottom:0px !important;*/
	/*height: 60px !important;*/
}

#software {
	top:-20px;
}

#point_to_products { 
	display: none !important; 
}

#baseCentre, #baseLeft, #baseRight {
	margin-top: 35px;
}

.glow1 {
box-shadow: none !important;
filter:none !important;
}
.glow2 {
box-shadow: none !important;
filter:none !important;
}
.glow3 {
box-shadow: none !important;
filter:none !important;
}

div#bg {
    background-position:bottom right !important;
}

#baseCentre, #baseLeft, #baseRight {
	margin-top: 35px;
}


}

@media screen and (orientation: landscape) {

	#menu {
		margin-top: -25px !important;
	}
	
	#baseCentre, #baseLeft, #baseRight {
		margin-top: 25px;
	}
}