@media only screen and (min-width:980px) {

	#header #nav-toggle {display:none;}
	
	#header .nav-wrap {display:block!important; position:relative; float:right; width:650px; padding:45px 0 0 0; font-size:0; text-align:right;}
	#header .nav-wrap nav {float:right;}
	#header .nav-wrap nav ul {display:inline-block;}
	#header .nav-wrap nav ul li {float:left; margin:0 30px 0 0; line-height:19px;}
	#header .nav-wrap nav ul li:last-child {margin:0;}
	#header .nav-wrap nav ul li a {border-bottom:1px solid #3e3e3b;}
	#header .nav-wrap nav ul li a:hover, #header .nav-wrap nav ul li a:active, #header .nav-wrap nav ul li a:focus, #header .nav-wrap nav ul li.current-menu-item > a, #header .nav-wrap nav ul li.current-menu-parent > a {color:#FFF; text-decoration:none;}
	#header .nav-wrap nav ul li.current-menu-item > a, #header .nav-wrap nav ul li.current-menu-parent > a {border-color:#ed135c;}
	
	#header .nav-wrap #primary-nav li {position:relative; padding-bottom:25px;}
	#header .nav-wrap #primary-nav li:hover > a {color:#FFF;}
	#header .nav-wrap #primary-nav li .sub-menu {position:absolute; top:40px; right:-15px; display:none; padding:0 15px 5px 15px; background:#3e3e3b;}
	#header .nav-wrap #primary-nav li:hover .sub-menu {display:block;}
	#header .nav-wrap #primary-nav li .sub-menu li {float:none; margin:0; padding:0; white-space:nowrap;}
	#header .nav-wrap #primary-nav li .sub-menu li a {padding:5px 0; border:none;}
	
	#header .nav-wrap #secondary-nav {position:absolute; top:0; right:0;}
	#header .nav-wrap #secondary-nav li {margin:0 0 0 20px; font-size:13px; line-height:25px;}
	#header .nav-wrap #secondary-nav li.theme a {padding:0 10px; border:1px solid #8f8f8f;}
	#header .nav-wrap #secondary-nav li.theme a:hover, #header .nav-wrap #secondary-nav li.theme a:active, #header .nav-wrap #secondary-nav li.theme a:focus {border-color:#FFF;}
	#header .nav-wrap #secondary-nav li .sub-menu {display:none;}

	#sub-footer .col-1 {padding-right:110px;}
	#sub-footer .col-2 {padding-left:110px;}

}


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

	.wrapper {width:740px;}

	#header #main-logo {margin:0 0 20px 0;}

	#header #nav-toggle {float:right; display:block; margin:14px 0 0 0; padding:18px 8px; border:none; background:#ed135c;}
	#header #nav-toggle:hover, #header #nav-toggle:active, #header #nav-toggle:focus {background:#c5c5c5;}
	#header #nav-toggle span {position:relative; display:block; width:24px; height:4px; margin:0; text-indent:-9999px; background:#FFF;}
	#header #nav-toggle span::before {position:absolute; top:-8px; display:block; width:24px; height:4px; content:''; background:#FFF; transition:top 0.3s ease;}
	#header #nav-toggle span::after {position:absolute; bottom:-8px; display:block; width:24px; height:4px; content:''; background:#FFF; transition:bottom 0.3s ease;}
	#header #nav-toggle:hover span::before {top:-10px;}
	#header #nav-toggle:hover span::after {bottom:-10px;}

	#header .nav-wrap {clear:both; display:none;}
	#header .nav-wrap ul li {border-top:1px solid rgba(255,255,255,0.3);}
	#header .nav-wrap ul li a {padding:10px;}
	#header .nav-wrap ul li.current-menu-item > a, #header .nav-wrap ul li.current-menu-parent > a {color:#FFF;}
	#header .nav-wrap ul li ul li {text-transform:none; border-top:1px solid rgba(255,255,255,0.15);}
	#header .nav-wrap ul li ul li a {padding:10px 20px;}

	#intro-wrap .col-wrap .col {padding:0 15px;}
	#intro-wrap .col-wrap .col h2 {font-size:22px;}
	#quote-wrap {padding:100px 0;}

	#page-header {width:740px;}

	.quote-wrap blockquote {font-size:18px; line-height:24px;}
	
	body:not(.home) #main {float:none; width:100%;}

	#main .board-member .details.has-thumb {width:400px;}
	
	#side-col {display:none;}

	#latest-news-wrap h1 {margin:0 0 20px 0;}
	#latest-news-wrap .news-list li h2 {margin:0; font-size:16px;}
	#latest-news-wrap .news-list li p:not(.date) {display:none;}

	#sub-footer .col-1 {padding-right:10px;}
	#sub-footer .col-2 {padding-left:10px;}

}

@media only screen and (min-width:760px) {

	#intro-wrap .col-wrap .col:nth-of-type(2) {width:33.4%;}
	#latest-news-wrap .news-list li:nth-child(2) {margin:0 20px;}
	#latest-news-wrap .news-list li .date {position:absolute; top:-45px; left:50%; width:80px; height:90px; margin-left:-40px; padding:15px 5px 5px 5px; color:#FFF; text-align:center; font-family:'Raleway', sans-serif; line-height:normal; box-sizing:border-box; background:#3e3e3b;}
	#latest-news-wrap .news-list li .date span {display:block;}
	#latest-news-wrap .news-list li .date .day {font-size:30px; line-height:32px;}
	#latest-news-wrap .news-list li .date .month {font-size:20px;}

	#main .post-list li .date {position:absolute; top:0; left:0; width:110px; height:110px; padding:20px 10px 0 10px; font-family:'Raleway', sans-serif; text-align:center; border:1px solid #3e3e3b; box-sizing:border-box; overflow:hidden;}
	#main .post-list li .date span {display:block; font-weight:300;}
	#main .post-list li .date .day {margin:0 0 3px 0; font-size:28px;}
	#main .post-list li .date .month {margin:0 0 5px 0; padding:0 0 5px 0; font-size:14px; font-weight:400; border-bottom:1px dotted #3e3e3b;}
	#main .post-list li .date .year {font-size:14px; font-weight:400;}

}

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

	.wrapper {width:540px;}

	#header #main-logo {height:30px; margin-top:5px;}
	#header #main-logo .logo {float:none; height:100%; margin:0;}
	#header #main-logo .strap {display:none;}

	#header {padding-top:15px;}
	#header #nav-toggle {margin:0;}

	#banner {height:160px;}
	.home #banner {height:320px;}
	#banner .banners .wrapper .introduction span {font-size:18px; line-height:24px;}
	#banner .banners .wrapper h1 span {font-size:28px; line-height:34px;}
	#banner .banners .wrapper .details span {font-size:18px; line-height:24px;}
	#banner .slick-dots {bottom:30px;}
	#banner .slick-dots li {margin:0 5px;}
	#banner .slick-dots li button {width:10px; height:10px;}

	#intro-wrap .col-wrap .col {float:none; width:auto; margin:0 0 20px 0; padding:0;}
	#intro-wrap .col-wrap .col:last-of-type {margin:0;}

	#latest-news-wrap {padding:30px 0;}
	#latest-news-wrap .news-list {display:block; padding:0;}
	#latest-news-wrap .news-list li {width:auto; margin:0 0 10px 0;}
	#latest-news-wrap .news-list li:last-child {margin:0;}
	#latest-news-wrap .news-list li .thumb {display:none;}
	#latest-news-wrap .news-list li h2 {margin:0 0 10px 0;}
	#latest-news-wrap .news-list li .date {margin:0 0 10px 0; font-family:'Raleway', sans-serif; font-weight:700;}
	#latest-news-wrap .news-list li p:not(.date) {display:block;}

	#page-header {width:540px; margin:-40px auto 10px auto;}

	#main h1 {font-size:28px; line-height:32px;}
	body:not(.home) #main .editable-content p:first-of-type {font-size:16px;}

	#main .board-member .thumb {float:none; width:auto; margin:0 0 10px 0;}
	#main .board-member .details.has-thumb {float:none; width:auto;}

	#main .post-list li {min-height:0; padding-left:0;}
	#main .post-list li .date {margin:0 0 10px 0; font-family:'Raleway', sans-serif; font-weight:700;}
	
	#sub-footer .logo {margin:0 auto 30px auto;}
	#sub-footer .col {float:none; width:auto; text-align:center;}
	#sub-footer .col-1, #sub-footer .col-2 {padding:0;}
	#sub-footer .col-1 {margin:0 0 30px 0;}
	.content-form .controls input {float:none;}
	
}


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

	.wrapper {width:100%;}

	#banner .banners .wrapper .introduction span {font-size:16px; line-height:22px;}
	#banner .banners .wrapper h1 span {font-size:22px; line-height:28px;}
	#banner .banners .wrapper .details span {font-size:16px; line-height:22px;}

	#page-header {width:100%; margin:-30px auto 10px auto; box-sizing:border-box;}

	#main .content-form {padding:10px;}

}