@media (min-width: 1601px) {
	.page-banner, .banner-slider-container {
		width: 1600px;
		height: 684px;
		margin: 0 auto;
		padding-bottom: 0;
	}
}
@media (max-width: 1040px) {
	.header, .content, .footer {
		padding-left: 20px;
		padding-right: 20px;
	}
	.slider-caption span {
		font-size: 1.6em;
	}
}
@media (max-width: 1000px) {
	.home-bottom {
		margin-top: 20px;
	}
	.home-donate {
		float: none;
		width: 100%;
		max-width: 500px;
		height: auto;
		padding: 0;
		margin: 0 auto;
	}
	.home-donate-bottom {
		display: table;
		table-layout: fixed;
		width: 100%;
	}
	.home-donate-image {
		position: relative;
		height: 0;
		padding-bottom: 30%;
	}
	.home-donate-button, .home-donate-text {
		position: relative;
		display: table-cell;
	}
	.home-donate-text {
		padding: 20px 25px;
	}
	.home-donate-more {
		display: block;
		position: static;
		margin-top: 10px;
	}
	.home-video {
		float: none;
		width: 100%;
		max-width: 500px;
		margin: 20px auto 20px auto;
	}

	.footer-left, .footer-right {
		float: none;
		width: 100%;
	}
	.footer-newsletter-form form {
		margin: 0 auto;
	}
	.footer-right {
		text-align: center;
	}
	.footer-menu {
		margin-top: 50px;
	}
	.footer-menu > ul > li {
	 margin-bottom: 5px;
	}
}
@media (max-width: 950px) {
	.header, .content, .footer {
		padding-left: 20px;
		padding-right: 20px;
	}
	.event-entry {
		margin-bottom: 10px;
	}
	.event-list-heading.fixed {
		min-width: 40%;
	}
	.event-left {
		width: 40%;
	}
	.event-right {
		width: 60%;
		padding: 30px; /* 30px 160px 30px 30px */
	}
	.event-date {
		width: 100px;
		height: 100px;
		padding: 0;
	}
}
@media (max-width: 860px) {
	.content {
		padding-top: 20px;
	}
	.content-2col {
		padding-bottom: 100px;
	}
	.content-left, .content-right {
		float: none;
		width: 100%;
	}
	.content-right,
	.content-top + .content .content-wrapper > .content-2col .content-right {
		padding-top: 30px;
	}
	.content-white .content-form {
		max-width: 700px;
    margin: 0 auto;
	}

	.accordion-left {
		font-size: 2.8em;
	}
	.accordion-title {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	html.en_GB .main-menu > ul > li,
	html.en_US .main-menu > ul > li {
		margin: 0 13px;
	}
	/*
	html.en_GB .main-menu > ul > li:first-child,
	html.en_US .main-menu > ul > li:first-child {
		margin-left: 0;
	}
	html.en_GB .main-menu > ul > li:last-child,
	html.en_US .main-menu > ul > li:last-child {
		margin-right: 0;
	}
	*/
	.main-menu > ul > li > a {
		font-size: 1.5em;
	}

	/* .concert-entry {
		width: 49%;
	}
	.concert-entry:nth-child(3n+3) {
		margin-right: 2%;
	}
	.concert-entry:nth-child(2n+2) {
		margin-right: 0;
	} */
}


@media (max-width: 800px) {
	.concert-past-entry {
		float: none;
		width: 100%;
		margin: 0 0 15px 0;
	}
	.content-text-left,
	.content-text-right {
		float: none;
		width: 100%;
	}
	.content-text-left {
		padding-right: 0;
	}
	.content-text-right {
		margin-top: 50px;
	}
}


@media (max-width: 750px) {
	.header-social-icon {
		background-color: #00C1D5;
	}
	.header-language-switcher {
		margin-left: 10px !important;
	}
	.header-language-switcher li {
		border-right: 1px solid #FFF;
	}
	.header-language-switcher a {
		color: #FFF;
	}
	.header-search-mobile {
		display: block;
	}
	input.grey::-webkit-input-placeholder {
	  color: #FFF;
	}
	input.grey::-moz-placeholder {
	  color: #FFF;
	}
	input.grey:-ms-input-placeholder {
	  color: #FFF;
	}
	input.grey:-moz-placeholder {
	  color: #FFF;
	}
	.header-search {
		float: none;
		text-align: left;
		margin: 20px;
	}
	.header-search input[type='text'] {
		border: 1px solid #FFF;
		color: #FFF;
		background: none;
		padding-left: 10px;
	}
	.header {
		position: fixed;
		left: 0;
		top: 0;
		padding-top: 21px;
		padding-bottom: 9px;
		background-color: #FFF;
		z-index: 100;
		box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	}
	.container {
		padding-top: 86px;
	}
	.logo {
		float: none;
	}
	.logo img {
		width: auto;
		height: 44px;
	}
	.header-corner, .header-language-switcher, .header-social-icons {
		float: none;
		text-align: center;
	}
	.header-language-switcher, .header-social-icons {
		display: inline-block;
		vertical-align: top;
	}
	.header-language-switcher {
		margin: 0;
		padding-top: 4px;
	}
	.header-language-switcher a {
		font-size: 1.6em;
	}
	.header-language-switcher a:last-child {
		padding: 0 15px;
	}
	body.menu-open .main-menu-mask {
		display: block;
		position: fixed;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		cursor: pointer;
		z-index: 5;
		background-color: rgb(0,0,0);
		background-color: rgba(0,0,0,0.3);
	}
	.main-menu {
		position: fixed;
		display: block;
		right: -350px;
		top: 0;
		width: 80%;
		max-width: 350px;
		height: 100%;
		padding: 0;
		background-color: #808080;
		transition: right 0.3s ease-in-out;
		overflow: auto;
		box-shadow: 0 0 10px rgba(0,0,0,0.3);
	}
    .main-menu ul {
        display: block;
    }
	.main-menu > ul > li {
		display: block;
		float: none;
		padding: 0;
		margin: 0;
		text-align: left;
	}		
	.main-menu > ul > li > a {
		display: block;
		padding: 20px 25px;
		border-right: 0;
		color: #FFF;
		font-size: 1.7em;
	}
	.main-menu ul li.active > a, .main-menu ul li.current-menu-item > a, .main-menu ul li a:hover {
		background-color: #00C1D5;
	}
	.main-menu ul:hover li.active > a, .main-menu ul:hover li.current-menu-item > a {
	    background-color: transparent;
	}
	.main-menu > ul > li.active > a, .main-menu > ul > li.current-menu-item > a, .main-menu > ul > li.active-parent > a, .main-menu > ul > li:hover > a {
		color: #FFF;
	}
	.main-menu > ul > li.active:after, .main-menu > ul > li.active-parent:after, .main-menu > ul > li:hover:after {
		display: none;
	}
	.main-menu > ul > li > ul {
		position: static;
		display: block;
		width: 100%;
		height: 0;
		padding: 0;
		background: transparent;
		opacity: 0;
	}
	.main-menu > ul > li.open > ul {
		height: auto;
		opacity: 1;
		transition: opacity 0.3s ease-in-out;
	}
	.main-menu .submenu-heading {
		display: none;
	}
	.main-menu > ul > li > ul > li > a {
		display: block;
		padding: 15px 40px;
		font-size: 1.6em;
	}

	body.menu-open {
		/* position: fixed; */
		overflow: hidden;
	}
	body.menu-open .main-menu {
		right: 0;
		transition: right 0.3s ease-in-out;
	}
	body.menu-open .main-menu-button {
		display: none;
	}
	.main-menu-button {
		position: absolute;
		display: block;
		right: 20px;
		top: 20px;
	  width: 44px;
	  height: 44px;
	  padding-top: 8px;
	  background-color: #00C1D5;
	  cursor: pointer;
	}
	.main-menu-button .menu-line {	
	  display: block;
	  width: 22px;
	  height: 3px;
	  margin: 5px auto;
	  background-color: #FFF;
	}
	.main-menu-close {
	  display: block;
	  width: 100%;
	  padding: 25px;
	}
	.main-menu-close span {
		display: block;
		width: 100%;
	  height: 20px;
	  background: url('images/menu-close@2x.png') no-repeat right top;
	  background-size: 20px 20px;
	  cursor: pointer;
	}

	.header-search-desktop, .header-corner {
		display: none;
	}

	.home-concert-list .concert-entries {
		margin-top: 0;
	}
	.event-entry,
	.home-concert-list .concert-entry {
		float: none;
		display: block;
		width: 100%;
		max-width: 500px;
		margin: 0 auto 20px auto;
	}
	.event-entry {
		min-height: 0;
	}
	.event-left, .event-right {
		display: block;
		width: 100%;
	}
	.event-left {
		height: 0;
		padding-bottom: 70%;
	}
	.event-left.contain {
		background-size: cover;
	}
	.event-left.contain-mobile, .event-left.contain.contain-mobile {
		border-bottom: 1px solid #CCC;
		background-size: contain;
	}
	.event-right, .event-entry.tour .event-right {
		padding: 20px;
	}
	.event-list.upcoming .event-title {
		padding-right: 80px;
	}
	.event-date {
		right: 20px;
		width: 60px;
		height: 60px;
		padding: 0;
		font-size: 0.7em;
	}
	.event-info, .event-intro {
		margin-top: 15px;
	}
	.event-more {
		position: static;
		margin-top: 20px;
		padding: 10px 15px;
	}
	.event-more-note {
		position: static;
		width: auto;
		text-align: left;
		margin-top: 5px;
	}
	.event-more-note.en {
		padding-left: 3px;
	}
	
	.content-shop {
		padding-bottom: 100px;
	}
	.shop-entry {
		min-height: 400px;
	}
	.shop-quantity input {
		display: block;
		margin: 10px 0 0 0;
	}
	.event-list-link, .concert-list-link {
		display: block;
		width: 130px;
		height: 30px;
		min-height: 0;
		padding: 0;
		margin: 10px 0 0 0;
		line-height: 30px;
	}
	
	.slide-mobile {
		display: block;
	}
}

@media (max-width: 600px) {
	body {
		font-size: 56.25%;
	}
	span.line-break {
		display: block;
	}
	.line-break-container {
		padding: 10px 20px;
		line-height: 1.2;
		text-align: left;
	}
	.content {
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.slider-caption {
		padding: 7px 20px;
	}
	.slider-caption span {
		font-size: 1.3em;
	}
	.banner-credit {
		padding: 3px 20px;
	}
	.footer-menu > ul > li > a {
		padding: 0 10px;
	}
	.footer-newsletter-form form {
		width: 234px;
	}
	.footer-newsletter .form-left,
	input[type='text'].footer-field-1,
	input[type='text'].footer-field-2,
	.footer-newsletter-form .my-first-name,
	.footer-newsletter-form .my-last-name {
		width: 200px !important;
	}

	.content-button-row-left,
	.content-button-row-right {
		float: none;
		width: 100%;
	}
	.content-white .content-text {
		padding: 30px;
	}

	.content-button-row-left {
		margin-bottom: 20px;
	}
	.content-button-row-left .content-button {
		margin: 0 auto;
	}

	.content-center {
		width: 100%;
	}

	.content-2col {
		padding-top: 0;
		padding-bottom: 40px;
	}

	.accordion-container {
		display: block;
	}
	.accordion-left, .accordion-right {
		display: block;
		width: 100%;
	}
	.accordion-left {
		padding: 10px 20px;
		font-size: 2.5em;
	}
	.accordion-title {
		padding: 15px 60px 15px 20px;
	}
	.accordion-title:after {
		right: 20px;
		width: 30px;
		height: 30px;
		margin-top: -15px;
		background-size: 30px 94px;
	}
	.accordion-entry.open .accordion-title:after {
		background-position: 0 -64px;
	} 
	.accordion-text {
		padding: 0 20px 15px 20px;
	}

	.event-list, .concert-list {
		padding-bottom: 60px;
	}
	.event-list-filter {
		margin-bottom: 15px;
	}
	.event-list-filter:last-child {
		margin-bottom: 0;
	}

	.content-white .content-form {
		max-width: 400px;
		margin: 0 auto;
	}
	.form-field, .form-label, .form-content {
		display: block;
		width: 100%;
	}
	.form-field {
		margin-bottom: 30px;
	}
	.form-label {
		padding-right: 0;
		margin-bottom: 5px;
	}
	.form-content {
		max-width: 300px;
	}
	.radio-button {
		margin-top: 10px;
	}

	input[type='text'], input[type='email'], textarea {
		width: 100%;
	}
	input[type='text'].short {
		width: 70%;
	}

	.home-bottom {
		margin-top: -40px;
	}

	.concert-entry {
		float: none;
		width: 100%;
		max-width: 450px;
		margin: 0 auto 20px auto;
	}
	.concert-entry:nth-child(2n+2),
	.concert-entry:nth-child(3n+3) {
		margin-right: auto;
	}

	.concert-bottom {
		height: auto;
		padding: 20px;
	}
	.concert-info {
		margin-top: 15px;
	}

	.content-shop {
		padding-bottom: 40px;
	}
	.shop-entry {
		float: none;
		width: 100%;
		max-width: 400px;
		min-height: 0;
	}
	.shop-entry, .shop-entry:nth-child(3n+3) {
		margin: 0 auto 15px auto;
	}
	.shop-image {
		padding-bottom: 70%;
	}
}

@media (max-width: 350px) {
    .logo img {
        padding: 4px 0;
    }
}