/* float clearfix */
.clearfix {*zoom:1}
.clearfix:after {content:"";display:block;clear:both}

.redtx{color: #d22020 !important;}

@media ( max-width: 575px ) {

}

@media ( max-width: 767px ) {

}

/* foot */
#footer {width: 100%; padding: 70px 0 0; background: #5e504a;}
#footer .inner {width: 90%; margin: 0 auto; }
#footer .info {padding: 0 0 1%; border-bottom: #4b3e39 1px solid;}
#footer .info li {color:#d7d6d5; font-size: 1.6vw; font-weight: bold; text-transform: uppercase;}
#footer .info li span a{color:#b3a9a5; font-weight: normal; margin: 0 0 0 15px;}
#footer .copy {padding: 1% 0 5%; color:#b3a9a5;}
#footer .copy li {}
#footer .copy li:first-child {float: left; font-size: 0.8vw; line-height: 200%; letter-spacing: 0.05em;}
#footer .copy li:last-child {float: right; font-size: 0.7vw; line-height: 180%; text-align: right;}
#footer .copy li:last-child a {color:#b3a9a5; display: inline-block; margin:0 10px;}
#footer .copy li:last-child .made {line-height: 200%; padding: 0 0 0 25px; border: 1px solid #5b5b5b; margin: 5px 0 0; color: #000; background: #b3a9a5;}
#footer .copy li:last-child .made span {display: inline-block; background: #5b5b5b; color: #fff; padding: 0 25px; margin: 0 0 0 25px;}

@media ( max-width: 1000px ) {
	#footer .info li {float: none; font-size: 3.2vw; text-align: center;}
	#footer .copy {font-size: 15px; line-height: 30px; padding: 15px 0 50px; text-align: center;}
	#footer .copy li {text-align: center !important;}
	#footer .copy li span {display: block;}
	#footer .copy li:first-child br {display: none;}
	#footer .copy li:first-child {float: none; font-size: 1.6vw; margin: 0 0 2%;}
	#footer .copy li:last-child {float: none; font-size: 1.4vw;}
}

@media ( max-width: 767px ) {
	#footer .info {padding: 0 0 3%;}
	#footer .info li {font-size: 4.8vw;}
	#footer .info li span {display: block; margin: 2% 0 0;}
	#footer .copy li:first-child {font-size: 2.5vw; margin: 0 0 5%;}
	#footer .copy li:last-child {font-size: 2.3vw;}
}

#back-top {display: block; position: fixed; right: 40px; bottom: 50px; z-index: 999; width: 60px; height: 60px; cursor: pointer;}
#back-top span.t_bt {display: block; width: 60px; height: 60px; background:url('../img/common/fbt_top.png') no-repeat center center; opacity: 0.5;}
#back-top span:hover {opacity: 0.7;}

@media ( max-width: 1000px ){
    #back-top {right: 30px; bottom: 30px;}
}



/* mvisual */
#vwrapper {
position: relative; top: 0; left: 0; z-index: -999; width: 100%; height: 100%; overflow: hidden; pointer-events: none;}
#vwrapper iframe {
    position: absolute; top: 50%; left: 50%;
    width: 100vw;
    min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
    height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
    min-height: 100vh;
    transform: translate(-50%, -50%);
}

@media ( max-width: 767px ) {
	#vwrapper iframe {
		position: static; top: 0; left: 0; 
		min-width: auto; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
		height: inherit; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
		min-height: unset;
		transform: none;
	}
}

#msliders {position: relative; width: 100%; height: 100%;}

#mtit {position: absolute; top: 43%; z-index: 10; width: 100%; text-align: center; color: #fff; pointer-events: none;}
#mtit h2 {font-size: 20px; font-weight: normal; text-transform: capitalize; letter-spacing: 0.1em; opacity: 0.6;}
#mtit h1 {font-size: 50px; font-weight: normal; line-height: 100%; text-transform: uppercase;}

/* play stop */
.vp_bt_box {position: absolute; top: 58%; left: 52%; z-index: 999; min-width: 60px; text-align: center; margin:0 0 0 -30px;}
.vp_bt_stop,
.vp_bt_play {width: 60px; height: 60px; cursor: pointer;}
.vp_bt_play {display: none;}
.vp_bt_box div img {display: block;}


.mscroll {display: block; position: absolute; bottom: 20%; left: 0; z-index: 20; width: 100%; font-size: 17px; text-align: center; color: #fff; padding: 0 8px; margin: 0; transform: translate(0,-50%); pointer-events: none;}
.mscroll:before,
.mscroll:after {content: ""; display: block; position: absolute; left: 49.5%; width: 50px; height: 50px; border-bottom:1px solid #fff; border-right:1px solid #fff; animation: buble 0.5s linear infinite alternate;}
.mscroll:before {top: -50px;}
.mscroll:after {top: -60px;}

@keyframes buble {
    from{transform:rotate(45deg) translate(-50%,0) scale(.8,.8)}
    to{transform:rotate(45deg) translate(-50%,0) scale(1,1)}
}

@media ( max-width: 767px ) {
    /*#msliders {height: 65vh !important; transition: all 0.3s;}*/
    #mtit {top: 40%;}
    #mtit h2 {font-size: 13px;}
    #mtit h1 {font-size: 24px;}
    .vp_bt_box {top: 55%; min-width: 40px; margin: 0 0 0 -20px;}
    .vp_bt_stop,
	.vp_bt_play {width: 40px; height: 40px; cursor: pointer;}
    .vp_bt_stop img,
	.vp_bt_play img {width: 40px; height: 40px; cursor: pointer;}
    .mscroll {bottom: 10%; font-size: 15px;}
	.mscroll:before,
	.mscroll:after {width: 30px; height: 30px;}
	.mscroll:before {top: -35px;}
	.mscroll:after {top: -45px;}
}

/* main tit _ rv, ab, sp, travel */
.mtit {font-family: 'Noto Serif KR', serif; }
.mtit1 {text-align: center; pointer-events: none;}
.mtit1 h1 {font-family: 'Nanum Myeongjo', serif; font-size: 60px; font-weight: bold; margin: 0 0 2vh;}
.mtit1 h2 {font-size: 17px; font-weight: lighter; line-height: 180%; color: #707070;}
.mtit2 {text-align: right; pointer-events: none;}
.mtit2 h1 {font-family: 'Nanum Myeongjo', serif; font-size: 30px; font-weight: normal; line-height: 150%; letter-spacing: -0.045em;}

@media ( max-width: 1000px ) {
    .mtit1 h1 {font-size: 40px;}
    .mtit1 h2 {font-size: 15px;}
    .mtit2 h1 {font-size: 20px;}
}

@media ( max-width: 767px ) {
    .mtit1 h1 {font-size: 30px;}
    .mtit1 h2 {font-size: 13px;}
    .mtit2 h1 {font-size: 15px;}
}


.mlink{width:100%; margin-bottom:10%; height:100%; text-align:center;}
.mlink a{color:#8e643c; font-size: 15px; font-weight: 500; text-decoration:underline;}
@media (max-width:414px){
	.mlink{margin-bottom:18%;}
}


/* mroom preview */


/* mtravel */
#mtravel {position: relative; padding: 0 0 5vh;}
#mtravel .mtit1 {padding: 0 0 5vh;}
#mtravel .mtit1 h1{font-family: 'Nanum Myeongjo', serif; font-size: 40px; text-transform: uppercase; color:#8e643c;}
#mtravel .mtit1 h2{color:#616161; font-size: 15px; font-weight: 400;}
#mtravel .mtit1 h3 {margin-bottom:15px;}


@media (max-width:767px){
	#mtravel {padding: 0 0 7vh;}

@media (max-width:414px){
	#mtravel {height: 100%;}
	#mtravel .mtit1 h1 {font-size: 27px; }
}
}


/* mfreser */
#mreser {text-align: center; background:url("../img/main/freser_bg.jpg") center no-repeat; background-size: cover; color: #fff; padding: 20vh 0;}
#mreser h1 {font-family: 'Noto Serif KR', serif; font-size: 30px; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; margin: 0 0 3vh;}
#mreser h2 {font-size: 14px; font-weight: normal; letter-spacing: 0.2em; margin: 0 0 5vh;}
#mreser a {display: inline-block; font-size: 14px; line-height: 220%; font-weight: normal; letter-spacing: 0.15em; text-transform: uppercase; background: rgba(0, 0, 0, 0.7); color: #fff; padding: 0 35px; transition: all 0.3s;}
#mreser a:hover {background: rgba(0, 0, 0, 0.9); transition: all 0.3s;}

@media screen and (max-width:1000px){
    #mreser {padding: 10vh 0;}
}

@media (max-width:767px){
    #mreser h1 {font-size: 18px;}
    #mreser h2 {font-size: 12px; }
    #mreser a {font-size: 11px;}
}


/* prologue */
#eximg {width: 80%; padding: 10vh 0; margin: 0 auto;}
#eximg img {width: 100%; margin: 0 0 5vh; pointer-events: none;}

@media ( max-width: 767px ) {
	#eximg {width: 95%;}
	#eximg img {margin: 0 0 2vh;}
}


/* tcont */
.timg_t {position: relative; width: 100%; height: 100vh; overflow: hidden; transition: height 0.3s;}
#scene {top: -5%; left: -5%; width: 115%; height: 120vh; overflow: hidden; padding: 0; margin: 0; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.layer {width: 110%; height: 120vh; overflow: hidden;}
.layer1 {position: absolute; top: -5%; left: -5%; width: 100%; height: 100%; background-position: center; background-size: cover;}
.layer1.traffic_bg{background-image: url('../img/sub/timg_traffic.jpg');}
.layer1.tour_bg{background-image: url('../img/tour/timg_tour.jpg');}
.layer1.reser_bg{background-image: url('../img/sub/timg_reser.jpg');}
.layer1.talk_bg{background-image: url('../img/sub/timg_talk.jpg');}
.layer1.special_bg{background-image: url('../img/sp/timg_special.jpg');}
.timg_txt {position: absolute; top: 50%; left: 50%; z-index: 30; width: 100%; text-align: center; color: #fff; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); pointer-events: none;}
.timg_txt h2 {font-size: 20px; font-weight: normal; text-transform: capitalize; letter-spacing: 0.1em; opacity: 0.6;}
.timg_txt h1 {font-size: 50px; font-weight: normal; text-transform: uppercase;}

@media (max-width:1000px) {
	.timg_t {height: 60vh;}
	#scene {height: 65vh;}
    .layer1 {width: 100%; height: 115%; top: -1%; left: -5%; background-position: center; background-size: cover;}
}

@media (max-width:767px) {
    .timg_t {height: 45vh;}
	#scene {height: 50vh;}
    .layer1 {top: -1%; left: -5%; width: 100%; height: 115%; background-position: center left; background-size: cover;}
    .timg_txt {top: 40%;}
    .timg_txt h2 {font-size: 13px;}
    .timg_txt h1 {font-size: 24px; }
}

#tcont * {
    transition: all .1s;
    -webkit-transition: all .1s;
}
#tcont {width: 90%; min-height:200px; margin: 150px auto; }
#tcont .tit {font-size: 18px; position: relative; margin-bottom: 20px; line-height: 30px; padding-top: 10px;}
#tcont .titt {font-size: 15px; color: #4d4d4e;line-height: 180%;}
#tcont .titt > div {margin-bottom: 7px;}
#tcont .titt > div > li {float: left;}
#tcont .titt > div > li:first-child {width: 11px;}
#tcont .titt > div > li:last-child {width: 95%; }
#tcont .tit:after {content: ""; position: absolute; top: 0; left: 0; width: 13px; height: 3px; background: #707070;}
#tcont_sp{width: 100%;}

.tabsy {margin-top: 30px; }
.tab_con {display: block; text-align: center; padding: 0; margin: 30px auto 0;}

.tabsy>button {width:100%;font-size:100%;margin:0;outline:0;border:0;vertical-align:baseline;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent}
.tabsy>.tabButton {display: block; font-size: 15px; font-weight: bold; text-align: center; background: #ededed; color: #000; padding: 15px 20px; margin-top: 1px; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out;}
.tabsy>.tabButton2{width: 100%;}
.tabsy>input{display: none;}
.tab {width: 100%; text-align: left;}
.tabsy>input:checked+label+.tab{display:block;clear: both !important; float: none !important;}
.tabsy>input:checked+label+.tab>.content{-webkit-animation:showTab 250ms ease-in-out;animation:showTab 250ms ease-in-out; width: 100% !important; padding: 30px 0;}
.tabsy>.tab{display:none;}

@-webkit-keyframes showTab {
    from{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}
    to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}

@keyframes showTab {
    from{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}
    to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}

@media screen and (min-width: 768px) {
    .tab_con {width: 100%;}
}

@media screen and (min-width: 767px){
    .tabsy{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
    .tabsy>.tabButton{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;cursor:pointer; }
    .tabsy>input:checked+label{background:#3b4146;color:#FFF}
    .tabsy>.tab{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}
    .tabsy>.tabButton2{width: 20% !important;}
}

@media screen and (max-width: 767px) {
    #tcont {margin: 80px auto;}
	#tcont .tit {font-size: 15px; line-height: 150%; margin-bottom: 10px;}
	#tcont .titt > div > li {font-size: 11px; line-height: 150%;}
    .tabsy > .tab {display: block;}
	.tabsy > .tab > .content {padding: 10px 0 30px;} 
	.tabsy > input:checked + label + .tab > .content {padding: 10px 0 30px;}
	#tcont_sp{margin-top:3%}
}

#ptable {border-bottom:#d9d9d9 1px solid; border-right:#d9d9d9 1px solid; width:100%; margin-left:auto; margin-right:auto;}
#ptable td {padding: 12px 0 ; border-top:#d9d9d9 1px solid; border-left:#d9d9d9 1px solid; font-size:13px; text-align: center; line-height: 120%;}
#ptable th {border-top:#d9d9d9 1px solid; border-left:#d9d9d9 1px solid; background: #ededed; font-weight: 300;color:#323232; text-align: center;}


/* room pv */
#rooms {position: relative; width: 100%; height: 100%; padding: 200px 17.44% 110px 10.83%;}
#rooms:before {content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 35vh; background: #b7aea2;}
#rooms .rstit {position: absolute; top: 25%; right: 0; z-index: 5; width: 27%; color: #313131;}
#rooms .rstit h1 {font-size: 30px; font-weight: bolder; line-height: 100%; text-transform: uppercase; letter-spacing: 0.05em; margin: 0 0 10px;}
#rooms .rstit h2 {font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.18em; opacity: 0.5;}
#rooms img {width: 79.56%; max-width: 1094px; margin: 0 6.1% 0 0;}
#rooms .rscon {position: absolute; top: 42%; left: 73%; color: #313131;}
#rooms .rscon h1 {font-size: 24px; font-weight: bold; line-height: 230%; padding: 0 5px;}
#rooms .rscon .rsnav_box {width: 100%; text-align: center; padding: 30px 20px 40px; border-top: 1px solid rgba(0, 0, 0, 0.3);}
#rooms .rscon .rsnav_box h2 {display: inline-block; font-size: 24px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.05em; vertical-align: top; margin: 0 25px 0 0;}
#rooms .rscon .rsnav_box .rsnav {display: inline-block;}
#rooms .rscon .rsnav_box .rsnav a {display: block; font-size: 17px; line-height: 25px; letter-spacing: 0.05em; color: #313131; margin: 0 0 10px;}
#rooms .rscon .rsnav_box .rsnav a span {display: inline-block; width: 25px; font-size: 16px; font-weight: bold; text-align: center; background: #ccaf8f; border-radius: 100%; margin: 0 15px 0 0;}

@media ( max-width: 1650px ) {
	#rooms {text-align: center; padding: 10% 5% 110px;}
	#rooms .rstit {position: static; width: auto; margin: 0 0 2%;}
	#rooms img {width: 100%; margin: 0 0 5%;}
    #rooms .rscon {position: static; width: 80%; margin: 0 auto;}
	#rooms .rscon h1 {}
	#rooms .rscon .rsnav_box {display: inline-block; width: auto;  vertical-align: top; margin: 0 1% 0;}
	#rooms .rscon .rsnav_box .rsnav {}
}

@media ( max-width: 1220px ) {
	#rooms .rstit {text-align: left;}
}

@media ( max-width: 767px ) {
	#rooms {text-align: center; padding: 10% 5% 50px;}
	#rooms .rstit {margin: 0 0 5%;}
	#rooms .rstit h1 {font-size: 25px;}
	#rooms .rstit h2 {font-size: 9px; letter-spacing: 0.03em;}
    #rooms .rscon {width: 100%;}
	#rooms .rscon h1 {font-size: 20px;}
	#rooms .rscon .rsnav_box {text-align: center; padding: 20px 20px 30px;}
	#rooms .rscon .rsnav_box h2 {display: block; font-size: 20px; margin: 0 0 15px;}
	#rooms .rscon .rsnav_box .rsnav {display: block;}
	#rooms .rscon .rsnav_box .rsnav a {font-size: 15px;}
	#rooms .rscon .rsnav_box .rsnav a span {font-size: 14px;}
}

/* room */
#rinfo {width: 80%; margin: 150px auto;}
#rinfo > div {float: left;}
#rinfo .rname {width: 35%; margin-right: 5%; }
#rinfo .rprice {width: 60%;}
#rinfo .rname h1 {font-family: 'Nanum Myeongjo', serif; font-size: 45px; text-transform: uppercase; letter-spacing: -2pt; padding: 0 0 10px;transition: font-size .25s linear;}
#rinfo .rname h2 {font-size: 16px; font-weight: normal; line-height: 180%; color: #707070; margin-bottom: 30px;}
#rinfo .rname h3 {font-size: 15px; font-weight: normal; line-height: 180%; color: #b1b1b1; margin-bottom: 15px;}
#rinfo .rname a {display: inline-block; position: relative; font-size: 15px; line-height: 35px; text-transform: uppercase; background:url("../img/common/arr02.png") right center no-repeat; padding: 0 70px 0 0; transition: all 0.3s;}
#rinfo .rname a:hover {margin: 0 0 0 10px;}

@media screen and (max-width:1000px){
    #rinfo {width: 90%; margin: 80px auto;}
    #rinfo > div {float: none;}
    #rinfo .rname {width:100%; text-align: center; transition: all 0.3s;}
    #rinfo .rprice {width: 100%;  transition: all 0.3s; margin-top: 30px;}
}

@media ( max-width: 767px ) {
	#rinfo .rname {}
    #rinfo .rname h1{font-size: 40px; }
    #rinfo .rname h2{font-size: 15px;}
}

#rinfo2 {background: #282e32; padding: 130px 0;}
#firstacc {width: 80%; margin: 0 auto;}
#firstacc > div {font-size: 17px; line-height: 30px; color: #fff; padding: 30px 15px;}
#firstacc > h3 {font-size: 22px; line-height: 100px; font-weight: normal; text-decoration: none; color: #fff; border-bottom: 1px solid #fff; cursor: pointer;}
.rlAccordion > h3 > span {float: right; padding-right: 5px;}
.rlAccordion > h3 + div {/*display: none;*/ display: block; padding: 0;}

@media screen and (max-width:1000px){
    #rinfo2 {padding: 50px 0 !important;}
}

@media ( max-width: 767px ) {
    #firstacc {width: 90%;}
    #firstacc > h3 {font-size: 15px;  line-height: 60px; transition: font-size 0.3s;}
    #firstacc > div {font-size: 13px; padding: 15px; transition: font-size 0.3s;}
}

#rimg {width: 80%; padding: 10vh 0; margin: 0 auto;}
#rimg img {width: 100%; margin: 0 0 5vh; pointer-events: none;}

@media ( max-width: 767px ) {
	#rimg {width: 95%;}
	#rimg img {margin: 0 0 2vh;}
}

/* special */
.timg_spm {position: absolute; width: 60%; border-bottom: #fff 1px solid; text-align: center; top: 30%; left: 50%; margin-left: -30%;}
.timg_spm a {display: inline-block; font-size: 1vw; margin: 0 1vw; color: #fff; font-weight: 300; letter-spacing: -0.8pt; line-height: 3vw;}

@media screen and (max-width:1000px){
    .timg_spm {top: 20%; width: 80%; margin-left: -40%}
    .timg_spm a {font-size: 1.7vw; line-height: 6vw; margin: 0 0.5vw;}
}

@media ( max-width: 575px ) {
    .timg_spm {top: 15%; width: 90%; margin-left: -45%}
    .timg_spm a {font-size: 2.7vw; line-height: 6vw; margin: 0 1vw;}
}

.sp_cont {border-bottom: #eeefef 1px solid;}
.sp_cont > div {float: left;}
.sp_cont2 > div {float: right !important;}
.sp_cont .sp_slide {width: 40%;}
.sp_cont .sp_txt {width: 60%;  display: table;  height: 50vh !important;}
.sp_cont .sp_txt .inner {display: table-cell; vertical-align: middle; box-sizing: border-box; padding:100px 130px 100px;}
.sp_cont .sp_txt h1 {font-size: 39px; font-weight: normal; letter-spacing: -0.8pt;}
.sp_cont .sp_txt h2 {font-size: 13px; font-weight: normal; margin: 10px 0 30px;}
.sp_cont .sp_txt h3 {font-size: 14px; color: #707070; font-weight: normal; line-height: 25px;}

@media screen and (max-width:1000px){
    .sp_cont > div{float:none; }
    .sp_cont .sp_slide{width: 100%; }
    .sp_cont .sp_txt{width: 100%;}
    .sp_cont .sp_txt .inner{text-align: center; padding: 100px 0 100px;}
}

@media ( max-width: 767px ) {
	.sp_cont .sp_txt {height: 40vh !important;}
	.sp_cont .sp_txt h1 {font-size: 30px; font-weight: normal; letter-spacing: -0.8pt;}
	.sp_cont .sp_txt .inner {padding: 60px 0 60px;}
}

/* travel */
.timg_travel {position: relative; width: 100%; height: 55vh; overflow: hidden; background: url("../img/travel/timg_tour.jpg") center; background-size: cover;}
.timg_travel .timg_txt {position: absolute; top: 50%; width: 100%; text-align: center; color: #fff;}
.timg_travel .timg_txt h2 {font-family: 'Nanum Myeongjo', serif !important; font-size: 0.73vw; font-weight: normal; line-height: 100%; text-transform: uppercase; letter-spacing: 0.05em; margin: 0 0 1%;}
.timg_travel .timg_txt h1 {font-family: 'Nanum Myeongjo', serif !important; font-size: 2.86vw; font-weight: lighter; line-height: 100%; text-transform: uppercase; letter-spacing: 0.03em;}

@media (max-width:1000px) {
    .timg_travel {height: 45vh; transition: height 0.3s;}
	.timg_travel .timg_txt h2 {font-size: 1.3vw;}
	.timg_travel .timg_txt h1 {font-size: 4.5vw;}
}
@media (max-width:767px) {
    .timg_travel {height: 35vh;}
	.timg_travel .timg_txt h2 {font-size: 3vw;}
	.timg_travel .timg_txt h1 {font-size: 7vw;}
}
#travel_con {position: relative; width: 100%; margin-top: 3%;}
#travel_con .trabox > div {width: 100%; height:100%;}
#travel_con .trabox2 > div {width: 100%; height:100%; float: right !important;}
#travel_con .trabox .ibox {width: 38%; float:left; margin-left:10%;}
#travel_con .trabox2 .ibox {margin:0 10% 0 0;}
#travel_con .trabox .ibox > img{width: 100%;}
#travel_con .trabox .tbox {vertical-align:bottom; margin-top:5%; width: 52%; float:left; text-align:center;padding:6.5% 0;  background:#f2f2f2;}
#travel_con .trabox .tbox h1{font-size:28px; margin:5% 0 6% 0;}
#travel_con .trabox .tbox h2{font-size:15px; color:#d39319;}
#travel_con .trabox .tbox h3{width:70%; margin:0 auto; font-size:14px;  color:#525252; line-height:2; letter-spacing:-1.5px; text-align:center;}
#travel_con .trabox .tbox h3 .stxt{font-size:12px; color:#666; font-weight:500;}

@media (max-width: 1000px) {
#travel_con .trabox > div {width: 100%; height:350px;}
#travel_con .trabox2 > div {width: 100%; height:350px; float: right !important;}
#travel_con .trabox .ibox {width: 39.6%; float:left; margin-left:10%;}
#travel_con .trabox2 .ibox {margin:0 10% 0 0;}
#travel_con .trabox .ibox > img{width: 100%;}
#travel_con .trabox .tbox {height:100%; width: 42%; float:left; text-align:center;padding:2%; margin:0 3% 0 0}
#travel_con .trabox .tbox .line {display: inline-block; height: 15px; width: 1px; background: #000; margin: 0;}
#travel_con .trabox .tbox h1{font-size:28px; margin:0;}
#travel_con .trabox .tbox h2{font-size:16px; margin:0;line-height:1.9;}
#travel_con .trabox .tbox h3{width:90%; margin:0 auto; font-size:13px;line-height:1.4;}
}

@media (max-width: 767px) {
	#travel_con .trabox > div {width: 100%; height:100%;}
	#travel_con .trabox2 > div {width: 100%; height:100%;}
	#travel_con .trabox{margin-left:-13%;margin-top:-10%;}
	#travel_con .trabox2{margin-right: -13%;margin-top:7%;}
	#travel_con .trabox .ibox {width: 100%; float:left;}
	#travel_con .trabox .tbox {width: 80%; float:right;  padding: 15% 3% 15% 0;}
	#travel_con .trabox2 .tbox {float:left; margin: 0% 10% 5%; padding: 5% 5% 0% 5%;}
	#travel_con .trabox .tbox h1{font-size:30px;}
	#travel_con .trabox .tbox h2{font-size:16px; line-height:2.5;}
	#travel_con .trabox .tbox h3{font-size:14px; width:98%;}

}

@media (max-width: 600px) {
	#tour_cont {height:36vh;}
	#tour_cont .timg img {width: 120%; margin: 0;}
	#travel_con .trabox > div {width: 100%; height:100%;}
	#travel_con .trabox2 > div {width: 100%; height:100%;}
	#travel_con .trabox{margin-left:-13%;margin-top:0%;}
	#travel_con .trabox2{margin-right: -13%;}
	#travel_con .trabox .ibox {width: 100%; float:left;}
	#travel_con .trabox .tbox {padding: 15% 0; }
	#travel_con .trabox2 .tbox {float:left; margin: 0% 10% 5%; padding: 10% auto;}
	#travel_con .trabox .tbox h1{font-size:30px;}
	#travel_con .trabox .tbox h2{font-size:16px;}
	#travel_con .trabox .tbox h3{font-size:14px; width:98%;}
}

@media (max-width: 414px) {
	#travel_con .trabox > div {width: 100%; height:100%;}
	#travel_con .trabox2 > div {width: 100%; height:100%;}


}