/************************************************************************************
smaller than    1980
*************************************************************************************/
@media screen and (max-width: 1980px) {
 	#pagewrap {width: 98%;padding:0.5%;margin-left:0.5%;}
	#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%;}
		.c1, .c2, .c3, .c4, .c5 , .c6 , .c7 { width: 22%; }
	.c1, .c2, .c3,  .c5 , .c6 , .c7 { margin: 0 2% 1% 0; }	
.c4{margin-right:0; }	
}

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


	.c1, .c2, .c3,  .c5 , .c6 , .c7 { margin: 0 1.8% 1% 0; }	
.c4{margin-right:0; }	
}
/************************************************************************************1124
smaller than   1600px
*************************************************************************************/
@media screen and (max-width: 1600px) {

	#header {margin-top: 1% ;height:100%;float:none;clear:both;}
	#headtxt h2{ font:bold 14px/1.5em Arial, Helvetica, sans-serif; padding:2px 0; margin:2px 0; color:#323a3f;}
	#content {margin-top: 2% ;}
	#sidebar {margin-top: 3% ;margin-right: 2%;}
	
	div.colholder{width:98%;}	
	 div.imgtxt {	width:460px;	}

	#page-wrap{visibility:visible;	}
	#mnubutn {float:right; visibility:hidden;}		
	#vmenu{visibility:hidden;}
	
	#hp{visibility:hidden;}
//	.c1, .c2, .c3, .c4, .c5 , .c6 , .c7 { width: 46.5%; }	
	

}
/************************************************************************************
smaller than   1290
*************************************************************************************/
@media screen and (max-width: 1290px) {
		.c1, .c2, .c3, .c4, .c5 , .c6 , .c7 { width: 21.7%; }
	.c1, .c2, .c3,  .c5 , .c6 , .c7 { margin: 0 1% 1% 0; }	
.c4{margin-right:0; }	
}

/************************************************************************************
smaller than   1025px
*************************************************************************************/
@media screen and (max-width: 1085px) {
	
	#content {margin-top: 2% ;}
	#sidebar {margin-top: 2% ;margin-right: 2%;}
//		.c1, .c2, .c3, .c4, .c5 , .c6 , .c7 { width: 96%; }
		.c1, .c2, .c3, .c4, .c5 , .c6 , .c7 { width: 20.9%; }	
}

/* Max Wrapper Width - Laptop, Desktop etc.
--------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:978px){
	.hoc{max-width:978px;}
}


/* Mobile Devices
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:900px){
	.hoc{max-width:90%;}
}

/************************************************************************************
smaller than 750   border: solid 5px #f22;
*************************************************************************************/
@media screen and (max-width: 750px) {
 	#pagewrap {width: 97%;}
	#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%;padding-left:1%;padding-right:6%;background-color:#1D6387;}
	div.col2{float:none;clear:both;width:90%;padding-left:1%;padding-bottom:5%;background-color:#1D6387;}
	div.col3{float:none;clear:both;width:90%;padding-left:1%;background-color:#1D6387;}
	.section {margin-left:0;}
	.col {margin: 1% 0 1% 0%; }
	.c1, .c2, .c3, .c4, .c5 , .c6 , .c7{float:none;clear:both;width:88%;background-color:#F56924;}	
	.caption{visibility:hidden;}
	
}
/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 560px) {
 	#pagewrap {width: 96%;}
	#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%;}
.c1, .c2, .c3, .c4, .c5 , .c6 , .c7{width: 86%;}
}
/************************************************************************************
smaller than 480  position: absolute ;top:406px;display:inline;
*************************************************************************************/

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

 	#pagewrap {width: 88%;}
	.imgLiquid{width:88%;}

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