/*@font-face {
	font-family: 'FSLola-Regular';
	src: url('../fonts/FSLola-Regular.eot');
	src: local('☺'), 
			url('../fonts/FSLola-Regular.woff') format('woff'), 
			url('../fonts/FSLola-Regular.ttf') format('truetype'), 
			url('../fonts/FSLola-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


html, body {
    font-family: FSLola-Regular;
}

body {
	font-size: 18px; 
}*/

@font-face {
    font-family: 'Effra-Medium';
    src: url('webfonts/2F85AC_16_0.eot');
    src: url('webfonts/2F85AC_16_0d41d.eot?#iefix') format('embedded-opentype'), url('webfonts/2F85AC_16_0.woff2') format('woff2'), url('webfonts/2F85AC_16_0.woff') format('woff'), url('webfonts/2F85AC_16_0.ttf') format('truetype'), url('webfonts/2F85AC_16_0.svg#wf') format('svg');
}
@font-face {
    font-family: 'JupiterPro';
    src: url('webfonts/2F85AC_E_0.eot');
    src: url('webfonts/2F85AC_E_0d41d.eot?#iefix') format('embedded-opentype'), url('webfonts/2F85AC_E_0.woff2') format('woff2'), url('webfonts/2F85AC_E_0.woff') format('woff'), url('webfonts/2F85AC_E_0.ttf') format('truetype'), url('webfonts/2F85AC_E_0.svg#wf') format('svg');
}
@font-face {
    font-family: 'Effra-Light';
    src: url('webfonts/2F85AC_14_0.eot');
    src: url('webfonts/2F85AC_14_0d41d.eot?#iefix') format('embedded-opentype'), url('webfonts/2F85AC_14_0.woff2') format('woff2'), url('webfonts/2F85AC_14_0.woff') format('woff'), url('webfonts/2F85AC_14_0.ttf') format('truetype'), url('webfonts/2F85AC_14_0.svg#wf') format('svg');
}
* {
    box-sizing: border-box;
}
body {
    overflow-x: hidden;
    font-family: Effra-Light;
}
.row {
    width: 100%;
    display: inline-block;
}
.blue_colour {
    color: #5588a8;
}
.center {
    text-align: center;
}
.content {
    background: none;
    background-color: #f5f5f5;
    background: -webkit-linear-gradient(#ffffff, #f5f5f5);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #f5f5f5);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff, #f5f5f5);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #f5f5f5);
    /* Standard syntax (must be last) */
}
.body {
    width: 1210px !important;
    color: #464646;
    padding: 20px;
}
.col_thick_left table.resultPeriod {
    width: 100%;
    margin: 20px 0 10px 0;
}
.col_thick_left table.resultPeriod tr th {
    vertical-align: middle;
    line-height: 1.8em;
    padding: 10px;
    text-align: left;
    background: #ddd;
}
h1, h2, h3, h4, h5, h6 {
    color: #464646;
    position: unset;
}
h1 {
    font-size: 36px;
    font-family: Effra-Light;
    text-transform: uppercase;
}
h2.page_title_tagline {
    font-size: 22px;
    margin-top: -10px;
    margin-bottom: 1em;
}
.page_container {
    margin: -15px 0 0;
}
.col_thick_left li {
    font-size: 14px;
}
.col_thick_left p, .wide, .home .col_thin_left p, .col_thick_top p {
    font-size: 16px !important;
}
.button a:link, .button a:visited, .col_thin_left a:link, .col_thin_left a:visited, .internal_ad_text a:link, .internal_ad_text a:visited, .col_thin_right a:link, .col_thin_right a:visited, a:link, a:visited {
    color: #651008;
    background: none;
}
.form {
    margin-bottom: 40px;
}
.form .form-control-wrap {
    margin-bottom: 20px;
    display: block;
}
.form span.not-valid-tip {
    display: block;
    margin-top: 5px;
}
.form div.response-output {
    margin: 20px 0 40px;
    padding: 6px 15px;
}
.form h3 {
    margin: 0 0 24px;
}
.form p {
    margin-bottom: 40px;
    font-size: 16px;
}
.form label {
    font-size: 15px;
    color: #464646;
    float: left;
    width: 100%;
}
.form button, .form input, .form select, .form textarea {
    width: 100%;
    color: #444;
    font-size: 15px;
    padding-left: 5px;
    height: 38px;
    border: 1px solid #ddd;
}
.form textarea {
    max-width: 100%;
    height: 180px;
    padding-top: 8px;
    color: #444;
}
.form [type=submit] {
    display: inline-block;
    border: none;
    padding: 0 40px;
    width: auto;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 400;
    -webkit-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    background: #83160b;
    color: #fff;
    cursor: pointer;
}
::-webkit-input-placeholder {
    color: #444;
}
:-moz-placeholder {
    /* Firefox 18- */
    color: #444;
}
::-moz-placeholder {
    /* Firefox 19+ */
    color: #444;
}
:-ms-input-placeholder {
    color: #444;
}
.ui-icon-circle-triangle-w {
    background-position: -1px 0px!important;
}
.ui-icon-circle-triangle-e {
    background-position: -19px 0px!important;
}
.ui-widget-header a:hover .ui-icon {
    background-image: url(../images/ui-icons_222222_256x240.png);
}
.ui-datepicker .ui-datepicker-prev {
    left: 1px!important;
    top: 1px!important;
}
.ui-datepicker .ui-datepicker-next {
    right: 1px!important;
    top: 1px!important;
}
/*** Header ***/

.header {
    background-color: #fff;
}
.header .left {
    float: right;
}
.header .topnav.left {
    float: left
}
.header .pootle_mobile_bg .nav.left {
    font-family: Effra-Light;
    text-transform: uppercase;
}
.header .pootle_mobile_bg .nav.left li {
    line-height: 19px;
}
.header .pootle_mobile_bg .nav.left label.accessiblity {
    display: none;
}
.header .pootle_mobile_bg .nav.left .language {
    text-transform: none;
    margin-top: -2px;
}
.header .pootle_mobile_bg .nav.left .language select {
    color: #666666;
    outline: 0px;
    border: none;
    background-color: transparent;
}
#booking_button_package2.round a {
    font-family: Effra-Light;
    text-transform: uppercase;
}
.header .left a:link, .header .left a:visited, .header .left li {
    color: #464646 !important;
    font-size: 13px;
    margin: 0;
}
.header .left .selected a:link, .header .left .selected a:visited {
    color: #5588a8;
}
.header .nav.left, .header .nav.right {
    margin-top: 10px;
    height: auto;
}
.header-flex {
    display: flex;
    align-items: center;
}
.header .logo {
    height: auto;
    margin-bottom: 18px;
    width: 100px;
}
.header .logo img {
    max-width: 100%;
    height: auto;
}
.header_new_logo {
    max-width: 115px;
}
#header_content {
    width: 1210px;
}
.header_nav_desctop {
    width: 100%;
    text-align: center;
}
.header_nav_desctop .topnav.nav.left {
    /*margin-left: 14%;*/
    margin-left: 30px;
    line-height: 40px;
    margin-top: 0;
}
.topnav.nav.left li {
    margin-right: 40px;
}
.topnav.nav.left li.last {
    margin-right: 0;
}
.topnav.nav.left li a {
    font-size: 16px;
    font-family: Effra-Light;
    text-transform: uppercase;
}
#booking_content {
    float: right;
    margin: 0 0 15px;
    position: static;
    top: auto;
    width: 19%;
    z-index: auto;
}
#booking_package {
    position: static;
    z-index: auto;
    left: auto;
    width: auto;
}
#booking_button_hotel.round span, #booking_button_package2.round span, #booking_button_hotel.round, #booking_button_package2.round {
    background: none;
    background-color: #83160b;
    height: auto;
}
#booking_button_package2.round a {
    background: none;
    background-color: transparent;
    height: auto;
}
#booking_button_hotel.round span:hover, #booking_button_package2.round span:hover, #booking_button_hotel.round:hover, #booking_button_package2.round:hover {
    background-color: #651008;
}
#booking_button_hotel.round, #booking_button_package2.round {
    padding: 0;
}
#booking_button_hotel.round span, #booking_button_package2.round span {
    padding: 0 33px;
    height: auto;
}
#booking_button_package2.round a {
    margin-top: 0;
    line-height: 40px;
    font-size: 16px;
}
.header .topnav a .gradient {
    background: none;
}
.google-map {
    clear: both;
}
#googleMap {
    height: 440px;
}
.contact_form {
    float: left;
    margin-right: 100px;
}
.noo-address-info-wrap .noo-container {
    position: relative;
}
.noo-address-info-wrap {
    float: left;
    margin-top: 90px;
}
.noo-address-info-wrap .address-info {
    position: relative;
    width: 370px;
    background-color: #83160b;
    color: #fff;
    padding: 30px;
    height: 595px;
}
.noo-address-info-wrap .address-info h3 {
    color: #fff;
    margin-top: 10px;
    margin-bottom: 24px;
    font-size: 24px;
}
.noo-address-info-wrap .address-info ul {
    padding: 0;
    list-style: none;
    margin-top: 30px;
}
.noo-address-info-wrap .address-info ul li {
    margin-bottom: 5px;
    font-size: 16px;
}
.noo-address-info-wrap .address-info ul li a {
    color: #fff;
}
.noo-address-info-wrap .address-info ul li i {
    float: left;
    color: #f5a64a;
    background: #fff;
    font-size: 18px;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    margin-right: 22px;
}
.noo-address-info-wrap .address-info ul li span {
    float: left;
    width: 180px;
    line-height: 40px;
}
.noo-address-info-wrap .address-info ul li:after {
    clear: both;
    display: table;
    content: ''
}
.noo-address-info-wrap .address-info ul li:first-child span {
    line-height: 21px;
}
/*Mobile*/

.mobile {
    display: none;
    width: 100%;
}
.mobile_menu {
    width: 30%;
    float: left;
    text-align: left;
}
.mobile_sub_menu {
    margin: 0 auto;
    overflow: visible;
    position: relative;
    z-index: 999999;
    width: 100%;
}
.mobile_sub_menu img {
    max-width: 30px;
    height: auto;
    margin-top: 12px;
}
.mobile_menu_list {
    display: none;
    width: 100%;
    background-color: #fff;
}
.mobile_menu_list ul {
    //border-top: 1px solid #aeaeae;
    //border-bottom: 1px solid #aeaeae;
    width: 100%;
}
.mobile_menu_list li {
    //border-bottom: 1px solid #aeaeae;
    width: 100%;
    text-align: center;
}
.mobile_menu_list li.last {
    border-bottom: none;
}
.mobile_menu_list li a {
    color: #464646;
    font-size: 20px;
    line-height: 50px;
    width: 100%;
    text-align: center;
    display: inline-block;
}
.mobile_menu_list li:hover {
    background-color: #5588a8;
}
.mobile_menu_list li:hover a {
    color: #fff;
}
.mobile_menu a {
    margin-left: 12px;
    margin-top: 12px;
    display: inline-block;
}
.mobile_menu img {
    max-width: 30px;
    height: auto;
}
.mobile_logo {
    width: 33%;
    float: left;
    text-align: center;
    margin-bottom: 8px !important;
}
.mobile_logo img {
    margin-top: 20px;
    max-width: 100%;
    height: auto;
}
.mobile_booking {
    width: 33% !important;
    float: left;
    text-align: right;
}
/*** Carousel ***/

.header_carousel picture {
    display: inline-block;
    width: 100%;
}
.header_image {
    min-height: 520px;
    max-height: 640px;
}
.header_carousel #carousel_nav_wrapper {
    display: none;
}
.header_carousel .carousel_images li {
    padding: 0 50px!important;
}
.header_carousel ul .img_bg {
    background-size: cover !important;
    height: auto !important;
    overflow: hidden;
    text-align: center;
}
.header_carousel ul .img_bg img {
    min-height: 569px;
    max-height: 700px;
    max-width: 1500px;
    position: relative;
    left: 100%;
    margin-left: -200%;
    width: auto;
}
#subnav_wrapper {
    width: 1210px;
}
.subnav {
    width: 205px;
    background-size: 100% 100%;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
.subnav li {
    width: 100%;
}
.subnav li a {
    height: auto;
    line-height: 15px;
    width: 100%;
    padding-left: 30px;
    padding-bottom: 15px;
}
.subnav li.last a {
    padding-bottom: 6px;
    font-weight: 600!important;
}
.subnav a:link, .subnav a:visited {
    font-size: 16px !important;
    color: #464646;
    font-weight: 600!important;
}
.subnav .selected a:link, .subnav .selected a:visited {
    color: #5588a8;
    font-weight: 600!important;
}
/*** Home page ***/

.png_border {
    top: -10px;
    background-size: 1230px 100%;
}
.home .col_thin_left {
    width: 100% !important;
    display: inline-block;
    background: none;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.cufon_helvetica_neue {
    text-align: center;
}
.home .col_thin_left p {
    text-align: center !important;
    font-size: 19px !important;
}
.home .col_thin_left p a[title="Read More About Sani Resort"] {
    /*display: none;*/
    display: block;
}
.home .col_thick_right {
    width: 100% !important;
    display: inline-block;
    background: none;
}
.hotels_blurb li {
    width: 19.2%;
    margin-right: 1%;
}
.hotels_blurb li:last-child {
    margin-right: 0;
}
.hotels_blurb h3 {
    width: 100% !important;
    text-align: center;
    top: auto;
    position: relative;
    margin-top: 20px;
}
.hotels_blurb h3 a {
    font-size: 26px;
    text-transform: uppercase;
}
.hotels_blurb dl {
    padding-top: 0 !important;
}
.hotels_blurb dt {
    text-align: center;
    font-size: 17px;
}
.home .hotels_blurb dd img {
    width: 100%;
    height: auto;
}
.hotels_blurb li dd a .overlay {
    width: 100%;
    height: 147px;
}
.col_thick_right .strapline {
    /*display: none;*/
    text-align: center;
    font-size: 19px;
}
.col_thick_right .strapline a:link, .col_thick_right .strapline a:visited {
    background: none;
    font-size: 17px;
}
/*** Page content ***/

.col_thick_left {
    width: 69%;
    margin-right: 1%;
    background: none;
    /*background: rgba(0, 0, 0, 0) url("/images/static/col_thin_right_bg.gif") no-repeat scroll left top;
	background-size: 100%;*/
    padding: 20px;
    font-size: 14px;
}
.col_thick_left img {
    max-width: 100%;
    height: auto;
    float: none;
}
.col_thick_left .landing_page {
    width: 100%;
}
.col_thick_left .landing_page li {
    width: 100%;
}
.col_thick_left .landing_page .landing_img {
    width: 30%;
    height: auto;
}
.col_thick_left .landing_page .landing_img img {
    width: 100%;
    height: auto;
}
.col_thick_left .landing_page .landing_desc {
    width: 70%;
    font-size: 16px !important;
}
.landing_page .landing_desc span.button {
    font-size: 16px !important;
}
.col_thick_left .landing_page .landing_desc h3 {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: normal;
}
.col_thick_left table td {
    padding-left: 20px;
}
/*.col_thick_left table tr:first-child td
{
	padding-top: 20px;
}*/

.col_thick_left table tr:last-child td {
    padding-bottom: 20px;
}
.col_thin_right {
    width: 30%;
    background: none;
    /*background-size: 100%;*/
    padding: 0 20px;
}
/*
table {
	font-size:14px;
}
table>tbody>tr:first-child td {
	 display:none; 
}
table>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
table>tbody>tr>td {
    padding: 10px!important;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ccc;
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
*/

.priceTableV2 {
    background: #ddd;
}
.sidebar_listing {
    width: 100%;
    font-size: 14px;
}
.col_wide_bottom .listing {
    width: 100%;
}
.col_wide_bottom .listing li {
    width: 100%;
}
.col_wide_bottom .listing li .listing_image {
    width: 20%;
}
.col_wide_bottom .listing li .listing_image img {
    width: 100%;
    height: auto;
    max-width: 232px;
}
.col_wide_bottom .listing .listing_content {
    width: 80%;
    font-size: 16px;
}
.col_wide_bottom .listing .listing_content h3 {
    font-size: 22px;
    /*font-weight: bold;*/
    text-transform: uppercase;
}
.col_wide_bottom .yourstay li {
    width: 32.3%;
    margin-right: 0.5% !important;
    margin-left: 0.5% !important;
}
.col_wide_bottom .yourstay li h3 {
    font-size: 22px;
    text-transform: uppercase;
}
.col_wide_bottom .yourstay li .img {
    width: 100%;
    height: auto;
}
.col_wide_bottom .yourstay li .img img {
    width: 100%;
    height: auto;
}
.show_hide_area {
    width: 100%;
    background: none;
    /*background-color: #f5f5f5;*/
    line-height: 40px;
}
.show_hide_area ul.listing li .listing_content {
    line-height: 20px;
}
.col_wide_bottom .show_hide_area {
    margin-left: -8px;
    padding-left: 18px;
}
.show_hide_area a.btn_round_yellow {
    background: none;
    /*background-color: #fff;*/
    background-color: #83160b;
    border: 1px solid #83160b;
    /*color: #666 !important;*/
    color: #fff !important;
    display: inline-block;
    height: auto;
    line-height: 29px;
}
a.btn_round_yellow .open {
    /*background: rgba(0, 0, 0, 0) url("/images/new/btn_blue_close.gif") no-repeat scroll right center !important;*/
    padding-right: 20px;
    font-size: 14px;
}
a.btn_round_yellow .close {
    /*background: rgba(0, 0, 0, 0) url("/images/new/btn_blue_open.gif") no-repeat scroll right center !important;*/
    padding-right: 20px;
    font-size: 14px;
}
#switch_area .items {
    width: 50% !important;
    font-size: 16px;
}
#switch_area .items .other_listing {
    width: 40%;
    margin-right: 5%;
}
#switch_area .items .other_listing li {
    width: 100%;
    margin-right: 0;
}
.listing .extra.button, .listing .more_info, .listing .more_info .more_info_col_1, .listing .more_info .more_info_col_2 {
    width: 50%;
}
.listing .more_info .more_info_col_1, .listing .more_info .more_info_col_2 {
    width: 42%;
    margin-left: 11%;
}
.listing .more_info .more_info_col_2 {
    margin-left: 5%;
}
.listing .more_info .more_info_col_1.fullwidth_column_1 {
    width: 88%;
    margin-left: 11%;
}
.listing .more_info .more_info_col_1.fullwidth_column_1 dl {
    width: 100%;
}
.meeting_rooms {
    width: 50%;
    font-size: 14px;
}
.meeting_rooms h4 {
    font-size: 16px;
}
.meeting_rooms .other_listing {
    width: 47%;
    margin-right: 3%;
}
.meeting_rooms .other_listing li {
    width: 100%;
    padding: 7px 2px !important;
}
.listing li {
    background: none;
}
.listing dt {
    color: #5588a8;
}
.listing dd {
    font-size: 14px;
}
.promo_ad {
    width: 100%;
}
.promo_ad_image {
    width: 70%;
    max-width: 240px;
    margin-left: 10%;
    position: relative;
}
.promo_ad_image img {
    width: 100%;
    height: auto;
}
.promo_ad_text {
    position: absolute;
    width: 80% !important;
    height: 80%;
    left: 0;
    top: 0;
    text-align: center;
    padding: 20px !important;
    margin: 10%;
    background-color: rgba(255, 255, 255, 0.8);
    float: unset !important;
    font-size: 16px;
}
.promo_ad_text .promo_ad_text_middle {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.promo_ad_text h3 {
    font-size: 22px;
    /*margin-bottom: 20px;*/
    margin-bottom: 5px;
}
.promo_ad_text p {
    margin-bottom: 5px;
}
/*.promo_ad h3
{
	font-size: 22px;
	text-align: left;
	margin-bottom: 20px;
}

.promo_ad_image,
.promo_ad_text
{
	padding-top: 10px
}

.promo_ad .promo_ad_text
{
	width: 60%;
	font-size: 16px;
	float: left;
}

.promo_ad .promo_ad_image
{
	width: 40%;
	float: right !important;
	text-align: right;
}*/

/*** Hotels ***/

.our_hotels_page_container .col_thick_top, .our_hotels_page_container .col_thick_bottom {
    padding: 22px 0 0;
}
.nav.our_hotels {
    width: 100%;
}
.nav.our_hotels li {
    width: 49%;
    margin-right: 2% !important;
}
.nav.our_hotels li:nth-child(2), .nav.our_hotels li:nth-child(5) {
    margin-right: 0 !important;
}
.nav.our_hotels li:nth-child(3) {
    width: 100%;
    margin-right: 0 !important;
}
.nav.our_hotels li p.our-hotel-sani-dunes-desktop {
    display: inline;
}
.nav.our_hotels li p.our-hotel-sani-dunes-mobile {
    display: none;
}
.nav.our_hotels li h3 {
    font-size: 26px;
    text-transform: uppercase;
    margin-top: 25px;
}
.nav.our_hotels li img {
    width: 100%;
    height: auto;
}
.nav.our_hotels .cufon_helvetica_neue {
    text-align: left;
}
.fullbox {
    width: 100%;
    background-size: 100% 267px;
}
.hotels_container .fullbox {
    background: none;
}
.fullbox .floatleft {
    float: none;
}
.fullbox h2.floatleft {
    font-size: 26px;
    text-transform: uppercase;
}
.fullbox .map_tagline {
    margin-left: 0;
    font-size: 16px;
}
.information {
    width: auto;
    /*background-size: 100% 100%;*/
    background: none;
    margin-left: -20px;
    margin-right: -20px;
    font-size: 11px;
}
.information h2 {
    font-size: 22px;
}
.information dl {
    width: 100%;
    font-size: 14px;
}
.information dt {
    height: 4em !important;
    width: 40%;
    color: #5588a8;
}
.information dd {
    height: 4em !important;
    width: 60%;
}
#switch_area {
    width: 100%;
}
#switch_arrow {
    display: none;
}
.rooms .listing li {
    width: 30%;
    margin-right: 3% !important;
}
.rooms .listing li h4 {
    text-transform: uppercase;
    color: #464646;
}
.rooms .listing .listing_content h4 a {
    color: #464646 !important;
}
.rooms .listing .listing_image {
    width: 35%;
    height: auto;
    background: none;
}
.rooms .listing .listing_image img {
    width: 100%;
    height: auto;
}
.rooms .listing .listing_content {
    width: 60%;
}
.rooms .room_images {
    width: 100%;
}
.rooms .room_images li {
    width: 19%;
    margin-right: 1%;
}
.rooms .room_images li img {
    width: 100%;
    height: auto;
}
.rooms .carousel_nav .overlay {
    display: none;
}
.rooms .hotel_desc {
    width: 100%;
}
.rooms .hotel_desc .hotel_desc_content_p {
    width: 70%;
    float: left;
    font-size: 16px;
}
.rooms .hotel_desc p.room_view_360 {
    width: 30%;
    float: right;
    font-size: 14px;
}
.rooms .hotel_desc br {
    display: none;
    clear: none;
}
a.btn_round_yellow {
    background: #83160b none repeat scroll 0 0;
    height: auto !important;
    float: right;
    line-height: 30px;
}
a.btn_round_yellow .btn_corner {
    background: none !important;
}
.rooms .hotel_features {
    width: 100%;
}
.rooms .room_features {
    width: 30%;
    margin-right: 3%;
}
.rooms .room_features li {
    width: 100%;
    line-height: 40px;
    font-size: 14px;
}
.col_thick_bottom>img {
    width: 100%;
    height: auto;
}
#btn_switch {
    height: 45px;
}
#btn_switch.hotel_page_switch {
    margin-right: 80px;
}
.hotel_page .hotel_page_tagline {
    font-size: 22px;
    margin-top: -8px;
}
/*** Map Marker ***/

#zoom_map {
    width: 100%;
}
.slider {
    left: auto;
    right: 50px;
}
#maparea, #map_markers.map0, #map {
    height: 100%;
    width: 100%;
}
#map img {
    width: 100%;
    height: auto;
}
#map_markers.map0 #sanibeachhotel-target-1 {
    left: 27.6%;
    top: 66.5%;
}
#map_markers.map0 #sanibeachclub-target-2 {
    left: 52.5%;
    top: 9.3%;
}
#map_markers.map0 #portosanivillage-target-3 {
    left: 5.2%;
    top: 27.7%;
}
#map_markers.map0 #saniasteriassuites-target-4 {
    left: 19.1%;
    top: 44.3%;
}
#zoom_map .floatleft {
    float: left;
}
/*** Interactive Map ***/

#TB_window.tb_window_interactive_map {
    /*width: 70% !important;
    margin-left: -35% !important;*/
    margin-left: -585px !important;
    width: 1170px !important;
    max-height: 95%;
    overflow-x: auto;
}
#TB_window.tb_window_interactive_map #TB_iframeContent {
    width: 100% !important;
    height: 780px !important;
}
.interactive_map_link {
    width: 100%;
}
.interactive_map_link img {
    width: 100%;
    height: auto;
}
.interactive_map_box .iframe_interactive_map {
    width: 100%;
    height: 780px;
}
/*** Internal Ad ***/

.internal_ads {
    background: none;
    width: 1210px;
    padding: 40px 20px 20px;
}
.internal_ads .internal_ads_footer {
    width: 100%;
}
.internal_ads .internal_ads_footer li {
    width: 31.62%;
    margin-right: 2.57%;
}
.internal_ads .internal_ads_footer li:last-child {
    margin-right: 0;
}
.internal_ad_image {
    width: 100%;
    text-align: center;
    float: none;
    display: none;
}
.internal_ad_image img {
    max-width: 100%;
    height: auto;
}
.internal_ad_text {
    width: 100%;
    text-align: center;
    float: none; //margin-top: -65px;
    /*	background-color: #83160b;*/
    background: #bb463b;
    padding: 30px;
    font-family: Effra-Light;
    font-size: 17px;
    min-height: 160px;
}
.internal_ad_text:hover {
    /*background-color: #651008;*/
    background-color: #dc5e51;
}
.internal_ad_text h3 {
    text-align: center;
    font-size: 26px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.2em;
}
.internal_ad_text h3 strong {
    margin-bottom: 0;
}
.internal_ad_text a {
    color: #fff !important;
}
/*** Footer ***/

.footer {
    background: none;
    background-color: #f5f5f5;
    margin: 0;
}
.wrapper_fotter {
    width: 1210px;
}
.footer_sani_bird {
    width: 100%;
    text-align: center;
    margin: 0 20px 40px 20px;
    display: inline-block;
    position: relative;
}
.footer_sani_bird span {
    display: inline-block;
}
.footer_sani_bird span:before, .footer_sani_bird span:after {
    /*border-top: 1px solid #aeaeae;
    display: block;
    height: 1px;
    content: " ";
    width: 40%;
    position: absolute;
    left: 0;
    top: 1.2em;
	margin-bottom: 30px;
	margin-top: 25px;*/
    content: "";
    position: absolute;
    height: 1px;
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
    top: 19px;
    width: 45%;
}
.footer_sani_bird span:before {
    right: 53%;
    margin-right: 5px;
}
.footer_sani_bird span:after {
    left: 53%;
    margin-left: 5px;
}
.footer_double_border {
    height: 3px;
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
    margin-bottom: 50px;
    margin-left: 20px;
    margin-right: 20px;
}
.footer_links_top {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.footer_links_top ul {
    float: none;
    display: inline-block;
}
.footer_links_top ul li {
    margin-left: 20px;
    margin-right: 20px;
}
.footer_links_top .first {
    margin-left: 0;
    margin-right: 20px;
}
.footer_links_top .last {
    margin-left: 20px;
    margin-right: 20px;
}
.footer_links_top a {
    font-family: Effra-Light;
    font-size: 16px;
    text-transform: uppercase;
}
.footer-social-links {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 40px;
}
.footer-social-links a img {
    margin-left: 35px;
    width: 47px;
    height: 47px;
}
.footer-social-links a:first-child img {
    margin-left: 0;
}
.footer_bottom_menu {
    clear: both;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.footer_bottom_menu .footer_links_left {
    margin-top: 20px;
    float: none;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.footer_bottom_menu .footer_links_left ul {
    float: none;
    display: inline-block;
    text-align: center;
    margin-top: 0;
}
.footer_bottom_menu .footer_links_left ul li {
    font-size: 14px;
    text-transform: uppercase;
    font-family: Effra-Light;
}
.footer_bottom_menu .footer_links_left ul li a {
    font-family: Effra-Light;
}
.discover_greece {
    width: 100%;
    margin: 20px 10px;
    text-align: center;
}
.footer-gradient {
    background: none;
}
/* Booking */

#iFrameHotelFlight {
    width: 100%;
    min-height: 920px;
    max-width: 400px;
}
.book_page_container {
    margin: 0;
}
.book_body {
    background: none;
}
.book_col {
    text-align: center;
}
/* Form */

#booking_form_package {
    width: 400px;
    padding: 0px 20px 20px 20px;
    clear: both;
    margin: 0 auto;
    background: #fff!important;
}
#booking_form_package .fullrow {
    width: 100%;
    height: auto;
}
#booking_form_package .row {
    width: 100%;
    color: #464646;
    font-size: 15px;
    margin-top: 15px;
    text-align: left;
}
#booking_form_package label {
    font-size: 15px;
    color: #464646;
    float: left;
    width: 100%;
}
.req {
    color: #f71700;
}
#booking_form_package .frm_dropdown {
    width: 100%;
    border: 1px solid #ddd;
    height: 38px;
    color: #464646;
    font-size: 15px;
}
#booking_form_package input {
    width: 100%;
    color: #464646;
    font-size: 15px;
    padding-left: 5px;
    height: 38px;
    border: 1px solid #ddd;
}
#booking_form_package .row.check_date {
    width: 49%;
}
#booking_form_package .row.check_date:last-child {
    margin-left: 10%;
}
#booking_form_package .row.check_date label {}
#booking_form_package .row.check_date input {
    width: 90%;
    color: #464646;
    font-size: 14px;
    padding-left: 5px;
    margin-right: 1% !important;
}
#booking_form_package .row.check_date img {
    float: none;
    max-width: 30%;
    margin: -3px 5px;
}
.hasDatepicker {
    float: left;
    line-height: 38px;
    padding-left: 10px;
    height: 42px;
}
#booking_form_package .row.radio label {
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}
#booking_form_package .radio-item {
    float: left;
    width: 100%;
    text-align: left;
}
#booking_form_package input[type="radio"] {
    width: 16px;
    color: #464646;
    font-size: 15px;
    padding-left: 5px;
    border: 1px solid #ddd;
    height: 28px;
    margin: -2px 5px 0 0px;
}
#booking_form_package input[type="checkbox"] {
    width: 15px;
    color: #464646;
    font-size: 15px;
    padding-left: 5px;
    border: 1px solid #ddd;
    height: 28px;
    margin: -2px 5px 0 0px;
}
#booking_form_package textarea {
    width: 100%;
    color: #444;
    font-size: 15px;
    padding-left: 5px;
    height: 100px;
    border: 1px solid #ddd;
}
#booking_form_package .row.capcha {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
}
#booking_form_package .round_yellow {
    float: none;
    width: 100%;
    text-align: center;
    margin: 30px 0;
    padding: 0;
    display: inline-block;
    background: #84a2c6 none repeat scroll 0 0;
    height: auto;
    line-height: 30px;
    font-size: 14px;
}
#booking_form_package .round_yellow input {
    float: none;
    width: 100%;
    padding: 10px;
    height: auto;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: bold;
    cursor: pointer;
}
@media only screen and (min-width:1200px) and (max-width:1300px) {
    .body {
        width: 1080px !important;
    }
    #header_content {
        width: 1080px;
    }
    #booking_content {
        //width: 190px;
    }
    #booking_package {
        left: 1005px;
    }
    .header_nav_desctop .topnav.nav.left {
        /*margin-left: 16%;*/
        margin-left: 0;
    }
    #booking_button_hotel.round span, #booking_button_package2.round span {
        padding: 0 22px;
    }
    .topnav.nav.left li {
        margin-right: 25px;
    }
    #subnav_wrapper {
        width: 1005px;
    }
    .hotels_blurb li .overlay {
        display: none !important;
    }
    .internal_ads {
        width: 1080px;
    }
    .wrapper_fotter {
        width: 1080px;
    }
    .png_border {
        background-size: 1100px 100%;
    }
    .col_thick_left img {
        float: none;
    }
    .promo_ad_image {
        width: 100%;
        margin-left: 0;
    }
    /*.col_thin_right .promo_ad .promo_ad_text
	{
		width: 60%;
		float: left;
		text-align: left;
	}
	
	.col_thin_right .promo_ad .promo_ad_image
	{
		width: 40% !important;
		float: right !important;
	}
	
	.promo_ad
	{
		float: none !important;
		width: 100% !important;
		text-align: center;
	}*/
    .col_wide_bottom .listing {
        width: 100%;
    }
    #btn_switch.hotel_page_switch {
        margin-right: 55px;
    }
    .footer_links_top ul li {
        margin-left: 10px;
        margin-right: 10px;
    }
    .footer_links_top .first {
        margin-left: 0;
        margin-right: 10px;
    }
    .footer_links_top .last {
        margin-left: 10px;
        margin-right: 10px;
    }
    /*** Interactive Map ***/
    .interactive_map_box .iframe_interactive_map {
        height: 694px;
    }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
    .body {
        width: 880px !important;
    }
    #header_content {
        width: 880px;
    }
    .contact_form {
        margin-right: 20px;
    }
    #booking_content {
        width: auto;
    }
    #booking_package {
        left: 880px;
    }
    .header_nav_desctop .topnav.nav.left {
        margin-left: 0;
    }
    .header_carousel .carousel_images li {
        padding: 20px !important;
    }
    .topnav.nav.left li {
        margin-right: 15px;
    }
    .topnav.nav.left li a {
        font-size: 14px;
    }
    #booking_button_hotel.round span, #booking_button_package2.round span {
        padding: 0 25px;
    }
    #booking_button_package2.round a {
        font-size: 14px;
    }
    #subnav_wrapper {
        width: 880px;
    }
    .footer_links_top ul li {
        margin-left: 5px;
        margin-right: 5px;
    }
    .footer_links_top a {
        font-size: 14px;
    }
    .footer_links_top .first {
        margin-left: 0;
        margin-right: 5px;
    }
    .footer_links_top .last {
        margin-left: 5px;
        margin-right: 5px;
    }
    .hotels_blurb li .overlay {
        display: none !important;
    }
    .internal_ads {
        width: 880px;
    }
    .wrapper_fotter {
        width: 880px;
    }
    .png_border {
        background-size: 900px 100%;
    }
    .col_thick_left {
        width: 100%;
    }
    .col_thick_left img {
        float: none;
    }
    .col_thin_right {
        width: 100%;
    }
    .promo_ad_image {
        width: 100%;
        margin-left: 0;
    }
    .internal_ad_text {
        min-height: 180px;
    }
    /*.col_thin_right .promo_ad
	{
		width: 100%;
	}
	
	.col_thin_right .promo_ad  h3,
	.cufon_helvetica_neue
	{
		text-align: left;
	}
	
	.col_thin_right .promo_ad .promo_ad_text
	{
		width: 60%;
		float: left;
		text-align: left;
	}
	
	.col_thin_right .promo_ad .promo_ad_image
	{
		width: 40% !important;
		float: right !important;
		text-align: right;
	}*/
    .col_wide_bottom .listing {
        width: 100%;
    }
    #btn_switch.hotel_page_switch {
        margin-right: 0;
    }
    /*** Interactive Map ***/
    .interactive_map_box .iframe_interactive_map {
        height: 625px;
    }
}
@media only screen and (min-width:768px) and (max-width:991px) {
    .body {
        width: 700px !important;
    }
    #header_content {
        width: 700px;
    }
    #booking_content {
        width: 700px;
    }
    #booking_package {
        left: 700px;
    }
    .header .left {
        float: left;
    }
    .header .left.header_call_us {
        float: right;
    }
    /*** Carousel ***/
    .header_image {
        min-height: 306px;
        position: static;
    }
    .header_carousel .carousel_images li {
        padding: 0 !important;
    }
    .header_carousel ul .img_bg img {
        width: 100%;
        height: auto;
        min-height: 0;
        max-height: none;
    }
    .page_container {
        margin: -35px 0 0;
    }
    #booking_button_hotel.round, #booking_button_package2.round {
        margin-top: 12px;
    }
    #booking_button_package2.round a {
        font-size: 13px;
        line-height: 32px
    }
    .internal_ads {
        width: 700px;
    }
    .wrapper_fotter {
        width: 700px;
    }
    #subnav_wrapper {
        width: 700px;
    }
    .png_border {
        background-size: 720px 100%;
    }
    .mobile {
        display: inline-block;
    }
    .mobile_sub_menu {
        width: 700px;
        display: block;
    }
    .pootle_mobile_bg {
        //background-color: #f5f4f4;
        display: inline-block;
        margin-bottom: -3px;
        width: 100%;
    }
    .subnav {
        width: 100%;
        background: rgba(0, 0, 0, 0) url("../images/static/subnav_bg.png") repeat scroll left top;
        top: 0;
        display: none;
        background-color: #fff;
    }
    .subnav li {
        width: 100%;
    }
    .subnav li a {
        text-align: center;
        font-size: 16px !important;
        padding: 10px 15px;
    }
    .desctop {
        display: none;
    }
    .hotels_blurb li .overlay {
        display: none !important;
    }
    .hotels_blurb h3 a {
        font-size: 22px;
    }
    .footer_links_top ul li {
        margin-left: 5px;
        margin-right: 5px;
    }
    .footer_links_top a {
        font-size: 12px;
    }
    .footer_links_top .first {
        margin-left: 0;
        margin-right: 5px;
    }
    .footer_links_top .last {
        margin-left: 5px;
        margin-right: 5px;
    }
    .footer-social-links a img {
        margin-left: 10px;
        margin-right: 10px;
    }
    .col_thick_left {
        width: 100%;
    }
    .col_thick_left img {
        float: none;
    }
    .col_thick_left .landing_page li {
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
        clear: none;
        min-height: 470px;
    }
    .col_thick_left .landing_page .landing_img {
        width: 100%;
    }
    .col_thick_left .landing_page .landing_desc {
        width: 100%;
        text-align: center;
    }
    .col_thin_right {
        width: 100%;
    }
    .promo_ad_image {
        width: 100%;
        margin-left: 0;
        max-width: 240px;
    }
    .internal_ad_text {
        min-height: 200px;
    }
    /*.col_thin_right .promo_ad
	{
		width: 100%;
	}
	
	.col_thin_right .promo_ad  h3,
	.cufon_helvetica_neue
	{
		text-align: left;
	}
	
	.col_thin_right .promo_ad .promo_ad_text
	{
		width: 60%;
		float: left;
		text-align: left;
	}
	
	.col_thin_right .promo_ad .promo_ad_image
	{
		width: 40% !important;
		float: right !important;
		text-align: right;
	}*/
    .col_wide_bottom .listing {
        width: 100%;
    }
    .col_wide_bottom .listing li {
        width: 100%;
        float: left;
        clear: none;
    }
    .col_wide_bottom .listing li .listing_image {
        text-align: center;
        width: 100%;
    }
    .col_wide_bottom .listing li .listing_image img {
        width: 100%;
        height: auto;
    }
    .col_wide_bottom .listing li .listing_content {
        width: 100%;
        text-align: center;
    }
    .col_wide_bottom .yourstay li {
        width: 47%;
        margin-right: 3% !important;
    }
    .listing .extra.button, .listing .more_info, .listing .more_info .more_info_col_1, .listing dl, .listing .more_info .more_info_col_2, .listing .more_info .more_info_col_2 span {
        width: 100%;
        text-align: left;
    }
    .listing .more_info .more_info_col_1.fullwidth_column_1 {
        width: 100%;
        margin-left: 0;
    }
    #switch_area .items {
        width: 100% !important;
    }
    #switch_area .items .other_listing {
        width: 45%;
        margin-right: 5%;
    }
    .hotels_container .fullbox {
        display: none;
    }
    .rooms .listing li {
        width: 47%;
        margin-right: 3% !important;
    }
    .meeting_rooms {
        width: 50%;
    }
    .meeting_rooms .other_listing {
        width: 100%;
        margin-right: 0;
    }
    .meeting_rooms .other_listing li {
        padding: 7px 2px !important;
        width: 95%;
        margin-right: 5%;
    }
    .listing_content .more_info .mobile a {
        background: rgba(0, 0, 0, 0) url("../images/static/arrow_yellow.gif") no-repeat scroll right top;
        color: #f9b200;
        font-weight: bold;
        line-height: 14px;
        padding-right: 12px;
        position: relative;
        vertical-align: middle;
    }
    /*Brochure*/
    .col_thick_left p object {
        width: 100% !important;
        height: auto !important;
    }
    .col_thick_left p object embed {
        width: 100% !important;
        height: auto !important;
    }
    #btn_switch.hotel_page_switch {
        margin-right: 0;
    }
}
@media only screen and (max-width:767px) {
    .body {
        width: 100% !important;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
    }
    .contact_form {
        float: none;
        margin: 0px 12px;
    }
    .form p {
        margin-bottom: 20px;
    }
    .form .form-control-wrap {
        margin-bottom: 10px;
    }
    .noo-address-info-wrap {
        float: none;
        margin: 0px 0px 30px 0;
    }
    .noo-address-info-wrap .address-info {
        width: 100%;
        height: 360px;
    }
    #booking_form_package {
        width: 100%;
    }
    #header_content {
        width: 100%;
        margin-top: 0;
    }
    #booking_content {
        width: 100%;
    }
    #booking_package {
        left: 100%;
    }
    .internal_ads {
        width: 100%;
    }
    .wrapper_fotter {
        width: 100%;
    }
    .content {
        padding: 0;
    }
    h1 {
        font-size: 26px;
        margin-top: 50px;
        margin-left: 12px;
    }
    .header .left {
        float: left;
    }
    .header_carousel .carousel_images li {
        padding: 0 !important;
    }
    .col_thick_left {
        background: none;
    }
    .mobile_menu_list ul {
        padding-bottom: 50px;
    }
    .col_thick_left p, .wide, .home .col_thin_left p, .col_thick_top p, .col_thick_left .landing_page .landing_desc, .col_wide_bottom .listing li .listing_content, #switch_area .items, .meeting_rooms h4, .promo_ad .promo_ad_text {
        font-size: 14px;
    }
    .meeting_rooms, .listing dd, .information dl {
        font-size: 12px;
    }
    a.top:link, a.top:visited {
        display: none;
    }
    .hotels_blurb h3 a {
        font-size: 20px;
    }
    .col_thick_left .landing_page .landing_desc h3, .promo_ad h3, .information h2 {
        font-size: 20px;
    }
    /*** Carousel ***/
    .header_image {
        min-height: 270px;
        position: static;
    }
    .header_carousel ul .img_bg img {
        max-width: 100%;
        height: auto;
        min-height: 246px;
        max-height: none;
    }
    #booking_button_hotel.round, #booking_button_package2.round {
        margin-top: 12px;
    }
    #booking_button_package2.round a {
        font-size: 10px;
        line-height: 34px;
        height: 34px;
    }
    .header .left a:link, .header .left a:visited, .header .left li {
        font-size: 12px;
    }
    #subnav_wrapper {
        width: 100%;
        margin-top: 15px;
    }
    .png_border {
        background-size: 100% 100%;
        opacity: 0;
    }
    .mobile {
        display: inline-block;
    }
    .mobile_sub_menu {
        width: 100%;
        display: block;
        padding-left: 12px;
    }
    .pootle_mobile_bg {
        background-color: #f5f4f4;
        display: inline-block;
        margin-bottom: -3px;
        width: 100%;
    }
    .header .nav.left, .header .nav.right {
        margin: 8px 0px 8px 8px;
    }
    .header .nav.left.header_call_us {
        float: right;
        margin: 8px;
    }
    .page_container {
        position: relative;
        z-index: 1000;
        width: 100%;
        top: initial!important;
        margin: 0px;
    }
    .mobile_menu_list li a {
        line-height: 35px;
        text-transform: capitalize;
    }
    .subnav {
        width: 100%;
        background: rgba(0, 0, 0, 0) url("../images/static/subnav_bg.png") repeat scroll left top;
        top: 150px;
        /*display: none;*/
        display: block;
        background-color: #fff;
        padding-top: 0px!important;
        padding-bottom: 0px!important;
    }
    .subnav li {
        width: 100%;
    }
    .subnav li a {
        text-align: center;
        font-size: 16px !important;
        padding: 10px 15px;
    }
    .desctop {
        display: none;
    }
    #booking_button_package2.round {
        margin-right: 10%;
    }
    #booking_button_package2.round span {
        padding-left: 10px;
        padding-right: 10px;
    }
    #booking_button_package2.round span a {
        padding-left: 0;
        padding-right: 0;
    }
    .col_thick_left h1 {
        margin-top: 20px;
    }
    .home .col_thick_right {
        width: 100% !important;
    }
    .hotels_blurb li .overlay {
        display: none !important;
    }
    .hotels_blurb li {
        width: 49%;
        margin-right: 1%;
        min-height: auto;
        margin-bottom: 10px;
    }
    .hotels_blurb li:nth-child(3) {
        width: 99%;
    }
    .hotels_blurb li:nth-child(3) dd a {
        display: inline-block;
        max-height: 200px;
        overflow: hidden;
    }
    .hotels_blurb li:nth-child(3) dd a img {
        margin-top: -10%;
    }
    .hotels_blurb h3 {
        margin-top: 5px;
    }
    .internal_ads .internal_ads_footer li {
        margin-right: 10%;
        margin-left: 10%;
        width: 80%;
        margin-bottom: 30px;
    }
    .footer_links_top {
        margin-left: 0;
    }
    .footer_links_top ul li {
        margin-top: 10px;
        margin-bottom: 10px;
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }
    .footer_links_top ul li a {
        font-size: 14px;
    }
    .footer_links_top .first {
        margin-left: 10%;
        margin-right: 10%;
    }
    .footer_links_top .last {
        margin-left: 10%;
        margin-right: 10%;
    }
    .footer-social-links a {}
    .footer-social-links a img {
        margin-left: 5px;
        margin-right: 5px;
        width: 30px;
        height: auto;
    }
    .footer_bottom_menu ul {
        text-align: center;
        width: 80%;
        float: none !important;
    }
    .footer_bottom_menu ul li {
        text-align: center;
        float: none !important;
    }
    .footer_bottom_menu ul li a {
        font-size: 14px;
    }
    .col_thick_left {
        width: 100%;
        padding: 12px;
    }
    .col_thick_left img {
        float: none;
    }
    .col_thick_left .landing_page li {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
        clear: none;
    }
    .col_thick_left .landing_page .landing_img {
        width: 100%;
    }
    .col_thick_left .landing_page .landing_desc {
        width: 100%;
        text-align: left;
        padding-left: 0;
        padding-right: 0;
    }
    .col_thin_right {
        width: 100%;
    }
    .promo_ad_image {
        width: 100%;
        margin-left: 0;
    }
    /*.col_thin_right .promo_ad
	{
		width: 100%;
	}
	
	.col_thin_right .promo_ad h3
	{
		text-align: left;
	}
	
	.col_thin_right .promo_ad .promo_ad_text
	{
		width: 100%;
		float: left;
		text-align: left;
	}
	
	.col_thin_right .promo_ad .promo_ad_image
	{
		width: 100% !important;
		float: right !important;
		text-align: left;
	}*/
    .col_wide_bottom {
        padding-left: 0;
    }
    .col_wide_bottom .listing {
        width: 100%;
    }
    .col_wide_bottom .listing li {
        width: 100%;
        float: left;
        clear: none;
    }
    .col_wide_bottom .listing li .listing_image {
        text-align: center;
        width: 100%;
    }
    .col_wide_bottom .listing li .listing_image img {
        width: 100%;
        max-width: 100%;
        height: auto;
        padding: 10px 15px 10px 15px;
    }
    .col_wide_bottom .listing li .listing_content {
        width: 100%;
        text-align: left;
        padding: 10px 15px 10px 15px;
    }
    .col_wide_bottom .yourstay li {
        width: 100%;
        margin-right: 0% !important;
    }
    .listing .extra.button, .listing .more_info, .listing .more_info .more_info_col_1, .listing dl, .listing .more_info .more_info_col_2, .listing .more_info .more_info_col_2 span {
        width: 100%;
        text-align: left;
        margin-left: 0;
    }
    .listing .more_info .more_info_col_1.fullwidth_column_1 {
        width: 100%;
        margin-left: 0;
    }
    .nav.our_hotels li {
        width: 100%;
        margin-left: 0 !important;
    }
    .nav.our_hotels li p.our-hotel-sani-dunes-desktop {
        display: none;
    }
    .nav.our_hotels li p.our-hotel-sani-dunes-mobile {
        display: inline;
    }
    #switch_area .items {
        width: 100% !important;
    }
    #switch_area .items .other_listing {
        width: 100%;
        margin-right: 0;
    }
    .rooms .listing li {
        width: 100%;
        margin-right: 0 !important;
    }
    #btn_switch {
        display: none !important;
    }
    .hotels_container .col_thick_top {
        padding: 12px;
    }
    .hotels_container .col_thick_top .nav.our_hotels {
        padding-top: 20px;
    }
    .hotels_container .fullbox {
        display: none;
    }
    .show_hide_area h1 {
        width: 100%;
    }
    .rooms .room_images {
        display: none;
    }
    .rooms .hotel_desc .hotel_desc_content_p {
        width: 100%;
    }
    .rooms .hotel_desc p.room_view_360 {
        width: 100%;
        float: left;
        text-align: left;
    }
    .rooms .hotel_desc p a.btn_round_yellow {
        float: left;
    }
    .rooms .room_features {
        width: 100%;
        margin-right: 0;
        /*padding: 0 25px;*/
    }
    .rooms .room_features li {
        padding-left: 15px;
        padding-right: 25px;
    }
    .meeting_rooms {
        width: 100%;
        padding: 0 12px;
    }
    .meeting_rooms .other_listing {
        width: 100%;
        margin-right: 0;
    }
    .meeting_rooms .other_listing li {
        padding: 7px 2px !important;
        width: 100%;
        margin-right: 0%;
    }
    .meeting_rooms h4 {
        margin-top: 1.5em;
        margin-bottom: 1.5em;
    }
    ul.yourstay.reset {
        padding-left: 12px;
        padding-right: 12px;
    }
    .footer_sani_bird {
        margin: 0;
        padding: 0 20px 40px;
    }
    .footer_sani_bird_img {
        margin-top: -3px;
    }
    .footer_sani_bird span::before {
        margin-right: 7%;
    }
    .footer_sani_bird span::after {
        margin-left: 7%;
    }
    .footer_sani_bird span::before, .footer_sani_bird span::after {
        width: 35%;
    }
    .listing_content .more_info .mobile a {
        /*background: rgba(0, 0, 0, 0) url("/images/static/arrow_yellow.gif") no-repeat scroll right top;*/
        background: none;
        color: #651008;
        font-weight: bold;
        line-height: 14px;
        padding-right: 12px;
        position: relative;
        vertical-align: middle;
    }
    .hotel_page .col_thin_right {
        padding: 0;
    }
    .hotel_page .col_thin_right .promo_ad {
        padding: 22px 12px 10px;
    }
    .hotel_page .col_thin_right .information {
        padding: 12px;
    }
    .hotel_page .body {
        padding-bottom: 0;
    }
    /*Brochure*/
    .col_thick_left p object {
        width: 100% !important;
        height: auto !important;
    }
    .col_thick_left p object embed {
        width: 100% !important;
        height: auto !important;
    }
}
@media only screen and (max-width:480px) {
    .header_carousel ul .img_bg img {
        max-width: none;
        min-height: 1px;
        max-height: 280px;
    }
}
@media only screen and (max-width:370px) {
    .header_image {
        min-height: 236px;
        position: static;
    }
    .header_carousel ul .img_bg img {
        max-width: none;
        min-height: 1px;
        max-height: 221px;
    }
}