@media (max-width: 1200px) {
	.calendar li,.calendar li:last-child{
		width: 100%;
		margin-bottom: 30px;
		float: none;
	}
}

@media (max-width: 992px) {
	.head-band {
    font-size: 10px;
    height: 40px;
}

.head-band p {
    padding-left: 30px;
    /* width: 243px; */
        line-height: 27px;
}

.head-band p span {
    left: 4px;
    top: 2px;
}
		.ticket-box h5 .tag{
		display: block;
    	margin-top: 10px;
    	margin-left: 0;
    	clear: both;
	}
.menu{
		
		height: 50px;
		overflow: hidden;
	}
	.menu .container{
		overflow-x: scroll;
		height: 100%;
	}
	.menu .overlay{
		display: block;
	}
	.menu ul{
		width: 670px;
		margin-top: 15px;
	}

	.menu ul.en{
		width: 890px;
	}
	.menu .btn{
		display: none;
	}
	.btn.full-btn{
		display: block;
	}
}

@media (max-width: 768px) {
.mini-map{
		display: none;
	}

.head-band {
    line-height: 14px;
    padding: 5px;
}


}

@media (max-width: 576px) {

	.calendar li .date-custom-icon{
		width: 50px;
	}

	.calendar li .date-custom-icon span:nth-child(1){
		font-size: 20px;
	}

	.calendar li .date-custom-icon span:nth-child(2){
		font-size: 8px;
	}

	.calendar .text-box h4{
		font-size: 12px;
	}

.main-banner img.mobile-visual{
		display: block;
	}

	.main-banner .head-title{
		display: none;
	}

	#countdown,#countdown-en {
	    left: 50%;
	    margin-left: -72px;
	    bottom: 10px;
	    color: #fff;
	}

	.main-banner .overlay{
	background: linear-gradient(0deg, rgba(1, 54, 112, 0.85) 0%, rgba(1, 54, 112, 0) 88.73%);
}

	#countdown li{
		margin-right: 7px;
		font-size: 14px;
	}
	#countdown li span{
		font-size: 20px;
	}


	.show-map{
		display: inline-block;
	}



	.ticket-box .btn{
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}

	.filter-bar .filter-holder{
		overflow-x: scroll;
		width: 100%;
		padding: 15px 0;
	}

	.filter-bar .filter-holder ul{
		width: 500px;
	}

	h2{
		font-size: 30px;
	}

	h4{
		font-size: 14px;
	}

	.full-size{
		margin: 20px 0;
	}

	.owl-carousel{
		margin: 20px 0;
	}

	.owl-carousel .owl-nav{
		display: none;
	}

	h2{
		margin: 40px 0 50px;
	}
	
}

@media (min-width: 576px) {
.main-banner img.tablet-visual{
		display: block;
	}
}

@media (min-width: 993px) {
	.main-banner img.desktop-visual{
		display: block;
	}

	.main-banner img.tablet-visual{
		display: none;
	}
}