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

	.day-countdown{
		bottom:150px;
	}
	.banner-text .banner-text-title{
font-size: 26px;
	}
}

@media (max-width: 992px) {

.menu ul{margin-top: 20px;}
.menu ul li {margin-bottom: 5px;}
}

@media (max-width: 768px) {

	.menu{
		height: 150px;
	}
	.menu ul{
		line-height: 30px;
		margin-top: 15px;
	}
	.menu ul li{}
	.day-countdown{
		bottom: 0;
		top:40px;
		left: 0;
		right: 0;
		margin: 0 auto;
		text-align:center;
	}
	.day-countdown section span {
		font-size: 20px;
	}
	.banner-text{
		left:30px;
	}
	.banner-text .banner-text-date{
		padding-left: 85px;
    line-height: 24px;
	}
	.banner-text .banner-text-title{
		font-size: 20px;
		width: 100%;
		padding: 0px;
		margin-top: 40px;
		line-height: 26px;
	}

}

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

	.main-banner .head-title{
		color: #fff;
		z-index:999;
		left:0;
		text-align: center;
		font-size: 26px;
	}
	
	.menu ul li a{
		font-size:14px;
	}

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


}

@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;
	}
}