/*============================================================================================*/
/* Repsonsive  */
/*============================================================================================*/

@media (min-width: 768px) and (max-width: 1200px) {
.main-menu ul li.megamenu .menu-wrapper {width:940px;}
}
@media (min-width: 992px) and (max-width: 1200px){
	#ceo{height: 680px; background-size: contain;}
	.greeting_wrap_txt{top:385px;}
    .greeting_wrap_txt p{margin-bottom:8px; font-size: 14px;}
    .greeting_wrap_txt .firstP{font-size:24px;}
}
@media (max-width: 1024px) {
	/* .promo_full, .bg_content{
		background-attachment: scroll;
	}
	#hero_video {
		background: #333 url(../video/intro2.mp4);
		background-size: cover;
		background-position: center center;
	}
	.header-video {
		background: none;
	} */
}

@media (max-width: 991px) {
	#hero_video > div h3{font-size:42px;}
}
@media (max-width: 991px) {
.main-menu ul li.megamenu .menu-wrapper {width:auto; margin-top:20px;}
a.btn_quote{
	float:none;
	margin:auto;
	margin-top:10px;
	display:block;
	text-align:center;
	width:230px;
}
#get_quote h3{
	font-size:28px;
	text-align:center;
	margin-top: 0;
}
#layerslider  {margin-top:87px;}
.box_quote {padding-right: 0;}
.intro_title_booking h2 {padding-top: 20px;}
.form_group h3, .form_group p{font-size: 10px;}
#social_footer{
	float: left;
}
}

@media (min-width: 768px) and (max-width: 990px) {

.intro_title_booking {margin-top:0;text-align:center;}
#booking_container {height: auto;padding:110px 0 70px 0;}
#book {margin-top:40px;}

#footer_download{width: 30%;}
}
@media (max-width: 768px) {

.board-list{display: none;}
.board-list li span{display: none;}
.form-group{padding: 10px; border-right: 1px solid #f3f3f3;}
#custom > .row > .col-6{width: 100%;}

.bg_content div{padding:0 10%;}
.bg_content div h3{font-size:24px;}
.step{padding:20px 31px 20px 31px;}
.intro_title_booking {margin-top:0;text-align:center;}
#booking_container {height: auto;padding:110px 0 70px 0;}
#book {margin-top:40px;}

}


/* Small Tablet */
@media (min-width: 481px) and (max-width: 767px) {
	#ceo{background-position: center; background-size: contain;}
	.greeting_wrap_txt{top:415px;}
	.greeting_wrap_txt p{font-size: 6px; margin-bottom: 10;}
	.greeting_wrap_txt .firstP{font-size:16px; margin-bottom:15px;}

	#hero_video > div {padding-top: 30px;}
	#hero_video > div h3{font-size:32px; margin-bottom: 10px;}
	#hero_video > div p{font-size:18px;}
	.header-video{height: 420px!important;}
	.header-video video {
		position: absolute;
		top: auto;
		bottom: 0;
		left: 0;
		width: 100%;
		opacity: 0.6;
	}
}

/* Tablet */
@media (min-width: 768px) and (max-width: 991px) {

#ceo{ background-position: center; background-size: contain;}
.greeting_wrap_txt{top:425px;}
.greeting_wrap_txt p{font-size: 10px;}
.greeting_wrap_txt .firstP{font-size:21px; margin-bottom:15px;}

#business1{width: 100%;}
#business2 {text-align: center; width: 50%; margin-bottom: 20px;}
.businessImg {
	display: inline-block; 
	float: none; 
	margin: 0 auto; 
}

#logo_footer{width: 150px;}
#footer_call{padding-top: 5px;}
#contact_details_footer{font-size: 12px; vertical-align: middle;}
#social_footer ul li{margin-right: 1px; font-size: 12px;}
#social_footer ul li a i{line-height:29px; width:30px; height:30px;}

ul.board-list li span{display: none;}
ul.board-list li a{width: 90%;}

.header-video {height: 520px !important;}
#hero_video > div {padding: 0 30px;}
/* #hero_video > div h3{font-size:32px;} */
/* #hero_video > div p{font-size:18px;} */
.header-video video {
    position: absolute;
	top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0.6;
}

ul#top_links {text-align:center; width:100%; float:none;}
.main_title{font-size:14px;}
.main_title h2{  font-size:24px; }
.main_title p{font-size:16px}

#sub_content_in h1 {font-size: 32px;}
#sub_content_in p {font-size: 18px;}

#book {margin-top:20px;}
#booking_container {
	padding:0 0 60px 0;
	height: auto;
}
.intro_title_booking {
	margin-top:130px;
	text-align:center;
}
.intro_title_booking h2 {
    font-size: 36px;
	padding-top: 20px;
}
.intro_title_booking p {
    font-size: 14px;
}

/* Margin tools */
.margin_30 {margin-top:15px; margin-bottom:15px;}

.bg_content{
   height:340px;
}
.bg_content > div{
  padding:0 5%;
	padding-top:20px;
	font-size:16px;
}
.bg_content div h3{
	font-size:28px;
}
.bg_content div h3:before,.bg_content div h3:after {
	display:none;
}
.bg_content div h3:before{
    margin-right: 0;
}
.bg_content div h3:after {
    margin-left: 0;
}
/* Banners */
.banner p{
	padding-right:0;
}
.banner a{
	position:relative;
	top:15px;
	right:0;
	left:0;
	margin-bottom:20px;
}
.banner h4{
	font-size:24px;
}
#position{display:none;}
ul.stepy-titles {display: none;}
.stepy-titles li {margin-left:0;}
#sub_header .main_title p{font-size:12px;}
.promo_full_wp div h3 {font-size: 28px;}
.promo_full_wp div h3 span {font-size: 16px;}
.promo_full_wp,.promo_full_wp > div {display: block;}
.box_overlay {padding: 25px;text-align: center;}
.pic {position: static;margin-bottom: 25px;width: 100%;display: block;}
.pic h4 {position: static;}
.pic figure {margin: auto;}
.comment {border-left: none;padding-left: 0;padding-top: 30px;}
}


/* Mobile Landscape */
@media (max-width: 480px) {


#product6 .shop-item{
	width: 50%;
}
#product6 .shop-item .image-box2{
	position:relative;
	display: block;
	height: 130px!important;
}
#product6 .image-box2 .image img{
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 50%;
	max-height: 50%;
	width: auto;
	height: auto;
}

.breadcrumb{font-size: 8px!important;}

#product1{width: 100%!important; height: auto;}

.shop-item {
	text-align: center; /* 기본적으로 가운데 정렬 */
}
.image-box {
    display: inline-block; /* 이미지를 감싸는 박스를 인라인 블록 요소로 설정 */
	margin: 0 auto;
}
.image {
	width: 80%;
    max-width: 100%; /* 이미지가 부모 요소를 벗어나지 않도록 최대 너비 설정 */
	margin: 0 auto;
    height: auto; /* 비율 유지를 위해 높이를 자동으로 조정 */
}

.depth03{margin-bottom: 0; padding-left: 10px; padding-right: 10px;}
.depth03 .lnb {border-radius:20px; padding-left: 8px; padding-right: 8px;}
.depth03 .lnb span{padding:0 10px; height:30px; line-height:30px; }
.depth03 .lnb span a{font-size:8px;}

.history h3{display:block; width:100%; float:left; font-size:30px; color:#333; padding-top: 10px;}
.history ul{width:100%; float:left; list-style: none; padding-left: 0;}

.menu_header{
	height: 300px;	
	background-position:right; 
	background-size:cover;
}
#sub_content_in h1{font-size: 38px;}
.sub0102_wrap > li{margin-right: 0; margin-left: 4%;}

#logo_footer{margin-bottom: 5px;}
footer{font-size: 11px;}
#contact_details_footer{padding-left: 8px!important;}
#social_footer ul {padding-bottom: 0;}
#social_footer span{font-size: 11px; padding-right: 50px;}
#copy{font-size: 10px;}

#about{padding-bottom: 0;}
#ceo{background-size: contain; height: 500px;}
.greeting_wrap_txt{top:160px;}
.greeting_wrap_txt p{font-size: 13px; margin-top: 15px;}
.greeting_wrap_txt .firstP{font-size:19px; margin-top: 0; margin-bottom: 0; margin-right: 110px;}

#business2 {width: 100%;}

#sub_header{padding-top:40px;}

.header-video {height: 350px !important;}

.header-video video {
    position: absolute;
	top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0.6;
}

#hero_video > div {padding-top: 30px;}
#hero_video > div h3{font-size:22px;}
#hero_video > div p{font-size:13px; margin-top: 10px; margin-bottom: 30px;}
.button_intro{padding:9px 22px!important; font-size: 11px!important;}
.intro_title_booking h2 {font-size: 24px;}
.box_style_1{padding:15px;}
.intro_title h1, .intro_title p{ display:none;}
#get_quote h3{ font-size:21px;}
.box_feat {text-align: center; padding-left:0;}
.box_feat span{position: static;margin: auto; display: block;}
.form-group.options label.pull-right{float: left!important; margin: 15px 0 0 0;}
.form-group.options strong{display: block;}

.board-list{display: none;}
.board-list li span{display: none;}
.newsCalendar{display: none;}
.form-group{padding: 10px; border-right: 1px solid #f3f3f3;}
#custom > .row > .col-6{width: 100%;}

.bg_content div .btnDesign{width: 160px; height: auto;}
.bg_content div .btnDesign a{font-size:11px;}


}