/************************************************************************************
smaller than    1280  
*************************************************************************************/
@media screen and (max-width: 1980px) {
 	#pagewrap {width: 98%;padding:0.5%;margin-left:1%;}
	#header {height:auto;width: 100%;	}
	#content {width: 58%;padding: 1% 2%;}
	#sidebar {width: 33%;margin-right: 2%;}

	 div.imgtxt {	width:88%}
	#hp{visibility:hidden;}
	
	#page-wrap{visibility:visible;z-index: 88;	}
	#mnubutn {float:right; visibility:hidden;}		
	#vmenu{visibility:hidden;}
	div.colholder{width:98.6%;}	

}
/************************************************************************************
smaller than   980
*************************************************************************************/
@media screen and (max-width: 1124px) {

	#header {height:200px;	}
	#headtxt h2{ font:bold 14px/1.5em Arial, Helvetica, sans-serif; padding:2px 0; margin:2px 0; color:#323a3f;}
	
	div.colholder{width:98%;}	
	 div.imgtxt {	width:460px;	}

	#page-wrap{visibility:visible;	}
	#mnubutn {float:right; visibility:hidden;}		
	#vmenu{visibility:hidden;}
	
	#hp{visibility:hidden;}
	
	

}
/************************************************************************************
smaller than 750   border: solid 5px #f22;
*************************************************************************************/
@media screen and (max-width: 750px) {
 	#pagewrap {width: 97%;}

	#header {height:160px;}
	#headtxt {visibility:hidden;}
	#headtxt p{display:none;}
	
	#content {float: none;width: 90%;}
	#sidebar {float: none;width: 90%;}
	h1 {font-size: 26px;}
	div.imgtxt {	width:520px;	}
	
	#page-wrap{visibility:hidden;	}
	#mnubutn {visibility:visible;}		
	#vmenu{visibility:visible;}	

	#hp{visibility:visible;}
	
	.gadget { height:auto;}
	.gadget  ul li {background-color:#3cd;height:40px;color:#fff}
	div.colholder{height:auto;float:left;width:94%;background-color:#fff;}	
	div.col1{float:none;clear:both;width:90%;background-color:#3bd;}
	div.col2{float:none;clear:both;width:90%;background-color:#3cd;}
	div.col3{float:none;clear:both;width:90%;background-color:#3dd;}	

	
	
}
/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 560px) {
 	#pagewrap {width: 96%;}

	#header {height: 100px;	}
	#headtxt p{display:none;}
	
	div.imgtxt {	width:100%;	}
	#page-wrap{visibility:hidden;	}
	#mnubutn {visibility:visible;}		
	#vmenu{visibility:visible;}	
	#hp{visibility:visible;}
	#footer{width:86%;padding-left:2%;}
}
/************************************************************************************
smaller than 480  position: absolute ;top:406px;display:inline;
*************************************************************************************/

@media screen and (max-width: 480px) {

 	#pagewrap {width: 88%;}
	#header {height: 70px;}
	.imgLiquid{width:88%;}

	div.imgtxt {	width:100%;	}
	#headtxt p{display:none;}
}