@media only screen and (max-width : 1820px) {
div#quicksearch .re-search-div {
	width: 26%;
}

div#quicksearch select#houselist {
    width: 75%;
}

div#quicksearch .search-block-button {
	width: 10%;
}

div#quicksearch .search-block-button button.mod-fwrealestate-search-button,
div#quicksearch .search-block-button button.mod-fwrealestate-search-button:hover {
	width: 100% !important;
}
}

@media only screen and (max-width : 1700px) {
#header div#images {
    top: 10px;
}

div#content {
    width: 80%;
}
}

@media only screen and (max-width : 1500px) {
#header div#images {
    left: 30%;
}

#header div#images .imagebox {
    width: 25%;
}

div#menu {
    margin-top: -20px;
}

div#navigation {
    margin: -8px 0 0 15px;
}

div#content {
    margin: 60px auto 0;
}
}

@media only screen and (max-width : 1300px) {
#header div#images {
    left: 35%;
}

#header div#images .imagebox {
    width: 20%;
}
}

@media only screen and (max-width : 1200px) {
body {
    background-image: url(../../../images/layout/background-mobile.jpg) !important;
    background-repeat: no-repeat;
    background-attachment: fixed !important;
}

#header div#contact {
    top: 0;
    margin-top: 5px;
}

#header div#images {
    display: none;
}

div#menu .mod-languages {
    margin-top: 8px;
}

div#menu {
    height: 46px;
    margin-top: -10px;
}

div#navigation {
    margin: -2px 0 0 15px;
}

div.moduletable_menu ul li {
    line-height: 40px;
}

li.item-146 {
    margin-left: 30px !important;
}

div.moduletable_menu ul li a {
    font-size: 22px;
    padding: 4px 24px;
}

div#content {
    width: 90%;
    margin: 90px auto 0;
}

body#index .left img,
body#index .right img {
    max-width: 200px;
}
}

/* Switch to mobile Navigation */
@media (max-width: 1024px) {
#header {
    height: 124px;
    background: #2376d1;
}

#header div#logo {
	width: 45%;
    height: 100%;
}

#header div#logo img {
    max-height: 100%;
}

div#background {
    display: none;
}

div#navigation {
    margin: -36px 0 0 15px;
}

div#content {
    width: 98%;
    margin: 10px auto 0;
    padding-bottom: 50px;
}

div.left, div.right {
    width: 96%;
    float: none;
    clear: both;
    margin: 20px 0;
    padding: 2%;
}

.right.contact {
    width: 30%;
    float: right;
}

/* Navigation */
.f-nav {
    position: relative !important;
}
div#menu {
    display: none;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
}

div#MenBt {
    display: block;
    text-align: center;
    position: relative;
    background-color: rgba(6, 42, 46, 0.6);
    box-shadow: 2px 2px 4px #424242;
    padding: 15px 0;
}

div#MenBt a {
	display: block;
    font-size: 20px;
    color: #fff;
}

div#MenBt a:hover {
	text-decoration: none;
}

div#menu,
#menu .moduletable_menu {
	height: auto !important;
	right: 0;
}

div#menu ul.nav.menu {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: rgba(6, 42, 46, 0.3);
	float: none;
	display: block;
	margin-top: -5px;
}

div.moduletable_menu ul li {
	display: block;
	float: none;
	border-bottom: 1px dotted #eee;
	text-align: left;
}

div.moduletable_menu ul li:hover {
    background-color: transparent;
}

div.moduletable_menu ul li a {
	font-size: 22px;
	padding: 4px 5px;
}

div.moduletable_menu ul li ul {
	display: block;
    position: relative;
    left: 0 !important;
    width: 100%;
    height: auto;
    margin: 0 !important;
    padding: 0 !important;
}

div.moduletable_menu ul li ul li,
div.moduletable_menu ul li:hover ul li {
    background-color: #C1C1C1;
    opacity: 1;
}

li.item-146 {
    margin-left: 0 !important;
}

div.moduletable_menu ul li ul li a,
div.moduletable_menu ul li ul li a:hover,
div.moduletable_menu ul li ul li a,
div.moduletable_menu ul li.active ul li a,
div.moduletable_menu ul li ul li ul li a,
div.moduletable_menu ul li.active ul li.active ul li a,
div.moduletable_menu ul li ul li ul li ul li a,
div.moduletable_menu ul li.active ul li.active ul li.active ul li a {
	width: 90%;
	background: transparent;
	border: 0;
	padding: 0;
	padding-left: 10%;
    color: #fff;
}

div.moduletable_menu ul li ul li a:hover,
div.moduletable_menu ul li.active ul li.active a,
div.moduletable_menu ul li ul li ul li a:hover,
div.moduletable_menu ul li ul li ul li ul li a:hover,
div.moduletable_menu ul li.active ul li.active ul li.active a,
div.moduletable_menu ul li.active ul li.active ul li.active ul li.active a {
	background: transparent;
}

/* Quicksearch */
div#quicksearch span.labelhouselist {
    float: left;
    padding: 12px 20px 0 0;
    margin-left: 10px;
}

/* Vacation Rental */
.fw-list-property {
	float: none;
	width: 98%;
}
.row-fluid .span6,
.row-fluid .span5 {
    width: 100% !important;
    float: none;
    clear: both;
}

.row-fluid .span5 {
    margin-bottom: 20px;
}

.camera_thumbs {
    margin-top: -100px;
}
}

@media only screen and (max-width: 920px) {
/* Vacation Rental */
.row-fluid .span4 {
    float: none;
    width: 100%;
    margin: 20px 0 !important;
}

.row-fluid .span4 table {
    margin: 0 auto;
}
}

@media only screen and (max-width: 840px) {
/* Quicksearch */
div#quicksearch .re-search-div {
    width: 48%;
    margin-bottom: 5px;
}

div#quicksearch .re-search-div .input-append {
	width: 100%;
}

div#quicksearch select#houselist,
div#quicksearch input#fwre-arrive,
div#quicksearch input#fwre-depart {
    width: 100%;
}

div#quicksearch .re-search-div.divhouselist,
div#quicksearch .search-block-button {
    width: 100%;
    float: none;
    clear: both;
    margin: 0;
    text-align: center;
}

div#quicksearch span.labelhouselist {
    padding: 12px 2% 0 1%;
    margin-left: 0;
}

div#quicksearch select#houselist {
    width: 93%;
}

div#quicksearch .search-block-button button.mod-fwrealestate-search-button,
div#quicksearch .search-block-button button.mod-fwrealestate-search-button:hover {
	width: 98% !important;
    float: none !important;
    margin: 5px auto !important;
}
/* Vacation Rental */
.fw-list-property {
    width: 94%;
}

div#fwrealestate h1 {
    clear: both;
}

.span6a .factsheet-left,
.span6a .factsheet-right {
    float: none;
    width: 100%;
    padding: 0;
    margin-top: 20px;
}

.request-info-contact.span4,
.request-info-text.span8 {
    width: 100%;
    float: none;
    margin: 0;
}

.request-info-text.span8 textarea.inputbox {
	width: 90% !important;
}

.camera_thumbs {
    margin-top: -240px;
}
}

@media only screen and (max-width: 770px) {
#header div#contact {
    top: 10px;
    font-size: 16px;
}

/* Vacation Rental */
ul.nav.nav-tabs.nav-pills,
ul.nav.nav-tabs.nav-pills li {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

.span6 {
	margin: 20px auto;
}

/* About us */
div#about {
    max-width: 90%;
}
}

@media only screen and (max-width: 650px) {
#header {
    height: 100px;
    background: #2376d1;
    text-align: center;
    padding-top: 10px;
}

#header div#company {
    display: block;
    font-size: 20px;
    padding: 5px 0 0 20px;
}

#header div#contact {
    width: 100%;
    padding: 30px 0 0 0;
    margin: 0;
    left: 0;
}

#header div#business {
    display: none;
}

#header div#logo {
	display: none;
}
/* Vacation Rental */
.camera_thumbs,
.fs-button.ss-icon {
    display: none;
}
}

@media only screen and (max-width: 600px) {
div#content {
    width: 100%;
    margin: 0;
}

div#maincontent {
    border-radius: 0;
}

/* Vacation Rental */
.row-fluid .span4.descr-table.fw-list-property {
    width: 98%;
}

div#fwrealestate .row-fluid {
    margin-top: 0;
}

.am_left,
.am_right {
    float: none;
    width: 100%;
    padding: 0;
}

select#order {
    width: 240px;
    float: left;
    margin-top: 5px;
}

.input-append {
	float: right;
    width: 60%;
    display: block;
    text-align: right;
}

div#quicksearch .input-append {
    float: none;
}

input.btn {
    float: left;
    margin-top: 10px;
    margin-left: 5px;
}

/* Real Estate */
body#realestate img.left {
    width: 50%;
}
}

@media only screen and (max-width: 500px) {
div#content {
    padding-bottom: 80px;
}

div#maincontent {
    padding: 20px;
}

body#index .left img {
	display: none;
}

body#index #content img {
    width: 100%;
    max-width: 100%;
}

.request-info-wrapper.row-fluid section#bfElemWrap581 {
    float: none;
    width: 100%;
}

/* Vacation Rental */
.camera_thumbs {
    margin-top: -600px;
}
}

@media only screen and (max-width: 380px) {
/* Vacation Rental */
.fw-list-property {
    min-height: 550px;
}

div#fwrealestate h2 {
	margin-bottom: 5px;
}

span.fw-list-propery-link.fw-link-compare {
    display: none;
}

ul.nav.nav-pills.nav-share {
    float: none;
    margin: 0 0 20px 0 !important;
}

td.seasonname {
    width: auto;
}

.camera_thumbs {
    margin-top: -630px;
}
}

/* For stupid Apple */
/* IPad */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
div#menu {
    margin-top: 10px;
}
}

/* IPad landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
}

/* IPad mini */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1)  {
}

/* IPhone 6 */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) {
.camera_thumbs {
    margin-top: -430px;
}
}

/* IPhone 6 plus */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) {
.camera_thumbs {
    margin-top: -380px;
}
}

/* IPhone 5 + 5s */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
}

/* iPhone 5 & 5S in portrait */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {
.camera_thumbs {
    margin-top: -360px;
}
}

/* IPhone 2 - 4 */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
}