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


@media screen and (max-width:1024px) {
	/* CONTACT FORM MQ _ TABLET */
    
    .brown-contact {
        position: relative;
    }
    .nav-bar {
        z-index: 200;
    }
    .nav-logo {
        position: relative;
    	margin: 0 auto 10px;
    }
    
    .logo-active {
        margin-bottom: 75px;
    }
    
	.nav-menu {
		color: #fff !important;
		display: block;
		padding: 0;
        font-size: 40px;
        font-weight: 600;
        box-sizing: border-box;
		position: absolute;
        top: 10px;
        right: 15px;
	}
	.nav-list {
		display:none;
	}
	.nav-open {
		position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        margin: 0 auto;
		width: 100%;
		display: block;
        z-index: 200;
	}
	.nav-list li {
		width:100%;
        border-radius: 0 !important;
        height: auto;
		padding: 10px;
		box-sizing: border-box;
        background: #fff;
        border: 0;
        margin: 0;
	}
    .nav-list li#active {
        background: #252525;
        border-radius: 0;
        padding: 10px;
    }
    .nav-list li#active a {
        color: #fff;
    }
    .nav-list li:after {
    	display: none;
    }
	.nav-list li a {
		display:block;
		text-align:left;
		box-sizing: border-box;
        color: #000;
	}
    .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;
    }
    
    /* Package */
	.package-wrap{
		width:100%;
	}
	.package-contain .package-box {
		width:100%;
        height: auto;
		margin-bottom:30px;
	}
    .package-contain .package-box .img {
		
	}
    
    .package-list .package-box {
    	height: auto;
        padding-bottom: 80px;
    }
    .package-list .package-box .img {
    	display: none;
    }
    .package-list .package-box a img {
    	float: right;
    }
    
    .package-contain .package-box h3::before {
        display: none;
    }
    .package-contain .package-box h3::after {
        display: none;
    }
    
    .package-contain-page{
    	padding: 60px 0 40px;
    }
    
    .package-contain .package-box .text {
    	height: 0;
    }
    .package-contain .package-box .text p {
    	display: none;
    }
    
    #select-link,
    #select-link-wax,
    .select-link {
        display: block;
    }
    #spa-menu {
        display: none;
    }
    
    /*===== Resonsive Vertical Timeline =====*/
@media only screen and (max-width: 830px) {

    #conference-timeline .timeline-start,
    #conference-timeline .timeline-end {
        margin: 0;
    }

    #conference-timeline .conference-center-line {
        margin-left: 0;
        left: 50px;
    }

    .timeline-article .meta-date {
        margin-left: 0;
        left: 42px;
    }

    .timeline-article .content-left-container,
    .timeline-article .content-right-container {
        max-width: 100%;
        width: auto;
        float: none;
        margin-left: 110px;
        min-height: 53px;
    }

    .timeline-article .content-left-container {
        margin-bottom: 20px;
    }

    .timeline-article .content-left,
    .timeline-article .content-right {
        min-height: 65px;
    }

    .timeline-article .content-right:before {
        display: none;
    }
}

@media only screen and (max-width: 400px) {
    .timeline-article p {
        margin: 0;
    }

    .timeline-article p span.article-number {
        display: none;
    }

}

/*===== // Resonsive Vertical Timeline =====*/
    
    .social-foot {
        position: relative;
        top: 0;
        left: 0;
        margin: 20px 0;
    }
}


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

@media only screen and (max-width: 64em) and (min-width: 52.01em) {
    #menu li {
        width: 33.333%;
    }

    #menu .sub-menu li {
        width: auto;
    }
}

@media only screen and (min-width: 52em) {
    #menu .main-menu {
        display: block;
    }

    #toggle-menu,
    #menu label.drop-icon {
        display: none;
    }

    #menu ul span.drop-icon {
        display: inline-block;
    }

    #menu li {
        float: left;
        border-width: 0 1px 0 0;
    }

    #menu .sub-menu li {
        float: none;
    }

    #menu .sub-menu {
        border-width: 0;
        margin: 0;
        position: absolute;
        top: 100%;
        left: 0;
        width: 12em;
        z-index: 3000;
    }

    #menu .sub-menu,
    #menu input[type="checkbox"]:checked+.sub-menu {
        display: none;
    }

    #menu .sub-menu li {
        border-width: 0 0 1px;
    }

    #menu .sub-menu .sub-menu {
        top: 0;
        left: 100%;
    }

    #menu li:hover>input[type="checkbox"]+.sub-menu {
        display: block;
    }
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 0) { 
    .c-head h1 {
        font-size: 16px;
        font-weight: 300;
    }
    .c-head img {
        height: 18px !important;
    }
    .view-all-bar p {
        font-size: 16px;
    }
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 
    
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
    
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
    
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
    
}