html {
}

img{
	max-width:100%;
	height: auto;
}


.img-right{
  float: right;
  margin-left:10px; 
  max-width:100%;
}
.img-left {
  float: left;
  margin-right:10px;
  margin-bottom:10px;
  max-width:100%;
}


@media only screen and (max-width: 1024px) {
	html, body {width:98%;}
		.wrap-header{width:100%;}
		.pagetop{width:100%; }
		nav {width:100%;}
		#content {width:100%;}
		.block02{width:100%;}
		footer .copyright{width:100%;}
	
	.zerogrid .col-1-3{width:30%;}
	.zerogrid .col-left{width:200px; float:left;}
	.zerogrid .col-right{width:640px; float:right; padding-right:10px;}
	
}

@media only screen and (max-width: 1152px) {
	html, body {width:98%;}
		.wrap-header{width:100%;}
		.pagetop{width:100%; }
		nav {width:100%;}
		#content {width:100%;}
		.block02{width:100%;}
		footer .copyright{width:100%;}
	
	.zerogrid .col-1-3{width:30%;}
	.zerogrid .col-left{width:200px; float:left;}
	.zerogrid .col-right{width:75%; float:right; padding-right:10px;}
	
}

@media only screen and (max-width: 980px) {
	html, body {width:98%;}
		.wrap-header{width:100%;}
		.pagetop{width:100%; }
		nav {width:100%;}
		#content {width:100%;}
		.block02{width:100%;}
		footer .copyright{width:100%;}
	
	.zerogrid .col-1-3{width:30%;}
	.zerogrid .col-left{width:200px; float:left;}
	.zerogrid .col-right{width:72%; float:right; padding-right:10px;}
	
}

@media only screen and (max-width: 800px) {
	.wrap-header{width:100%; height:84px;}
		.pagetop{width:100%; }
		nav {width:100%;}
		#content {width:100%;}
		#content img {max-width:500px;}
		#sidebar img {max-width:100%;}
		.block02{width:100%;}
		footer .copyright{width:100%;}
	
		.zerogrid .col-1-3{width:30%;}
		.zerogrid .col-left{width:200px; float:left;}
		.zerogrid .col-right{width:500px; float:right; padding-right:10px;}
		.pagetop{height: 200px;}
		.shareicons ul {float: none!important;}
		.shareicons li{float: left; list-style: none outside none; width:94%;}
		.shareicons{background:none;}
	
		#search-box input[type="text"] {width: 75%;padding: 2px 0 2px 1em;color: #000033; background-color:#099;}
	
		footer .copyright{height:50px;}
	}

@media only screen and (max-width: 600px) {
	.wrap-header{width:100%; height:60px;}
	.zerogrid .col-1-3{width:100%;}
	#sidebar{width:90%;}
	.pagetop{height: 200px;}
	.shareicons ul {float: none!important;}
	.shareicons li{float: left; list-style: none outside none; width:94%;}
	.shareicons{background:none;}
    .block02{width:100%;}
	#main-content {width:90%;}
	footer .copyright{height:100px; width:100%;}
	nav ul { margin-top: 0; padding: 10px; }
	
	nav ul li { float: none; text-align:center;  }

	nav ul li a { margin-top: 0; }

	nav { height: auto; position: relative; }
}

@media only screen and (max-width: 360px) {
	.wrap-header{width:100%; height:36px;}
	.zerogrid .col-1-3{width:100%;}
	#sidebar{width:90%;}
	#main-content{width:90%;}
	.pagetop{height: 200px;}
	.shareicons ul {float: none!important;}
	.shareicons li{float: left; list-style: none outside none; width:94%;}
	.shareicons{background:none;}
	#content img {
    max-width:320px;
    height: auto;
    width: auto;
}
	footer .copyright{height:100px; width:100%;}

	
}