@media only screen and (max-width: 980px) {
#wide1 #header .header-area{
margin-right:60px;
}
}
@media only screen and (max-width: 920px) {
#wide1 #wrapper, #wrapper{
	width: auto;
}
#wide1 #header .header-area{
margin-right:0;
}
#header .header-holder{
	padding:11px 0 23px 0;
	margin-bottom:9px;
}
#header .slogan{
	float:right;
	margin:32px 0 0 0;
}
}
@media only screen and (max-width: 870px) {
.logo{
	top:13px;
	left:0px;
}
@media only screen and (max-width: 840px) {
#header .slogan{
margin-right:-40px;
}
@media only screen and (max-width: 800px) {
.noDispOnDev {
display: none;
}

#wrapper, #wide1 #wrapper{
	max-width:920px;
	width:auto;
}
.logo{ display:none; }
.logo_dev{ display:block; 	position:absolute;
	top:0px;
	left:0px;
	margin:0;
	background:url(/images/design/TM-Tech-logo-sm.jpg) no-repeat bottom;
	width:200px;
	height:50px;
	overflow:hidden;
	text-indent:-9999px;
	z-index:2;
};
#header { width:100%; }
#header .header-holder{
	padding:0px 0px 0px 0px;
}
#header .slogan{
	float:left;
	margin:52px 0 4px 8px;
}

#menu_div{ max-width:500px;}
ul#nav_2{ margin-left:0; width:auto; max-width:645px;}

img { width:auto; max-width:100%; }
#wide1 #twocolumns, #wide1 .large_rsb #twocolumns{ width:100%; float:none; }
#wide1 #content{
	float: none;
	width:100%;
}

#content div.news-list, #content ul.news-list{ padding:0 8px; }
#content .info-block2{ padding:12px 6px; }

}
@media only screen and (max-width: 690px) {
#main .container{ background: none; }
#twocolumns, #wide1 #twocolumns{
	float: none;
	width:100%;
}
#content{
	float: none;
	width:100%;
	max-width:456px;
}
#wide1 #content{
	float: none;
	width:100%;
	max-width:582px;
}
#wide1 .large_rsb #content{
	float: none;
	width:100%;
	max-width:456px;
}
#content .item{
	float: none;
	max-width:302px;
	width: auto;
}


}
@media only screen and (max-width: 600px) {
.device-menu { display:block; }

}
@media only screen and (max-width: 540px) {
#header .slogan{ display:none; }
.earth { display:none; }

.device-menu { display:block; }

}
@media only screen and (max-width: 480px) {
.resize100dev { width:100%}
.img_resize100dev img{ width:100%}
.logo_dev{ 
	height:42px;
};
#header .panel li { background:none; }
#header .panel li { background:none; }
#header .panel a.cart{float:right;}
#header .panel, #header .panel li {float:right; }
#banner {
  height:40px!important;
  background:url(/i/banners/devices.jpg) no-repeat ;
}
.nav-holder .contact{
	padding:4px 2px 4px 4px;
}
.nav-holder strong.tel{ font-size:12px; }
.nav-holder strong.tel span{
	padding-left:0px;
}
#content .info-block2{ padding:8px 3px }
#content div.news-list, #content ul.news-list{ padding:0 3px; }
.indent_rev{ padding:0 0 0 4px;}
.info-half, .info30, .info25, .info40r { clear:left; width:auto; }
.info-half-left, .info30-left, .info25-left, infoVar-left { width:100%; }

.info-half, .info-half-left {
	width:100%;
	float:left;
	clear:left;
}
.info-top {
	border-top:#bbbbbb 1px solid;
}

.prod_line td{ padding:0 3px 4px 3px;}
.prod_line td.itemID{  padding:0 3px 4px 0; width:60px; word-break:break-all; }
.prod_line td.qty{ padding:0 0 2px 3px;}
.prod_line td.qty input{ width:20px}
.prod_line td.discontinued{color:#FF0000; font-size:10px; line-height:10px}


.dev_width_300 { width:300px }
.clr_on_dev { clear:both}
.noDispOnSmallDev {
display: none;
}
}
@media only screen and (max-width: 360px) {
.no_dev_mrg { margin:0;}
}