@media only screen and (max-width: 1800px) {
    .detailRooms { left: 30px; }
    .detailRooms li { margin: 2px 5px; }
    .detailRooms li a { font-size: 16px; }
    #page.gallery .book {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1680px) {
    #gallery {
        width: 590px;
    }
    #gallery-slide {
        width: 591px;
    }
    #page.gallery .side,
    #page.gallery .book {
        margin-left: 367px;
    }
    #page.gallery #logo {
        margin-left: 377px;
    }
    #page.gallery article {
        margin-right: 367px;
    }
}

@media only screen and (max-width: 1366px) {
    body { font-size: 15px; }
    article h1 {
        font-size: 22px;
        line-height: 30px;
    }
    .headingRooms,
    .side.gallerySide h2 { font-size: 20px; }
    .sub-menu a { font-size: 16px; }
    .side p {
        font-size: 15px;
        line-height: 19px;
    }
    .detailRooms li a {
        font-size: 14px;
    }
    .side h2 { font-size: 24px; }
    #page.gallery .book {
        font-size: 13px;
        padding-right: 40px;
        background-position: 95% 50%;
        padding-left: 10px;
        right: 0;
    }
    #gallery {
        left: -25%;
    }
}

@media only screen and (max-width: 1280px) {
    .icons          { width: 250px; }
    .icons a        { margin: 0 5px; }
}

@media only screen and (max-width: 1180px) {
	#page.gallery .side { width: 220px; }
}

@media only screen and (max-height: 650px){
    #page { min-height: 595px; }
    #gallery {
        top: auto;
        bottom: 100px;
    }
}