/*iphone portrait*/

@media only screen and (max-width: 640px) {
	.footer li {
       padding-left: 10px;
    padding-right: 10px;
}
.footer li.active{
	padding-left:0;
}
footer p{
	font-size:12px;
}
.footer > ul{
	width:320px;
}
.bannerdiv img, .headerin header {
    height: auto;
    width: 100%;
}
.bannerdiv {
  
    max-width: inherit;
    min-width: inherit;
}
.main_section {
    width: 96%;
}

#cssmenu ul ul li a:hover{
	background:none;
}
#cssmenu a.active{
	  border: 0 none;
    color: #fff;
}
#cssmenu > ul > li:hover > a{
	background:#000;
	border:0;
}
#cssmenu > ul li:hover > a {
color:#fff !important;
}

#cssmenu {
     position: relative;
    z-index: 999999;
}
#cssmenu > ul > li:hover, #cssmenu li.active{
	background:none;
	height:inherit;
	position:inherit;
	top:0;
}
#cssmenu a:hover, #cssmenu li.active a{
	color:#fff;
}
#cssmenu ul li{
	background:none;
	padding:0;
}
#cssmenu ul {
	background:#04192F;
}


#cssmenu ul li.last1{
	border-bottom:0;
}
#cssmenu .fa {
      margin-bottom: 11px;
	    margin-top: 15px;
  
}

#cssmenu .fa.fa-facebook{
	margin-left:10px;
}

#cssmenu > ul > li > a, #cssmenu ul ul li a{
	height:40px;
	color:#fff;
	line-height:40px;
	font-weight:normal;
	font-size:16px;
	padding-left:10px ;
	padding-top:0;
	padding-right:0;
}
#cssmenu ul ul li a:hover{
	background:#000;
	color:#fff;
}
#cssmenu ul li {
	border-right:0;
}
#cssmenu ul ul li a{
	border:none;
	padding:0 0 0 35px;
}

#cssmenu{
	clear:both;
	border:0;
	padding:0;
}


#cssmenu ul ul li{
	margin-bottom:0;
	position:inherit;
	top:0;
}

#cssmenu .fa.fa-angle-right {
    color: #137400;
    display: block;
    float: left;
    font-size: 14px;
    padding-right: 5px;
    padding-top: 13px;
}






.bannerdiv.innerbanner > img {
    height: auto;
    width: 100%;
}
.wraperinner{
	width:96%;
}

.innerdiv_lt img {
    height: auto;
    width: 100%;
}
.innerdiv .innerdiv_lt, .innerdiv .innerdiv_rt{
	float:none;
	width:100%;
}


.main_section{
	min-width:inherit;
	padding-bottom:0;
}
.boxdiv_block .boxdiv{
    float: none;
    margin: 0 auto;
    padding-right: 0;
    text-align: center;
    width: 100%;
}
.wrapdiv{
	min-width:inherit;
	margin:0;
	padding-bottom:10px;
}
.wrapdiv .wrapdiv_block{
	width:90%;
}
.wrapdiv_block .lt {
    border-right: medium none;
    float: none;
    margin-right: 0;
    padding-right: 0;
    width: 100%;
}
.wrapdiv_block p, .wrapdiv_block li {
    font-size: 14px;
    line-height: 22px;
}
.wrapdiv_block .rt {
	float: none;
	width: 100%;
}
.wrapdiv_block ul{
	margin-bottom:0;
}

.main_section h1 {
    font-size: 24px;
    font-weight: normal;
    padding-bottom: 15px;
    padding-top: 15px;
}
.boxdiv_block .boxdiv p{
	min-height:inherit;
}
.about_node.about_node1 h1{
	font-size:19px;
}

.boxdiv_block .boxdiv > a{
	margin-bottom:20px;
}
.boxdiv_block .boxdiv.last{
	width:inherit;
}
.bannerdiv_block{
	display:none;
}

.about_node.about_node1 a.rdm{
	padding-bottom:20px;
}
.about_node.about_node1 .uldiv {
    float: none;
    margin-bottom: 15px;
    margin-right: 0;
    overflow: hidden;
    width: 100%;
}

nav {
  clear: both;
    height: auto;
    min-width: inherit
}
.footerbtm{
	min-width:inherit;
	font-size:12px;
}
footer h3{
	border:0;
}

header .header, .header .header_rt, .bannerdiv, .bannerdiv .bannerdiv_lt, .bannerdiv .bannerdiv_rt{
	width:100%;
}
header{
    min-width: inherit;
}
.socials {
    right: 0;
    top: 2px;
	z-index:9;
}
header .header_lt {
    float: none !important;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.header_rt .cnt{
	text-align:center;
	margin-top:25px;
}


.header .header_rt{
	float:none;
}

.logo img {

}
.header_rt > span {
    color: #04192f;
    display: block;
    float: none;
    font-size: 30px;
    font-weight: bold;
    padding-top: 0;
    text-align: center;
}

.main_section{
	position:inherit;
}
.boxdiv_block {
    border-right: medium none;
    float: none;
	margin-top:205px;
    width: 313px;
}
.boxdiv_block .boxdiv img{
	width:70%;
}
.boxdiv_block .boxdiv h3 {
        font-size: 16px;
    font-weight: normal;
    left: 6px;
        top: 191px;
}
.showdiv{
	left:105px;
}
.showdiv > a {
    font-size: 20px;
    line-height: 180px;
}

.main_section .boxdiv_block p{
	width:305PX;
}
.main_section .about_node{
	float:none;
	margin-top:0;
}
.about_node .about_nodelt {
    border-right: 0 none;
    float: none;
    margin-right: 0;
}
.about_node .about_nodert .h2{
	margin-bottom:10px;
}
.about_nodert .ltst_sub{
	width:100%;
}
.ltst_sub .txt_area{
	width:180px;
}
.about_nodert .ltst_sub p{
	line-height:16px;
}

.boxdiv_block.last {
    float: none;
    margin: 0 auto;
}
.backtotop{
	background:#000 !important;
}
footer .footermid{
	border-bottom:0;
}

.about_nodert .ltst_sub a{
	float:left;
}
header .header_lt .logo{
	margin-top:0;
}
.bannerdiv .bannerdiv_lt {
    background: none repeat scroll 0 0 #0f7200;
    float: none;
    font-size: 30px;
    height: auto;
    line-height: 26px;
    margin-top: 8px;
    padding-bottom: 45px;
    padding-left: 0;
    padding-top: 25px;
    text-align: center;
	width:100%;
}
.bannerdiv_lt > span {
    clear: both;
    display: block;
    float: left;
    font-size: 18px;
    width: 100%;
}
.bannerdiv_rt > img {
    height: auto;
    width: 100%;
}
footer{
	min-width:inherit;
	padding-bottom:15px;
}
.footer{
	width:100%;
	margin:0;
	padding:0;
}
footer .h3{
	padding-left:13px;
}
.footerleft a.first{
	padding-left:6px;
}
footer .h3{
	text-align:center;
}
.footer img {
	clear:both;
    display: block;
    float: none;
    margin: 0 auto;
    width: 180px;
}
.contdiv{
	width:98%;
	float:none;
}
.formdiv{
	float:none;
}
.formdiv input, .formdiv textarea, .formdiv .alert{
	width:100%;
}
.innerdiv_rt img{
	width:40%;
	height:auto;
}
}




/*iphone landscape*/

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

.innerdiv_lt img {
    float: left;
    margin-right: 15px;
    width: 45%;
}
.innerdiv_rt img{
	width:22%;
	height:auto;
}

}



/*ipad portrait*/

@media only screen and (min-width: 768px) and (max-width: 959px) {
.main_section {
    width: 96%;
}
.innerdiv .innerdiv_lt {
    width: 30%;
}
.innerdiv .innerdiv_rt {
    width: 66%;
}
.innerdiv_lt img {
    height: auto;
    width: 100%;
}
.footerbtm{
	min-width:inherit;
}
.headerin header{
	width:100%;
}
footer h3{
	border:0;
}

#cssmenu ul ul li a:hover{
	background:none;
}
#cssmenu a.active{
	  border: 0 none;
    color: #fff;
}
#cssmenu > ul > li:hover > a{
	background:#000;
	border:0;
}
#cssmenu > ul li:hover > a {
color:#fff !important;
}

#cssmenu {
     position: relative;
    z-index: 999999;
}
#cssmenu > ul > li:hover, #cssmenu li.active{
	background:none;
	height:inherit;
	position:inherit;
	top:0;
}
#cssmenu a:hover, #cssmenu li.active a{
	color:#fff;
}
#cssmenu ul li{
	background:none;
	padding:0;
}
#cssmenu ul {
	background:#04192F;
}


#cssmenu ul li.last1{
	border-bottom:0;
}
#cssmenu .fa {
      margin-bottom: 11px;
	    margin-top: 15px;
  
}

#cssmenu .fa.fa-facebook{
	margin-left:10px;
}

#cssmenu > ul > li > a, #cssmenu ul ul li a{
	height:40px;
	color:#fff;
	line-height:40px;
	font-weight:normal;
	font-size:16px;
	padding-left:10px ;
	padding-top:0;
	padding-right:0;
}
#cssmenu ul ul li a:hover{
	background:#000;
	color:#fff;
}
#cssmenu ul li {
	border-right:0;
}
#cssmenu ul ul li a{
	border:none;
	padding:0 0 0 35px;
}

#cssmenu{
	clear:both;
	border:0;
	padding:0;
}


#cssmenu ul ul li{
	margin-bottom:0;
	position:inherit;
	top:0;
}

#cssmenu .fa.fa-angle-right {
    color: #137400;
    display: block;
    float: left;
    font-size: 14px;
    padding-right: 5px;
    padding-top: 13px;
}
header .header_rt {
    float: right;
    width: 210px !important;
}
header .header{
	margin-bottom:0;
}
.main_section{
	min-width:inherit;
	padding-bottom:0;
}


.wraperinner{
	width:96%;
	position:inherit;
	margin-top:25px;
	margin-bottom:15px;
}

.main_section{
	min-width:inherit;
	padding-bottom:0;
}
.boxdiv_block .boxdiv{
    float: left;
	margin:5px 15px 25px 10px;
   
    padding-top: 10px;
    text-align: center;
    width: 230px
}

.main_section h1 {
    font-size: 24px;
    font-weight: normal;
  
}
.boxdiv_block .boxdiv p{
	min-height:inherit;
}
.about_node.about_node1 h1{
	font-size:19px;
}

.boxdiv_block .boxdiv > a{
	margin-bottom:20px;
}
.boxdiv_block .boxdiv.last{
	 float: left;
    width: 230px;
}
.boxdiv_block .boxdiv img {
    margin-bottom: 5px;
    margin-top: 8px;
    width: 230px;
}
.bannerdiv_block{
	display:none;
}
#cssmenu a.active{
	  border: 0 none;
    color: #fff;
}
.main_section{
	clear: both;
}

header .header, .header .header_rt, .bannerdiv, .bannerdiv .bannerdiv_lt, .bannerdiv .bannerdiv_rt{
	width:100%;
}
header{
	
	min-width:inherit;
	
}
header .header_lt {
	margin-left:10px;
}
.header_rt .cnt{
	text-align:center;
	margin-top:25px;
}

.bannerdiv{
	height:auto;
	clear:both;
    max-width: inherit;
    min-width: inherit;
    overflow: inherit;
    position: inherit;
    width: 100%;
}

nav {
    clear: both;
    height: auto;
    min-width: inherit;
    
}
.wrapdiv{
	min-width:inherit;
}
.wrapdiv .wrapdiv_block{
	width:100%;
}
.wrapdiv_block .lt {
    border: 0 none;
    margin-right: 0;
    padding-right: 0;
    width: 100%;
}
.wrapdiv_block .rt{
	width:100%;
}
.wrapdiv_block p, .wrapdiv_block li {
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 15px;
}
.wrapdiv_block li {
	padding-bottom:0px;
}
.wrapdiv_block ul{
	width:300px;
}
.logo img {
    margin-top: 10px;
	 margin-bottom: 10px;
}

.main_section{
	position:inherit;
}
.boxdiv_block {
    border-right: medium none;
    float: none;
	margin-top:150px;
    overflow: hidden;
    top: 0;
    width: 750px
}
.showdiv{
	left:40px;
	top:10px;
}
#t{
	top:174px !important;
}
.wrapdiv_block a{
	float:left;
}

.boxdiv_block .boxdiv h3 {
    font-size: 18px;
    font-weight: normal;
    top: 210px;
}
.main_section .boxdiv_block p{
	width:230px;
}
.boxdiv_block .boxdiv span{
	font-size:20px;
}
.boxdiv_block .boxdiv font{
	font-size:24px;
}
.main_section .about_node{
	float:none;
	margin-top:0;
}

.backtotop{
	background:#000 !important;
}
footer .footermid{
	border-bottom:0;
}

.about_nodert .ltst_sub a{
	float:left;
}
header .header_lt .logo{
	margin-top:0;
}

footer{
	min-width:inherit;
	padding-bottom:15px;
}
.footer{
	width:100%;
	margin:0;
	padding:0;
}

.contdiv{
	width:98%;
	float:none;
}
.formdiv{
	float:none;
}
.formdiv input, .formdiv textarea, .formdiv .alert{
	width:100%;
}
.bannerdiv > img {
    height: auto;
    width: 100%;
}
.headerinner{
	height:204px;
}
/*.headerinner #cssmenu{
	margin-top:104px;
}*/
.wraperinner{
	margin-top:0;
}




}




/*width 800px*/

@media screen and (min-width: 800px) and (min-height:800px){
	nav {
    background: none repeat scroll 0 0 #04192F;
	}
#cssmenu ul{
	height:40px;
}
#cssmenu > ul > li {
    border-right: 1px solid #111;
    float: left;
	height:40px;
  
}
#cssmenu ul ul li a{
	   color: #04192F;
    padding-left: 10px !important;
    padding-top: 10px;
}

#cssmenu ul ul li {
    margin-bottom: 10px;
}
#cssmenu > ul > li:hover, #cssmenu li.active{
	position:inherit;
	top:0;
}
#cssmenu > ul > li:hover,
#cssmenu li.active {
	  background: none repeat scroll 0 0 #fff;
   
    text-decoration: none;
}

#cssmenu li.active a, #cssmenu a:hover{
	 color: #04192F;
}
#cssmenu > ul > li:hover > a{
	background:none;
	border:0;
}
#cssmenu > ul li:hover > a {
color:#04192F !important;
}
#cssmenu ul ul li a:hover{
	background:#04192F;
	color:#fff;
}
#cssmenu ul ul{
	z-index:99999;
}

#cssmenu{
	width:67%;
}
#cssmenu > ul > li a {
	padding-bottom: 15px !important;
    padding-left: 35px !important;
    padding-right: 35px !important;
    padding-top: 10px;
}
#cssmenu > ul > li > a, #cssmenu ul ul li a{
	line-height:normal;
	padding-left:0;
}
#cssmenu ul ul li, #cssmenu ul ul{
	position:inherit;
}
#cssmenu > ul > li.has-sub > a:after {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    content: "";
    height: 7px;
    position: absolute;
     right: -5px;
    top: 18px;
    transform: rotate(45deg);
    transition: border-color 0.2s ease 0s;
    width: 7px;
}
.bannerdiv > img {
    height: auto;
    width: 100%;
}
.headerinner{
	height:204px;
}
.headerinner #cssmenu{
	margin-top:104px;
}
.wraperinner{
}
.has-sub > a {
    width: 110px;
}
.has-sub {
    width: 140px;
}

}



/*width 980px*/

@media screen and (min-width: 980px) and (min-height:980px){
#t{
	top:180px !important;
}	
.wrapdiv{
	min-width:inherit;
}
#cssmenu > ul > li a{
	padding-top:18px;
}

#cssmenu > ul > li {
       padding-left: 10px;
    padding-right: 10px;
}
.boxdiv_block, .wrapdiv .wrapdiv_block, .footer_btm, .section .section, article .article, .headerin header, .footer{
	width:980px;
}
.main_section, header .header{
	 margin: 0 auto !important;
    width: 960px;
}
.wrapdiv_block .lt {
   
    margin-right: 15px;
    padding-right: 35px;
    width: 465px;
}
.bannerdiv, .footerbtm{
	min-width:inherit;
	max-width:inherit;
}

header{
	min-width:inherit;
	padding-left:10px;
	padding-right:10px;
}
.boxdiv_block .boxdiv{
 margin-left: 8px;
    margin-right: 5px;
}

footer .footerleft{
	width:230px;
	padding-left:10px;
}
#cssmenu > ul > li{
	
	height:60px;
}
#cssmenu{
}
nav{
	min-width:inherit;
}
.bannerdiv {
 
}
#cssmenu ul ul li {
    margin-left: -10px;
}
#cssmenu ul ul li {
    margin-bottom: 11px;
}
footer{
	min-width:inherit;
}
#cssmenu > ul > li.has-sub > a:after {
	top:26px;
   
}
.headerinner{
	height:98px;
}

.headerinner #cssmenu{
	margin-top:30px;
}
.innerdiv .innerdiv_lt{
	width:37%;
}
.innerdiv .innerdiv_rt{
	width:60%;
}
.wraperinner{
	margin-top:18px;
}
/*#cssmenu ul ul li a{
	padding-top:2px;
}
*/
}




/*ipad landscape*/

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
	.bannerdiv{
		min-width: inherit;
		max-width:inherit;
	}
	
	.main_section{
	margin-top:0;
}
.wraperinner, .footer_btm{
	width:98% !important;
}
.innerdiv .innerdiv_rt{
	width:630px;
}

.main_section {
    left: 0 !important;
    top: 135px !important;
}
.boxdiv_block.last {
    margin-right: 0 !important;
}
.boxdiv_block{
	width:100%;
}

.main_section, header .header, .grass{
	width:100%;
}
header{
	min-width:inherit;
	padding-left:10px;
	padding-right:10px;
}
.boxdiv_block .boxdiv{
margin-left: 13px;
    margin-right: 15px;
}
footer{
	min-width:inherit;
}

h1 {
	margin-right:20px;
}
.about_node1 .about_nodert{
	width:71%!important;
}
#cssmenu, .header_rt .cnt {
}
.about_node .about_nodert .h2 {
    margin-bottom: 10px;
}
}