/* (2048x1536) iPad 3 */
@media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) {
    .hprotator-text-block {
        background: transparent;
        bottom: 0;
        left: -124px;
        margin: 0 0 0 15%;
        position: absolute;
        padding: 10px 45px 10px 35px;
        text-align: left;
        transition: all 0.2s ease 0s;
        width: 39%;
        z-index: 2;
        top: 500px;
        height: 250px;
    }
}
 

@media only screen and (min-width: 1220px) {
.hprotator-text-block {
 
        background: transparent;
        bottom: 80px;
        left: -164px;
        margin: 0 0 0 15%;
        position: absolute;
        padding: 10px 45px 10px 35px;
        text-align: left;
        transition: all 0.2s ease 0s;
        width: 40%;
        z-index: 2;
        top: 500px;
        height: 250px;
    }

}

/* (1280x720) Galaxy Note 2, WXGA */
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) {
    .hprotator-text-block {
        background: transparent;
        bottom: 80px;
        left: -160px !important;
        margin: 0 0 0 15%;
        position: absolute;
        padding: 10px 45px 10px 35px;
        text-align: left;
        transition: all 0.2s ease 0s;
        width: 46%;
        z-index: 2;
        top: 198px !important;
        height: 258px;
    }
}
 
/* (1366x768) WXGA Display */
@media  screen and (max-width: 1366px) {
    .hprotator-text-block {
        background: transparent;
        bottom: 0;
        left: -177px;
        margin: 19px 0 0 15%;
        position: absolute;
        padding: 37px 45px 10px 35px;
        text-align: left;
        transition: all 0.2s ease 0s;
        width: 42%;
        z-index: 2;
        top: 353px;
        height: 306px;
    }
}
 
/* (1280x1024) SXGA Display */
@media  screen and (max-width: 1280px) {
    .hprotator-text-block {
    background: transparent;
    bottom: 0;
    left: -177px;
    margin: 19px 0 0 15%;
    position: absolute;
    padding: 37px 45px 10px 35px;
    text-align: left;
    transition: all 0.2s ease 0s;
    width: 46%;
    z-index: 2;
    top: 200px !important;
    height: 250px;
}
}
 
/* (1440x900) WXGA+ Display */
@media  screen and (max-width: 1440px) {
    .hprotator-text-block {
        background: transparent;
        bottom: 0;
        left: -124px;
        margin: 0 0 0 15%;
        position: absolute;
        padding: 10px 45px 10px 35px;
        text-align: left;
        transition: all 0.2s ease 0s;
        width: 39%;
        z-index: 2;
        top: 500px;
        height: 350px;
    }
}
 
/* (1680x1050) WSXGA+ Display */
@media  screen and (max-width: 1680px) {
    .hprotator-text-block {
        background: transparent;
        bottom: 0;
        left: -124px;
        margin: 0 0 0 15%;
        position: absolute;
        padding: 10px 45px 10px 35px;
        text-align: left;
        transition: all 0.2s ease 0s;
        width: 39%;
        z-index: 2;
        top: 500px;
        height: 350px;
    }
}
 
/* (1920x1080) Full HD Display */
@media  screen and (max-width: 1920px) {
    .hprotator-text-block {
        background: transparent;
        bottom: 0;
        left: -124px;
        margin: 0 0 0 15%;
        position: absolute;
        padding: 10px 45px 10px 35px;
        text-align: left;
        transition: all 0.2s ease 0s;
        width: 39%;
        z-index: 2;
        top: 378px !important;
        height: 250px;
    }
}
 
/* (1600x900) HD+ Display */
@media  screen and (max-width: 1600px) {
    .hprotator-text-block {
        background: transparent;
        bottom: 0;
        left: -124px;
        margin: 0 0 0 15%;
        position: absolute;
        padding: 10px 45px 10px 35px;
        text-align: left;
        transition: all 0.2s ease 0s;
        width: 47%;
        z-index: 2;
        top: 250px !important;
        height: 250px;
    }
}



@media only screen and (max-width: 1023px) {

    .hprotator-text-block {
        display: none;
    }
}


.not-front #zone-preface-wrapper {
    background: #000 url(../images/background-interior.jpg) center center no-repeat;
    background-size: auto auto;
    background-size: cover;
    padding-top: 500px;
}

#zone-menu-wrapper {
    position: relative;
    background: rgba(0,0,0,0.3);
    transition: all 0.4s ease;
}