@charset "utf-8";
/* CSS Document */

@media screen and (min-width:1920px) {
	.main-container{
	width:73.2%;
	padding:0;
}
.logowraper {
	width:25.3%;
}
.logo {
	width:100%;
	
}
.logo img {
	margin-left:35%;
}
.logo .logo_text {
	font-size:44px;
	margin:0 10%;
	
}
.logo .logo_text span{
	margin:0 5.5%;
}

.logo_base {
	width:70%;
	margin-left:16.2%;	
}
.banner {
	margin-left:40.9%;
	width:56%;
}
.banner .banner_text {
	font-size:35px;
	margin:10px 4%;
}
.menu_cut{
	width:77%;
	margin-left:13%;
	
}
.col1 {
	width:25.3%;
	
}
.menu {
	margin-left:15.8%;
	font-size:20px;
	line-height:60px;
	
}
.menu ul {
	 list-style-image:url(../images/arrow.png) ;
	padding-right:20%;
	margin:0;

}
.menu ul li {
	background-image:url(../images/line.png) ;
background-repeat:repeat-x;
background-position:bottom left;
}

.col2{
	margin-left:1%;
	margin-right:1%;
	width:56.4%;
	
}
.col2 .col2_text {
	padding:10px 1.7%;
	font-size:40px;
}
.col2 .wrapper {
	margin-top:30px;
	min-height:1321px;
}
.col3 {
	width:16%;
}
.headeradd {
	
	margin-left:35%;
}	
}
@media screen and (min-width:636px){
.tonglemenu {
	width:60%;
	margin-left:10%;
}
	.tonglemenu .menu ul {
	
	padding-right:15%;
	margin:0;

}
.tonglemenu .menu{
	font-size:18px;
}
}
@media screen and (min-width:768px){
.tonglemenu {
	display:none;
}
.bars {
	display:none;
	
}
}

@media screen and (min-width:601px) and (max-width:1080px){
	.main-container{
	width:98%;
	padding:0;
}
.logowraper {
	width:25.3%;
}
.logo {
	width:100%;
	
}
.logo img {
	margin-left:33%;
}
.logo .logo_text {
	font-size:32px;
	margin:0 6%;
	
}
.logo .logo_text span{
	margin:0 5.5%;
}

.logo_base {
	width:70%;
	margin-left:16.2%;	
}
.banner {
	margin-left:40.9%;
	width:56%;
}
.banner .banner_text {
	font-size:23px;
	margin:10px 4%;
}
.menu_cut{
	width:77%;
	margin-left:13%;
	
}
.col1 {
	width:25.3%;
	
}
.menu {
	margin-left:15.8%;
	font-size:16px;
	line-height:40px;
	
}
.menu ul {
	 list-style-image:url(../images/arrow.png) ;
	padding-right:20%;
	margin:0;

}
.menu ul li {
	background-image:url(../images/line.png) ;
background-position:bottom left;
}

.col2{
	margin-left:1%;
	margin-right:1%;
	width:56.4%;
	
}
.col2 .col2_text {
	padding:10px 1.7%;
	font-size:28px;
}
.col2 .wrapper {
	margin-top:10px;
	min-height:1341px;
}
.col3 {
	width:16%;
}
.headeradd {
	margin-left:26%;
	padding:15px;;
}
.col2 .wrapperbanner {
	
	padding:15px;
	
}
.col2 .wrapperleft {
	font-size:10px
}

.col2 .wrapperight {
	
	font-size:10px;
	padding:5px;
}
}
@media screen and (min-width:980px) and (max-width:1080px){
	.col2 .wrapperbanner {
	
	padding:20px;
	
}
.col2 .wrapperleft {
	font-size:13px
}

.col2 .wrapperight {
	
	font-size:13px;
	padding:5px;
}
}
@media screen and (min-width:768px) and (max-width:800px){
	.main-container{
	width:96%;
	padding:0;
}
	.logo img {
	margin-left:26%;
}
	.logo .logo_text {
	font-size:24px;
	
}
.banner .banner_text {
	font-size:18px;
}

.menu {
	font-size:10px;
	
}
.headeradd {
	margin-left:30%;
	padding:15px;;
}
}
@media screen and (min-width:640px) and (max-width:767px){
	.logowraper {
	width:100%;
	margin:0 auto;
}
.logo {
	width:100%;
	
}

.logo .logo_text span{
	margin:0 0.5%;
}
.logo {
	height:140px;
	width:100%;
	margin-top:-280px;
	background:#14803c;
	border-radius: 25px 25px 25px 25px;
	
}
.logo img {
	width:15%;
	margin-left:10%;
	margin-top:5px;
	float:left;
}
.logo .logo_text {
	width:60%;
	font-size:45px;
	margin:0;
	margin-top:30px;
	float:left;
	padding:2%;
	padding-left:5%;
	line-height:40.11px;
}
.logo .logo_text span{
	text-transform: uppercase;
	margin:0 15px;
	
}

.logo_base {
	display:none;
}
.banner {
	margin-left:0px;
	margin-top: -130px;
	float:left;
	width:100%;
	height:70px;
	position:relative;
	border-radius: 25px 25px 25px 25px;
}
.banner .banner_text {
	font-family:'PerryGothic';
	line-height:28px;
	font-size:18px;
	margin:5px 40px;
}
.col-sm-12 {
	margin-top:6px;
}
.col1 {
	display:none;
	
}


.col2{
	margin-left:0px;
	margin-right:0px;
	width:100%;
	min-height:500px;
	float:none;
	
}
.col2 .col2_text {
	
width:100%;
	height:auto;
	font-size:26px;
	
	
}
.col2 .wrapper {
	width:100%;
	
	min-height:1341px;
	
	border-radius:25px 25px 0px 0px;
}
.col2 .wrapper .wrapper_text{
	padding:40px 17px;
	color:#665555;
}
.col3 {
	margin-top:20px;
	min-height:400px;
	width:100%;
	float:none;
}
.footer {
	width:100%;
	height:auto;
	margin-top:20px;
	background:#14803c;
	font-family:'arial';
	font-size:14px;
	line-height:18px;
	
}

.repu {
	padding-top:24px;
	padding-left:10%;
	padding-bottom:24px;
	border-bottom:#ccc solid thin;
	background-position:bottom center;
}
.privacy {
	padding-top:18px;
	text-align:center;
	font-style:italic;
	
}

.tonglemenu {
	width:20%;
	padding-bottom:50px;
	margin-left:70px;
}
.tonglemenu .menu ul {
	padding-right:15%;
	margin:0;

}	
.headeradd {
	display:none;
}
}
@media screen and (min-width:0px) and (max-width:639px){
	.main-container{
	width:96%;
	padding:0;
}


.logowraper {
	width:100%;
	margin:0 auto;
}
.logo {
	width:100%;
	
}

.logo .logo_text span{
	margin:0 0.5%;
}
.logo {
	height:140px;
	width:100%;
	margin-top:-280px;
	background:#14803c;
	border-radius: 25px 25px 25px 25px;
	
}
.logo img {
	width:25%;
	margin-left:10%;
	margin-top:10px;
	float:left;
}
.logo .logo_text {
	width:60%;
	font-size:22px;
	margin:0;
	margin-top:55px;
	float:left;
	padding:2%;
	padding-left:5%;
	line-height:30.11px;
}
.logo .logo_text span{
	text-transform: uppercase;
	margin:0 15px;
	
}

.logo_base {
	display:none;
}
.banner {
	margin-left:0px;
	margin-top: -130px;
	float:left;
	width:100%;
	height:70px;
	position:relative;
	border-radius: 25px 25px 25px 25px;
}
.banner .banner_text {
	font-family:'PerryGothic';
	line-height:28px;
	font-size:11px;
	margin:5px 40px;
}
.col-sm-12 {
	margin-top:6px;
}
.col1 {
	display:none;
	
}


.col2{
	margin-left:0px;
	margin-right:0px;
	width:100%;
	min-height:500px;
	float:none;
	
}
.col2 .col2_text {
	width:100%;
	height:auto;
	font-size:24px;
	
}
.col2 .wrapper {
	min-height:1341px;
	border-radius:25px 25px 0px 0px;
}
.col2 .wrapper .wrapper_text{
	padding:40px 17px;
	color:#665555;
}
.col3 {
	
	min-height:300px;
	width:100%;
	float:none;
}
.footer {
	width:100%;
	height:auto;
	margin-top:20px;
	background:#14803c;
	font-family:'arial';
	font-size:14px;
	line-height:18px;
	
}

.repu {
	padding-top:24px;
	padding-left:10%;
	padding-bottom:24px;
	border-bottom:#ccc solid thin;
	background-position:bottom center;
}
.privacy {
	padding-top:18px;
	text-align:center;
	font-style:italic;
	
}
.tonglemenu {
	width:90%;
	padding-bottom:50px;
	margin-left:35px;
}
.tonglemenu .menu ul {
	
	padding-right:10%;
	margin:0;

}
.col2 .wrapperbanner {
	margin-top:5px;
	margin-bottom:0px;
	width:100%;
	height:100px;
}
.col2 .banner2 {
	margin-left:25%;
}
.col2 .wrapperleft {
	float:left;
	width:100%;
	font-size:10px;
	line-height:15px;
}
.col2 .wrapperight {
	margin-top:-8px;
	font-size:12px;
	text-align:center;
	text-transform: uppercase;
	width:50%;
	float:left;
	height:30px;
	padding:9px;
	line-height:10px;
}
.headeradd {
	display:none;
}
}
@media screen and (min-width:320px){
	.tonglemenu {
	width:80%;	
}
}
@media screen and (min-width:320px) and (max-width:339px){
.logo .logo_text {
	width:60%;
	margin-top:50px;
	
}
.col2 .col2_text {
	width:100%;
	height:auto;
	font-size:22px;
	
}
}
@media screen and (min-width:480px) and (max-width:639px){
.logowraper {
	width:100%;
	margin:0 auto;
}
.logo {
	width:100%;
	
}

.logo .logo_text span{
	margin:0 0.5%;
}
.logo {
	height:140px;
	width:100%;
	margin-top:-280px;
	background:#14803c;
	border-radius: 25px 25px 25px 25px;
	
}
.logo img {
	width:20%;
	margin-left:10%;
	margin-top:10px;
	float:left;
}
.logo .logo_text {
	width:60%;
	font-size:40px;
	margin:0;
	margin-top:45px;
	float:left;
	padding:2%;
	padding-left:5%;
	line-height:35.11px;
}
.logo .logo_text span{
	text-transform: uppercase;
	margin:0 15px;
	
}

.logo_base {
	display:none;
}
.banner {
	margin-left:0px;
	margin-top: -130px;
	float:left;
	width:100%;
	height:70px;
	position:relative;
	border-radius: 25px 25px 25px 25px;
}
.banner .banner_text {
	font-family:'PerryGothic';
	line-height:28px;
	font-size:18px;
	margin:5px 40px;
}
.col2{
	margin-left:0px;
	margin-right:0px;
	width:100%;
	min-height:500px;
	float:none;
	
}
.col2 .col2_text {
	font-size:24px;
	
}
.col2 .wrapper {
	min-height:1341px;
	border-radius:25px 25px 0px 0px;
}

.tonglemenu {
	margin-left:40%;
	z-index:999999;
	width:50%;
	padding:0px 3px;
	padding-bottom:50px;
}
.headeradd {
	display:none;
}	
}