#navigation2 {
	display: none;
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
	#container {
		width: 100%;
		padding: 0 0;
	}
	
	#header,
	.home-slider {
		width: 100%;
	}

	.home-slider .text .exh-text-home {
		width: 100%;
	}
	
	#page_div .pagination_index{
		width: auto;
		margin: 0 0;
	}

	.home-slider,
	.home-slider ul,
	.home-slider li,
	.home-slider img {
		width: 100%;
		height: 380px;
	}

	.home-slider .text .exh-text-home .exh-text {
		width: 100%;
	}

	.home-slider .text * {
		left: 7px;
	}

	.home-slider .text .exh-text-home .exh-text h3 {
		font-size: 13px;
	}
	.home-slider .text .exh-text-home .exh-text h2{
		font-size: 17px;
	}
	.home-slider .text .exh-text-home .exh-text h3,
	.home-slider .text .exh-text-home .exh-text h2 {
		width: 100%;
	}

	#navigation2 {
		display: block;
		float: left;
		margin-top: 150px;
	}

	#home-page #navigation2 li {
		height: auto;
		min-height: 152px;
		overflow: visible;
		padding-bottom: 3px;
	}

	#navigation2 li {
		position: relative;
		float: left;
		height: 152px;
		overflow: hidden;
		font-size: 17px;
		font-weight: bold;
	}

	#navigation2 li a {
		color: #ffffff;
	}

	#home-page #navigation2 li {
		width: 33.33%;
		text-align: center;
		height: 10px;
		min-height: 30px;
	}
	
	#content{
		width: 100%;
	}
	.main-col{
		width: 100%;
	}
	.slider-scoll-wrap .wrap{
		width: 100%;
	}
	#header, .current-location-wrap, #content, #footer, .exh-search-wrap{
		width: 100%;
	}
	.house-news-list{
		width: 100%;
	}
	.slider-scoll-wrap .panel{
		width: 100%;
	}
	.side-col{
		width: 100%;
	}
	.side-col .rec-box, .side-col .rec-box .content, .side-col .rec-box img{
		width: 100%;
		height: 230px;
	}
	.content a img{
		width: 100%;
	}
	.are-exh-list{
		width: 100%;
	}
	.rec-visit{
		height: auto;
	}
	.visit-accordion .panel{
		width: 97%;
		margin: 5px 10px 5px 10px;
		padding:0 0 0 0;
	}
	.foot-info{
		margin: 10px 10px 10px 10px;
	}
	.foot-adorn li{
		width: 75px;
	}
	
	
	
	
	
	#logo{
		display: none;
	}
	
	.head-bg{
		width: 100%;
	}
	.head-bg img{
		width: 100%;
		height: 152px;
	}
	.en #navigation {
	    position: relative;
	    margin: -15px 0 0 10px;
	   /* flex-wrap: wrap; */
	}
	#navigation li {
	    overflow: inherit;
	    height: 25px;
	    width: 33.23%;
	    text-align: center;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	.news-list li{
		overflow: hidden;
	}
	
	.sub-nav{
		font-size: 12px;
		padding: 0 0 0 0;
	}
	.sub-nav a{
		margin: 0 9px;
	}
	.exh-search-wrap .search-inner{
		width: 100%;
	}
	.exh-search-wrap .input-text,.exh-search-wrap .date-box .input-text{
		width: 155px;
	}
	.rec-exh-past-list{
		width: 96%;
	}
	.are-exh-slider,.are-exh-slider ul,.are-exh-slider li{
		width: 100%;
		height: 175px;
	}
	.collection-rec-slider .text{
		padding: 10px 1px 7px;
		width: 40%;
	}
	.collection-sort-list .list{
		width: 100%;
	}
	.collection-sort-list ul{
		width: 100%;
	}
	.collection-sort-list li{
		margin: 20px 20px 0 25px;
	}
	.box .select-box{
		width: 175px;
	}
	.overview-details-wrap{
		width: 100%;
	}
	.overview-details-wrap .inner .content{
		width: 100%;
	}
	.Custom_UnionStyle p img{
		width: 100%;
		height: auto;
	}
	.overview-details-wrap .inner{
		width: 95%;
		padding: 10px 9px;
	}
	#about-page .overviewsort-list{
		width: 100%;
	}
	.topic-wrap .pics{
		width: 100%;
	}
	.rec-exh-past-list .list li{
		width: 100%;
		display: flex;
	}
	.rec-exh-past-list .text{
		width: 70%;
		padding: 0 10px 0 20px;
	}
	.collection-list .list,.collection-list .list ul{
		width: 100%;
	}
	.collection-list .list li{
		margin: 20px 20px 0 30px;
	}
	.content p img{
		width: 100%;
	}
	.news-details-wrap .inner{
		padding: 30px 10px 15px 10px;
	}
	.exh-imgs{
		width: 100%;
	}
	.masterpiece .image{
		width: 100%;
		height: auto;
	}
	.exh-news-details-info{
		width: 100%;
	}
	.image span img{
		width: 100%;
	}
	.collection-details .image-details{
		width: 100%;
	}
	.image-details a img{
		width: 100%;
	}
	.collection-details .works-info{
		width: 100%;
	}
}