/* MEDIA QUERIES FOR A RESPONSIVE LAYOUT */

@media (max-width: 1215px) {
.container {
	width: 990px;
	margin: auto;
}
header {
	margin: 0 1px;
}

.home {
	margin: 2% 1px;
}
#slides span {
	right: 20px;
	top: 30px;
	z-index: 9;
	font-size: 36px;
}
#subscribebox {
	width: 232px;
}
.menuf {
	width: 980px;
	margin: auto;
}
#slider1 li .caption {
	right: 60px;
	top: 30px;
	font-size: 42px;
	line-height: 50px;
}

#list {
	width: 990px;
}

#list #right {
	width: 736px;
}

#list #right .hotelitem .desc {
	width: 545px;
}

#hotel {
	width: 990px;
}

#hotel #right {
	width: 736px;
}

#inthotels li {
	width: 160px;
	height: 300px;
}

#inthotels li .link {
	width: 160px;
	height: 105px;
}

#booking {
	width: 990px;
}

#booking .navigation li {
	font-size: 13px;
}

#cmspage {
	width: 990px;
}

}
 @media (min-width: 768px) and (max-width: 979px) {
.container {
	width: 760px;
}
header {
	margin: 0 1px;
}

header .capital {
	float: none;
	margin-left: none;
	margin-top: none;
	margin-left: none;
	position: absolute;
	left: 230px;
	top: 0;
	white-space: nowrap;
	z-index: 999;
}

header #menu {
	display:none;
}


.bx-wrapper img {
	width: 990px;
	min-height: 340px
}
#subscribebox {
	width: 740px;
	float: none;
}
#slider1 li .caption {
	right: 60px;
	top: 30px;
	font-size: 36px;
	line-height: 42px;
}
.bx-wrapper .bx-pager {
	display: none;
}
.menuf {
	width: 750px;
}

#list {
	width: 760px;
}

#list #right {
	width: 506px;
}

#list #right .hotelitem .desc {
	width: 315px;
}

#list #right #sortbar {
	font-size: 0.92em;
}


#hotel {
	width: 760px;
}

#hotel #left {
	display: none;
}

#hotel #right {
	width: 760px;
}

#inthotels li {
	width: 120px;
	height: 320px;
}

#inthotels li .link {
	width: 120px;
	height: 90px;
}

#booking {
	width: 760px;
}

#booking .navigation li {
	width: 19.2%;
	font-size: 12px;
}


#booking .navigation .active {
	font-weight: normal;
}

#booking #reservation .content .photo {
	width: 100%;
	float: none;
}

#booking #reservation .content .photo img {
	width: 208px;
	float: right;
	margin-left: 55px;
}

#booking #reservation .content .text {
	width: 100%;
	float: none;
	position: relative;
	clear: both;
	margin-top: 20px;
	padding-bottom: 40px;
}

.bookingform textarea {
	width: 100%;
	margin-bottom: 20px;
}

#booking .navigation .last {
	border-right: 0px solid #fff;
	width: 22.6%;
}

#cmspage {
	width: 760px;
}




}
 @media (min-width: 481px) and (max-width: 767px) {

#pagewrap {
  margin-bottom: -120px;
}

.container {
	width: 480px;
}

header {
	margin: 0 1px;
	height: 70px;
	text-align: center;
	width: 360px;
}

header .capital {
	display:none;
}

header #menu {
	display:none;
}

.reservationlogin label {
	float: none;
	margin-bottom: 10px;
	padding: 0;
	margin-right: 0;
}

#main {
    margin: 0px 0;
    border-top: 1px solid #D83530;
}

.reservationlogin .input_m {
	width: 95%;
	float: none;
}


#homeslider #searchmask {
	left: 90px;
}
#homeslider #searchmask .col-1-2 {
	width: 50%;
}
.bx-wrapper img {
	width: 990px;
	min-height: 340px;
}
#subscribebox {
	width: 440px;
	float: none;
}
#slider1 li .caption {
	display: none;
}
.bx-wrapper .bx-pager {
	display: none;
}
#whybox {
	width: 98%;
	padding-right: 0;
	float: none;
	background: none;
	margin-right: 0;
	padding-top: 15px;
	min-height: inherit;
}
#specials {
	width: 98%;
	padding-right: 0;
	float: none;
	background: none;
	margin-right: 0;
	padding-top: 15px;
	height: 350px;
}
#specials .offer {
	width: 100%;
	background-size: cover;
	height: 160px;
}
.col-1-4 {
	width: 50%;
}
#wrap {
	padding-bottom: 90px;
}
#footer {
	display: none;
}
.menuf {
	width: 480px;
}
.col-1-2 {
	width: 100%;
}
.col-1-4 {
	width: 50%;
}

#list {
	width: 480px;
}

#list #left {
	display: none;
}

#list #right {
	width: 480px;
}

#list #right .hotelitem .image {
	float: none;
	width: 480px;
	height: 320px;
	margin-bottom: 15px;
}

#list #right .hotelitem .desc {
	width: 480px;
}

#hotel {
	width: 480px;
}

#hotel #left {
	display: none;
}

#hotel #right {
	width: 480px;
}

#inthotels li {
	width: 120px;
	height: 320px;
}

#inthotels li .link {
	width: 120px;
	height: 90px;
}

#othdest ul li {
	width: 32%;
	padding: 0.4%;
}

#hoteltabs li a {
	font-size: 10px;
}

.tcondiciones {
	display: none
}

.tcapacidad {
	display: none
}

.roomImg {
	display: none;
}

.roomName {
	padding-left: 14px;
	float: none;
}

#booking {
	width: 480px;
}

#booking .navigation li {
	display: block;
	text-align: left;
	border-right: none;
	padding: 5px 10px;
	float: none;
	width: auto;
	border-bottom: 1px solid #fff;
}

#booking .navigation .last {
	width: auto;
}

#booking #reservation .content .photo {
	width: 100%;
	float: none;
}

#booking #reservation .content .photo img {
	width: 208px;
	float: right;
	margin-left: 55px;
}

#booking #reservation .content .text {
	width: 100%;
	float: none;
	position: relative;
	clear: both;
	margin-top: 20px;
	padding-bottom: 100px;
}

#booking #reservation .content .text .total {
	text-align: right;
	position: static;
	padding: 10px;
}

.bookingform textarea {
	width: 100%;
	margin-bottom: 20px;
}

.bookingform .room {
	width: auto;
}

#booking table td {
	display: block;
}

#booking table td:nth-child(odd) {
	font-weight: bold;
	color: #4487eb;
}


#booking table td:nth-child(even) {
	border-bottom: 1px solid #8fb7f3
}

.bookingform .inputname {
	float: none;
	width: 90%;
	margin-right: none;
}
.bookingform .inputname_err {
	float: none;
	width: 90%;
	margin-right: none;
}

.bookingform span {
	float: none;
}

.bookingform .inputemail {
	float: none;
	width: 90%;
	margin-right: none;
}
.bookingform .inputemail_err {
	float: none;
	width: 90%;
	margin-right: none;
}

.bookingform .inputadr {
	width: 80%;
}
.bookingform .inputadr_err {
	width: 80%;
}


.bookingform .inputcity {
	width: 80%;
}
.bookingform .inputcity_err {
	width: 80%;
}


.bookingform .inputzip {
	width: 80%;
}

.bookingform .inputzip_err {
	width: 80%;
}

.bookingform .selectcountry {
	width: 80%;
}

.bookingform .inputcardnumber {
	width: 80%;
}

.bookingform .inputcardnumber_err {
	width: 80%;
}

.bookingform .inputcardholder {
	width: 80%;
}

.bookingform .inputcardholder_err {
	width: 80%;
}

.bookingform .selectcardtype {
	width: 80%;
}


.statusleft {
	border: none;
	float: none;
	width: 100%;
}

.tableinstatusright {
	border: none;
	float: none;
	width: 100%;
}


.bstatl {
	float: none;
	width: 100%;
}

.addinfo {
	border-collapse: collapse;
	border: 1px solid #4487eb;
	float: none;
	width: 100%;
}

#cmspage {
	width: 480px;
}


.contactform label {
	width: 40%;
}







}
 @media (max-width: 480px) {
	 
#pagewrap {
  margin-bottom: -120px;
}
	 
.container {
	width: 95%;
}

header {
	margin: 0 1px;
	height: 70px;
	text-align: center;
}

header #menu {
	display: none;
}


header .capital {
	display:none;
}


.reservationlogin label {
	float: none;
	margin-bottom: 10px;
	padding: 0;
	margin-right: 0;
}

#main {
    margin: 0px 0;
    border-top: 1px solid #D83530;
}

.reservationlogin .input_m {
	width: 95%;
	float: none;
}

#footer {
	display: none;
}

.menuf {
	width: 300px;
}
.col-1-2 {
	width: 100%;
}
.col-1-4 {
	width: 100%;
}
.dd {
	width: 100%;
	float: none;
	display: block;
	margin-right: 0;
}

#list {
	width: 320px;
}

#list #left {
	display: none;
}

#list #right {
	width: 320px;
}

#list #right .hotelitem .image {
	float: none;
	width: 320px;
	height: 210px;
	margin-bottom: 15px;
}

#list #right .hotelitem .desc {
	width: 320px;
}

.hitemtable .td1 {
	width: 100%;
	display: block;
}

.hitemtable .td1b {
	display: none;
}

.hitemtable .td1c {
	width: 100%;
	display: block;
}

.hitemtable .td4 {
	width: 100%;
	display: block;
}

.hitemtable .td4a {
	display: none;
}

.hitemtable .td5 {
	width: 100%;
	display: block;
}

#list #right .hotelitem .roomtypes td {
	border-bottom: none
}

#list #right .hotelitem .roomtypes .td1 {
	display: block;
}

#list #right .hotelitem .roomtypes .persons {
	width: 100%;
	display: block;
	text-align: left;
}

#list #right .hotelitem .roomtypes .td2 {
	display: block;
}

#list #right .hotelitem .roomtypes .td3 {
	display: block;
}


#hotelnavigation .d2, .d3, .d4, .d5 {
	display: none;
}



#hotel {
	width: 320px;
}

#hotel #left {
	display: none;
}

#hotel #right {
	width: 320px;
}

#hotel #right .hotelname {
	float: none;
	width: 100%;
}

#hotel #right .hotelreviews {
	text-align: left;
	float: none;
	width: 100%;
}
.formdates label {
	clear: both;
}

.formdates input {
	clear: both;
}


.formdates span {
	clear: both;
}


#inthotels li {
	width: 120px;
	height: 320px;
}

#inthotels li .link {
	width: 120px;
	height: 90px;
}

#othdest ul li {
	width: 100%;
	padding: 0;
	float: none;
}

#hoteltabs li {
	margin-right: 0;
	text-align: left;
	text-indent: 10px;
}

#hoteltabs .rooms {
	width: 100%;
}

#hoteltabs .facilities {
	width: 100%;
}


#hoteltabs .policies {
	width: 100%;
}


#hoteltabs .reviews {
	width: 100%;
}

#hoteltabs .map {
	width: 100%;
}

#hotel #right .tableintabs th {
	display: none;
}

.troomname {
	position: relative;
	width: 100%;
}

.roomImg {
	display: none;
}

.roomName {
	float:none;
	width: 30px;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	padding-bottom: 20px;
	position: absolute;
}

.tcondiciones {
	display: none;
}

.tcapacidad {
	display: none;
}

.tprice {
	display: block;
	clear: both
}


#booking {
	width: 300px;
}

#booking .navigation li {
	display: block;
	text-align: left;
	border-right: none;
	padding: 5px 10px;
	float: none;
	width: auto;
	border-bottom: 1px solid #fff;
}

#booking .navigation .last {
	width: auto;
}

#booking #reservation .content .photo {
	width: 100%;
	float: none;
}

#booking #reservation .content .photo img {
	width: 100%;
	display: block;
	margin-bottom: 15px;
}

#booking #reservation .content .text {
	width: 100%;
	float: none;
	position: relative;
	clear: both;
	margin-top: 20px;
	padding-bottom: 100px;
}

#booking #reservation .content .text .total {
	text-align: right;
	position: static;
	padding: 10px;
}

.bookingform textarea {
	width: 100%;
	margin-bottom: 20px;
}

.bookingform .room {
	width: auto;
}

#booking table td {
	display: block;
}

#booking table td:nth-child(odd) {
	font-weight: normal;
	color: #4487eb;
}


#booking table td:nth-child(even) {
	border-bottom: 1px solid #8fb7f3
}

.bookingform .inputname {
	float: none;
	width: 90%;
	margin-right: none;
}
.bookingform .inputname_err {
	float: none;
	width: 90%;
	margin-right: none;
}

.bookingform .inputemail {
	float: none;
	width: 90%;
	margin-right: none;
}
.bookingform .inputemail_err {
	float: none;
	width: 90%;
	margin-right: none;
}

.bookingform span {
	float: none;
}

.bookingform .inputemail {
	float: none;
	width: 90%;
	margin-right: none;
}
.bookingform .inputemail_err {
	float: none;
	width: 90%;
	margin-right: none;
}

.bookingform .inputadr {
	width: 80%;
}
.bookingform .inputadr_err {
	width: 80%;
}


.bookingform .inputcity {
	width: 80%;
}
.bookingform .inputcity_err {
	width: 80%;
}


.bookingform .inputzip {
	width: 80%;
}

.bookingform .inputzip_err {
	width: 80%;
}

.bookingform .selectcountry {
	width: 80%;
}

.bookingform .inputcardnumber {
	width: 80%;
}

.bookingform .inputcardnumber_err {
	width: 80%;
}

.bookingform .inputcardholder {
	width: 80%;
}

.bookingform .inputcardholder_err {
	width: 80%;
}


.bookingform .selectcardtype {
	width: 80%;
}

.statusleft {
	border: none;
	float: none;
	width: 100%;
}

.tableinstatusright {
	border: none;
	float: none;
	width: 100%;
}


.bstatl {
	float: none;
	width: 100%;
}

.addinfo {
	border-collapse: collapse;
	border: 1px solid #4487eb;
	float: none;
	width: auto;
}

#cmspage {
	width: 320px;
}


.contactform label {
	width: 40%;
}

.googlemap {
	width: 300px;
	height: 176px
}

.resform {
	margin: 15px auto;
	width: 290px;
}

.resform h1 {
	font-size: 1.6em;
}


.modalDialog > div {
	width: 280px;
}



}