@charset "utf-8";
/* CSS Document */
body button#responsive-menu-button{display:none;}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
.brand-logo {width:150px;}
.nav{margin-top:23px;}
.nav ul li{margin:0}
.nav ul a{padding:0 8px; font-size:14px;}	
.home-banner .banner-info{top:45%}
.home-banner .banner-info h1, .home-banner .banner-info h2{font-size:36px;}
.home-banner .banner-info h4{font-size:20px;}
.contact-page .block p,
.contact-page .block ul li{font-size:16px;}
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
h1, .h1{font-size:32px;}
h2, .h2{font-size:28px;}
.header{position:relative; background:#131423}
.header-top{ border-bottom:1px solid rgba(255, 255, 255, 0.3); display:none}
.header-top .phone{font-size:15px;}
.header-top .language ul li{padding-right:12px; font-size:15px;}
.header-meta{height:auto}
.header-meta .mobile-view{display:block; margin:26px 15px 0 0; float:right;}
.header-meta .inside{border:none; padding:0}
.header-meta.sticky{height:80px}
.brand-logo {width:100px; margin:8px 0}
.nav{margin-top:23px; display:none}
.mm-toggle{display:block; margin:24px 0 0}

.home-banner .banner-info{top:20%}
.home-banner .banner-info h1, .home-banner .banner-info h2{font-size:36px;}
.home-banner .banner-info h4{font-size:20px;}
.banner-section .banner-info{ top:40%}
.panel1 .box .info .inner{padding:15px }
.panel1 .box .info .inner h4{font-size:16px;}
.panel1 .box .info p{ line-height:20px;}
.inner-page{padding:30px 0;}
.ngg-gallery-thumbnail-box{width:50%}
.rightbar .latest-tours ul li{margin:8px 0}
.rightbar .latest-tours ul li .image{width:100%;}
.rightbar .latest-tours ul li .detail{padding:10px 0 0; float:left; width:100%}
}
@media only screen and (max-width: 767px) {
h1{font-size:32px;}
h2{font-size:24px;}
h3{font-size:22px;}
.header{position:relative; background:#131423}
.header-top{ border-bottom:1px solid rgba(255, 255, 255, 0.3)}
.header-top .phone{font-size:15px;}
.header-top .language ul li{padding-right:12px; font-size:15px;}
.header-meta{height:auto}
.header-meta .inside{border:none; padding:0}
.brand-logo {width:100px; margin:8px 0}
.nav{display:none}
.mm-toggle{display:block; margin:25px 0 0}
.home-banner .banner-info{top:20%}
.home-banner .banner-info h2{font-size:20px;}
.home-banner .banner-info h4{font-size:15px; line-height:18px;}
.home-banner .banner-info .action{display:none}
#homeSlide .owl-nav{display:none}
#homeSlide .owl-dots {display:none}
.modal-form .modal-body{padding:20px;}
.panel1{padding-top:20px;}


.inner-page{padding:10px 0 30px 0;}
.banner-section .banner-info{position:relative; top:0;padding-top:30px;}
.contact-form{padding:30px 20px;}
.contact-page .block{padding:20px;}
.contact-page .block p,
.contact-page .block ul li{font-size:16px;}
.rightbar .block{margin:30px 0}
.contact-form input.form-control,
.contact-form textarea.form-control,
.packages-form .form-row input,
.packages-form .form-row select,
.packages-form .form-row textarea{border-radius:8px;}
.ngg-gallery-thumbnail-box{width:50%}

.footer-container{padding-bottom:20px;}
.footer-col,
.footer-col.address{width:100%; margin-bottom:30px; text-align:center}
.footer-col.address ul li{display:inline-block}
.footer-col.address .social-icon{width:100%; float:left; text-align:center}
.footer-col.address .social-icon ol li{display:inline-block; float:none;}
body button#responsive-menu-button{top:55px;}
body button#responsive-menu-button{display:block;}
}
@media only screen and (max-width:470px) {


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


}