/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */

@media (min-width: 1440px) {
	.container {
		width: 1360px;
	}

	.wrap {
		padding: 200px 0 0 0;
	}
}

@media (max-width: 1440px) {
	.header-top {
		right: -4%;
	}

	.main-nav {}
}

@media (min-width: 1366px) {
	.container {
		width: 1280px;
	}

	.index-news:before {
		width: 250px;
	}

	.index-activity:before {
		width: 250px;
	}
}

@media (max-width: 1180px) {

	.header-inner,
	.footer-inner,
	.fat-footer-inner {
		width: 95%;
	}

	.index-news:before {
		width: 200px;
	}

	.index-activity:before {
		width: 200px;
	}
}

@media (max-width: 1150px) {
	.fat-footer-title a {
		font-size: 1.2rem;
	}

}

@media (max-width: 1105px) {
	.fat-footer-col {
		width: 15%;
		margin: 0 0.6%;
	}

	.index-news-nav li.active::before {
		width: 77px;
		top: -27px;
	}

	.header-top {
		right: -6%;
	}
}

@media (max-width: 1024px) {
	.header {
		min-height: 230px;
	}

	.header-top {
		right: -5%;
		width: 71%;
	}

	.main-nav {
		right: 2%;
	}

	.index-news:before {
		width: 200px;
	}

	.index-activity:before {
		width: 200px;
	}

	.page-wrap {
		padding-top: 70px;
		 !important
	}
}

@media (max-width: 1020px) {
	.wrap {
		padding: 70px 0 0 0;
	}

	.rwd-header {
		display: block;
	}

	.rwd-header .rwd-logo {
		width: 290px;
		display: inline-block;
	}

	.rwd-header .rwd-logo img {
		display: block;
		width: 87%;
	}

	.header {
		display: none;
	}

	.main-nav-wrap {
		display: none;
	}

	/*-footer-*/
	.fat-footer-title a {
		display: block;
		font-size: 1.25rem;
	}

	.fat-footer-col {
		width: 100%;
		display: block;
		vertical-align: top;
		margin: 0 0 20px 0;
		padding: 0 0 20px 0;
		overflow: hidden;
		border-bottom: 1px solid #aaa;
	}

	.fat-footer-col:last-child {
		margin: 0;
		border: 0;
	}

	.fat-footer-inner {
		padding: 30px 0;
	}

	.fat-footer ul li {
		width: 50%;
		float: left;
		padding: 8px 0 0 0;
		font-size: 1rem;
	}

	.footer-info-left,
	.footer-info-right {
		width: 100%;
		text-align: center;
		margin: 0;
		padding: 0;
	}

	.header-inner,
	.footer-inner,
	.fat-footer-inner {
		width: 90%;
	}

	.footer-inner {
		padding: 15px 0;
	}

	.footer-nav {
		padding: 0;
	}

	.footer-nav li:before {
		display: none;
	}

	.footer-nav ul li {
		width: 100%;
		display: block;
		margin: 0;
		padding: 15px 0;
		border-bottom: 1px solid #aaa;
	}

	.footer-nav ul li:first-child a,
	.footer-nav ul li a {
		border: none;
	}

	.footer-nav ul li a {
		font-size: 1.15rem;
	}

	.back-top {
		bottom: 20px;
		right: 20px;
	}

	.index-news:before {
		width: 210px;
	}

	.index-activity:before {
		width: 210px;
	}
}

@media (max-width: 900px) {
	.index-calendar .calendar a.pre-m {
		left: 6%;
	}

	.index-calendar .calendar a.next-m {
		right: 6%;
	}
}

@media (max-width: 800px) {
	.index-news-nav li.active::before {
		width: 36px;
		top: -26px;
	}


	.index-news:before {
		width: 213px;
	}

	.index-activity:before {
		width: 213px;
	}

	.index-news-nav li {
		width: calc(100%/3 - 2%);
		float: left;
		margin: 0 1% 14px 1%;
		border-radius: 5px;
		padding: 0px 5px;
	}

	.index-news-nav li a {
		font-size: 1.1em;
		line-height: 1.2;
	}

	.index-news-nav li.active::after {
		display: none;
	}

	.news-list li {
		width: 100%;
		margin-bottom: 15px;
		height: 152px;
	}
}



@media (max-width: 580px) {

	.index-news-nav li {
		width: 100%;
	}

	.index-calendar {
		display: block;
	}

	.index-calendar .calendar {
		width: 100%;
	}

	.index-calendar .calendar-event-wrap {
		width: 100%;
		margin: 20px 0;
		float: left;
	}

	.index-news .more-btn {
		text-align: center;
	}
}

@media (max-width: 530px) {

	.index-news-nav li.active::after {
		left: 52%;
		top: 51px;
	}

}

@media (max-width: 500px) {

	.index-news-list-inner.tabcont-show ul.news-list {
		padding: 40px 40px;
	}

	.index-news:before {
		width: 180px;
	}

	.index-activity:before {
		width: 180px;
	}
}

@media (max-width: 464px) {
	.index-news-nav li {
		padding: 1px 9px;
		line-height: 1.6;
	}

	.index-news-nav li.active::before {
		left: -24%;
	}

	.index-news-nav li {
		padding: 8px 7px;
		line-height: 1.6;
	}

	.index-news-nav li.active::before {
		display: none;
	}

}

@media (max-width: 375px) {
	.rwd-header {
		height: 67px;
	}

	.rwd-nav-switch {
		margin: 18px 14px 18px 0;
	}

	.rwd-nav-switch span {
		margin: 5px 0;
	}

	.wrap {
		padding-top: 60px;
	}

	.index-news:before {
		width: 130px;
	}

	.index-activity:before {
		width: 130px;
	}

	.index-news-nav li {
		width: 100%;
	}
}



@media (max-width: 360px) {
	.rwd-nav-switch {
		width: 26px;
		margin: 17px 10px 0px 0px;
	}

	.index-news-nav li {
		padding: 8px 5px;
		line-height: 1.6;
	}

}

@media (max-width: 340px) {
	.rwd-header .rwd-logo {
		display: block;
		float: left;
		width: 270px;
		margin: 15px 0 0 13px;
	}
}