@charset "UTF-8";
/* CSS Document */


@media screen and (max-width:1024px) {
	/* CONTACT FORM MQ _ TABLET */
    
    .top-contact {
        text-align: center;
    }
    .top-contact span {
        display: block;
    }
    .nav-bar {
        position: absolute;
        top: 0;
		z-index: 10;
		background:none;
    }
    
    .logo-active {
        margin-bottom: 75px;
    }
	.social p{
		color:#fff !important;
		padding-right: 2em;
		line-height: 0.8em;
	}
	.booknow-btn button{
		font: 28px/1 kittithada_bold_75regular;
		position:fixed;
		top:10px;
		right:50px;
	}
    
	.nav-logo{
		width:100%;
	}
	.nav-menu {
		color: #fff !important;
		display: block;
		padding: 0;
        font-size: 32px;
        font-weight: 600;
        box-sizing: border-box;
		position: absolute;
        top: -26px;
        right: 10px;
		line-height: 1;
		z-index:101;
		transition:color 0.5s;
	}
	.nav-btn{
		color: #000 !important;
		position:fixed;
		top: 10px;
        right: 10px;
	}
	.nav-list {
		display:block;
		position: fixed;
        top: 0;
        left: -100%;
        right: 0;
		transition:all 0.5s;
		margin:0;
		padding:0;
		width: 100%;
        z-index: 100;
		height:auto;
		background:rgb(0, 0, 0,0);
	}
	.nav-open {
		left: 0;
        z-index: 100;
		background:rgb(0, 0, 0,0.5);
	}
	.nav-list-menu-mobile{
		height:auto;
		width:100%;/*90*/
		display:block;
		position: absolute;
        top: 0;
        left: -100%;
		transition:all 0.5s;
		background: #efefef;
	}
	.nav-open .nav-list-menu-mobile{
		top: 0;
		left: 0;
        z-index: 100;
	}
	.nav-list li {
		display:block;
		width:100%;
        border-radius: 0 !important;
        height: auto;
		padding: 10px 50px 10px 15px;
		box-sizing: border-box;
        border-top: 1px solid #333;
		position: unset;
	}
	.nav-list li:first-child {
		border:0;
	}
    .nav-list li:after {
    	display: none;
    }
	.nav-list li a,
	.nav-list li span {
		display:block;
		color:#333;
		text-align:left;
		box-sizing: border-box;
	}
	.nav-list li#active a, .nav-list li#active span {
		color: #8dc63f;
	}
	.nav-list li#active a, .nav-list li:hover a{
		color:#000;
	}
    .nav-list li:last-child a {
		border: 0;
        padding: 0;
	}
    .nav-list li ul {
    	width:100%;
		height:auto;
    	display:block;
		position:absolute;
		top:0;
		left:-100%;
		background:#efefef;
		transition:all 0.5s;
    }
	.nav-list li ul.subs-open{
		left:0;
		z-index:999;
	}
	.nav-list li ul.subs-open li span{
		left:0;
		z-index:999;
	}
	.nav-list li ul li a{
		font:16px/1 Tahoma
	}
	.nav-list li:before{
		display:none;
	}
	.nav-list li svg{
		font-size:16px;
	}
	.nav-bar p{
	    font: 22px/1 kittithada_roman_55regular;
	}
	/**/
	.icn-1{
		width:50px;
	}
	.icn-2{
		width:35px;
	}
	/* Lang */
	.nav-bar .lang select{
		width:100%;
		margin-bottom:0.4em;
		padding:0.2em;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}
	/**/
	.bg-page-mobile{
		height:120px !important;
	}
	/* Caption */
	.caption{
		width:100%;
		top:10%;
		left:0;
		box-sizing:border-box;
		padding:1em;
	}
	.caption img{
		width: 30% !important;
		float:none !important;
		display: block !important;
	}
	.caption h1{
		font: 28px/1 kittithada_roman_55regular;
	}
	.caption p{
		font: 20px/1 kittithada_roman_55regular;
	}
	/**/
	.why-choose-contain{
		min-height:inherit;
	}
	.why-choose-wrap:before,
	.why-choose-wrap:after{
		display:none !important;
	}
	/**/
	.package-contain .heading1 h1:before,
	.package-contain .heading1 h1:after,
	.volunteer-wrap:before,
	.volunteer-wrap:after,
	.contact-wrap:before,
	.contact-wrap:after{
		display:none !important;
	}
	/**/
	.article-contain:before,
	.article-contain:after,
	.article-wrap:before,
	.article-wrap:after{
		display:none !important;
	}
	.sticky {
		z-index: 98;
	}
	/**/
	.package-wrap h3 {
		font: 30px/1 'GillSansMT-ExtraCondensedBold';
	}
	
}


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