@media only screen and (max-width: 1400px) {
	/* section.landing-slider .home-page .box .img .bg img { max-width: 665px; } */
	section.landing-page .contact-us{ background-size: 45%; background-attachment: fixed; }
	section.landing-page .home-page .box { padding: 0 0 0 10%; }
  
}
@media only screen and (max-width: 1200px) {
	/* section.landing-page .home-page .box .img .bg img { max-width: 470px; }
  	section.landing-page .home-page .box .img .bg { top: unset; bottom: 0; right: -20px; }
  	section.landing-page .home-page .box .img .museum img { max-width: 250px; } */

}
@media only screen and (max-width: 1024px) {
    

}
@media only screen and (max-width: 991px) {
	body { overflow: auto; }
	body.light-mode header .bottom-side .navbar-nav li a { color: #fff; }
	body.light-mode section.landing-page .header { background: #fff; }

	header .logo { width: 60px; height: 70px; overflow: hidden; padding: 4px; }
 	section.landing-page .page-contnet { padding: 80px 0 0 0; }

	section.landing-page .header { width: 100%; position: fixed; background: #2b2b2b; z-index: 999; padding: 0 0 0px 0; }
	header .logo { margin: 0; }
	
	header .navbar-expand-lg { height: auto; flex-direction: row;  align-items: start; }
	header .bottom-side { margin: 0; }
	header .bottom-side .page-number { position: absolute; white-space: nowrap; right: 20px; top: 40px; }
	header .bottom-side .navbar-nav li { padding: 5px 40px; font-size: 22px; }
	header .bottom-side .navbar-nav li a.active::after { top: 5px; } 

	header .navbar .navbar-toggler { position: absolute; top: 10px; right: 15px; z-index: 99; outline: none;  box-shadow: none; border: 0; }
	header .navbar .navbar-collapse  { display: flex; justify-content: center; top: 0; position: fixed; background: #000; left: 0px; width: 100%; height: 100vh; transition: .3s; padding-top: 30px;  }
	header .navbar .collapse:not(.show) { display: flex; left: -100%; transition: .3s; }
	header .navbar .collapse.show{ left: 0px;  transition: .3s; }

	section.landing-page { display: block; }
	section.landing-page .contact-us{ height: auto; background-image: none; }
	section.landing-page .page-contnet .next-page { display: none; }
	section.landing-page .contact-us .contact-info { margin: 30px 0 0; }
	section.landing-page .contact-us .category .checkmark { padding: 5px 15px; }
	section.landing-page .contact-us .category ul { justify-content: space-evenly;}
	section.landing-page .contact-us .contact-form h3 { font-size: 18px; }
	section.landing-page .home-page { overflow-x: hidden; overflow-y: auto;     height: auto;}

	section.landing-page .home-page .box .content .text { font-size: 14px; }
	section.landing-page .home-page .box .content .text h1 { font-size: 50px; }
	section.landing-page .home-page .box .content { width: 100%; position: relative; z-index: 99; }

	section.landing-page .content-page .book-main { margin: 30px 0 0; }
	section.landing-page .content-page { height: auto; overflow-y: unset; }
	section.landing-page .content-page .book-main .search { width: 100%; }
	section.landing-page .content-page .book-main .search .icon-search-container.active { width: 100%; }
	section.landing-page .content-page .book-main .search .icon-search-container.active .search-input { width: 85%; }
	section.landing-page .xandria-page { background-size: 66%; }
}
@media only screen and (max-width: 768px) {
	section.landing-page .app-box .app-screen { margin-top: -100px; }
	section.landing-page .xandria-page .list-museum { padding: 80px 0 150px; }

  	section.landing-page .xandria-page {  background-size: 50%; background-position: 100% 100%; }
  	section.landing-page .xandria-page .slide-box { height: auto; }
  	section.landing-page .xandria-page .logo-btn { max-width: 320px; margin: 100px auto; } 
  	section.landing-page .app-screen .content h2 { font-size: 32px; }

  	section.landing-page .home-page .box { display: block; height: auto; padding: 0;}
	section.landing-page .home-page .box .content { padding: 50px 0 0; }
	section.landing-page .home-page .box .img .lottie-home { position: unset; margin-right: -15px; width: auto; }
	section.landing-page .home-page .box .img { height: auto; } 



} 
@media only screen and (max-width: 767px) {
  	 

}
@media only screen and (max-width: 667px) {
    

}

@media only screen and (max-width: 568px) {
	
	/* section.landing-page .home-page .box .img .bg img { max-width: 260px; }
	section.landing-page .home-page .box .img { height: auto; justify-content: end; } */
	.news-slider .slide-arrow { left: -5px;     top: 45%; }
	.news-slider .slide-arrow.next-arrow { right: -5px; }
	
	header .logo { padding: 4px; }
	
	section.landing-page .xandria-page::after { height: 30%; }
	section.landing-page .xandria-page { background-size: cover; background-position: 100% 100%; }
	section.landing-page .xandria-page .product-detail { max-width: 100%; }
	section.landing-page .home-page .news-events { max-width: 100%; }
	section.landing-page .app-screen .app-img { max-width: 100%; } 
	section.landing-page .list-museum .list-data li .box { padding: 15px 0; }


}
@media only screen and (max-width: 480px) {
	.news-box .data a { padding: 8px 0; font-size: 13px; }
 	header .follow { font-size: 6px; }
 	section.landing-page .xandria-page .list-museum { border: none; padding: 0px 0 100px; }
 	section.landing-page .xandria-page .list-museum .list-data li:not(:last-child) { border: none; border-bottom: 1px solid #000; }
	section.landing-page .xandria-page .list-museum .list-data li { width: 100%; } 


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

}