@charset "utf-8";
@media screen and (max-width: 1366px) {
/*.container { width: 1024px; }*/

}
@media screen and (max-width: 1160px) {
.container {
width: 100%;
}
.real_box{ width:300px;}
.get_dir_bnr {
    margin: 15px auto 15px 0;
    align-items: flex-start;
    background-color: rgba(29,39,57,0.5);
}
.get_dir_bnr .bnr_text{ text-align: left;}
}
@media screen and (max-width: 1020px) {
.rental_img_box{ width:370px;}	
.unit_booking.affix {
    top: 5px;
    right: 10px;
    width: 260px;
}


}
 @media screen and (max-width: 980px) {
.unit_box {
max-width:300px;
}
.unit_desc {
 max-height: 60px;
 overflow: hidden;
}
.res_btn_grp {
 width: 140px;
}
.reservaition_wrapper {
width:98%;
margin:-150px auto 0 auto;
}
.rental_img_box{ width:350px;}	
.unit_booking.affix {
    top: 0;
    right: 0;
    width: 100%;
    position: relative !important;
}
.unit_booking{ width:100%;}
}
@media screen and (max-width:959px) {
.date_select_input {
 width: 30%;
}
.adult_grp {
 width: 10%;
}
.unit_grp {
 width: 30%;
}
.res_btn_grp {
 width: 17%;
}
.box-group label {
font-size:13px;
}
.content_wrapper {
max-width:96%;
text-align:center;
}
#rental_listing_page .rental_full_div:nth-child(even) .rentail_info {padding-right:15px;}
.rentail_info {padding-left:15px;}
}

@media screen and (max-width:950px) {
.rentail_info .red_bg_btn,.rentail_info .red_border_btn{ width:150px;}
.spaces{ margin:5px 0;}
.spaces li{ margin:5px;}
}
@media screen and (max-width:900px) {
.sli_text h1 {
 font-size: 30px;
margin-bottom:0px;
}
.sli_text p {
 font-size: 18px;
}
.rentail_info .red_bg_btn, .rentail_info .red_border_btn, .rentail_info .ratings{width:31%; margin:2px;}
}
@media screen and (max-width:875px) {
.box-group label {
font-size:12px;
}
.side_note span {
font-size:16px;
display:block;
}
.reservation_page_title {
min-height:250px;
}
.side_note {
 max-width: 100%;
 margin: 0 auto;
 padding: 15px 0;
}
.reservation_form {
padding:0px 0 20px 0;
}
.rentail_info .red_bg_btn, .rentail_info .red_border_btn, .rentail_info .ratings{width:30%; margin:2px;}

}
@media screen and (max-width:840px) {
.input_grp, .comment_div {
margin:5px 2px;
}
.rental_img_box {
    width: 35%;
}
.rentail_info {
    width: 60%;
}
.unit_head h1 {
    font-size: 20px;
}
.unit_head .spaces li{ width:110px;}
.spaces li span {
    font-size: 18px;
}
}
 @media screen and (max-width: 768px) {
.unit_box {
 max-width: 330px;
}
.activity_box {
 max-width: 240px;
}
.book_head {
font-size:20px;
}
.call_us {
width:30%;
}
.email_us {
width:45%;
}
.home_form {
 padding: 10px 0;
}
.welcome_desc {
 padding: 10px 0 10px 20px;
}
.intro_welcome p {
font-size:14px;
}
.intro_welcome {
padding:30px 0;
}
.title_sec h1 {
font-size:24px;
}
.call_us span.big_text, .email_us span.big_text {
font-size:20px;
}
.side_note p {
font-size:13px;
}
.side_note span {
font-size:14px;
}
.page_title h1 {
 padding: 40px 0;
 font-size: 30px;
}
}
@media screen and (max-width: 767px) {
.navbar-toggle {
 margin-bottom: 13px;
 margin-top: 13px;
background-color: #117e40;
border: medium none;
}
 .navbar-toggle.collapsed {
background-color: #ea2530;
border: medium none;
color: #117e40;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #117e40;
border: none;
}
.nav.navbar-nav {
 float: none;
 margin: 0;
 width: 100%;
 display: block;
}
.navbar-default .navbar-nav > li > a {
padding: 10px;
background-image: none;
text-align:center;
height:auto;
line-height:24px;
}
.navbar-default .navbar-nav > li > a.red_btn {
display:inline-block;
margin-top:5px;
}
.navbar-default .navbar-nav > li {
display: inline-block;
width: 49%;
vertical-align:top;
text-align: center;
}
.navbar-collapse.in {
 overflow-y: inherit;
}
 .navbar-nav > li.open > ul.dropdown-menu {
display:block !important;
right:0px;
text-align:center;
}
.navbar-nav > li:hover > ul.dropdown-menu {
right:0px;
text-align:center;
display:none;
}
.navbar-collapse {
 background-color: #fff;
 padding: 10px;
 position: relative;
 text-align: right;
 z-index: 33;
}
.navbar-nav .open .dropdown-menu {
background-color:#f6f6f6;
text-align:center;
}
 .navbar-default .navbar-brand {
width:160px;
margin-top:-18px;
}
.date_select_input {
 width: 35%;
}
.unit_grp {
 width: 25%;
}
.res_btn {
font-size:13px;
}
.intro_welcome h1 span {
 font-size: 24px;
 display: inline-block;
}
.intro_welcome {
text-align:center;
}
.rewards {
 margin-top: 15px;
}
.awrd_badge {
 display: inline-block;
}
.welcome_desc {
 padding: 20px 0 0 0;
 border-left: 0px;
 border-top: 1px solid #dedede;
 margin-top: 20px;
}
.reservaition_wrapper {
background-color:#fff;
}
.bg_gray {
background-color:#f5f5f5;
}
.reservation_form {
max-width:96%;
text-align:center;
}
.reservation_form .res_form label {
text-align:left;
}
.reservation_form .res_form h3 {
text-align:left;
}
.rentail_info .red_bg_btn, .rentail_info .red_border_btn{ width:48%;}
 .rentail_info .ratings{ width:100%; display:block; margin-top:10px;}
 .unit_information,.booking_side_bar {
    display: block;
    width: 100%; padding-right:0px;
 }
 .booking_side_bar{ margin-top:10px;}
 .real_box {
    width: 48%; vertical-align:top;
}

}
@media screen and (max-width: 740px) {
}
@media screen and (max-width: 700px) {
 .home_reservation {
 text-align: left;
}
 .date_select_input {
 width: 74%;
}
.adult_grp {
 width: 11.5%;
}
.unit_grp {
 width: 74%;
}
.res_btn_grp {
 width: 25%;
}
.box-group {
margin-bottom:3px;
}
.date_grp {
 width: 49%;
}
.book_head {
 font-size: 18px;
padding:10px;
}
.call_us span.big_text, .email_us span.big_text {
 font-size: 18px;
}
.call_us span, .email_us span {
 font-size: 14px;
}
.reservation_page_title {
 min-height: 200px;
 background-size: cover;
 background-position: center bottom;
}
.reservaition_wrapper {
margin-top:-100px;
}
.page_title h1 {
 padding: 30px 0;
 font-size: 24px;
}
.content_wrapper {
max-width:94%;
text-align:center;
}
}
@media screen and (max-width: 640px) {
.carousel-indicators {
 bottom: 5px;
}
.sli_text h1 {
 font-size:24px;
margin-bottom:0px;
letter-spacing:1px;
}
.sli_text p {
 font-size:14px;
line-height:normal;
}
.title_sec h1 {
font-size:20px;
}
.title_sec span {
 font-size: 14px;
}
.copy_right {
 font-size: 12px;
 margin: 5px 0 10px 0;
 text-align: center;
 line-height: 20px;
}
.payment_mode {
 display: block;
 text-align: center;
}
.reservation_page_title h1 {
font-size:30px;
}

.activity_info p {
    font-size: 16px;
    line-height: 24px;
}
.page_links li {
    margin: 5px;
}

}
@media screen and (max-width: 610px) {
 .date_grp {
 width: 48%;
}
.bnr_text span{ font-size:20px; margin-top:20px;}
.bnr_text{ font-size:14px;}
}
@media screen and (max-width: 568px) {
    
 .book_head {
 font-size: 18px;
 padding: 10px;
 width: 100%;
 display: block;
}
 .call_us, .email_us {
 width: 49%;
 display: inline-block;
padding:10px;
}
.home_contact {
display:block;
text-align:center;
margin-top:-20px;
}
.reservation_form {
max-width:100%;
text-align:center;
}
.reservation_form .res_form label {
font-size:13px;
}
.reservation_form .res_form h3 {
font-size:15px;
margin-left:5px;
}
 .reservation_page_title {
 min-height: 180px;
}
.rental_img_box {
    width: 100%;
    display: block;
    max-width: 370px;
    margin: 0 auto;
}
.rentail_info {
    width: 100%;
    padding: 0 !important; margin-top:15px;display: block;
}
#rental_listing_page .rental_full_div:nth-child(2n) .rental_img_box {
    float: none;
}
.spaces li{ width:110px;}
#rental_listing_page .rental_full_div:nth-child(even),#rental_listing_page .rental_full_div:nth-child(odd){ padding:50px 0;}
.unit_head .spaces li {
    width: 100px;
}
.unit_head h1 {
    font-size: 18px;
}
.activity_info {
    width: calc(100% - 250px);
}
#activity_listing_page .activity_full_div:nth-child(2n) .activity_info {
    padding-right: 10px;
    padding-left: 0px;
}
.activity_info{ padding-left:10px;}
.unit_head .spaces li {
    width: auto;
}
.spaces li span {
    font-size: 15px;
}
.bottom_bnr {
    min-height: inherit;
}
.get_dir_bnr {
    margin: 15px auto;
    align-items: center;
    background-color: rgba(29,39,57,0.8);
    padding: 15px 0; min-height: inherit;
}
.get_dir_bnr .bnr_text {
    text-align: center;
    color: #ddd;
}
.bnr_text span {
    margin-top: 0;
}
}
@media screen and (max-width: 530px) {
    #activity_listing_page .activity_full_div:nth-child(2n) .activity_img_box {
        float: none;
    }
    .activity_img_box {
        width: 100%;
        display: block;
    }
    .activity_info {
        padding-left: 0;
        width: 100%;
        margin-top: 15px;
        display: block;
    }
    .activity_image img {
        height: 200px;
    }
 .adult_grp {
 width: 11%;
}
.unit_grp {
 width: 73%;
}
.reservation_page_title h1 {
font-size:24px;
padding:30px 0;
}
.reservation_page_title {
 min-height: 150px;
}
.rate_table td p,.rate_table thead td{ font-size:13px;}
.red_big_text {
    font-size: 16px;
}
 .real_box {
    width: 100%; margin:5px 0; vertical-align:top; max-width:360px;
}
}
@media screen and (max-width: 490px) {
.top_links > li {
margin-left:10px;
}
.top_links > li a {
font-size:12px;
}
.sli_text {
top:20px;
}
.date_select_input {
 width: 100%;
 margin-right: 0px !important;
}
 .adult_grp {
 width: 15%;
}
.unit_grp {
 width: 66%;
 margin-right: 0px !important;
}
.res_btn_grp {
 width: 100%;
}
.res_btn {
margin-top:5px;
}
.input_grp, .comment_div {
margin:5px 0;
width:100%;
display:block;
}
.reservation_form .res_form h3 {
font-size:15px;
margin-left:0px;
}
.rentail_info h1 {
    font-size: 18px; text-align:center;
}
.rentail_info p {
    font-size: 13px;
    line-height: 20px;
}
.spaces li span {
    font-size: 18px;
    margin-right: 1px;
}
.spaces li i {
    margin-right: 2px;
}
.spaces li {
    margin: 2px; width:100px; font-size:12px;
}
.spaces { margin-bottom:15px; text-align:center;}
.top_text {
    max-width: 100%; padding-top:20px;
    font-size: 14px;
    line-height: 22px;
}
.get_dir_bnr{ height:auto; background-size:cover; background-position:left top;}
.bnr_text span{ font-size:20px; margin-top:0px;}
.get_dir_bnr .red_bg_btn{ margin-top:10px;}
#activity_listing_page .activity_full_div:nth-child(2n) .activity_img_box{ float:none;}
#activity_listing_page .activity_full_div:nth-child(2n) .activity_info {
    padding-right: 0px;
    padding-left: 10px;
}
.unit_head .spaces li {
    width: 44%;
    text-align: left;
}


}
@media screen and (max-width: 420px) {
.top_header {
padding: 5px 0 10px 0;
}
.top_header .top_links {
 text-align: center;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
margin-left:-80px;
left:45%;
}
.top_links {
text-align:center;
display:table;
width:100%;
}
.top_links > li:first-child {
text-align:left;
}
.top_links > li {
margin-left:0px;
display:table-cell;
width:50%;
text-align:right;
}
.sli_text h1 {
 font-size:18px;
margin-bottom:0px;
letter-spacing:1px;
}
.sli_text p {
 font-size:13px;
}
.carousel-indicators {
display:none;
}
.ame_icon {
 width: 50px;
 height: 40px;
 margin: 10px auto;
 display: block;
}
.ame_box span {
font-size:13px;
}
.personal_ame .ame_icon {
background-size: 110px 40px;
}
.personal_ame:hover .ame_icon {
background-position: -58px 0px;
}
.ground_ame .ame_icon {
background-size: 110px 40px;
}
.ground_ame:hover .ame_icon {
background-position:-58px 0px;
}
.spa_ame .ame_icon {
background-size: 110px 40px;
}
.spa_ame:hover .ame_icon {
background-position:-58px 0px;
}
.rest_ame .ame_icon {
background-size: 110px 40px;
}
.rest_ame:hover .ame_icon {
background-position:-58px 0px;
}
.parking_ame .ame_icon {
background-size: 110px 40px;
}
.parking_ame:hover .ame_icon {
background-position:-58px 0px;
}
.surf_ame .ame_icon {
background-size: 110px 40px;
}
.surf_ame:hover .ame_icon {
background-position:-58px 0px;
}
.conc_ame .ame_icon {
background-size: 110px 40px;
}
.conc_ame:hover .ame_icon {
background-position:-58px 0px;
}
.wifi_ame .ame_icon {
background-size: 110px 40px;
}
.wifi_ame:hover .ame_icon {
background-position:-58px 0px;
}
#activity_listing_page .activity_full_div:nth-child(2n) .activity_img_box{ float:none;  width:100%;  display:block;margin: 0 auto;}
#activity_listing_page .activity_full_div:nth-child(2n) .activity_info {
    padding-right: 0px;
    padding-left: 0px;
}
.activity_img_box{ width:100%; display:block;margin: 0 auto;}
.activity_info{ padding:0px; width:100%; text-align:center;}
.bottom_bnr {
    min-height: inherit;
    background-size: 100% 235px;
}
}
 @media screen and (max-width: 380px) {
 .adult_grp {
 width: 24%;
}
.unit_grp {
 width: 48%;
 margin-right: 0px !important;
}
.book_head {
font-size:16px;
padding:5px;
}
.call_us span.big_text, .email_us span.big_text {
 font-size: 16px;
}
.call_us span, .email_us span {
 font-size: 13px;
}
 .call_us, .email_us {
 width: 100%;
 display: block;
padding:10px;
}
.footer_links ul li a {
 font-size: 12px;
}
.package_starts_price{ text-align:center; font-size:14px; display:block;}
.unit_body .nav-tabs li a {
    font-size: 12px;
}
}
 @media screen and (max-width: 340px) {
 .top_header {
padding: 5px 0 25px 0;
}
.top_links > li:first-child {
width:40%;
}
.top_links > li {
width:60%;
}
 .sli_text h1 {
 font-size:16px;
margin-bottom:0px;
letter-spacing:1px;
margin-top:10px;
}
.sli_text p {
 font-size:12px;
}
.ame_box span {
 font-size: 10px;
}
.ame_box {
padding:0px 0 5px 0;
}
.btn_grp{ text-align:center;}
.rentail_info .red_bg_btn, .rentail_info .red_border_btn {
    width: 47%;
}

}