@media screen and (min-width: 2400px){
  
#facilities-page,#room-page,#destination-page,#contact-page,#group-page, #condo-page,.subpages-bg {
    font-size: 1.5em;
}
}

#index-page .block-black {
    background: rgba(0,0,0,0.80);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#B2000000', EndColorStr='#B2000000')";
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#B2000000',EndColorStr='#B2000000');
    zoom: 1!important;
    height: auto;
    position: relative;
    display: block;
    float: left;
    margin-left: 27%;
    box-sizing: border-box;
    width: 45%;
    padding: 2%;
    margin-top: 3.5%;
}

#angeles5 .block60 {
    width: 60%;
    position: absolute;
    height: 100%;
    top: 0;
    display: block;
    right: 0;
    box-sizing: border-box;
    padding: 23% 8% 6%;
}
      @media screen and (min-width: 1020px) and (max-width: 1024px) {
    #index-page #index-a {
      background:url(../img/index/index-bg1.jpg);
      background-size:cover;
    }

    #index-page #index-b {
      background:url(../img/index/index-bg2.jpg);
      background-size:cover;
      
    }

    .promos-link, .promos-link-right {
    width: 16%;
    bottom: 49px !important;
    }

    #index-page #frame{
        width: auto;
        height: 34vh;
        margin: 0 auto;
        display: block;
    }
    #facilities5 .block-black {
    width: 64%;
    margin-left: 18%;
    margin-top: 0;
    }

    #room-page .block-black{
        width:55%;
    }

    #group-page .wide-textbox{
            width: 48%;
    left: 26%;
    }

    #group-page .block-black{
            width: 48%;
    }

    #group-page .block-black-c {
    width: 74%;
    margin-left: 14%;
    margin-top: 2%;
}
#index-page #slide2 {background: url(../img/index/slide2.jpg); background-size: cover; background-position-x: -220px;}

#condo-page .wide-textbox {
    position: absolute;
    width: 45%;
    left: 28%;}

    #index-page .block-black{
        margin-left: 28%
    }
}

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

#index-page #slide2 {
     background: url(../img/index/slide2.jpg); 
    background-size: cover;
    background-position-x: -50px;
}

#rooms-menu{
    z-index: 2000 !important;
}

#index-page .block-black {
    background: rgba(0,0,0,0.80);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#B2000000', EndColorStr='#B2000000')";
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#B2000000',EndColorStr='#B2000000');
    zoom: 1!important;
    height: auto;
    position: relative;
    display: block;
    float: left;
     margin-left: 10%; 
    box-sizing: border-box;
    width: 80%;
    padding: 2%;
    margin-top: -4.5%;
}

#group-page h2 {
    font-size: 1em !important;
}


.img-gallery3 {
    width: 100%;
    list-style: none!important;
    padding: 0!important;
    margin: 0;
    position: relative;
    left: -5px;
}

#room-amenities p {
    width: 95%;
    margin: 0 auto;
    font-size: 1em;
}

#subic2 p {
    font-size: 1em;
}

#condo-page p {
    font-size: 1em !important;
}

.subpages-bg p {
    font-size: 1em !important;
}

#contact2 .block60 {
    width: 100%;
    left: 0;
    padding: 8%;
    font-size: 1em !important;
    height: 100%;
}

#room-page .hvr-grow-shadow{
    display: block;
    margin:0 auto;
    width:80%;
}

#facilities4 .block50l {
    padding-left: 0;
    padding-right: 0;
}

#condo2-text ul {
    width: 90%;
    }

    #condo-3 .main-block .sixty-blocks img {
    width: 95% !important;
    margin: 0 auto;
    display: block;
}

#WidgetLauncher{
  width:82px !important;
}

#TranslateSpan {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 9px !important;
}

#google_translate_element {
    position: absolute !important;
    margin-right: 0px;
    right: 0;
}
}



@media screen and (max-width: 420px){
    #index-c .block50r {
    width: 90%;
    clear: both;
    padding: 0 10%;
    margin-left: 5%;
}

#index-page #slide2, #index-page #slide-2 {
     background-position-x: 0px !important; 
}

.wide-textbox {
    width: 90%;
    left: 5%;
    top: 40%;
}

.slicknav_icon{
    margin:0;
}
.slicknav_menutxt{
    display: none
}
}


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


#index-b-mobile {
     background: url(../img/index/index-bg2.jpg); 
    background-size: cover;
}

#index-a-mobile {
    background: url(../img/index/index-bg2a.jpg);
    background-size: cover;
}




.fancybox-skin, .fancybox-inner{
        width: 244px !important;
}
.wide-textbox h1 {
    font-size: 1em !important;
}

h2 {
    font-size: 1em !important;
}

#angeles5 p {
    font-size: 1em !important;
}
#angeles5 h2 {
    font-size: 1em !important;
}



.bulleted li {
font-size: 1em !important;
}

#index-page p {
    font-size: 1em !important;
}

p {
    font-size: 1em !important;
}

#contact-page #contact-2 p {
    font-size: 1.3em !important;
}

#contact-page h2 {
    font-size: 1.4em !important;
}

#contact2 .block60 {
    width: 100%;
    left: 0;
    padding: 8%;
    font-size: 1.3em !important;
    height: 100%;
}
}

@media screen and (max-width: 1024px) and (min-width: 1020px) and (max-height: 600px) and (min-height: 595px){

#index-page #frame {
    width: auto;
    height: 27vh;
    margin: 0 auto;
    display: block;
    /* margin-top: 20px; */
    position: relative;
    top: 49px;
}

#facilities4 .block-black {
    width: 64%;
}
#facilities5 .block-black {
    width: 64%;
    margin-left: 18%;
    margin-top: 33px;
}

.promos-link, .promos-link-right {
    width: 10% !important;
    bottom: 49px !important;
}

#angeles5 .block60 {
    width: 60%;
    position: absolute;
    height: 100%;
    top: 0;
    display: block;
    right: 0;
    box-sizing: border-box;
    padding: 17% 8% 6%;
}

#condo2-text {
    margin-top: 5%;
    background: none;
    width: 80%;
    margin-left: 10%;
    padding: 0 5%;
    font-size: 0.9em;
}
#sitemap-block {
    display: block;
    position: absolute;
    width: 70%;
    height: 40%;
    right: 15%;
    top: 18%;
    padding: 2% 0;
    box-sizing: border-box;
}

#destination-page .wide-textbox {
    position: absolute;
    width: 45%;
    left: 28%;
    }
}


@media screen and (min-width: 800px) and (max-width: 991px) and (min-height: 1200px) {
.wide-textbox h1 {
    font-size: 2.2em !important;
}
.wide-textbox h2 {
    font-size: 1.5em !important;
}
h2 {
    font-size: 2.2em !important;
}

#angeles5 p {
    font-size: 1.5em !important;
}
#angeles5 h2 {
    font-size: 1.5em !important;
}

#index-c .block50r {
    width: 90%;
    clear: both;
    padding: 0 10%;
    margin-left: 5%;
}

.bulleted li {
font-size: 1.5em !important;
}

#index-page p {
    font-size: 1.5em !important;
}

p {
    font-size: 1.5em !important;
}
.subpages-bg p {
    font-size: 1.5em !important;
}

#pets, #atm {
    padding: 35px 5%;
}

.index-buttons a span {
    font-size: 1em !important;
}

#reservation-menu {
    position: relative;
    margin-top: 26%;
    left: 0;
    width: 83%;
    padding: 0;
}
#group-page h2 {
    font-size: 1.5em !important;
}

#contact2 .block60 {
    width: 100%;
    left: 0;
    padding: 8%;
    font-size: 1.5em !important;
    height: 100%;
}

#condo-page p {
    font-size: 1.5em !important;
}
#sitemap-block ul ul li {
    font-size: 1.2em !important;
}

h3 {
    font-size: 1.5em !important;
    }

    #contact-page label, #contact-page input  #room-page label, #room-page input, #room-page select{
        font-size: 1.5em !important
    }

#facilities4 .block50l {
    padding-left: 0;
     padding-right: 0; 
}
}