.four.columns + .eight.columns,
.eight.columns + .four.columns{
    padding: 0 15px
}

/* =ipad =1024 
------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1024px){

.column, .columns{
    padding: 0 15px;
}

/* nav */
.nav ul{
    margin: 60px 0 40px 0;
}

/* maps */
iframe{
    max-width: 1024px;
}

/* home */
.slide_description{
    top: 160px;
}

.welcome{
    padding: 0 15px 10px 0;
}

.amenities{
    padding: 30px 15px 0 0;
}

.amenities ul li{
    height: 40px;
}

.special_offer{
    width: 100%;
    padding: 0 15px 10px 0;
}

/* book */
.arrive,
.depart,
.guests,
.booking input.button{
    width: 90%;
}

/* rooms intro */

.four.columns .four.room_intro.vertical{
    width: 100%;
    margin: 0 0 40px 0;
}

.four.columns .four.room_intro.vertical{ 
    width: 100%;
    margin: 0 0 40px 0;
}

/* =share + book =booknow */
#share.blog_area{
    width: 190px;
}

/* location */
.location_services{
    padding: 50px 20px 20px 20px;    
}

/* room */
ul#featured_list{
    width: 100%;
    margin: 0 0 25px 0;
    padding: 25px 5px 25px 10px;
}

ul#featured_list li{
    width: 190px;
    margin: 0 10px 15px 2px;
    padding: 10px 0 10px 30px;
}

.table_container{
    width: 100%;
    margin: 20px 0 50px 0;    
}

table{
    width: 100%;
    margin: 20px 0;
}

/* blog */
.comment_body{
    width: 85%;
}


div.pagination div.centered{
    width: 320px;
}


}

/* =ipad =1023
------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1023px){

ul#misc,
.nav ul{
    display: none;
}

.nav_select{
    display: block;
    float: left;
    width: 100%;
    margin: 20px 0 20px 0;
}

.nav_select select{
    display: block;
    width: 240px;
    margin: 0 auto;
    text-transform: none;
}
}


@media only screen and ( min-width: 768px ) and ( max-width: 1023px ) {
	.arrive label,
	.depart label,
	.guests label,
	.room-select label {
	background-image: none;
	}
}

/* =ipad =768 
------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 768px){

.five.columns p,
ul#misc,
.nav ul{
    display: none;
}

.nav_select{
    display: block;
    float: left;
    width: 100%;
    margin: 20px 0 20px 0;
}

.nav_select select{
    display: block;
    width: 240px;
    margin: 0 auto;
    text-transform: none;
}

.slide_description{
    top: 100px;
}

.column, .columns{
    padding: 0 15px;
}

h2{
    font-size: 18px;
}

h3{
    font-size: 16px;
}

h4{
    font-size: 14px;
}

/* maps */
iframe{
    max-width: 768px;
}

/* home */
.welcome{
    padding: 0 15px 10px 0;
}

.amenities{
    padding: 30px 15px 0 0;
}

.special_offer{
    padding: 0 15px 10px 0;
}

.amenities ul li{
    width: 135px;
    height: 50px;
    margin: 0 10px 20px 0;
}


/* book */
.booking{
    height: auto;
    background: none;
    background-color: #f5f5f5;
}

.arrive,
.depart,
.guests,
.booking input.button,
.room-select {
    width: 80%;
    margin: 10px auto;
}

.guests label{
    width: 87%;
}

.guests div{
    width: 13%;
}


/* rooms intro */
.four.columns.vertical{
    margin: 50px auto 0 auto;
    text-align: center;
}

.four.columns.vertical .room_intro,
.room_intro{
    float: none;
    width: 70%;
    background-color: #fff;
    margin: 0 auto 50px auto;   
    padding: 20px 20px 10px 20px;
}

a.button{
    width: 200px;
}

/* share + book =booknow */
.book_now p{
    display: none;
}

/* location */
.location_services{
    margin: 0 auto 50px auto;
    padding: 50px 20px 20px 20px;    
}

/* room */
ul#featured_list{
    width: 100%;
    background: none;
    margin: 0 0 25px 0;
    padding: 25px 5px 25px 10px;
}

ul#featured_list li{
    width: 200px;
    margin: 0 15px 15px 0;
    padding: 10px 0 10px 30px;
}

table{
    width: 100%;
    margin: 20px 0;
}

table a.button{
    float: none;
    width: 50px;
    font-size: 11px;
    margin: 10px auto;
    padding: 3px 0;
}

/* blog */

div.pagination div.centered{
    width: 320px;
}

.entry ul li,
.entry ol li{
    width: auto;
    height: auto;
    margin: 0 0 5px 0;
} 

/* sidebar */
.flickr_badge_image {
    margin: 0 15px 5px 0;
}


.ci-socials-ignited a{
    margin: 0 7px 10px 0;
}

.widget_ci_ads125_widget ul li a{
    width: auto;
}

.widget_calendar table td{
    padding: 2%;
}

.widget_calendar caption,
.widget_calendar table tfoot td{
    padding: 4px;
}

}

/* =ipad =768 
------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 767px){

/* home */
.slide_description{
    display: none;
}

}

/* =iphone =480
------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 480px){

/* maps */
iframe{
    max-width: 480px;
}

.top p, 
ul#misc,
.nav ul{
    display: none;
}

.top p.slide{
    display: block;
}

h1{
    margin: 20px auto 20px auto;
}

.nav_select{
    display: block;
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
}

.nav_select select{
    display: block;
    width: 240px;
    margin: 0 auto;
    text-transform: none;
}

/* booking */
.guests label{
    width: 82%;
}

.guests div{
    width: 18%;
}

/* home */
.welcome{
    padding: 0 0 10px 0;
    border-right: none;
}

.amenities{
    padding: 30px 0 0 0;
    border-right: none;
}

.special_offer{
    padding: 0 0 10px 0;
}

.amenities ul li{
    width: 125px;
    height: 50px;
    margin: 0 10px 20px 0;
}

/* room intro */
.four.columns.vertical .room_intro,
.room_intro{
    float: none;
    width: 90%;
    background-color: #fff;
    margin: 0 auto 50px auto;   
    padding: 20px 20px 10px 20px;
}

/* room */

ul#featured_list li{
    width: 190px;
    margin: 0 8px 15px 2px;
    padding: 10px 0 10px 30px;
}

/* blog */
.comment_body{
    width: 300px;
}

.comment_body input{
    width: 60px;
}


.reply input{
    clear: both;
    width: 80%;
}

.reply textarea{
    clear: both;
}

.contact_form input.button,
.reply input.button{
    width: 60%;
}

div.pagination div.centered{
    width: 380px;
}

/* location */
.location_services{
    padding: 50px 20px 20px 20px;    
}

dl dd{
    width: 250px;
}

/* share + book =booknow */
#share{
    display: none;
}

.book_now p{
    display: none;
}

.book_now a{
    float: none!important;
    margin: 0 auto!important;
}

/* contact */
.contact_form input{
    width: 80%;
    clear: both;
}

.contact_form textarea{
    clear: both;
}

/* sidebar */
.flickr_badge_image,
.flickr_badge_image:nth-of-type(3n),
.flickr_badge_image:nth-of-type(2n){
    margin: 0 10px 10px 0;
}

/* footer */
.footer h4{
    margin: 20px 0 10px 0;
}

}

/* =iphone =320
------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 320px){

/* maps */
iframe{
    max-width: 320px;
}

.top p, 
ul#misc,
.nav ul{
    display: none;
}

.top p.slide{
    display: block;
}

h1{
    margin: 20px auto 20px auto;
}

.nav_select{
    display: block;
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
}

.nav_select select{
    display: block;
    width: 240px;
    margin: 0 auto;
    text-transform: none;
}

/* booking */
.guests label{
    width: 73%;
}

.guests div{
    width: 27%;
}

/* home */
.amenities ul li{
    width: 110px;
    height: 50px;
    margin: 0 5px 20px 0;
}

/* room intro */
.four.columns.vertical .room_intro,
.room_intro{
    float: none;
    width: 100%;
    background-color: #fff;
    margin: 0 auto 50px auto;   
    padding: 20px 20px 10px 20px;
}


/* blog */
.entry{
    float: left;
    width: 100%;
    padding: 25px 10px 10px 10px;    
    background-color: #fff;
}

.entry ul li,
.entry ol li{
    width: auto;
    height: auto;
    margin: 0 0 5px 15px;
}

blockquote p{
    margin: 0 0 10px 10px;
}

.entry blockquote{
    margin: 0 0 20px 0px;
}

.contact_form input.button,
.reply input.button{
    width: 60%;
}

/*pagination links */
div.pagination a{
    width: 16px;
    margin: 0px 5px 0 0;
    padding: 4px 0;
}

div.pagination span{
    width: 16px;
    height: 16px;
}

.comments{
    display: none;
}

.comment_body{
    width: 120px;
}

.reply input{
    clear: both;
    width: 220px;
}

.reply textarea{
    clear: both;
    width: 260px
}

/* room */

ul#featured_list li{
    width: 250px;
    margin: 0 8px 5px 2px;
    padding: 10px 0 10px 30px;
}

/* location */
.service{
    width: 100%;
}

dl dd{
    width: 100%;
}

dl dt{
    display: none;
}

/* contact */
.contact_form input{
    clear: both;
    width: 220px;
}

.contact_form textarea{
    clear: both;
    width: 260px
}


}