@charset "utf-8";
/* CSS Document */
@import url('skeleton.css');
@import url('reset.css');
@import url('superfish.css');
@import url('flexslider.css');

body{background:#FFFFFF; min-width:320px; color: #003163;}
html,body {height:100%; margin: 0; padding: 0;}

.body-container 
{
    position:relative; 
    overflow: hidden; 
    width: 100%; 
    margin: 0 auto; 
    background-color: #B3CAA7; /*D5F3C7*/
    background-color: rgba(179, 202, 167, 0.9); /*rgba(213, 243, 199, 0.9); */
    -pie-background: rgba(179, 202, 167, 0.9); /*rgba(213, 243, 199, 0.9); */
    /*background-color: #F7DAA0;
    background-color: rgba(247, 218, 160, 0.7);
    -pie-background: rgba(247, 218, 160, 0.7);*/
    
    }
    

p{padding-bottom:18px; font-family:"Open Sans", sans-serif;}

a {color: #003163;outline:none;cursor:pointer;}

.ccm-gallery {border: none;}

/*  Header styles */
.ui-datepicker {z-index: 999 !important;}
.content h1,h2,h3,h4,h5,h6{line-height: 1em; color:#003163; font-family: "Alegreya", serif; font-variant: small-caps;}
.content h1{font-size:24px; margin-bottom:18px;}
.content h2{font-size:20px; margin-bottom:18px;}
.content table h2 {margin-bottom: 0px;}
.content h3{font-size:18px; margin-bottom:18px;} 
.content h4{font-size:16px; margin-bottom:8px;}  
.content h5{font-size:14px;}
.content h6{font-size:12px; font-weight:700; letter-spacing:-1px; padding-bottom:11px;}
/* Global Structure---------------------------------------- */
/*----- txt,links,lines,titles -----*/
.clear{clear:both;line-height:0;font-size:0;overflow:hidden;height:0;width:100%;}
.wrapper{width:100%;overflow:hidden;position:relative;}
.extra-wrap{overflow:hidden;display:block;}
.fleft{float:left}
.fright{float:right}
.alignright{text-align:right}
.aligncenter{text-align:center}
.alignmiddle *{vertical-align:middle}
.color1{color:#9dbeb3;}
.color2{color:#a7a7a7;}
strong{ color:#000;}
#top_bg {
    width: 100%;
    min-height: 88px;
    -pie-box-shadow: none;
    -moz-box-shadow: 1px 1px 1px rgba(0, 49, 99, 0.5);
    -webkit-box-shadow: 1px 1px 1px -1px rgba(0, 49, 99, 0.5);
    box-shadow: 1px 1px 1px rgba(0, 49, 99, 0.5);
    /*background-color: #F4ECCC;*/    
    background-color: #B3CAA7; /*D5F3C7*/
    background-color: rgba(179, 202, 167, 0.9); /*rgba(213, 243, 199, 0.9); */
    -pie-background: rgba(179, 202, 167, 0.9); /*rgba(213, 243, 199, 0.9); */
    position: absolute;
    z-index: 10;
}

.inner #top_bg {position: relative;}

#top_bg .grid_7 {
    float: right !important;
}

.header-links {
    position: relative;
    z-index: 99;
    float: right;
    height: 35px;
    font: 13px/18px "Open Sans", sans-serif;
    margin: 0;
    width: 100%;
}

.header-links ul {
    float: right; 
    margin: 0;
    padding: 0;
    text-align: center;
}

.header-links ul li {
    margin: 8px 0;
    list-style: none;
    display: inline-block;
    /*border-right: 1px solid #003163;*/
}

.header-links ul li a { 
    color: #003163;
    padding: 0 20px;
    text-decoration: none;
    font-weight: bold;
    font-style: italic;
}

.header-links ul li a:hover {
    color: #003163;
}

.header-links ul li:last-child {
    border-right: none;
}

.header-links ul li .phone {
    font-size: 18px;     
}
.header-links ul li a .phone:hover {
    text-decoration: none;
}

#top_bg .search-bar {float: right; margin: 0 15px 10px 0; background-color: #B3CAA7;/*D5F3C7;/*#f3ebc7; background-color:*/ background-color: rgba(179, 202, 167, 0.9); /*rgba(213, 243, 199, 0.9);/* rgba(243,234,199, 0.9);*/ -pie-background: rgba(179, 202, 167, 0.9);/*rgba(213, 243, 199, 0.9);/*rgba(243,234,199, 0.9);*/ padding: 2px 5px 4px;}
/* #top_bg .search-bar .ccm-area, #top_bg .search-bar .ccm-add-block{float: left; position: relative; z-index: 99;} */
#top_bg .search-bar form {position: relative;}
#top_bg .search-bar form h3 { font: 13px "Open Sans", sans-serif; color: #003163; float: left; margin: 5px 0;}
#top_bg .search-bar form input[type="text"] { margin: 3px 0px 0px 10px;}
#top_bg .search-bar form input[type="submit"] { border: none; background: #f3ebc7; cursor: pointer;}

.social-links {
    float: left;
}

.social-links ul {
    margin: 0;
    padding: 0;
}

.social-links ul li {
    list-style: none; 
    display: inline;
}
.social-links ul li a {
    margin: 0 2px;
}
.logo {
    width: 325px;
    height: auto;
    margin: 15px 0 10px;
    float: left;
}

.logo img {width: 100%; height: auto;}

/*********************************header*************************************/
a.book-now-resp {
    display: none;
}

.book-now-bg {
    background: #B3CAA7; /*D5F3C7*//*#F3EAC7; */
    width: 100%;
}

.book-now-bg .reservations 
{
    text-align: center;
    padding: 10px 0 0;
    border: none;
    color: #003163;
    font: 13px/21px "Open Sans", sans-serif;
    font-weight: 400;
    text-decoration: none;
    text-align: left;
}

.reservations .row {float: left; margin: 0 30px; vertical-align: bottom; height: 65px;}

.reservations .row.alpha {margin: 0 50px 0 0;}

.reservations .row.omega {margin: 0 0 0 40px;}

.book-now-bg .reservations .row p {padding-bottom: 0px;} 

.book-now-bg .reservations .row p.title {
    font-size: 24px;
    line-height: 35px;
    font-weight: bold;
}

.book-now-bg .reservations .row p.subtitle {
    color: #003163;
    font-size: 12px;
    line-height: 20px;
} 

.book-now-bg .reservations .row label {
    font-size: 15px;
    line-height: 18px;
    float:left;
}

.book-now-bg .reservations .row label span {font-size: 9px !important;}

.book-now-bg .reservations .row input[type="text"]{
    width: 70px;
}

.book-now-bg .reservations .row input[type="submit"]{
    background: #003162; 
    color: #FFFFFF;
    border: none;
    margin-top: 18px;
    cursor: pointer;
    font: 18px Georgia, "Times New Roman", serif;
    padding: 5px 15px;
    box-shadow: inset 1px 1px 1px rgba(255,255,255, .5), 1px 1px 3px rgba(0,0,0, .5);
}

.book-now-bg .reservations .row input[type="submit"]:hover {
    background: #f3ebc7; color: #003162; 
}
/*
.img-pos img {max-width:96%; height:auto;}
.img-style img {margin: 0px 0 18px 0; box-shadow: 0px 0px 5px 1px rgba(0,0,0,.25);}
.img-style2 img {float:left;margin: 0px 20px 8px 0; box-shadow: 0px 0px 5px 1px rgba(0,0,0,.25); }
.img-style3 img {float: left; margin: 0px 20px 8px 0; box-shadow: 0px 0px 5px 1px rgba(0,0,0,.25);}
.img-border img {border: 2px solid #FFFFFF; } */

.inner-img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 5;
    overflow:hidden;
}

.inner-img img {
    width: 100%;
    height: auto;
}

.inner-img .ccm-block {margin-top: 140px;} 

.content .grid_72 ul {margin: 0 0 18px;}

div.special {margin-bottom: 18px; cursor: pointer;}

.special-dropdown {width: 560px; height: auto; background: #ECE9DA; margin-bottom: 18px; padding: 10px;}

.reserve-wrapper .phone-wrapper {float: right; margin: 15px 10px 0 0;}

.reserve-wrapper .phone-wrapper .phone {
    color: #FFFFFF;
    font: 18px Geneva;
    text-shadow: 0 2px 0px rgba(0,0,0, .5);
}

.reserve-wrapper .phone-wrapper a {text-decoration: none;}

.content {
    font: 13px/18px Georgia, "Times New Roman", serif; 
    font-weight: 400; 
    color:#292422;
    width:100%;
    position:relative;
    z-index: 2;
    background: url(../images/content-bg.png) bottom center repeat-x #F3EAC7; 
    background: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF),color-stop(100%, #F3EAC7));
    background: -webkit-linear-gradient(top,#FFFFFF ,#F3EAC7);
    background: -moz-linear-gradient(top,#FFFFFF ,#F3EAC7);
    background: -ms-linear-gradient(top,#FFFFFF ,#F3EAC7);
    background: -o-linear-gradient(top,#FFFFFF ,#F3EAC7);
    background: linear-gradient(to bottom,#FFFFFF ,#F3EAC7);
    border-style: none;
    border-color: transparent;
}

.inner .content {padding-top: 0px; min-height: 300px;}

.content .ccm-search-block-form form h3 {float: left; margin-right: 10px;}

.content .ccm-search-block-form form .searchResult h3 {float: none;}

.content .grid_72 a {
    text-decoration: underline;
}

.content ul {margin: 0 0 18px;}

.content .info ul li.nav-selected a {
    text-decoration: none;
    font-weight: bold;
}

.content .resort-box {
    min-width: 300px;
    min-height: 45px;
    position: relative;
    float: left;
    margin: 0 10px 18px;
}

.content a.photo-button, .content span a {
    position: absolute;
    text-align: center;
    background-color: #3F648A;
    background-color: rgba(0, 49, 99, 0.75);
    -pie-background: rgba(0, 49, 99, 0.75);
    padding: 10px 0px;
    width: 100%;
    bottom: 0;
    text-align: center;
    text-decoration: none;
    color: #F3EAC7;
    font: bold 22px/1em "Alegreya", serif;
    display: block;
}

.content a.photo-button, .content span a:hover {
    color: #FFFFFF;
} 

h1.events-header {display:none;}

.ezev-calendar th.ezev-select a { line-height: 24px;}

.ezev-calendar th.ezev-year {font-size: 18px;}

table.ezev-calendar {width: 98%; border-color: #000000; margin-left: 1px;}

.ezev-calendar td {border-color: #000000;}

.ezev-calendar td:hover, .ezev-current {background: #BACFAF;}

.ezev-event p {font-size: 14px; line-height: 14px;}

.ui-tooltip-default .ui-tooltip-titlebar, .ui-tooltip-default .ui-tooltip-content {border-color: #BACFAF; background-color: #F4ECCC; color: #000000;}

.event-description {display: none;}

.newsletter {
    background: url(../images/newsletter.jpg) top center repeat;
    width: 290px;
    padding: 10px 0 10px 10px;
    margin-bottom: 18px;
    box-shadow: 1px 1px 2px rgba(0,0,0, .5);
}

.content .newsletter .formBlockSurveyCell.line h4 {color: #FFFFFF; font-size: 22px; margin-bottom: 5px;}
.content .newsletter .formBlockSurveyCell.question {display: none;}
.content .newsletter .formBlockSurveyCell.line, .content .newsletter .formBlockSurveyRow {padding: 0;}
.content .newsletter .formBlockSurveyCell input[type=text] {width: 265px; padding: 2px 5px; border-radius: 3px; background: #d1d3e0; border: none; color: #233070;}
.content .newsletter .formBlockSurveyCell.answer input[type="submit"] {color: #cd9e0f; font: 18px Georgia, "Times New Roman", serif; padding: 0 26px 0 0; background: url(../images/arrow.png) 110px 7px no-repeat; margin: 7px 0 0 5px; border: none; cursor: pointer;}
.content .newsletter .formBlockSurveyCell.answer input[type="submit"]:hover {color: #ffffff;}

.content table {margin-bottom: 18px;}
.content .img-pos img{width: 98%; height: auto;}

.content .img-style img {margin: 0; border: 1px solid #393a39; padding: 2px; box-shadow: 1px 1px 2px rgba(0,0,0, .5); margin: 0px 0px 18px 0;}
.content .img-style2 img {float:left; margin: 0px 20px 18px 0; border: 1px solid #393a39; padding: 2px; box-shadow: 1px 1px 2px rgba(0,0,0, .5);}
.content .img-style3 img {float: right; margin: 0 0px 18px 20px; border: 1px solid #393a39; padding: 2px; box-shadow: 1px 1px 2px rgba(0,0,0, .5);}


.content .formBlockSurveyCell.question {width: 220px;}
.content .formBlockSurveyCell textarea, #content .formBlockSurveyCell input[type=text], #content .formBlockSurveyCell select {
    width: 225px;
}
.content .ccm-input-captcha {margin: 5px 0;} 
.content .ccm-captcha-image {margin-bottom: 10px;}
.content .formBlockSurveyCell.answer {max-width: 225px;}

a.more {
    color: #e4cfae;
    background: #292422;
    padding: 10px;
    line-height: 30px;
    
}

a.more:hover {
    color: #FFFFFF;
}

.content hr {
    border: 1px solid #cbc0bc;
}

.content .social-links h4 {
     color: #292422;
}
.container_12 .sidebar {margin-left: 40px;}

.content .sidebar .info {background: #fdfcf8; padding: 10px 20px 1px 0; margin-bottom: 18px;}

.content .sidebar .info p {padding-left: 20px;}

.content .sidebar ul li {line-height: 2em;}

.content .sidebar h3 {background: #e4dec4; background: #e4dec4; line-height: 36px; padding-left: 20px; margin-bottom: 0;}

/********************** Content ************************/
section{ position:relative; z-index:1; background:#faf9f9; width:940px; margin:0 auto;}
.text1{ font:400 24px/30px "Open Sans", sans-serif; border-left:3px solid #ececec; padding:2px 38px 0 17px;letter-spacing:-1px;color:#91b6aa; margin-top:11px; margin-left:20px;}
.box{ padding: 0px; margin: 0 15px; box-shadow: 1px 1px 2px rgba(0,0,0, .75); position: relative;}

.box-content {background: #F3EAC7; color: #000000; padding: 10px 8px;}
    .content .box h3, .content .box a {color:#FFF; font-weight:400; font-size: 20px; text-shadow:1px 1px 1px rgba(0,0,0,.3); text-decoration: none;}
    .content .box h3, .content .box a:hover {text-decoration: underline;}
    .box p {padding: 0 15px 10px; font: 13px "Open Sans", sans-serif; text-align: justify;}
.grid_3.box {box-shadow: none; margin: 0 5px;}
.grid_3.box img {box-shadow: 1px 1px 2px rgba(0,0,0, .75);}
.grid_3.box a {color: #003163;}
.grid_3.box .box-content {padding: 10px 5px; background: none; color: #003163;}
.grid_3.box p {font-size: 12px;}
.bg1{background: url(../images/cta-wedding-bg.jpg) top no-repeat #FFFFFF;}
.bg2{background: url(../images/cta_vacgiv_bg.jpg) top no-repeat #FFFFFF;}
.bg3{background: url(../images/cta_groupevent_bg.jpg) top no-repeat #FFFFFF;}
.bg4{background: url(../images/cta_photogallery_bg.jpg) top no-repeat #FFFFFF;}
.box2{ padding:6px 0 25px 0;}
    .box2 img{ margin:3px 35px 0 2px;}
.box3{ padding-bottom:24px;}
    .box3 span{ display:block;}
    .box3 img{ margin:6px 19px 0 0; border-radius:9px; box-shadow:0 3px 4px rgba(0,0,0,.1);}
.box4{ text-align:center; width:205px; float:left; padding:28px 0 19px 0; margin-left:10px; margin-right:8px;}
    .box4 img{ margin-bottom:16px;}
.list1{ position:relative; overflow:hidden; padding-bottom:36px;}
    .list1 li { float:left; width:221px; border:1px solid #dfdfdf; border-radius:10px; padding:29px 29px 11px; margin-right:20px; margin-bottom:20px;}
    .list1 li img{border-radius:9px; box-shadow:0 3px 4px rgba(0,0,0,.1); margin-bottom:19px; max-width:100%; height:auto;}
    .list1 li a:hover{ text-decoration:none;color:#f77f23;}
    .list2 li a{ color:#a7a7a7;}
.list3{ padding:6px 0 59px 0;}
    .list3 li{ border-bottom:1px solid #dfdfdf; padding:8px 0 0 0;}
    .list3 li a{ color:#a7a7a7;}
    .list3 li img{ margin:0 0 0 2px;}
    .list3 li span{ display:inline-block; padding:4px 0 0 0;}
    .list3 li a:hover{ text-decoration:none;color:#f77f23;}
.box-img{border-radius:9px; box-shadow:0 3px 4px rgba(0,0,0,.1);}
    .box-img img{ max-width:100%; height:auto;}
.map{ padding-bottom:16px;}
    .map iframe{ width:380px; height:258px; border-radius:10px; border:1px solid #fff;  box-shadow:0 3px 4px rgba(0,0,0,.1);}
.contacts{ font-style:normal; padding-left:1px; padding-bottom:77px;}
    .contacts p{ padding-bottom:10px;}
    .contacts span{ display:inline-block; width:91px;}
    .contacts a{color:#a7a7a7;}
/*  Buttons */
  a.button {font-size: 14px; text-transform: uppercase;text-align:center; color: #FFFFFF; background: #a0410d; padding: 5px 8px; text-decoration: none; box-shadow: inset 1px 1px 1px rgba(255,255,255, .5), 1px 1px 3px rgba(0,0,0, .5); font-style: normal;}
  a.button:hover { background: #18BAC9;}
.button1{ font-weight:bold; color:#000;}
.link1:hover{ text-decoration:none;color:#f77f23;}

.asmillerGalleryBlock li img.asmillerGalleria_thumb {border: none; padding: 0;}

/******************** Footer ******************/
footer {width: 100%; padding: 35px 0 20px; height: auto; background: #F3EAC7; border-top: 1px solid #003163; font: 12px/20px "Open Sans", sans-serif; color: #003163;}
footer a{color:#003163;}
footer a:hover {text-decoration:underline;}
.footer-links { display:inline-block; margin: 0px 2%; }

ul.footer-links {text-align:center; width: 100%; margin: 10px 0px 15px; padding: 0px;}
.footer-links li {display: inline; list-style: none outside none; padding: 0px 5px;}
.footer-links li a {text-decoration:none; color: #003163; font-size: 14px; font-family: "Open Sans", sans-serif;  }
.footer-links li a:hover {text-decoration: underline;}

footer .copyright {
    padding: 0px;
    width: 100%;
    text-align: center;
}

footer .copyright p {
    padding-bottom: 10px;
}

/* padding */
.padtop5{ padding-top:5px;}
.padtop2{ padding-top:9px;}
.padtop42{ padding-top:13px;}
.padtop4{ padding-top:34px;}
.padtop22{ padding-top:37px;}
.padtop{ padding-top:38px;}
.padtop23{ padding-top:39px;}
.padtop33{ padding-top:40px;}
.padtop3{ padding-top:41px;}
.padtop32{ padding-top:48px;}
.padtop32{ padding-top:48px;}
.padtop55{ padding-top:65px;}
.padbot{ padding-bottom:7px;}
.padbot4{ padding-bottom:21px;}
.padbot2{ padding-bottom:40px;}
.padbot32{ padding-bottom:18px;}
.padbot33{ padding-bottom:48px;}
.padbot3{ padding-bottom:50px;}
.padleft{ padding-left:30px;}
.padleft2{ padding-left:40px; }
.padright{ padding-right:27px;}
.margbot2{ margin-bottom:23px;}
.margbot{ margin-bottom:29px;}
.pad{ padding:4px 0 0 20px;}
.imgindent{ margin:5px 19px 0 0; box-shadow:0 2px 5px rgba(0,0,0,.1); border-radius:5px;}
.imgindent2{ margin:0px 20px 16px 2px; box-shadow:0 2px 5px rgba(0,0,0,.1); border-radius:8px;}
.imgindent3{ margin:0px 20px 30px 2px; box-shadow:0 2px 5px rgba(0,0,0,.1); border-radius:8px;}

#detailColumn {float: left; position: relative; width: 100%; margin-bottom: 18px;}
.detailFullCol {clear: both; margin: 5px 0 18px 0;}
.detailRow {width: 160px;float: left; height: 20px; padding: 0 10px; background: #ECE9DA;margin-right: 10px;}
.detailRowAlt {float: left; height: 20px; padding: 0 10px; background: #F7F6F1;width: 160px;margin-right: 10px;}
.detailLabel {float: left; width: 70%; line-height: 20px; text-align: left;}
.detailValue {float: right; width: 20%; line-height: 20px; text-align: right;}
.detailText {padding: 15px;}
.contactsubmit {-webkit-appearance: none;
    -webkit-background-clip: border-box;
    -webkit-background-origin: padding-box;
    -webkit-background-size: auto;
    -webkit-box-shadow: rgba(255, 255, 255, 0.498039) 1px 1px 1px 0px inset, rgba(0, 0, 0, 0.498039) 1px 1px 3px 0px;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: none;
    -webkit-writing-mode: horizontal-tb;
    align-items: flex-start;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(0, 49, 98);
    background-image: none;
    background-origin: padding-box;
    background-size: auto;
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(255, 255, 255);
    border-left-style: none;
    border-left-width: 0px;
    border-right-color: rgb(255, 255, 255);
    border-right-style: none;
    border-right-width: 0px;
    border-top-color: rgb(255, 255, 255);
    border-top-style: none;
    border-top-width: 0px;
    box-shadow: rgba(255, 255, 255, 0.498039) 1px 1px 1px 0px inset, rgba(0, 0, 0, 0.498039) 1px 1px 3px 0px;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 18px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 31px;
    letter-spacing: normal;
    line-height: normal;
    margin-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 18px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    text-align: center;
    text-indent: 0px;
    text-shadow: none;
    text-transform: none;
    white-space: pre;
    word-spacing: 0px;
    writing-mode: lr-tb;
    zoom: 1;
}
.contactsubmit a {text-decoration:none;color:White;}
.ui-datepicker {font-size: 0.75em !important;}
/*==========================================*/
@media only screen and (min-width: 768px) and (max-width: 995px) {
    .logo {width: 315px;}
    .header-line,section{width:748px;}
    #top_bg .search-bar { margin: 0 0px 0 40px; }
    .book-now-bg .reservations .row p.title {font-size: 18px; line-height: 48px; }
    .book-now-bg .reservations .row p.subtitle {display: none;}
    .reservations .row {margin: 0px 15px;}
    .reservations .row.omega {margin: 0 0 0 25px;}
    .content .box h3 {font-size: 16px;}
    .box p {margin: 0px 15px;}
    .content .box img{ margin: 0; width: 100%; height: auto;}
    .text1{ display:none;}
    .box img {width: 100%; height: auto;}
    .box-content {min-height: 140px;}
    .inner-img {height: auto;}
    .inner-img img { width: 100%; height: auto;}
    .imgindent{ margin:5px 10px 0 0;}
    .content .img-style img {width: 98%; height: auto;}
    .list1 li {width:180px; margin-right:10px; margin-bottom:10px;padding:20px 20px 5px;}
    .imgindent2,.imgindent3{ margin:0px 20px 5px 2px;}
    .box4{ text-align:center; width:160px; margin-left:5px;}
    .map iframe{ width:290px;}
    .youtube iframe {width: 492px; height: 350px;}
    .footerNav li {padding: 0px 15px;}
    .container_12 .sidebar {margin-left: 20px; }
    .content .sidebar ul {padding: 0 0 0 30px;}
    .padleft2, .padleft55 {padding-left: 0; background: none;}
    .fb_iframe_widget iframe, .fb_iframe_widget span { width: 228px !important;}
    .content .resort-box {width: 230px; min-width: inherit; height: auto;}
    .content .resort-box img {width: 100%; height: auto;}
    .content .resort-box.large {width: 355px; min-width: inherit; height: auto;}
    .content .resort-box.large img {width: 100%; height: auto;} 
    .reservations .row.alpha {margin: 0 40px 0 0;}
}
@media only screen and (max-width: 767px) {
   .logo {width: 100%;}
    .header-links-bg {display: none;}
    .header-links li.link {display: block;}
    .header-links {padding: 0; width: 100%; margin: 0; height: auto; text-align: center;}
    .header-links ul li {margin: 4px 0; border-right: none;}
    .header-links ul li a {padding: 0;}
    .header-links ul {float: none;}
    .book-now-bg {padding-bottom: 15px;}
    #top_bg {position: relative;}
    #top_bg .grid_7 { width: 100%; margin: 0 auto; }
    #top_bg .search-bar {padding: 5px 0 10px; float: left; text-align: center; width: 100%; margin: 0 auto 15px;width: 100%;}
    #top_bg .search-bar form {width: 215px; margin: 0 auto;}
    .reservations .row {text-align: center; float: none; margin-top: 5px!important; height: auto;}
    .book-now-bg .reservations .row label {float: none;}
    .reservations .row.alpha, .reservations .row.omega {margin: 0;}
    .book-now-bg .reservations .row input[type="submit"] {margin-top: 10px;}
    .inner-img {height: auto;}
    .inner-img img { width: 100%; height: auto;}
    .bookNow { padding-top: 10px; width: 300px; margin: 0 auto 0; position: relative; left: 0; top: 90px;}
    .bookNow a.book-now-resp {margin: 0px 88px 5px; float: none; display: block;}
    .bookNow p {margin-top: 15px;}
    .container_12 .sidebar {margin-left: 0;}
    .content .resort-box, .content .resort-box.large {width: 300px; margin: 0 0 18px;}
    .content .resort-box.large img {width: 100%; height: auto;} 
    .side-specials {width: 290px; margin: 10px auto; position: relative; top: 90px; left: 0; text-align: center;}
    .bg-header{ background:none;}
    section{width:300px;}
    .header-line,section{width:300px;}
    .text1{ display:none;}
    .img1{ float:none;}
    .img1 img{ width:400px;}
    .img2{ width:250px;}
    .pad{ padding:20px 0 0 0px;}
    .lineV{ background:0; padding:0; margin:0;}
    .padright,.padleft{ padding:0 20px;}
    .box{ max-width:300px; margin: 0px 5px 10px !important; box-shadow: 0px 0px 4px rgba(0,0,0, .75);  }
    .list1{ padding-left:20px;}
    .list1 li {width:176px; margin-right:0px; margin-bottom:20px; padding:20px 20px 5px;}
    .list1 li img{width:176px;}
    .imgindent2,.imgindent3{ margin:0px 20px 5px 2px;}
    .box4{ text-align:center; width:260px; margin-left:0;}
    .box img {width: 100%; height: auto;}
    .list3,.list1{ padding-bottom:0px;}
    .padRT{ padding:0 20px !important;}
    .map iframe{ width:256px;}
    .sidebar {width: 300px; margin: 20px auto;}
    .contacts,.padbot33{ padding-bottom:0px;}
   /*  footer.home {position: relative;} */
  .footer-links {display: block;}
     .footerNav li {display: block; padding: 0;}
     .footerNav li a {line-height: 20px;}
    footer .address {width: 100%;float: left; border-left: none; padding: 0;}
    footer .copyright {width: 100%;float: left; border-left: none; padding: 0;}
    .side-cta, .side-links {width: 159px; margin: 0 70px 10px;}
    .subnav {width: 300px; position: relative; right: 0; margin-bottom: 20px; float: none;}
    .subnav ul {float: none;}
    .subnav ul li { display: block; float: none; border: none;}
    .padleft2, .padleft55 {padding: 0;}
    .content .img-style2 img {float: none; width: 98%; height: auto;}
    .padleft2, .padleft55 {padding-left: 0; background: none;}
    .twitter-timeline {width: 300px;}
    .specials {display: none;}
    .fb_iframe_widget iframe, .fb_iframe_widget span { width: 292px !important;}
    .button-wrapper a.media-button {display: block; float: none; width: 190px; margin: 5px auto;}
    .youtube iframe {width: 300px; height: 200px;}
} 
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .home-content {height: 375px;}
    .inner-img {height: auto;}
    .bookNow { padding-top: 10px; width: 420px; margin: 0 auto 0; position: relative; left: 0; top: 90px;}
    .bookNow a.book-now-resp {margin: 0px 148px 5px; float: none; display: block;}
    .bookNow p {margin-top: 15px;}
    .content .resort-box {margin: 0 60px 18px;}
    .content .resort-box.large {width: 420px; margin: 0 0 18px;}
    .side-specials {width: 420px; margin: 10px auto; position: relative; top: 90px; left: 0; text-align: center;}
    .header-line,section{width:420px;}
    .box {margin: 0px 70px 10px !important;}
    .list1 li {width:295px; margin-right:0px; margin-bottom:20px;padding:20px 20px 5px;}
    .list1 li img{width:295px;}
    .box4{ text-align:center; width:160px; margin-left:15px;}
    .col1{ width:200px !important; float:left;}
    .col1 .list3 span{ display:inline !important;}
    .img2{ width: auto;}
    .padRT{ padding:0px !important;}
    .map iframe{ width:375px;}
    .side-cta, .side-links {width: 159px; margin: 5px 20px 10px;}
    .sidebar {width: 400px; margin: 20px auto; }
    .padleft2, .padleft55 {padding-left: 0;}
    .fb_iframe_widget {width: 300px; margin: 0 50px;}
    .fb_iframe_widget iframe, .fb_iframe_widget span {width: 300px !important; height: 242px !important;}
   /* footer.home {position: relative;} */
    footer .copyright {float: none; text-align:center;}
    footer .social-media {float: none; border-left: none; padding: 0;}
    .twitter-timeline {width: 300px; margin: 0 50px;}
    .fb_iframe_widget iframe, .fb_iframe_widget span { width: 272px !important;}
    .youtube iframe {width: 420px; height: 300px;}
}
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */