@media only screen and (max-width: 984px) {
	section#mgallery { width:auto; }
	section#mgallery li { float:left; width:46%; margin:10px 5px; }
	section#list ul#plist { width:100%; height:100px; }
	section#list ul#plist li { border-bottom:1px solid #FFF; width:33%; height:80px; padding-top:20px; }
	section#list ul#plist li:first-child { border-left:none; width:33%; }
	section#list ul#plist li h1 { font-size:14px; }
	section#list ul#plist li p { font-size:10px; }
	footer #foot-wrap { width:98%; margin:0 auto; }
	section#gallery { width:98%; }
	section#gallery ul li { margin:0 11px; float:left; }
	section#gallery ul li:last-child { float:left; }
	section#content { padding:0 10px; width:94%; }
	section#content #cleft, section#content #cright { width:100%; float:left; }
	section#list { position:relative; }
	header #head-wrap { width:100% !important; }
	#ninja-slider li > div, #ninja-slider li > a { height:auto !important; }
	section#slider #slide-wrap, section#slider #slide-wrap #slide { width:100% !important; height:auto !important; }
	section#slider #slide-wrap ul#project-btn { width:100% !important; }
	section#slider #slide-wrap ul#project-btn li { width:49% !important; height:auto; !important; padding:0; margin:0; float:left; }
	section#slider #slide-wrap ul#project-btn li a { width:100% !important; height:100px !important; padding:0; margin:5px 0; line-height:100px; font-size:20px; background:url(../images/arrow.png) no-repeat 15px 35px #5a5959; }
	section#slider #slide-wrap ul#project-btn li:last-child { margin:0 !important; float:right; }
	section#slider #slide-wrap ul#project-btn li a:hover { background: url(../images/arrow.png) no-repeat 15px 35px #47ac66; }
	 }
@media only screen and (max-width: 848px) {
	.menu > li > a { font-size:14px !important; padding-left:10px !important; padding-right:10px !important; }	
}
@media only screen and (max-width: 768px){
	.menu{ background: #FFFFFF; border-top: 1px solid #09a739; margin-top:1px !important; }
	.menu, .menu > li, .menu > li > a{ height: auto; }
	.menu > li > a{ padding: 5px 15px; }
	.menu > li > a:hover, .menu > li > a:focus{ background: #09a739; padding: 5px 15px 5px 25px; }
	.toggle:after { content: 'Menu'; display: block; width: 100px; margin: 0; line-height:122px; padding: 0 10px; height:122px; background: #09a739; text-align: center; font-size: 12px; color: #FFFFFF; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.toggle:hover:after{ background: #20cc54; }
	#toggle:checked + .toggle:after{ content: 'Close X'; }
	section#list ul#plist { width:100%; }
	section#list ul#plist li { border-bottom:1px solid #FFF; width:100%; }
	section#list ul#plist li:first-child { border-left:none; width:100%; }
}
@media only screen and (max-width: 600px) {
	footer { height:auto; display:inline-block; }
	footer #foot-wrap { display:inline; }
	footer #foot-wrap p { float:none; text-align:center; }
	footer #foot-wrap ul#follow { margin:10px auto; display:table; float:none; }
	
}
@media only screen and (max-width: 570px) {
	 section#slider #slide-wrap ul#project-btn li a { background:#5a5959 !important; }
	 section#slider #slide-wrap ul#project-btn li a:hover { background:#47ac66 !important; }
	 section#slider { height:260px !important; }
	 section#content #cleft1, section#content #cright1 { width:100%; }
	 section#content #cright1 #contact-form { width:98%; }
	 }
@media only screen and (max-width: 420px) {
	section#mgallery li h5 { font-size:70%; }
	section#slider #slide-wrap ul#project-btn li a { height:50px !important; font-size:15px !important; line-height:40px !important; }
	section#slider { height:200px !important; }
}
@media only screen and (max-width: 479px){
	.toggle:after { text-align: center; width: 100%; }
}