@media only screen and (min-width: 768px) and (max-width: 1171px) {

.top_outer{ background:#fff;}

.blue_top_wrap, .nav_wrap{ width:750px;}

.tab_wrp{ width:750px;}

.baner_txt_wrap{ width:730px; overflow:hidden;}

.baner_txt_wrap h2{ margin-top:40px;}


.responsive-tabs__panel{ padding:17px 0;}

.tab_box_input{ width:274px;}

.tab_calender{ width:130px; box-sizing:border-box; }

.tab_box_1 select{  width:86px; box-sizing:border-box;}

.tab_box_2{ margin-left:11px;}

.tab_submit{ float:left; margin:10px 0 0 0; display:block;}

.main_outer{ padding-top:30px;}

.main_wrap{ width:750px;}

.group_sec h2{ font-size:32px; margin-bottom:24px;}

.group_sec ul li {
  float: left;
  margin: 0 5px 25px;
  overflow: hidden;
  width: 240px;
}

.group_pic{ width:100%;}

.overlay{ width:100%; height:169px;}

.overlay img{ margin-top:61px;}

.resort_wrap{ width:750px; margin:0 auto;}

.resort_wrap h2{ font-size:32px; margin-bottom:24px;}

.resort_wrap ul li {
  float: left;
  margin: 0 5px 25px;
  width: 365px;
}

.cruise_wrap ul li{ width:177px; float:left; margin:0 5px;}

.footer_wrap{ width:750px; overflow:hidden;}

.foot_box_2{ margin-left:36px;}

.foot_box_3 {
  float: left;
  margin-bottom: 120px;
  margin-left: 30px;
  width: 270px;
}

.foot_box_4 {
  float: left;
  margin-left: 20px;
  width: 247px;
}

.foot_wrap{ width:750px; margin:0 auto;}


}


@media only screen and (min-width: 480px) and (max-width: 767px) {

/***************************Nav for this Template*********************************/

.top_outer{ background:#fff;}

.nav_outer{ height:auto;}
 
.nav_wrap{ width:94%; margin:0 auto; height:auto; padding-bottom:10px;}  
 
.nav_wrap ul{ width:100%; margin-top:14px; background:#01b7f2; overflow:hidden;}

.nav_wrap ul li { width:100%; margin:0 auto; float:none; list-style-type:none;}	

.nav_wrap ul li:first-child{ border:none;}		

.nav_wrap ul li a {text-align: left; color:#fff; line-height:33px; float:left; width:100%; margin-left:0; box-sizing:border-box; padding:0 16px; text-shadow:none;}	

.nav-collapse,
.nav-collapse.collapse { height: 0; margin-top:10px; overflow: hidden; background:transparent; z-index: 99999; }

.nav-collapse {clear: both;}

.btn-navbar { margin-right:5px; display: inline-block; height:auto; width:auto; float:right; cursor: pointer; width:42px; height:34px;}

.collapse {display:block;position:relative; float:none; height: 0;overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease;-ms-transition: height 0.35s eas-o-transition: height 0.35s ease; transition: height 0.35s ease; }


/***************************Nav for this Template*********************************/


.blue_top_wrap{ width:470px;}

.baner_txt_wrap{ width:450px;}

.baner_txt_wrap h2 {
  color: #fff;
  font-family: "impactregular";
  font-size: 52px;
  line-height: 42px;
  margin-top: 27px;
  text-shadow: 0 2px 1px rgba(0, 0, 0, 1);
}

.tab_sec{ background:#fff;}

.tab_wrp{ width:450px; margin:20px auto 0;}

.tab_box_1{ margin:0 auto; float:none; width:280px; margin-bottom:20px;}

.tab_box_input{ width:100%; box-sizing:border-box; float:none;}

.tab_calender{ width:100%; box-sizing:border-box; float:none;}

.tab_box_1 select{  width:100%; box-sizing:border-box; float:none;}

.tab_submit{ float:none; margin:20px auto 0; display:block;}

.main_outer{ padding-top:30px;}

.main_wrap{ width:470px;}

.group_sec h2{ font-size:32px; margin-bottom:24px;}

.group_sec ul li{ float:none; overflow:hidden; margin:0 auto 25px; width:310px;}

.group_pic{ width:100%;}

.overlay{ width:100%; height:219px;}

.overlay img{ margin-top:89px;}

.resort_wrap{ width:470px; margin:0 auto;}

.resort_wrap h2{ font-size:32px; margin-bottom:24px;}

.resort_wrap ul li{ width:100%; float:none; margin:0 auto 25px;}

.cruise_wrap ul li{ width:225px; float:left; margin:0 5px;}

.footer_wrap{ width:450px;}

.foot_box_1, .foot_box_2, .foot_box_3, .foot_box_4{ float:none; overflow:hidden; margin:0 0 20px 0;}

.foot_wrap{ width:470px; margin:0 auto;}



}

@media only screen and (min-width: 10px) and (max-width: 479px) {


/***************************Nav for this Template*********************************/

.top_outer{ background:#fff;}

.nav_outer{ height:auto;}
 
.nav_wrap{ width:94%; margin:0 auto; height:auto; padding-bottom:10px;}  
 
.nav_wrap ul{ width:100%; margin-top:14px; background:#01b7f2; overflow:hidden;}

.nav_wrap ul li { width:100%; margin:0 auto; float:none; list-style-type:none;}	

.nav_wrap ul li:first-child{ border:none;}		

.nav_wrap ul li a {text-align: left; color:#fff; line-height:33px; float:left; width:100%; margin-left:0; box-sizing:border-box; padding:0 16px; text-shadow:none;}	

.nav-collapse,
.nav-collapse.collapse { height: 0; margin-top:10px; overflow: hidden; background:transparent; z-index: 99999; }

.nav-collapse {clear: both;}

.btn-navbar { margin-right:5px; display: inline-block; height:auto; width:auto; float:right; cursor: pointer; width:42px; height:34px;}

.collapse {display:block;position:relative; float:none; height: 0;overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease;-ms-transition: height 0.35s eas-o-transition: height 0.35s ease; transition: height 0.35s ease; }

/***************************Nav for this Template*********************************/



.blue_top_wrap{ width:310px;}

.baner_txt_wrap{ width:310px;}

.baner_txt_wrap h2 {
  color: #fff;
  font-family: "impactregular";
  font-size: 28px;
  line-height: 25px;
  margin-top: 14px;
  text-shadow: 0 2px 1px rgba(0, 0, 0, 1);
}

.baner_txt_wrap h2 span {
  display: block;
  font-family: "museo_sans500";
  font-size: 22px;
}

.tab_sec{ background:#fff;}

.tab_wrp{ width:310px; margin:20px auto 0;}

.tab_box_1{ margin:0 auto; float:none; width:280px; margin-bottom:20px;}

.tab_box_input{ width:100%; box-sizing:border-box; float:none;}

.tab_calender{ width:100%; box-sizing:border-box; float:none;}

.tab_box_1 select{  width:100%; box-sizing:border-box; float:none;}

.tab_submit{ float:none; margin:20px auto 0; display:block;}

.main_outer{ padding-top:30px;}

.main_wrap{ width:310px;}

.group_sec h2{ font-size:32px; margin-bottom:24px;}

.group_sec ul li{ float:none; overflow:hidden; margin:0 auto 25px; width:310px;}

.group_pic{ width:100%;}

.overlay{ width:100%; height:220px;}

.overlay img{ margin-top:89px;}

.resort_wrap{ width:310px; margin:0 auto;}

.resort_wrap h2{ font-size:32px; margin-bottom:24px;}

.resort_wrap ul li{ width:100%; float:none; margin:0 auto 25px;}

.cruise_wrap ul li{ width:145px; float:left; margin:0 5px;}

.footer_wrap{ width:310px;}

.foot_box_1, .foot_box_2, .foot_box_3, .foot_box_4{ float:none; overflow:hidden; margin:0 0 20px 0;}

.foot_wrap{ width:310px; margin:0 auto;}


}