@-o-viewport {
  width: device-width;
}

@media (max-width: 1060px) {
	.container { /* width: 1024px; */ width: 100%; }
	/*#mainnav { width: 1030px; }*/
	#header .row { /* width: 1024px; */ width: 100%; }
	.page { width: 100%; } /* changed by Tri 2015-01-15 */
	#mainnav { width: calc(100% + 56px); }
	.news-list h3 {
		margin-top: 23px;
	}
	.footer-top .col-logo { min-width: 305px; }
	.footer-top .col-logo .logo { width: 290px; }
	.footer-top .col-nav { max-width: calc(100% - 305px); }

	.news_icons li { width: 16%; margin-left: 7px; }
	.news_icons li img { width: 100%; height: auto; }
	.news_icons li#icon_summercamp { padding: 3px 3px 0px; }
}

@media (max-width: 960px) {
	.footer-top .footer-nav ul>li { float: none; border-left: none; }
	.footer-top .col-nav { padding: 5px 25px; }
	.archives { min-height: inherit; }
}

@media (max-width: 768px) {
	.container { width: 100%; }
	/*#mainnav { margin-right: -25px; width: auto; }*/
	#header .row { width: 100%; }
	#header .row .col-8 img { width: 100%; height: auto; }
	.banner { height: auto !important; }
	.news-list-page li { width: 100%; }
	.news-list-page .headline { /*width: 75%;*/ }
	.box-schedule .box { /*height: 230px;*/ height: 230px !important; }

	/*.workhour>.box { padding-bottom: 72px; height: auto; }*/
	.box-schedule .box h4 { font-size: 12px; font-weight: bold; }
	.box .content { padding: 0px 5px 10px; }
	.box-schedule .content { font-size: 12px; }
	.hl1 .box { height: 214px !important; }
	.box-schedule #div_price #pcontents div { font-size: 11px; }
	.col-logo img { max-width: 220px; }
	.footer-top .col-logo { min-width: 250px; width: 250px; }
	.footer-top .footer-nav ul>li { padding: 0px 5px; font-size: 12px; }
	/*.footer-top .col-nav { padding: 35px 20px; }*/
	
	.footer-bottom .copyright { font-size: .7em; }
	.credit { font-size: 12px; }
}

@media (max-width: 767px){
	.hl1 .box { height: auto !important; }
	/*#mainnav { width: 100%; }*/
	#mainnav { width: calc(100% + 0px); }
}

@media (max-width: 560px) {
	.news_icons li { margin-left: 5px; }
}

@media (max-width: 480px) {	
	.page {padding: 0;}
	.container { width: 100%; }
	.banner { /*height: auto !important;*/ display: none;}
	.hl1 .box { height: auto; }

	.owl-theme .owl-controls .owl-page span { width: 8px; height: 8px; }
	#listSlider1 .owl-controls {position: absolute; bottom: -15px; right: 50%; top: inherit; margin-right: -52px;}
	
	.footer-top .col-logo { float: none; border-right: none; }
	.footer-top .col-nav { float: none; width: 100%; max-width: inherit; }
	.footer-top .footer-nav ul>li { float: left; border-left: 1px solid #ccc; }
	#mainnav { width: calc(100% + 56px); }
	
	.news_icons li:nth-child(4) { clear: both; padding-left: 0px; margin-left: 0px; }
	.news_icons li { width: 25%; }
}

@media (max-width: 400px) {
	/*
	.news_icons li { width: 16%; }
	.news_icons li { margin-left: 4px; }
	*/
}

#mobilenav { top: 0px; left: 0px; }