@media(min-width:980px)
{
.img{max-width:100%; height:auto; margin:0px; padding:0px;}
.header .logo{width:15%; float:left; margin:3px 0px 3px 20px;}
.header .nav{width:35%; float:right; margin:0px; padding:0px}
.header .nav1{ float:left; margin-left:90px; padding:0px}
.header .nav img{ float:left; margin:15px 10px 0px 10px; padding:0px}
.about{	margin:0px; padding:0px; width:100%; clear:both;display:table; background:#F0F2DC;  overflow:hidden}
.slider1{width:100%; margin:0px; min-height:100%;padding:0px;height:200px !important; overflow:hidden; border-bottom:1px solid #06581E}s
.slider, #js_slider{width: 100%; height:180px; overflow: hidden;position: relative;}
.slider li, #js_slider li{ width: 100%; height:180px; overflow:hidden;  float: left;}
.about .abtbox{	margin:0px 0.3%; padding:0px; width:99%; float:left;background-color:#fff ;  border:1px solid #B3B399; height:400px; overflow:hidden;} /*background:url("../images/tabsbg.png") left bottom repeat-x*/
.about .abtbox p{line-height:20px; margin:0px; padding:10px; opacity:1;}
.about .abtbox p span{padding:5px 0px; font-weight:bold; font-size:15px; opacity:1;}
.about .abtbox h2{background:#9EA370; color:#ffffff; font:bold 18px arial,verdana; padding:5px 20px; display:block; margin:0px;}
.about .mapbox{	margin:0px auto; padding:0px; width:100%; float:right; background:#D7D7B6; border:1px solid #B3B399;height:400px;}
.about .mapbox .map{width:99%;margin:0px auto; padding:0px; text-align:center}
.about .mapbox h4{ font:normal 18px arial,verdana; text-align:left; margin:0px auto; padding:10px 15px; border-left:5px solid #0E771E; color:#212121}
.about .gallery{float:left; width:100%; background:#0E771E; margin:0px; padding:0px;height:400px;}
.about .gallery h2{color:#ffffff; font:bold 18px arial,verdana; padding:10px 20px; display:block; margin:0px;}
.alignright{float:right; margin:0px; padding:0px 0px 10px 10px}
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 860px; /*Width of Carousel Viewer itself*/
height: 100px; /*Height should enough to fit largest content's height*/
-webkit-box-sizing: border-box; /* set box model so container width and height value includes any padding/border defined */
-moz-box-sizing: border-box;
box-sizing: border-box; margin:0px 20px 0px 35px;
}
.rowdiv,.sliderbox{width:100%; margin:0px auto; padding:0px; clear:both;display:table; }
.stepcarousel .belt{position: absolute; /*leave this value alone*/
		left: 0;top: 0;
}

.stepcarousel .panel{
		float: left; /*leave this value alone*/ background:none; border:0px;
		overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
		margin:11px 15px 5px 15px; /*margin around each panel*/
		width: 80px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
#header{width:100%; margin:0px; padding:0px; display:block;}
#banner table{ margin:0px; padding:0px;}
#banner
{
	width:100%; margin:0px; padding:0px; display:block; overflow:hidden;background:url("../Auth/CSS/GIS/Default/images/banner.jpg") 0 0 no-repeat; background-size:100% 100%;
}
#panelbox { position:absolute; z-index:101; top:72px;  margin:0px; float:right;  right:59%;}
#mapbox { position:absolute; z-index:103; top:72px;  margin:0px auto;  right:37%; display:none; width:276px; height:73px; background:#C8D0AB;  border:1px solid #9D9D9D;}
#banner img{ margin:0px; padding:0px; max-width:70%; height:auto;}
#banner .logo{width:30%; margin:0px; margin-left:20px; padding:0px; float:left}
#banner .logo img{max-width:50%; height:auto; padding:0px; margin:0px;}
#banner .middle{width:35%; margin:0px; padding:0px;float:left}
#banner .middle .labeldiv{float:right; font:bold 12px arial,verdana; margin:20px 0px; padding:0px;}
#banner .middle img{max-width:100%; height:auto; padding:0px 8px; text-align:right; cursor:pointer;}
#banner .logout{width:20%; margin:0px; padding:0px;float:right}
}
@media(min-width:1145px){
.img{max-width:100%; height:auto; margin:0px; padding:0px;}
.header .logo{width:35%; float:left; margin:3px 0px 3px 20px;}
.header .nav{width:35%; float:right; margin:0px; padding:0px}
.header .nav img{ float:left; margin:15px 10px 0px 10px; padding:0px}
.about{	margin:0px; padding:0px; width:100%; clear:both;display:table; background:#F0F2DC;  overflow:hidden}
.about .abtbox{	margin:0px 0.2% 0px 0.3%; padding:0px; width:66%; float:left;background-color:#fff; border:1px solid #B3B399; height:400px; overflow:hidden;}/*background:url("../images/tabsbg.png") left bottom repeat-x*/
.about .abtbox p{line-height:20px; margin:0px; padding:10px;}
.slider, #js_slider{width: 100%; height:250px; overflow: hidden;position: relative;}
.slider li, #js_slider li{ width: 100%; height:250px; overflow:hidden;  float: left;}
.slider1{width:100%; margin:0px; min-height:100%;padding:0px;height:200px !important; overflow:hidden; border-bottom:1px solid #06581E}
.about .abtbox p span{padding:5px 0px; font-weight:bold; font-size:15px;}
.about .abtbox h2{background:#9EA370; color:#ffffff; font:bold 18px arial,verdana; padding:5px 20px; display:block; margin:0px;}
.about .mapbox{	margin:0px auto; padding:0px; width:32%; float:right; background:#D7D7B6; border:1px solid #B3B399;height:400px;}
.about .mapbox .map{width:99%;margin:0px auto; padding:0px; text-align:center}
.about .mapbox h4{ font:normal 18px arial,verdana; text-align:center; margin:0px auto; padding:10px 15px; border-left:0px solid #F0F2DC; color:#212121}
.about .gallery{float:left; width:0%; background:#0E771E; margin:0px; padding:0px 0px 0px 14px;height:400px;}
.about .gallery h2{color:#ffffff; font:bold 18px arial,verdana; padding:10px 20px; display:block; margin:0px;}
.alignright{float:right; margin:0px; padding:0px 0px 10px 10px}
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 88%; /*Width of Carousel Viewer itself*/
 height:58px;/*Height should enough to fit largest content's height*/
-webkit-box-sizing: border-box; /* set box model so container width and height value includes any padding/border defined */
-moz-box-sizing: border-box;
box-sizing: border-box; margin:0px auto; overflow:hidden;
}
.gallery1{
	width:96%; margin:0px auto; padding:0px; clear:both; height:95px; overflow:hidden;
}
.gallery1 .panel{
	float:left; margin:0px 10px;
}

.stepcarousel .belt{
		position: absolute; /*leave this value alone*/	left: 0;top: 0;
}

.stepcarousel .panel{
		float: left; /*leave this value alone*/
		overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
		margin:10px auto; /*margin around each panel*/
		width: 211px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.stepcarousel .belt .panel img
{
		border:0;
}
.belt1{
	width:80%; margin:0px auto; padding:0px;
}
#header{width:100%; margin:0px; padding:0px; display:block;}
#banner table{ margin:0px; padding:0px;}
#banner
{
	width:100%; margin:0px; padding:0px; display:block; overflow:hidden;background:url("../Auth/CSS/GIS/Default/images/banner.jpg") 0 0 no-repeat; background-size:100% 100%;
}
#banner img{ margin:0px; padding:10px 0px 0px 0px; max-width:100%; height:auto;}
#banner .logo{width:30%; margin:0px; margin-left:20px; padding:3px 0px; float:left}
#banner .logo img{max-width:100%; height:auto;}
#banner .middle{width:32%; margin:0px; padding:0px; float:left;text-align:right;}
#banner .middle img{max-width:100%; height:auto; padding:8px; text-align:right; cursor:pointer;}
#banner .logout{width:30%; margin:0px; padding:0px; text-align:right; margin-right:20px; float:right}
}

@media(max-width:980px){
.img{max-width:100%; height:auto; margin:0px; padding:0px;}
.header .logo{width:35%; float:left; margin:3px 0px 3px 20px;}
.header .nav{width:45%; float:right; margin:0px; padding:0px}
.header .nav img{ float:left; max-width:70%; height:auto; margin:5px 10px 0px 10px; padding:0px}
.about{	margin:0px; padding:0px; width:100%; clear:both;display:table; background:#F0F2DC;  overflow:hidden}
.about .abtbox{	margin:0px 0.3%; padding:0px; width:99%; float:left;background-color:#fff; border:1px solid #B3B399; height:300px; overflow:hidden;} /*background:url("../images/tabsbg.png") left bottom repeat-x*/
.about .abtbox p{line-height:20px; margin:0px; padding:10px;}
.about .abtbox p span{padding:5px 0px; font-weight:bold; font-size:15px;}
.about .abtbox h2{background:#9EA370; color:#ffffff; font:bold 18px arial,verdana; padding:5px 20px; display:block; margin:0px;}
.about .mapbox{	margin:0px auto; padding:0px; width:100%; float:right; background:#D7D7B6; border:1px solid #B3B399;height:300px;}
.about .mapbox .map{width:99%;margin:0px auto; padding:0px; text-align:center}
.about .mapbox h4{ font:normal 18px arial,verdana; text-align:left; margin:0px auto; padding:10px 15px; border-left:5px solid #0E771E; color:#212121}
.about .gallery{float:left; width:100%; background:#0E771E; margin:0px; padding:0px;height:300px;}
.about .gallery h2{color:#ffffff; font:bold 18px arial,verdana; padding:10px 20px; display:block; margin:0px;}
.slider1{width:100%; margin:0px; min-height:100%;padding:0px;height:20% !important; overflow:hidden; border-bottom:1px solid #06581E}
.slider, #js_slider{width: 100%; height:150px; overflow: hidden;position: relative;}
.slider li, #js_slider li{ width: 100%; height:150px; overflow:hidden;  float: left;}
.alignright{float:right; margin:0px; padding:0px 0px 10px 10px}
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 715px; /*Width of Carousel Viewer itself*/
height: 100px; /*Height should enough to fit largest content's height*/
-webkit-box-sizing: border-box; /* set box model so container width and height value includes any padding/border defined */
-moz-box-sizing: border-box;
box-sizing: border-box; margin:0px 20px 0px 35px;
}
.rowdiv,.sliderbox{width:100%; margin:0px auto; padding:0px; clear:both;display:table; }
.stepcarousel .belt{position: absolute; /*leave this value alone*/
		left: 0;top: 0;
}

.stepcarousel .panel{
		float: left; /*leave this value alone*/ background:none; border:0px;
		overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
		margin:11px auto 5px auti; /*margin around each panel*/
		width: 80px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
#header{width:100%; margin:0px; padding:0px; display:block;}
#banner table{ margin:0px; padding:0px;}
#banner
{
	width:100%; margin:0px; padding:0px; display:block; overflow:hidden;background:url("../Auth/CSS/GIS/Default/images/banner.jpg") 0 0 no-repeat; background-size:100% 100%;
}
#banner .logo{width:30%;overflow:hidden; margin:12px 0px; padding:0px; float:left}
#banner .logo img{ max-width:100%; height:auto;}
#banner .middle{width:35%;margin:0px; padding:0px; float:left; text-align:right;}
#banner .middle .labeldiv{float:right; font:bold 12px arial,verdana; margin:0px; padding:0px;}
#banner .middle img{max-width:50%; height:auto; text-align:right; cursor:pointer;}
#banner .logout{width:30%; margin:12px 0px; padding:0px; float:right}
#banner .logout img{max-width:50%;height:auto; text-align:right;}
#panelbox { position:absolute; z-index:101; top:72px;  margin:0px; float:right;  right:45%;}
#mapbox { position:absolute; z-index:103; top:72px;  margin:0px auto;  right:17%; display:none; width:276px; height:73px; background:#C8D0AB;  border:1px solid #9D9D9D;}
}
@media(max-width:800px){
#panelbox { position:absolute; z-index:101; top:72px;  margin:0px; float:right;  right:48%;}
#mapbox { position:absolute; z-index:103; top:72px;  margin:0px auto;  right:13%; display:none; width:276px; height:73px; background:#C8D0AB;  border:1px solid #9D9D9D;}
}
@media(max-width:768px){
.img{max-width:100%; height:auto; margin:0px; padding:0px;}
.header .logo{width:35%; float:left; margin:3px 0px 3px 20px;}
.header .nav{width:45%; float:right; margin:0px; padding:0px}
.header .nav img{ float:left;max-width:70%; height:auto; margin:5px 10px 0px 10px; padding:0px}
.about{	margin:0px; padding:0px; width:100%; clear:both;display:table; background:#F0F2DC;  overflow:hidden}
.about .abtbox{	margin:0px; padding:0px; width:99%; float:left; background-color:#fff; border:1px solid #B3B399; overflow:hidden;}/*background:url("../images/tabsbg.png") left bottom repeat-x*/
.about .abtbox p{line-height:20px; margin:0px; padding:10px;}
.about .abtbox p span{padding:5px 0px; font-weight:bold; font-size:15px;}
.about .abtbox h2{background:#9EA370; color:#ffffff; font:bold 18px arial,verdana; padding:5px 20px; display:block; margin:0px;}
.about .mapbox{	margin:0px auto; padding:0px; width:100%; float:right; background:#D7D7B6; border:1px solid #B3B399;height:300px;}
.about .mapbox .map{width:99%;margin:0px auto; padding:0px; text-align:center}
.slider1{width:100%; margin:0px; min-height:100%;padding:0px;height:20% !important; overflow:hidden; border-bottom:1px solid #06581E}
.slider, #js_slider{width: 100%; height:113px; overflow: hidden;position: relative;}
.slider li, #js_slider li{ width: 100%; height:113px; overflow:hidden;  float: left;}
.about .mapbox h4{ font:normal 18px arial,verdana; text-align:left; margin:0px auto; padding:10px 15px; border-left:5px solid #0E771E; color:#212121}
.about .gallery{float:left; width:100%; background:#0E771E; margin:0px; padding:0px;height:300px;}
.about .gallery h2{color:#ffffff; font:bold 18px arial,verdana; padding:10px 20px; display:block; margin:0px;}
.alignright{float:right; margin:0px; padding:0px 0px 10px 10px}
.stepcarousel{position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 660px; /*Width of Carousel Viewer itself*/
height: 100px; /*Height should enough to fit largest content's height*/
-webkit-box-sizing: border-box; /* set box model so container width and height value includes any padding/border defined */
-moz-box-sizing: border-box;
box-sizing: border-box; margin:0px 20px 0px 35px;
}
.rowdiv,.sliderbox{width:100%; margin:0px auto; padding:0px; clear:both;display:table; }
.stepcarousel .belt{
		position: absolute; /*leave this value alone*/
		left: 0;
		top: 0;
}

.stepcarousel .panel{
		float: left; /*leave this value alone*/ background:none; border:0px;
		overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
		margin:11px 15px 5px 15px; /*margin around each panel*/
		width: 80px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
#header{width:100%; margin:0px; padding:0px; display:block;}
#banner table{ margin:0px; padding:0px;}
#banner
{
	width:100%; margin:0px; padding:0px; display:block; overflow:hidden;background:url("../Auth/CSS/GIS/Default/images/banner.jpg") 0 0 no-repeat; background-size:100% 100%;
}
#banner .logo{width:30%;overflow:hidden; margin:12px 0px; padding:0px; float:left}
#banner .logo img{ max-width:100%; height:auto;}
#banner .middle{width:35%;margin:0px; padding:0px; float:left; text-align:right;}
#banner .middle .labeldiv{float:right; font:bold 12px arial,verdana; margin:0px; padding:0px;}
#banner .middle img{max-width:50%; height:auto; text-align:right; cursor:pointer;}
#banner .logout{width:30%; margin:12px 0px; padding:0px; float:right}
#banner .logout img{max-width:50%;height:auto;}
#panelbox { position:absolute; z-index:101; top:72px;  margin:0px; float:right;  right:45%;}
#mapbox { position:absolute; z-index:103; top:72px;  margin:0px auto;  right:8%; display:none; width:276px; height:73px; background:#C8D0AB;  border:1px solid #9D9D9D;}
}
@media(max-width:480px){
.img{max-width:100%; height:auto; margin:0px; padding:0px;}
.header .logo{width:35%; float:left; margin:3px 0px 3px 20px;}
.header .nav{width:45%; float:right; margin:0px; padding:0px}
.header .nav img{ float:left;max-width:30%; height:auto; margin:1px 0px 0px 10px; padding:0px}
.about{	margin:0px; padding:0px; width:100%; clear:both;display:table; background:#F0F2DC;  overflow:hidden}
.about .abtbox{	margin:0px; padding:0px; width:99%; float:left; background-color:#fff; border:1px solid #B3B399; height:auto;}/*background:url("../images/tabsbg.png") left bottom repeat-x*/
.about .abtbox p{line-height:20px; margin:0px; padding:10px;}
.about .abtbox p span{padding:5px 0px; font-weight:bold; font-size:15px;}
.about .abtbox h2{background:#9EA370; color:#ffffff; font:bold 18px arial,verdana; padding:5px 20px; display:block; margin:0px;}
.about .mapbox{	margin:0px auto; padding:0px; width:100%; float:right; background:#D7D7B6; border:1px solid #B3B399;height:300px;}
.about .mapbox .map{width:99%;margin:0px auto; padding:0px; text-align:center}
.slider1{width:100%; margin:0px; min-height:100%;padding:0px;height:auto!important; overflow:hidden; border-bottom:1px solid #06581E}
.about .mapbox h4{ font:normal 18px arial,verdana; text-align:left; margin:0px auto; padding:10px 15px; border-left:5px solid #0E771E; color:#212121}
.about .gallery{float:left; width:100%; background:#0E771E; margin:0px; padding:0px;height:300px;}
.about .gallery h2{color:#ffffff; font:bold 18px arial,verdana; padding:10px 20px; display:block; margin:0px;}
.alignright{float:right; margin:0px; padding:0px 0px 10px 10px}
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 230px; /*Width of Carousel Viewer itself*/
height: 100px; /*Height should enough to fit largest content's height*/
-webkit-box-sizing: border-box; /* set box model so container width and height value includes any padding/border defined */
-moz-box-sizing: border-box;
box-sizing: border-box; margin:0px 20px 0px 35px;
}
.formwidth{ width:300px; margin:0px; padding:0px;}
.rowdivbox{width:448px; margin:0px auto; padding:0px; clear:both;border:1px solid #666666;height:auto;background:#ffffff;}
.stepcarousel .belt{position: absolute; left: 0;top: 0;}
div.anythingSlider{width: 100%; overflow: hidden;position: relative;}
.slider, #js_slider{width: 100%; height:57px; overflow: hidden;position: relative;}
.slider li, #js_slider li{ width: 100%; height:57px; overflow:hidden;  float: left;}
.stepcarousel .panel{
		float: left; /*leave this value alone*/ background:none; border:0px;
		overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
		margin:11px 15px 5px 15px; /*margin around each panel*/
		width: 80px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.tabs-menu { height:120px; line-height: 30px; float: left; margin-right: 10px;}
#header{width:100%; margin:0px; padding:0px; }
#banner table{ margin:0px; padding:0px;}
.topicons{margin:0px; padding:0px; width:60%;float:right; }
.topicons li{float:left; margin:0px; padding:0px 3px;}
#banner{width:100%; margin:0px; padding:0px;  overflow:hidden;background:url("../Auth/CSS/GIS/Default/images/banner.jpg") 0 0 no-repeat; background-size:100% 100%;}
#banner .logo{width:30%;overflow:hidden; margin:12px 0px; padding:0px; float:left}
#banner .logo img{ max-width:100%; height:auto;}
div.anythingSlider .forward{display:none;}
div.anythingSlider .anythingControls{display:none;}
#banner .middle{width:36%;margin:0px; padding:0px; float:left; text-align:right;}
#banner .middle .labeldiv{float:right; font:bold 12px arial,verdana; margin:0px; padding:0px;}
#banner .middle img{max-width:15%; height:auto; text-align:right; cursor:pointer;}
#banner .logout{width:28%; margin:12px 0px; padding:0px; float:right}
#banner .logout img{max-width:30%;height:auto;}
#leftreg{
        width:100%;display:block;
        color:#000000; float:left;
        margin:0px; padding:0px;
        border-top: solid 2px #06571D;border-bottom: solid 2px #06571D;

      }
#footer {padding:0px; margin:0px; line-height:30px; clear:both;background-color:#1B7411;color:#ffffff;font-size:7pt; text-align:center;
      }
}