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


@media screen and (max-width:1024px) {
    
    /* Page Header */
    .content_container > header {
        background: none;
    }
    .content_container > header::before {
        width: 100%;
        height: 110px;
        position: absolute;
        top: 20px;
        left: 0;
        background: url('../images/logo.png') center no-repeat rgba(255,255,255,.85);
        content: "";
    }    
    
    .slider_container {
        display: none;
    }
    
    div.horizontal_scroller, div.vertical_scroller{
		width: 100%;
        top: 240px;
	}
    
    .service_menu {
        text-align: center;
    }
    .service_menu > li {
        margin-bottom: 50px;
    }
    
	/* NAV MQ _ MOBILE */
    .nav-bar {
        height: auto;
    }
    
	.nav-menu {
		color: #014B6E;
		display: block;
		padding: 10px 0 25px;
        font-size: 60px;
        font-weight: 600;
        box-sizing: border-box;
		position: absolute;
        top: 20px;
        right: 0;
	}
	.nav-list {
		display:none;
	}
	.nav-open {
		position: absolute;
        top: 130px;
        left: 0;
		width: 100%;
		display: block;
		background: #014b6e;
        z-index: 100;
	}
	.nav-list li {
		width:100%;
        border-radius: 0 !important;
        height: auto;
		padding: 0 10px;
		box-sizing: border-box;
		position:static;
        background: #014b6e;
	}
    .nav-list li:after {
    	display: none;
    }
	.nav-list li a {
		display:block;
		color:#fff;
        font-size: 16px;
		text-align:left;
		box-sizing: border-box;
	}
    .nav-list li:last-child a {
		border: 0;
        padding: 0;
	}
    .nav-list li ul {
    	width:100%;
    	display:block;
    	position:relative;
    	top:0;
    	left:0;
    	z-index:99;
    }
    
    /* Background */
    .bg1,
    .bg2 {
        background-size: 300%;
    }
    
    .header1,
    .header2 {
        font: 26px ThaiSansNeue-Bold;
        text-align: center;
    }
    
    .pack_list > li img {
        float: none;
        margin: 0 auto 20px;
    }
    
    .seo1 img {
        float: none;
        margin: 0 auto 15px;
    }
    
    .seo2 h2 {
        margin-bottom: 15px;
    }
    .seo2 img {
        float: none;
        margin: 0 auto 15px;
    }
    
    .foot-intro h1 {
        font: 30px 'ThaiSansNeue-Bold';
        margin-bottom: 30px;
    }
    
    .f-facebook {
        top: auto;
        bottom: 10px;
    }
}


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