@media only screen and (max-width: 395px){
	.header img{
		width: 100% !important;
		height: auto !important;
	}
	.foot .col2{
		width: 100% !important;
	}
}
@media only screen and (max-width: 560px){
	.container{
		display: block !important;
	}
	.container .left, .container .right{
		display: block !important;
		width: 100% !important;
	}
	.container .left .content_top{
		display: none;
	}
	.header img{
		width: auto;
		height: auto;
		margin: 0 auto;
	}
	.sitecontainer .right a{
		width: 100% !important;
		height: 90px;
		background-size: 100% 100%;
		margin-left: 15px;
	}
	.foot .col2{
		width: 100% !important;
	}
	.sitecontainer .right a{
		padding-right: 30px;
	}
	.sitecontainer .right{
		height: auto !important;
	}
}
@media only screen and (max-width: 730px) and (min-width: 560px){
	.sitecontainer .rowContent2{
		width: 100% !important;
		margin: 0 auto;
	}
	.container .left{
		width: 50% !important;
		background: #62A845;
		height: auto;
		float: none;
	}
	.container .right{
		width: 50% !important;
		padding-right: 15px;
		float: none;
	}
	.sitecontainer .right a{
		width: 270px !important;
		height: 90px;
		background-size: 100% 100%;
	}
	.header img{
		width: 100%;
		height: auto;
	}
}

@media only screen and (max-width: 820px){
	*{
		box-sizing: border-box;
	}


	.sitecontainer .rowContent2{
		width: 100%;
		margin: 0 auto;
		padding-right: 35px;
	}
	.sitecontainer .rowContent2 a{
		height: 60px;
		width: 100%;
	}
	.sitecontainer .rowContent2 .rowContent{
		height: 60px;
		width: 100%;
		display: relative;
	}
	.sitecontainer .rowContent2 .rowContent .pic{
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 1010;
	}
	.sitecontainer .rowContent2 .rowContent .text{
		padding: 0;
		z-index: 1015;
		position: absolute;
		bottom: 0;
		height: 60px;
		top: 0;
		width: 100%;
		z-index: 1015;
		padding-top: 20px;
	}
	.sitecontainer .rowContent2 .rowContent .magic{
		margin: 0;
		z-index: 1013;
		height: 60px;
	}
	.sitecontainer .rowContent2 .rowContent .arrow,
	.sitecontainer .rowContent2 a:hover .rowContent .arrow{
		position: absolute;
		top: initial;
		bottom: 0;
		width: 30px;
		right: 0;
		z-index: 1200;
		background-position: center center;
	}
	.sitecontainer .rowContent2 a:hover,
	.sitecontainer .rowContent2 a:hover .rowContent
	{
		height: 145px;
		position: relative;
	}
	.sitecontainer .rowContent2 a:hover .rowContent .text{
		position: absolute;
		top: initial !important;
		bottom: 0;
		z-index: 1015;
	}
	.sitecontainer .rowContent2 a:hover .rowContent .magic{
		position: absolute;
		bottom: 0;
		width: 100%;
	}


}

@media only screen and (max-width: 1039px) and (min-width: 821px){
	.sitecontainer .rowContent2{
		width: 450px;
		margin: 0 auto;
	}
}

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

	*{
		box-sizing: border-box;
	}

	.sitecontainer{
		height: auto;
	}
	.container{
		width: 100%;
		height: auto;
		display: table;
	}
	.container .left, .container .right{
		display: table-cell;
	}
	.container .left{
		width: 65%;
		background: #62A845;
		height: auto;
		float: none;
	}
	.container .right{
		width: 35%;
		padding-right: 15px;
		float: none;
	}

	.container .left .content{
		padding-left: 15px;
	}

	.container .left .content_top{
		background: white;
		padding-top: 30px;
		padding-left: 15px;
		padding-right: 15px;
		height: 100%;
	}



	.sitecontainer .right a{
		width: 323px;
		height: 90px;
	}
	.sitecontainer .container .left .content_top .in p:last-child{
		margin-bottom: 0px;
	}

	.container{
		position: relative;
	}

	.foot{
		margin-top: 15px;
		position: static;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.pnlogo{
		display: absolute;
		bottom: 0;
		right: 0;
		margin: 0 !important;
	}
}