nav.nav input, nav.nav label {display: none;}
@media only screen and (max-width:1199px){
	.pagelayout, #pagewrap {width: 940px;}
	nav.nav ul.menus > li > a {padding: 16px;}
	.services li {padding-right: 26px;}
	#slider {width: 940px; height: auto;}
	#sliderImages img {width: 940px;}
	#sliderImages {width:2820px; height: auto;}
	@keyframes slide{
		0%{margin-left: 0px;}
		28%{margin-left: 0px;}
		33%{margin-left: -940px;}
		61%{margin-left: -940px;}
		66%{margin-left: -1880px;}
		88%{margin-left: -1880px;}
		100%{margin-left: 0px;}
	}
	@-moz-keyframes slide{
		0%{margin-left: 0px;}
		28%{margin-left: 0px;}
		33%{margin-left: -940px;}
		61%{margin-left: -940px;}
		66%{margin-left: -1880px;}
		88%{margin-left: -1880px;}
		100%{margin-left: 0px;}
	}
	@-webkit-keyframes slide{
		0%{margin-left: 0px;}
		28%{margin-left: 0px;}
		33%{margin-left: -940px;}
		61%{margin-left: -940px;}
		66%{margin-left: -1880px;}
		88%{margin-left: -1880px;}
		100%{margin-left: 0px;}
	}
	@-o-keyframes slide{
		0%{margin-left: 0px;}
		28%{margin-left: 0px;}
		33%{margin-left: -940px;}
		61%{margin-left: -940px;}
		66%{margin-left: -1880px;}
		88%{margin-left: -1880px;}
		100%{margin-left: 0px;}
	}
	.categories ul li {width: 460px;}
	.footerpart .topfooter .brandpart li {padding: 5px 28px;}
	.footerpart .topfooter .fcol1 {width: 350px; padding-right: 45px;}

	/****
	 * Listing Page
	****/
	.productbox .prodsce {width: 480px; padding-right: 0px;}

	/****
	 * Ingredients Page
	 ****/
	.ingredients .tablebox ul li.col2 {width: 474px;}

	/****
	 * Category Page
	 ****/
	.stBadge {min-width: auto;}
	.stBadge > img {display: none;}
}

@media only screen and (max-width:979px){
	.pagelayout, #pagewrap {width: 740px;}
	#headerpart .logo {width: 240px;}
	#headerpart .logo img {width: 100%;}
	#headerpart .rheader .msg {width: 130px;}
	nav.nav ul.menus > li > a {font-size: 13px; padding: 16px 4px;}
	.services ul {padding-top: 10px;}
	.services li {padding-top: 10px; width: 33.33%;}
	#slider {width: 740px;}
	#sliderImages img {width: 740px;}
	#sliderImages {width: 2220px;}
	@keyframes slide{
		0%{margin-left: 0px;}
		28%{margin-left: 0px;}
		33%{margin-left: -740px;}
		61%{margin-left: -740px;}
		66%{margin-left: -1480px;}
		88%{margin-left: -1480px;}
		100%{margin-left: 0px;}
	}
	@-moz-keyframes slide{
		0%{margin-left: 0px;}
		28%{margin-left: 0px;}
		33%{margin-left: -740px;}
		61%{margin-left: -740px;}
		66%{margin-left: -1480px;}
		88%{margin-left: -1480px;}
		100%{margin-left: 0px;}
	}
	@-webkit-keyframes slide{
		0%{margin-left: 0px;}
		28%{margin-left: 0px;}
		33%{margin-left: -740px;}
		61%{margin-left: -740px;}
		66%{margin-left: -1480px;}
		88%{margin-left: -1480px;}
		100%{margin-left: 0px;}
	}
	@-o-keyframes slide{
		0%{margin-left: 0px;}
		28%{margin-left: 0px;}
		33%{margin-left: -740px;}
		61%{margin-left: -740px;}
		66%{margin-left: -1480px;}
		88%{margin-left: -1480px;}
		100%{margin-left: 0px;}
	}
	.categories ul li {width: 360px;}
	.footerpart .topfooter .brandpart li {padding: 5px 11px;}
	.footerpart .topfooter .brandpart li:first-child {padding-right: 11px;}
	.footerpart .topfooter .footerbox {width: 33.33%;}
	.footerpart .topfooter .fcol1 {width: 100%;}

	/****
	 * Listing Page
	 ****/
	.productbox .prod-gallery {width:350px; padding-top: 350px;}
	.productbox .prod-gallery .content {height: 350px;}
	.productbox .prod-gallery label {width: 80px; height: 80px;}
	.productbox .prodsce {width: 365px;}

	/****
	 * Ingredients Page
	 ****/
	.ingredients .tablebox ul li.col1, .ingredients .tablebox ul li.col3 {width: 150px;}
	.ingredients .tablebox ul li.col2 {width: 395px;}

	/****
	 * Category Page
	 ****/
	#LeftPanel {width: 190px;}
	#leftpart {width: 190px;}
	.v4midBox.v4nfc .v4sbox {width: 119px;}
	td.gallery {float: left;}
	.stBadge {min-width: 0;}
	.stBadge > img {display: none;}
	.grid td.gallery {padding: 0;}
}

@media only screen and (max-width:767px){ 
	.pagelayout, #pagewrap {width: 615px;}
	#headerpart .logo {width: 100%; margin-bottom: 10px; }
	#headerpart .logo img {width: auto;}
	#headerpart .rheader {width: 100%;}
	nav.nav {position: relative; padding: 15px 0; z-index: 10; background-image: none;}
	nav.nav input[type=checkbox]{display: none;}
	nav.nav label {float: left; display: block; background: url(../images/menu.png) no-repeat 0 0; padding-left: 20px; font-size: 14px; color: #ffffff; font-weight: 600; line-height: 13px; text-transform: uppercase; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
	nav.nav ul.menus {position: absolute; z-index: 1; display: none; left: 0; padding: 0px; top: 43px; background-color: #5e9e54; width: 100%;}
	nav.nav ul.menus > li {width: 100%; border-top: 1px solid #ffffff; background-image: none; padding: 0; text-align: left;}
	nav.nav ul.menus > li > a {padding: 10px 15px; width: 100%; float: left;}
	nav.nav ul.menus > li .submenus {width: 100%; position: relative; opacity: 1; border-top: 1px solid #5e9e54; float: left; visibility: visible; top:inherit; left: 0;}
	nav.nav ul.menus > li:hover .submenus {top: inherit;}
	nav.nav ul.menus > li .submenus li:last-child {border-bottom: none;}
	nav.nav input[type=checkbox]:checked ~ ul.menus {display: block;}
	#slider, #sliderImages img {width: 615px;}
	#sliderImages {width: 1845px;}
	@keyframes slide{
		0%{margin-left: 0px;}
		28%{margin-left: 0px;}
		33%{margin-left: -615px;}
		61%{margin-left: -615px;}
		66%{margin-left: -1230px;}
		88%{margin-left: -1230px;}
		100%{margin-left: 0px;}
	}
	@-moz-keyframes slide{
		0%{margin-left: 0px;}
		28%{margin-left: 0px;}
		33%{margin-left: -615px;}
		61%{margin-left: -615px;}
		66%{margin-left: -1230px;}
		88%{margin-left: -1230px;}
		100%{margin-left: 0px;}
	}
	@-webkit-keyframes slide{
		0%{margin-left: 0px;}
		28%{margin-left: 0px;}
		33%{margin-left: -615px;}
		61%{margin-left: -615px;}
		66%{margin-left: -1230px;}
		88%{margin-left: -1230px;}
		100%{margin-left: 0px;}
	}
	@-o-keyframes slide{
		0%{margin-left: 0px;}
		28%{margin-left: 0px;}
		33%{margin-left: -615px;}
		61%{margin-left: -615px;}
		66%{margin-left: -1230px;}
		88%{margin-left: -1230px;}
		100%{margin-left: 0px;}
	}
	.services li {width: 50%; float: left;}
	.categories ul li {width: 300px; margin:15px 15px 0px 0px;}
	.offerpart h3 {padding-left: 85px; font-size: 15px;}
	.footerpart .topfooter .brandpart {padding-bottom: 0;}
	.footerpart .topfooter .brandpart li {padding: 5px 21px;}
	.footerpart .topfooter .fcol1 {margin-top: 30px;}
	
	/****
	 * Listing 
	 ****/
	.productbox .prod-gallery {float: none; margin: 0 auto;}
	.productbox .prodsce {width: 100%; margin-top: 30px;}
	.tabs label {padding: 10px 20px;}

	/****
	 * Ingredients Page
	 ****/
	.ingredients .tablebox ul li.col2 {width: 271px;}

	/****
	 * Category Page
	 ****/
	#LeftPanel {width:100%;}
	.v4midBox.v4nfc .v4mid form td {width:auto;}
	.v4midBox.v4nfc .v4sbox {width:549px;}
	#leftpart {display:none;}
	#CentralArea {padding: 0;}
	table tr > td, .grid td.gallery, table.gallery {width: 100%; float: left;}
	.r3_c, .rs_box, .dynpg {padding: 0;}
	div.itemseparator {margin: 0;}
	.grid td.gallery {margin-bottom: 5px;}
	.grid td.gallery:last-child {margin-bottom: 0;}
	.dynpg .l, .dynpg .prev, .dynpg .pages, .dynpg .next {width:auto !important;}
	.dynpg .m {width:auto; margin-left:15px;}
	.dynpg .r {width:auto; float:right;}
}
@media only screen and (max-width:639px){ 
	.pagelayout, #pagewrap {width: 460px;}
	#headerpart .rheader ul li {padding: 0px 8px;}
	.services li {width: 100%;}
	#slider, #sliderImages img {width: 460px;}
	#sliderImages {width: 1380px;}
	@keyframes slide{
		0%{margin-left: 0px;}
		28%{margin-left: 0px;}
		33%{margin-left: -460px;}
		61%{margin-left: -460px;}
		66%{margin-left: -920px;}
		88%{margin-left: -920px;}
		100%{margin-left: 0px;}
	}
	@-moz-keyframes slide{
		0%{margin-left: 0px;}
		28%{margin-left: 0px;}
		33%{margin-left: -460px;}
		61%{margin-left: -460px;}
		66%{margin-left: -920px;}
		88%{margin-left: -920px;}
		100%{margin-left: 0px;}
	}
	@-webkit-keyframes slide{
		0%{margin-left: 0px;}
		28%{margin-left: 0px;}
		33%{margin-left: -460px;}
		61%{margin-left: -460px;}
		66%{margin-left: -920px;}
		88%{margin-left: -920px;}
		100%{margin-left: 0px;}
	}
	@-o-keyframes slide{
		0%{margin-left: 0px;}
		28%{margin-left: 0px;}
		33%{margin-left: -460px;}
		61%{margin-left: -460px;}
		66%{margin-left: -920px;}
		88%{margin-left: -920px;}
		100%{margin-left: 0px;}
	}
	
	.categories ul li {width: 100%; margin-right: 0px;}
	.offerpart .signbtn {float: left; margin-left: 85px;}
	.footerpart .topfooter .footerbox {width: 100%; min-height: auto; padding: 0px 0px 30px 0px;}
	.aboutinfo .story_img1, .aboutinfo .story_img2, .video1, .video2{width: 100%;}
	/****
	 * Listing
	 ***/
	.contents .tabs .content {padding: 15px 0px;}
	.tabs label {width: 100%; margin: 0px 0px 1px;}

	.aboutinfo h1::before, .aboutinfo h1::after {display: none;}

	/****
	 * Ingredients Page
	 ****/
	.ingredients .tablebox {border-top: none;}
	.ingredients .tablebox ul.title {display: none;}
	.ingredients .tablebox ul li {width: 100% !important;}
	.ingredients .tablebox ul li.col2 {border-top: 1px solid rgb(221, 221, 221); border-bottom: 1px solid rgb(221, 221, 221); border-left: none; border-right: none;}

	/****
	 * Category Page
	 ****/
	.v4midBox.v4nfc .v4sbox {width:394px;}
	.dynpg .l {width:100% !important;}
	.dynpg .m {margin-left:0px;}
}
@media only screen and (max-width:479px){ 
	.pagelayout, #pagewrap {width: 300px;}
	#headerpart .logo img {width: 100%;}
	#headerpart .rheader {text-align: center; margin-top: 0;}
	#headerpart .rheader ul li:first-child {padding-left: 0px;}	
	#headerpart .rheader ul li:last-child {padding-right: 0px;}	
	#headerpart .rheader .msg {margin-top: 20px; display: inline-block; float: none;}
	#slider, #sliderImages img {width: 300px;}
	#sliderImages {width: 900px;}
	@keyframes slide{
		0%{margin-left: 0px;}
		28%{margin-left: 0px;}
		33%{margin-left: -300px;}
		61%{margin-left: -300px;}
		66%{margin-left: -600px;}
		88%{margin-left: -600px;}
		100%{margin-left: 0px;}
	}
	@-moz-keyframes slide{
		0%{margin-left: 0px;}
		28%{margin-left: 0px;}
		33%{margin-left: -300px;}
		61%{margin-left: -300px;}
		66%{margin-left: -600px;}
		88%{margin-left: -600px;}
		100%{margin-left: 0px;}
	}
	@-webkit-keyframes slide{
		0%{margin-left: 0px;}
		28%{margin-left: 0px;}
		33%{margin-left: -300px;}
		61%{margin-left: -300px;}
		66%{margin-left: -600px;}
		88%{margin-left: -600px;}
		100%{margin-left: 0px;}
	}
	@-o-keyframes slide{
		0%{margin-left: 0px;}
		28%{margin-left: 0px;}
		33%{margin-left: -300px;}
		61%{margin-left: -300px;}
		66%{margin-left: -600px;}
		88%{margin-left: -600px;}
		100%{margin-left: 0px;}
	}
	.footerpart .topfooter .brandpart li {padding: 5px 16px;}
	/****
	 * Listing
	 ****/
	.contents .prod-gallery {width: 100%; padding-top: 260px;}
	.contents .prod-gallery .content {height: 260px;}
	.contents .prod-gallery label {width: 67px; height: 67px;}
	.productbox .prodsce h2 {font-size: 23px;}
	/****
	 * Category Page
	 ****/
	.v4midBox.v4nfc .v4sbox {width: 234px;}
	.dynpg .r {float:left; margin-left:6px;}
    td#CentralArea div.v4stabl {background: #4d4e4c none repeat scroll 0 0; padding: 8px 10px; text-align: left; position: unset;}
    div.fpcc {padding-top: 0;}
}