@media screen and (max-width: 1280px) {
	.static-banner {height:500px;}
	.h-wrap .block-heading span {font-size:32px;}
	.h-wrap {bottom:70px;}
	
	.i-onews .img-wrap {height:200px;}
	
	/* PRELOADER */
	#preloader {background-size:1200px auto;}
	
}

@media screen and (max-width: 1024px) {
	.static-banner {height:400px;} 
	#main-nav > li > a {padding:80px 20px 0;}
	.h-wrap {bottom:40px;}
	.h-wrap .block-heading span {font-size:28px; margin-bottom:5px; padding:8px 12px;}
	
	.i-onews .img-wrap {height:160px;}
	.i-onews h3 {font-size:16px;}
	
	/* TEAM */
	.team-list li {width:25%;}
	.team-list li a .team-name {font-size:18px;}
	
	/* SIMPLE INDEX */
	.si-child .img-wrap {height:160px;}
	
	/* PRELOADER */
	#preloader {background-size:1000px auto;}
}

@media screen and (max-width: 960px) {
	.h-wrap .block-heading span {font-size:24px;}
	.blurbg h3 {font-size:24px;}
	
	/* SIMPLE INDEX */
	.si-child .img-wrap {height:150px;}
	
	/* PRELOADER */
	#preloader {background-size:920px auto;}
}

@media screen and (max-width: 920px) {
	/* PRELOADER */
	#preloader {background-size:900px auto;}
}

@media screen and (max-width: 850px) {
	.mnav_toggle {display:block;}
	#mwrapper {display:none;}
	nav {height:50px; margin-bottom:0; background:#5b5136;}
	#mn-wrapper {height:auto;}
	#mn-wrapper.stuck {height:auto;}
	#mn-wrapper .maincenter {width:100%;}
	#main-nav li {display:block; border-top:1px solid #6c6040;}
	#main-nav li a, #mn-wrapper.stuck #main-nav li a {padding:0 0 0 65px; line-height:50px; text-align:left;
		background-position:15px center;
	}
	#mn-wrapper.stuck #main-nav li a {height:auto;}
	#main-nav li a:hover {background-color:#463e29;}
	#m_xnav, #main-nav { background:#5b5136;}
	
	.subnav {position:relative;}
	.subnav li {border-bottom:none;}
	.subnav a {
		background-image:url(images/icon/segitiga-subnav.svg)!important;
		background-color:#463e29!important;
		background-position:15px center!important;
		background-repeat:no-repeat!important;}
	.subnav a:hover {background-color:#9bb746!important; color:#fff!important;}
	.no-svg .subnav a {background-image:url(images/icon/segitiga-subnav.png)!important;}
	
	/* PROJECT */
	.map-banner .h-wrap {top:50px;}
	.paw-child {padding:50px 0;}
	.paw-child h2 {margin-bottom:50px;}
	
	/* SIMPLE INDEX */
	.si-child .img-wrap {height:140px;}
	
	/* PRELOADER */
	#preloader {background-size:800px auto;}
}

@media screen and (max-width: 768px) {
	h3 {font-size:21px;}
	.static-banner {height:300px;} 
	.h-wrap .block-heading span {font-size:18px; padding:5px 8px;}
	.i-onews h3 {font-size:14px;}
	blockquote {font-size:16px!important;}
	
	/* SERVICE */
	.sblock li {width:30%;}
	
	/* CONTACT */
	.two-cols h2 {font-size:24px;}
	
	/* NEWS */
	.on-child {padding:50px 0 20px;}
	.hcv-child {padding-bottom:0;}
	.hcv-child .many-images {margin-top:30px;}
	.on-child .img-wrap, .on-child .news-preview {width:100%!important; float:none!important; max-width:100%;}
	.on-child .img-wrap {margin-bottom:30px;}
	
	/* TEAM */
	.team-list li a .team-name {font-size:15px;}
	.tn-name {font-size:24px;}
	.tn-title {font-size:16px;}
	
	/* PROJECT */
	.paw-child h2 {margin-bottom:30px;}
	.paw-child h2 span {font-size:24px; padding:15px 40px;}
	#pd-top h2 {padding:15px 45px; font-size:18px;}
	
	/* SIMPLE INDEX */
	.si-child {width:45%;}
	.si-child .img-wrap {height:160px;}
	
	/* PRELOADER */
	#preloader {background-size:700px auto;}
	.plw-wrap {}
	.pl-warn {padding:10px 20px 14px 20px; text-align:center;}
	.pl-warn p {float:none; color:#fff; margin-bottom:12px; line-height:1.2em;}
	.si-btn {float:none; margin:0 auto;}
}

@media screen and (max-width: 640px) {
	body {font-size:16px;}
	h3 {font-size:18px;}
	.is-wrap .flex-control-nav a {width:7px; height:7px; border:2px solid #fff;}
	a.learn-more {font-size:14px;}
	.h-wrap .block-heading span {padding:3px 5px;}
	
	/* SERVICE */
	.sblock li {width:46%;}
	
	/* POPUP */
	.pheader {padding:25px 30px;}
	.pheader h2 {font-size:24px;}
	.pcontent {padding:25px 30px; font-size:16px;}
	
	/* CAREER */
	.career-pos a {font-size:16px;}
	
	/* TEAM */
	.team-list li {width:50%;}
	
	/* PROJECT */
	.map-area {display:none;}
	.map-banner .h-wrap {position:relative; top:0; margin:30px 0 1px;}
	#map-top .main-desc {padding-top:10px; padding-bottom:20px;}
	#pd-top h2 {position:relative; background:#125c68; padding:10px 20px;}
	#pd-bottom {padding:12px 20px;}
	
	/* SIMPLE INDEX */
	.si-child .img-wrap {height:140px;}
	.osn .img-wrap {height:140px;}
	.osn .img-wrap img {height:100%; width:auto;}
	
	/* PRELOADER */
	#preloader {background-size:600px auto;}
}

@media screen and (max-width: 540px) {
	#header {text-align:center;}
	#logo {float:none;}
	#header-right {display:none;}
	.static-banner {height:250px;} 
	nav {margin-bottom:0; background:#5b5136;}
	.i-onews .news-date {font-size:12px;}
	.copyright {font-size:11px; line-height:1.4em;}
	#footer-soc, #m_xnav {display:block;}
	
	.btn-top {text-indent:-9999px; width:32px; height:32px; padding:0; left:4%; bottom:10px;}
	
	.blurbg h3 {font-size:18px;}
	
	.mi-list li {width:50%;}
	
	/* POPUP */
	.pheader h2 {font-size:21px;}
	.pcontent {font-size:14px;}
	.pcontent ul li {background-position:left 10px;}
	.career-desc ul li {background-position:left 10px;}
	
	/* CONTACT */
	.tc-left, .tc-right {float:none; width:100%; margin:0;}
	.tc-left {margin-bottom:30px;}
	
	/* CAREER */
	#career-desc-wrap {padding-left:30px;}
	#career-content .tc-left {margin-bottom:0;}
	#career-content .tc-right {margin-bottom:30px;}
	.career-pos .active span {background-image:url(images/icon/career-arrow-top.svg);}
	.no-svg .career-pos .active span {background-image:url(images/icon/career-arrow-top.png);}
	
	/* NEWS */
	a.load-more {margin:30px 0; font-size:15px;}
	#news-detail .tc-left, #news-detail .tc-right {width:100%; max-width:100%;}
	
	/* TEAM */
	.td-wrap {padding:40px 0;}
	.team-detail .img-wrap {border-bottom:none; margin-bottom:15px;}
	.tn-area {position:relative;}
	.tn-name {text-align:center; padding:10px 15px; background:#d1ff5c; font-size:18px;}
	.tn-title {padding:5px; font-size:14px; background:#005f75; text-shadow:none;}
	
	/* LOGIN */
	#login-wrap h2 {font-size:18px; padding:20px 0;}
	.login-form {padding:15px 25px 20px;}
	.login-form .label-input input {width:220px;}
	
	/* SIMPLE INDEX */
	.si-child h3 {font-size:13px;}
	
	.sn-top {padding-bottom:30px;}
	.sn-top .img-wrap {float:none; width:100%; margin-bottom:15px;}
	.snt-right {float:none; width:100%;}
	.osn {width:100%; float:none; margin-bottom:25px;}
	.osn .img-wrap {width:100%; height:auto;}
	.osn .img-wrap img {width:100%; height:auto;}
	
	/* PRELOADER */
	#preloader {background-size:500px auto;}
	.plw-wrap {top:20px;}
	.pl-warn {padding:10px 14px 14px 14px;}
	.pl-warn p {font-size:12px;}
	.si-btn {font-size:12px;}
	.css3-preloader {font-size:16px;}
	
	/* MEMBER AREA */
	h2.table-heading {font-size:18px;}
	.download-table thead th {font-size:14px;}
	.download-table tbody td {font-size:12px;}
	.download-table thead th:nth-child(3), .download-table tbody td:nth-child(3) {display:none;}
	
	/* ADDED 15 APR 2014 */
	.mlock, .mlogout {display:block;}
}

@media screen and (max-width: 480px) {
	/* SIMPLE INDEX */
	.si-child .img-wrap {height:120px;}
	.si-child .img-wrap img {height:100%; width:auto;}
}

@media screen and (max-width: 420px) {
	/* SIMPLE INDEX */
	.si-child {float:none; width:100%; margin:0;}
	.si-child .img-wrap {width:100%; height:auto;}
	.si-child .img-wrap img {width:100%; height:auto;}
}

@media screen and (max-width: 360px) {
	.is-wrap .h-wrap {position:relative; top:0; padding-top:40px;}
	.i-onews .img-wrap {height:120px;}
	
	/* SERVICE */
	.sblock li {width:100%; margin:0 0 20px;}
	
	/* POPUP */
	.pheader {padding:15px 20px;}
	.pheader h2 {font-size:18px;}
	.pcontent {padding:15px 20px;}
	
	/* CONTACT */
	.contact-form .input-wrap input {height:42px; font-size:12px;}
	.contact-form .input-wrap textarea {height:100px; font-size:12px;}
	.contact-form input.submit-btn {height:46px;}
	.cp-child h3 {font-size:15px;}
	
	/* NEWS */
	#news-detail h3 {font-size:21px;}
	
	/* TEAM */
	.team-list li a .team-name {font-size:14px;}
	
	/* PROJECT */
	.paw-child h2 span {font-size:21px;}
	#pd-top h2 {font-size:15px;}
	.proj-table {font-size:12px;}
	.proj-table th {padding-right:15px;}
	
	/* LOGIN */
	#login-wrap h2 {padding:0; background:#125c68; text-align:left;}
	#login-wrap h2 span {padding:15px 25px;}
	.login-form label {margin-bottom:5px;}
	.login-form .label-input input {width:92%; padding:0 4%; height:36px;}
	.login-form input.submit-btn {padding:0; width:100%; height:40px;}
	
	/* SIMPLE INDEX */
	.simple-title h2 {font-size:18px; padding:15px 0 30px; background-position:center 34px;}
	.sn-top {padding-top:30px;}
	.sn-top h3 {font-size:16px;}
	
	/* PRELOADER */
	.css3-preloader {font-size:14px;}
	.plw-wrap {top:15px;}
}

@media screen and (max-width: 320px) {
	body {font-size:14px;}
	h3 {font-size:15px;}
	.h-wrap .block-heading span {font-size:16px;}
	.i-onews .img-wrap {height:140px;}
	
	/* POPUP */
	.pheader {padding:15px 20px;}
	.pheader h2 {font-size:16px;}
	.pcontent {padding:15px 20px; font-size:12px;}
	.pcontent ul li {background-position:left 8px; padding-left:12px;}
	.career-desc ul li {background-position:left 8px;}
	
	/* NEWS */
	.top-categories {font-size:12px;}
	#news-detail h3 {font-size:18px;}
	
	/* TEAM */
	.team-list li {width:100%;}
	
	/* PROJECT */
	.paw-child h2 span {font-size:18px; padding:10px 30px;}
	.project-city h3 {font-size:15px;}
	
	/* PRELOADER */
	.css3-preloader {font-size:12px;}
}


/* FOR IPAD */
@media only screen and (max-device-width: 1024px){
  .static-banner {background-attachment:scroll;}
}

/* FOR IPHONE */
@media only screen and (max-device-width: 480px){
  .static-banner {background-attachment:scroll;}
}