
@charset "utf-8";
/*-----Responsive css---- */

@media screen and (max-width: 1366px){
.content, .cta_outer, .top_footer {width: 100%;}
.cta_top .top_box, .bottom_box, .foot_box{ margin: 0 0.5%; width: 24%;}
.bottom_box .bottom_img img,.bottom_box .bottom_img, .foot_box .img, .foot_box .img img {width: 100%;}
.bottom_box .bottom_img {height: auto;}

}
/*---------------*/
@media screen and (max-width: 1250px){
.container{width:100%;padding: 0 2%;}
.head_top,.head_bottom {padding-right: 20px; padding-left: 20px;}
.bottom_left ul li a {padding: 20px;}
.bottom_left ul li .sub-menu {top: 65px;}
.bottom_right ul li { margin: 20px 0 0 20px;}
.banner .rsNav.rsBullets {width:100%;}
.banner .rsUni .rsBullet:last-child { margin-right: 2%;}
.header .logo { top: 121px;}
.cta_top .top_box:first-child {padding-left: 23px;}

/*--------inner-----*/
.inner_content .right_bar { margin-left: 2%; padding: 32px 100px 80px 0;width: 80%;}
.inner_content .left_bar { max-width: none; width: 18%;}
.right_bar iframe {width: 100%;}
.brand_logo li { float: left; margin-left: 0;width: 33.33%;}
.tour_img .img_tr::after { background-size: cover;}
.tour_img img { width: 100%;}
}

/*---------------*/
@media screen and (max-width: 1100px){
.bottom_right ul li { margin: 20px 0 16px 15px;}
.bottom_left ul li a {padding: 20px 15px;}
.buy_link { width: 100%;}
.stay_touch form span.wpcf7-form-control-wrap input, .stay_touch input[type="email"] {padding: 10px 161px 10px 10px;width: 100%;}
}
/*---------------*/

@media screen and (max-width: 1023px) {
.bottom_left ul li a { padding: 20px 10px;}
.events, .blogs {padding-left: 20px; padding-right: 20px;}
.banner .royalSlider {height: 550px !important;}
.inner_content .right_bar { width: 78%;}
.inner_content .left_bar {width: 20%;}

}

/*---------------*/
@media screen and (max-width: 960px) {
.cta_top .top_box, .bottom_box, .foot_box {  margin: 0 1% 18px;  width: 48%;}
.cta_top {padding-bottom:0;}
.foot_box .img {height: 250px;overflow: hidden;}
.bottom_box .bottom_img { height: 300px;}
.bottom_box .bottom_text::after{content: none;}

}
/*---------------*/

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

/*------....Responsive menu....---------*/
.cbp-spmenu-push-toleft{
    left: -240px;
}

.menu_click {
    cursor: pointer;
    display: block;
    float: right;
    margin: 15px 0 0;
    width: auto;
}
.menu_click button::after, .menu_click button::before {
    background:#ffffff none repeat scroll 0 0;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    top: -8px;
    width: 30px;
}
.menu_click button {
    background: #ffffff none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 18px;
    height: 4px;
    margin: 10px 0;
    padding: 0;
    position: relative;
    text-indent: -99999px;
    width: 30px;
    transition: transform 0.3s ease 0s, top 0.3s ease 0s, background-color 0s ease 0s;
    -webkit-transition: transform 0.3s ease 0s, top 0.3s ease 0s, background-color 0s ease 0s;
    -moz-transition: transform 0.3s ease 0s, top 0.3s ease 0s, background-color 0s ease 0s;
    -o-transition: transform 0.3s ease 0s, top 0.3s ease 0s, background-color 0s ease 0s;
}
.cbp-spmenu-push-toleft .menu_click button::before {top: 0;transform: rotate(228deg);
  -webkit-transform: rotate(228deg);
  -moz-transform: rotate(228deg);
  -ms-transform: rotate(228deg);
  -o-transform: rotate(228deg);}
.cbp-spmenu-push-toleft .menu_click button::after {top: 0;transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);}
.cbp-spmenu-push-toleft .menu_click button {background:none;}
/*-----------*/
.menu_click button::after { top: 8px;}

.navigations ul li {
    border-bottom:1px solid #ffffff;
    float: none;
    margin: 0;
    padding: 0;
    text-align: left;
}
.navigations ul li a, .header.small .navigations ul li a {
    font-weight: normal;
    letter-spacing: normal;
    margin: 0;
    padding: 10px 20px;
}
.cbp-spmenu {
    background-color:#3E5B96;
    overflow: scroll;
    position: fixed;
}
.navigation { margin: 0;}
.navigation ul li {
    border-bottom: medium none;
    padding: 0;
    width: 100%;
}

.cbp-spmenu ul li a {color: #ffffff;}
body {overflow-x: hidden; position:relative; left:0;}
.cbp-spmenu h3 {
    color: #afdefa;
    font-size: 1.9em;
    padding: 20px;
    margin: 0;
    font-weight: 300;
    background: #0d77b6;
}
.cbp-spmenu a {display: block;}
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {
    width: 240px;
    height: 100%;
    top: 0;
    z-index: 1000;
}
.fb_wrap {padding: 30px 20px 0 0;right: 0;}
.cbp-spmenu-vertical ul  a {padding: 1em;}
.cbp-spmenu-horizontal {
    width: 100%;
    height: 150px;
    left: 0;
    z-index: 1000;
    overflow: hidden;}
.cbp-spmenu-horizontal h3 {
    height: 100%;
    width: 20%;
    float: left;}
.cbp-spmenu-horizontal a {
float: left;width: 20%;padding: 0.8em;border-left: 1px solid #258ecd;}
/* Vertical menu that slides from the left or right */
.cbp-spmenu-left {right: -244px;}
.cbp-spmenu-right {right: -280px;}
.cbp-spmenu-left.cbp-spmenu-open {right: 0px;}
.cbp-spmenu-right.cbp-spmenu-open {right: 0px;}
/* Horizontal menu that slides from the top or bottom */
.cbp-spmenu-top {top: -150px;}
.cbp-spmenu-bottom {bottom: -150px;}
.cbp-spmenu-top.cbp-spmenu-open {top: 0px;}
.cbp-spmenu-bottom.cbp-spmenu-open {bottom: 0px;}
/* Push classes applied to the body */
.cbp-spmenu-push {overflow-x: hidden;position: relative;left: 0;}
.cbp-spmenu-push-toright {left: 240px;}
.cbp-spmenu-push-toleft {left: -240px;}
/* Transitions */
.cbp-spmenu,
.cbp-spmenu-push, body {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}       
/*---End------*/
.bottom_right { float: left;}
.navigation.cbp-spmenu ul li a { border-bottom: 1px solid #607db8; padding: 10px 15px;width: 100%;}
.bottom_right ul li:first-child { margin-left: 0;}
.bottom_left ul li .sub-menu {position: relative; width: 100%; top: auto;left: auto; display: block;}
.bottom_left ul li .sub-menu li:last-child a {border-bottom: 1px solid #607db8;}
.bottom_left ul li .sub-menu li a {padding-left: 30px;}
.inner_content .right_bar {width: 74%;margin-left: 4%;padding-right:50px;}
.inner_content .left_bar { width: 22%;}
.tour_detail { padding:0 15px 15px;}
.recent_newsletter .recent_box {max-width: none; width: 18%;  margin: 0 1%;}
body.open_popup {
    overflow: hidden !important;
}
}


/*---------------*/
@media screen and (max-width:800px) {
.inner_content .left_bar { width: 25%;}
.inner_content .right_bar { margin-left: 2%; padding-right: 15px; width: 73%;}


}


/*---------------*/
@media screen and (max-width:768px) {
.banner .royalSlider { height: 500px !important;}
.foot_box .img {height: 230px; overflow: hidden;}
.bottom_box .bottom_img { height: 280px;}
.events, .blogs {width: 100%;}
.event_blog .post_content { width: 75%;}
.event_blog .post_time {width: 25%;}
.event_blog::after {content: none;}
.blogs { border-top: 1px solid #e6e6e6; margin-top: 40px;}
.connect_us ul li {padding: 0 10px;}
.tour_detail > div.ticket, .tour_detail > div.child, .tour_detail > div.child_under,.tour_detail > div.adult{
float: left;width: 33.33%; text-align: center;}
.tour_detail {display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex;flex-wrap: wrap;}
.tour_detail > div.ticket, .tour_detail .abt_tour{ width: 100%;}
body .ml-responsive-table dd,body .ml-responsive-table dl dd:nth-of-type(2n+1){background: #c2cadd none repeat scroll 0 0;}
}


/*---------------*/
@media screen and (max-width:767px) {
.single-post table {display: block !important;}
.single-post table tr.thead {display: none;}
.single-post table tr td::before {
    content: attr(data-label);
    float: left;
    font-weight:900;
    text-align: left;
    width: 50%;
}
.popup_content_section {width: 480px;}
.single-post table tr td span {
    width: 48%;
    display: block;
    float: right;
}
.single-post table tr {
    width: 100%;
    display:flex;
    height: 100%;
    flex-wrap: wrap;
    display:-webkit-flex;
    -webkit-flex-wrap: wrap;
}
.entry_content a {
    display: inline-block;
    word-break:break-all;
}
.single-post table .tbody {display: block;}
.single-post table tr td {
border-bottom: 1px solid #ededed;
border-collapse: collapse;
text-align: right;
width: 100%;
display: block !important;
padding: 10px;
min-height:45px;
}
.single-post .ml-responsive-table {display: none;}
.inner_content .left_bar {display: none;}
.inner_content .right_bar { float: left;  margin: 0; padding: 0 0 80px;  width: 100%;}
table tr { position: static;}
td, th { padding: 0 0 0 5px;}


}


/*---------------*/
@media screen and (max-width:640px) {
.cta_top, .cta_bottom, .foot_cta,.events, .blogs { padding-left: 15px;padding-right: 15px;}
.cta_top .top_box, .bottom_box, .foot_box { margin: 0 auto 13px; width: 100%;min-height: 140px;}
.connect_us ul:first-child li{ margin: 0 4px; padding: 0;width: 40px;}


}

/*---------------*/
@media screen and (max-width:580px) {
.event_blog .post_time { margin-bottom: 10px;width: 100%;}
.event_blog .post_content { width: 100%;}
.popup_content_section {width: 300px;}
}
/*---------------*/
@media screen and (max-width:479px) {
.connect_us ul:first-child li { margin: 10px;}
.connect_us ul:last-child li { margin:5px;padding: 0;width: 100px;}
.program_list .program_box { margin: 0 1% 38px;width: 100%;}
.program_img img { width: 100%;}
.brand_logo li {text-align: center;width: 100%;}
.recent_newsletter .recent_box {margin: 0 0 20px; text-align: center; width: 33.33%;}
.tour_img .img_tr { float: left;width: 100%;}
.tour_detail {background: #ababab none repeat scroll 0 0; float: left; position: static; width: 100%;}
.tour_img .img_tr img {width: 100%;}

}

/*---------------*/
@media screen and (max-width:420px) {
.foot_box .img, .bottom_box .bottom_img{height: auto;}
.stay_touch form span.wpcf7-form-control-wrap input {height: 52px; margin-bottom: 65px;padding: 10px;}
.stay_touch form input[type="submit"] { height: 52px;top: 56px; width: 100%; left: 0; margin: 0 auto;right: 0;}
h2 {font-size: 40px; margin: 20px 0;}
.tour_img img {height: 100%;width: auto;}
/*.tour_img {float: left;height: 250px;}*/
.top_right a.search_btn::before {background-size:12px auto; height: 11px; left: -16px; width: 12px;top: 2px;}
.header .logo {height: 93px;padding: 11px 8px;top: 117px;width: 93px;}
.banner .royalSlider { height: 415px !important;}
.top_box h3 {line-height: 33px;margin: 10px 0 8px; font-size: 30px;}
.top_box .textwidget p {line-height: normal;margin: 0 0 8px; min-height: 0;}
.top_box .more { margin-bottom: 8px;}
.stay_touch form span.wpcf7-form-control-wrap input, .stay_touch input[type="email"] {height: 53px;width: 100%;padding: 10px;}

.inner_banner {margin-top:105px; background-size: cover;background-position: float: left;min-height: 200px; width: 100%;}
.header {float: left; left: 0; position: absolute;  top: 0; width: 100%;z-index: 9;}
.header_inner {position: absolute; margin-left:-8px; width: 100%;}
.inner_content {padding: 7px;}

}

/*---------------*/

@media screen and (max-width:375px) {
.head_top, .head_bottom { padding-left: 10px; padding-right: 10px;}
.head_top {font-size: 12px;}
.top_right .search-field {width: 230px;}
.connect_us ul:last-child li {
 margin: 6px 0; padding: 0; width: 100%;}
.search_form input.search-field {width: 210px;}
.recent_img img {width: 100%;}
.recent_newsletter .recent_box {
    float: left;
    margin: 0 1% 25px;
    width: 48%;
}
.top_right .search-form {right: 46px;}


}
@media screen and (max-width:340px) {
.top_left ul li { float: left;padding: 0 0 0 8px;}
.abt_tour h3 {font-size: 22px;}

}