@media only screen and (min-width: 320px) and (max-width: 768px) {


}
@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .desktop-v{display: none}
  .mobile-v{display: block}
  
  h2{font-size: 4em;}
  h3{font-size: 1.6em;line-height: 1.4}
  h5{font-size: 1em;line-height: 1.4}
  h6.small{font-size: .55em;line-height: 1.4}
  p{font-size: .85em}
  
  .mobile-block{display: block}
  
  
.tc-content h2{font-size: 3.8em}
.tc-content h3{font-size: 1.4em}

.lang-btn{top:10px}
  
  .menu-wrap{width: 100vw;transform: translateX(100vw)}
  .menu-wrap .menu-ss-list{left: 50%;transform: translateX(-50%)}
  .menu-wrap .main-menu li{margin: 25px 0}
  .book-btn{display: none}
  
  footer{background-size: 65% auto !important}
  footer h6{margin-bottom: 0}
  .sub-text{width: 150px;left: 15px;top:15px}
  .copyright{right: 15px;top:15px}
  .footer-ss-list{left: 15px;bottom: 15px}
  .btn-backtotop{right:15px;bottom: 15px}
  .sub-text br{display: none}
  
  .home-date{left: 15px;top:10px}
  .home-slide li{padding: 0}
  
  .home-slide li img{width: 140%}
  .home-slide li{margin-bottom: 70vw}
  .home-slide li:nth-child(even){margin-top: 70vw;margin-bottom: 0}
  
  .home-exhibition-title{top:40px}
  .home-exhibition-section .col-sm-12{padding: 0}
  
  .home-timeline{height: 62vh}
  .home-timeline-list::before{left: 0}
  .home-timeline-list li{padding-left: 60px}
  .home-event-thum{width: 23vw;height: 23vw;margin-right: 10px}
  .home-timeline-list li:nth-child(2n){padding-right: 0;text-align: left;padding-left: 60px}
  .home-timeline-list li:nth-child(2n) .home-event-thum{width: 23vw;height: 23vw;margin-right: 10px;float: left;margin-left: 0}
  .home-timeline-list li::before {top:1px;left: 0}
  .home-timeline-list::after {left: 0}
  
  .home-about-section{background-size: auto 55% !important}
  .home-events-bg{border-top-left-radius: 50vw ;border-bottom-left-radius: 50vw ;border-top-right-radius: 50vw ;border-bottom-right-radius: 50vw ;}
  .home-timeline-list{padding-left: 0px;padding-right: 0px}
  .home-exhibition-title h5{padding: 0 8px}
  
  /* about */
  .about-section-1{background: #6a003a }
  .about-section-1bg{background-size: auto 60vh !important}
  .bg-right img, .bg-left img{height: 70vh;}
  .about-section-2 .bg-right,.about-section-2 .bg-left{top:15vh}
  .about-section-3 span{width: 100%;margin: 0 !important}
  .about-section-3 span img{width: 40px;margin: 0 auto}
  .about-section-4{height: auto !important;min-height: 0 !important;overflow: hidden}
  .about-section-4 .about-content-text{position: relative;bottom: 0;margin-top: 40px}
  .about-section-2 .about-section-title img{height: 48px !important}
  
  /* owl */
  .owl-carousel{width: 100%;margin-left: 0%}
  .owl-item.center .exhi-about-info{opacity: 1} 
  .owl-carousel-wrap{position: relative}
  .section-height{min-height: 0}
  
  /* gallery */
  .clearfix{display: none}
  .gallery-wrap .col-sm-3{margin-bottom: 30px}
  .about-content-text{bottom: 20px}
   .cat-wrap{padding-top: 2px}
  /* popup */
  .popup-close{top:15px;right: 15px}
  .popup-box-inner{width: 100%;transform: translate(0);top:0;height: 100%;left: 0;padding: 60px 0}
  .popup-box-inner h5{text-align: left}
  .popup-box-inner h3{margin-bottom: 15px}
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {

}
@media screen and (min-width:320px) and (max-width:813px) and (orientation:landscape) {
}