@font-face {
	font-family: 'dbadmanx';
	src: url('../fonts/dbadmanx.eot');
	src: local(''), url('../fonts/dbadmanx.woff') format('woff'), url('../fonts/dbadmanx.ttf') format('truetype'), url('../fonts/dbadmanx.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face{
font-family:'font-defind0';
	src: 	url('../fonts/supermarket/supermarket.eot');
	src: 	url('../fonts/supermarket/supermarket.eot?#iefix') format('embedded-opentype'),
			url('../fonts/supermarket/supermarket.ttf') format('truetype');
}


@media only screen and (max-width: 600px) {
	header, nav, section, article, aside, footer {
		display:block;
	}

    body {
        background-color: #FFFFFF;
    }

	.navheader {
		width: 100% !important;
		height:auto !important;
		display: block;
		border-bottom:4px solid #47aa42;
		clear:both;
		position: absolute;
		top: 0;
		left: 0;
	}

	header {
		width: 100% !important;
		display: block !important;
		margin: 0;
		display: block;
		height: 285px !important;
		background-color: #FFFFFF;
		border:1px solid #0000FF;
	}

	.logo {
		display: block;
		width: 200px !important;
		/*border:1px solid #FF0000;*/
		position: absolute;
		top: 0;
		left: 0;
	}

	nav {
		width:98%;
		height: auto;
		font-family : tahoma;
		font-size: 15px;
		color: #535353;
	}

	nav ul {
		position: absolute;
		top: 85px;
		left: 0;
	}

	nav ul li {
		list-style: none;
		padding: 2px;
		line-height: 26px;
		font-family : tahoma;
		font-size: 15px;
		display: block;
		width: 90%;
	}

	.default {
		color: #9af04e;
		/*background: #ffffff url(../images/greenmenu.png) repeat-x bottom left;*/
	}

	nav li:hover {
		color: #73cc24;
		/*background: #ffffff url(../images/greenmenu.png) repeat-x bottom left;*/
	}

	.background {
		width: 60%;
		height: 1200px !important;
		margin: 0;
		padding: 0;
		background: #ffffff !important;
		position: absolute;
		top: 300px;
		left: 0;
	}

	#main {
		width: 90% !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		opacity: 1;
	}

	.box1 {
		display: block;
		width:100% !important;
		height: auto !important;
		background-color: #ffffff;
		padding: 8px !important;
		margin: 8px !important;
		text-align: left;
		position: absolute;
		top: 20px !important;
		left: 0;
		border:none !important;
	}

	.box1 .header-box1 {
		width: 90% !important;
		height:auto !important;
		border-bottom:2px solid #000000;
		padding:8px 8px 8px 0px;
		margin:0 0 20px 0;
		color: #000000;
	}

	.box1 .header-box1 h2 {
		/*font-family : 'dbadmanx';*/
		font-family : 'font-defind0';
		/*font-family : tahoma !important;*/
		width: 100% !important;
		height:auto !important;
		font-size: 32px !important;
		line-height: 34px !important;
		font-weight:normal;
		padding:0;
		margin:0;
		color: #000000;
	}

	.scrollbar1, .viewport {
		/*width: 800px;*/
		width: 95% !important;
	}

	.scrollbox {
		width: 100% !important;
	}

	.overview {
		font-family : tahoma !important;
		font-size: 14px !important;
		font-weight:normal;
		/*width: 800px;*/
		width: 100% !important;
		color: #13570e;
	}

	.overview h2 {
		font-family : tahoma !important;
		width: 90% !important;
		font-size: 20px !important;
		font-weight:bold;
		padding:0;
		margin:0;
	}

	.box1in {
		width: 90% !important;
		padding:15px;
		margin:8px;
		background: #009347;
		border-top:2px solid #fde102;
		color:#FFFFFF;
		font-weight:normal;
		position: relative !important;
	}

	.benefit-list {
		width: 98% !important;
		padding: 0 !important;
		margin: 0 !important;
		position: relative !important;
	}

	.benefit-list li {
		width: 90% !important;
		margin: 4px 4px 4px 20px !important;
		padding: 8px !important;
		list-style-type: square;
		border-bottom:1px solid #fde102;
		vertical-align:top;
		position: relative !important;
	}

	.txtslogan {
		opacity: 1;
		position:absolute;
		z-index: 6;
		top:195px;
		left: 10px;
	}

	.logo2 {
		opacity: 1;
		width: 90% !important;
		position:absolute !important;
		z-index: 6 !important;
		top:15px !important;
		left: 0 !important;
	}

	.txtslogan1 {
		opacity: 1;
		width: 90% !important;
		position:relative;
		z-index: 6;
		top:15px;
		left: 500px;
		display:none !important;
	}

	.txtslogan2 {
		width: 90% !important;
		position:absolute !important;
		z-index: 6 !important;
		top:215px !important;
		left: 8px !important;
	}

	.txtslogan3 {
		width: 90% !important;
		opacity: 1;
		position:absolute !important;
		z-index: 6 !important;
		top:275px !important;
		left: 8px !important;
	}

	.txtslogan4 {
		width: 90% !important;
		opacity: 1;
		position:absolute !important;
		z-index: 6 !important;
		top:328px !important;
		left: 8px !important;
	}

	.lead {
		opacity: 1;
		width: 90% !important;
		display: block;
		float:left;
		position:relative;
		top:390px !important;
		left: 0;
		width: 250px !important;
	}

	.lead2 {
		display:none !important;
	}

	.bgslogan {
		opacity: 1;
	}

	footer {
		display: none !important;
		background: #FFFFFF !important;
		height: auto;
		/*width: 100%;*/
		text-align: center;
		opacity: 1;
		position:absolute !important;
		bottom:0 !important;
		left: 0 !important;
	}

	footer img{
		width: 100%;
		position:absolute !important;
		bottom:0 !important;
		left: 0 !important;
	}

}

@media only screen and (max-width: 1600px) {
	header, nav, section, article, aside, footer {
		display:block;
	}
	body, html {
		margin: 0;
		padding: 0;
		background: #13570e;
		width: 100%;
	}

	nav ul {
		list-style:none;
		float:left;
		display:block;
	}

	nav ul li {
		float:left;
		list-style: none;
		list-style-position: inside;
	}

	.navheader {
		background-color: #ffffff;
		height: 85px;
		width: 100%;
		display: block;
		position: absolute;
		z-index: 10;
		top: 0px;
		left: 0;
		border-bottom:4px solid #47aa42;
	}

	header {
		width: 1200px;
		position: relative;
		margin: 0 auto;
		display: block;
		height: 85px;
	}

	.logo {
		position: absolute;
		z-index: 13;
		top: 0px;
		left: 0px;
		opacity: 1;
	}

	nav {
		position: absolute;
		z-index: 11;
		top: 0;
		right: 0px;
		height: 75px;
		/*font-family : 'dbadmanx';*/
		font-family : 'font-defind0';
		font-size: 18px;
		color: #535353;
	}

	nav ul, nav li {
		padding: 0;
		margin: 0;
		/*font-family : 'dbadmanx';*/
		font-family : 'font-defind0';
	}

	nav li {
		list-style: none;
		padding: 8px;
		display: inline-block;
		line-height: 56px;
		background: none;
		cursor: pointer;
		/*font-family : 'dbadmanx';*/
		font-family : 'font-defind0';
	}

	.default {
		color: #9af04e;
		background: #ffffff url(../images/greenmenu.png) repeat-x bottom left;
	}

	nav li:hover {
		color: #73cc24;
		background: #ffffff url(../images/greenmenu.png) repeat-x bottom left;
	}

	.background {
		position: relative;
		height: 780px;
		width: 100%;
		margin: 0;
		padding: 0;
		background: url(../images/bg.jpg) no-repeat center top;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		overflow: hidden;
	}

	#main {
		width: 1200px;
		position: relative;
		height: 780px;
		margin: 0 auto;
		padding: 0;
		opacity: 1;
	/*	overflow: hidden;*/
	}

	.box1 {
		display: block;
		width: 950px;
		height: 720px;
		background-color: #ffffff;
		/*background: url(../images/bg-white085.png) repeat left top;
		background: url(../images/bg2.jpg) no-repeat center -300px #ffffff;*/
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
		border: 4px solid #50b847;
		position:absolute;
		z-index: 14;
		right: -290px;
		opacity: 0;
		/*left: 400px;*/
		top: 110px;
		padding: 10px 10px 10px 40px !important;
		text-align: left;
	}

	.box1 .header-box1 {
		width: 850px;
		height: 50px;
		border-bottom:2px solid #000000;
		padding:5px;
		margin:0 0 20px 0;
		color: #000000;
	}

	.box1 .header-box1 h2 {
		/*font-family : 'dbadmanx';*/
		font-family : 'font-defind0';
		font-size: 35px;
		font-weight:normal;
		padding:0;
		margin:0;
		color: #000000;
	}

	.scrollbar1, .viewport {
		width: 800px;
	}

	.overview {
		font-family : 'font-defind0';
		font-size: 19px;
		font-weight:normal;
		width: 800px;
		color: #13570e;
	}


	.overview h2 {
		font-family : 'font-defind0';
		font-size: 25px;
		font-weight:bold;
		padding:0;
		margin:0;
	}

	.box1in {
		padding:15px;
		margin:8px;
		background: #009347;
		border-top:2px solid #fde102;
		color:#FFFFFF;
		font-weight:normal;
	}

	.benefit-list li {
		margin: 0 0 0 5px;
		padding: 8px 8px 8px 30px;
		list-style-type: square;
		border-bottom:1px solid #fde102;
		vertical-align:top;
	}


	.txtslogan {
		opacity: 0;
		position:absolute;
		z-index: 6;
		top:195px;
		left: 10px;
	}

	.logo2 {
		opacity: 0;
		position:absolute;
		z-index: 6;
		top:105px;
		left: 10px;
		width:455px;
	}

	.txtslogan1 {
		opacity: 0;
		position:absolute;
		z-index: 6;
		top:135px;
		left: 500px;
		display:none;
	}

	.txtslogan2 {
		opacity: 0;
		position:absolute;
		z-index: 6;
		top:397px;
		left: 10px;
	}

	.txtslogan3 {
		opacity: 0;
		position:absolute;
		z-index: 6;
		top:474px;
		left: 10px;
	}

	.txtslogan4 {
		opacity: 0;
		position:absolute;
		z-index: 6;
		top:547px;
		left: 10px;
	}

	.lead {
		opacity: 0;
		position:absolute;
		z-index: 10;
		bottom:-45px;
		right: -65px;
	}

	.bgslogan {
		position:absolute;
		z-index: 20;
		top:0px;
		left: 0px;
		opacity: 0;
	}

	footer {
		background: #50b847;
		height: 75px;
		width: 100%;
		display: block;
		position: absolute;
		z-index: 10;
		top: 785px;
		left: 0;
		text-align: center;
		-webkit-box-shadow: 0 15px 15px -15px  rgba(0, 0, 0, 0.9);
		box-shadow: 0 15px 15px -15px  rgba(0, 0, 0, 0.9);
		opacity: 1;
	}

	footer img {
		width: 100%;
	}

}