/* CSS Document */
@media screen and (min-width:240px) {
    .site-menuin {
        position: absolute;
        display:block;
        left: 50%;
        text-align: center;
        color: #f1f1f1;
        width: 280px;
        margin-left:-140px;
        top:50%;
        -ms-transform: translate(0%, -50%); /* IE 9 */
        -webkit-transform: translate(0%, -50%); /* Safari */
        transform: translate(0%, -50%);
    }
    #nav-txt {
        position: absolute;
        top:37px;
        right:166px;
        color:#31345d;
        font-size: 14px;
        font-weight:400;
        letter-spacing:4px;
        outline:none;
        z-index:99;
        display:none
    }
    .logo1 {
        opacity: 0;
        display:none
    }
    .logo2 {
        opacity: 1;
        display:block;
        background:url(../img/logoMob.png) top left no-repeat;
        width:66px;
        height:57px;
    }
    .logo2W {
        opacity: 1;
        display:block;
        background:url(../img/logoMobW.png) top left no-repeat;
        width:66px;
        height:57px;
    }
    .hmservsHold {
        padding-left:0px;
        padding-right:0px;
    }
    .hmservsHoldImgBut {
        width:25%;
        display:inline-block;
        height:100%;
        border-right:1px solid rgba(49, 52, 93, .2);
        text-align:center;
        margin:0px auto;
        position:relative;
        padding:0px;
        cursor:pointer;
        margin-left:-4px;
        opacity:0;
    }
    .hmservsHoldImgBut:nth-child(2), .srvnums:nth-child(2) {
        border-right:0px solid #d6d6df;
    }
    .NumServTxt {
        font-family: 'Raleway', sans-serif;
        font-size:12px;
        text-align:center;
        color:#31345d;
        position:relative;
        display:block;
        max-width:180px;
        width:100%;
        height:80px;
        margin:0px auto;
        position:absolute;
        left:50%;
        transform:translateX(-50%);
        display:none
    }
    .hmrestHold:after {
        content:"";
        position: absolute;
        z-index: 1;
        left: 50%;
        border-right:1px solid rgba(49, 52, 93, .2);
        height:300px;
        bottom:220px;
    }
    .hmservsHold:after {
        content:"";
        position: absolute;
        z-index: 1;
        left: 50%;
        border-right:1px solid rgba(49, 52, 93, .2);
        height:316px;
        bottom:-50px;
    }
    .contMapHold:after {
        content:"";
        position: absolute;
        z-index: 1;
        left: 50%;
        border-right:1px solid rgba(49, 52, 93, .2);
        height:300px;
        bottom:180px;
    }
    .contMapHold2:after {
        content:"";
        position: absolute;
        z-index: 1;
        left: 50%;
        border-right:1px solid rgba(49, 52, 93, .2);
        height:300px;
        bottom:5px;
    }
    .reservationArea:after {
        content:"";
        position: absolute;
        z-index: 1;
        left: 50%;
        border-right:1px solid rgba(49, 52, 93, .2);
        height:300px;
        bottom:-50px;
    }
    .hmrms:after {
        content:"";
        position: absolute;
        z-index: 1;
        bottom: 30px;
        height:200px;
        left: 50%;
        border-right: 1px solid rgba(185, 176, 168, .5);
    }

    .hmrms.rms1:after {
        content:"";
        position: absolute;
        z-index: 1;
        bottom: 50px;
        height:160px;
        left: 50%;
        border-right: 1px solid rgba(185, 176, 168, .5);
    }
    .hmrms.sight:after {
        content:"";
        position: absolute;
        z-index: 1;
        bottom: 70px;
        height:200px;
        left: 50%;
        border-right: 1px solid rgba(185, 176, 168, .5);
    }
    .hmrms.kitcn:after {
        content:"";
        position: absolute;
        z-index: 1;
        bottom: 0px;
        height:200px;
        left: 50%;
        border-right: 1px solid rgba(185, 176, 168, .5);
    }
    .htlfac {
        max-width:450px;

        width:100%;
        margin:0px auto;
        position:relative;
        padding-bottom: 50px;

    }
    .footLogo {
        margin:0px auto;
        text-align:center;
        margin-bottom:30px;
    }
    .footAddress {
        text-align:center;
        text-transform: none
    }
    .copyrights {
        font-size:10px;
    }
    .rmAmen {
        font-size:16px;
        line-height:30px;
        color:#31345d;
        font-weight:300;
        font-family: 'Raleway', sans-serif;
        text-align:left;
        display:inline-block;
        width:100%;
        border-bottom:0px solid rgba(49, 52, 93, 0.5);
        margin:0px;
        padding-left:2px
    }
    .consBut.mid {
        display:none
    }
    .consBut {
        margin:12px;
        max-width:245px;
    }
    .accomTitle h1 {
        font-size:20px;
        font-weight:300;
        font-family: 'Raleway', sans-serif;
        color:white;
        text-transform:uppercase;
    }
    .accomTitle {
        position: absolute;
        top: 50%;
        left:50%;
        transform: translateY(-50%);
        color: #f1f1f1;
        z-index: 3;
        text-align:center;
        margin-left:-150px;
        width:300px;
    }
    .btn.accom-btn {
        color: rgba(184, 133, 37, 1);
        background:rgba(255, 255, 255, .65);
        /*border:1px solid white;*/
        border-radius:0px;
        font-size: 16px;
        height:40px;
        line-height:30px;
        position:relative;
        width:auto;
    }
    .btn.accom-btn:hover {
        color:rgba(184, 133, 37, 1);
        background:rgba(255, 255, 255, 1);
    }
    .copyrights {
        white-space: normal;
    }
    .copyrightsInfo {
        width:100%;
        text-align:left;
        padding-left:10px;
    }
    .developer {
        width:100%;
        text-align:left;
        padding-left:10px;
        margin-left:0px;
    }
    .hmrmsTitle.rst {
        font-size:20px;
        line-height:20px;
        color:#FFF;
        text-align:center;
    }
    .foootmenu {
        display:none !important
    }
    .slider-txtdiv {
        position: absolute;
        top: 30%;
        -ms-transform: translate(0%, -30%); /* IE 9 */
        -webkit-transform: translate(0%, -30%); /* Safari */
        transform: translate(0%, -30%);
        display:block;
        margin:0px auto;
        left:50%;
        width:280px;
        margin-left: -140px;
    }
    .slider-thumbs {
        position: absolute;
        border:0px solid red;
        text-align:center;
        display:block;
        width:200px;
        bottom:50px;
        margin:0px auto;
        left:50%;
        margin-left: -100px;
        opacity: 1;
        z-index: 10;
    }
    .hr_underline2.unLine.in-view {
        width: 100%;
    }
    .slider-txtdiv h1 {
        font-size:30px
    }
    .hmrmsTitle {
        margin-top:0px;
    }
    .hmrmsTitle, .hmservsTitle, .hmrestTitle {
        font-size:28px
    }
    .hmrmsDesc {
        max-width:90%;
        font-size:16px;
    }
    .tast {
        position:absolute;
        display:block;
        width:100%;
        left:50%;
        top:30%;
        margin-left:-50%;
        text-align:center;
        z-index:10;
    }
    .accomBut {
        width:100%;
        max-width:280px
    }
    .grillBut {
        width:280px;
        font-size:20px;
    }
    .btn-menuin {
        display: block;
        padding: 11px;
        font-size:16px;
        position:relative;
        top:48px;
    }
    /* .btn.btn-link {*/
    .btn-menuin.btn-link {
        position:relative;
        top:40px;
        font-size:20px;
    }
    .hmservsHold.vipservices {
        display:none
    }
    .hmservsHoldImgMob {
        display:none
    }
    .hmservsHoldImgMob.in-view {
        display:block
    }
    .vipServicesMobile {
        max-width:1024px;
        width:100%;
        position:relative;
        margin:0px auto;
        display:block;
        -webkit-transition: 1s ease-in-out;
        -moz-transition: 1s ease-in-out;
        -o-transition: 1s ease-in-out;
        transition: 1s ease-in-out;
        -moz-transform:translateY(-156px);
        -webkit-transform: translateY(-156px);
        -o-transform:translateY(-156px);
        -ms-transform: translateY(-156px);
        transform: translateY(-156px);
    }
    .vipServicesMobile.animation-element.in-view {
        opacity:1;
        -moz-transform:translateY(0px);
        -webkit-transform: translateY(0px);
        -o-transform:translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }
    .srvsMobButHolder {
        width:100%;
        height:50px;
        line-height:50px;
        text-align:center;
        position:relative;
        top:-1px;
    }
    .srvsMobBut {
        display:block;
        width:25%;
        background:lightgrey;
        float:left;
        cursor:pointer
    }
    .srvsMobBut:hover, .srvsMobBut.active {
        float:left;
        cursor:pointer;
        background:#31345d;
        color:white;
        -webkit-transition: 1s ease-in-out;
        -moz-transition: 1s ease-in-out;
        -o-transition: 1s ease-in-out;
        transition: .1s ease-in-out;
    }
    .srvsMobBut:hover .NumServ, .srvsMobBut.active .NumServ {
        color:white;
        border:1px solid white
    }
    .hmservsHoldImgTxtDispMob {
        width:0;
        position:relative;
        top:-1px;
        -webkit-transition: 1.5s ease-in-out;
        -moz-transition: 1.5s ease-in-out;
        -o-transition: 1.5s ease-in-out;
        transition: 1.5s ease-in-out;
        width:100%;
        height:100px;
        line-height:100px;
        text-align:center;

    }
    .hmservsHoldImgTxtDispMob.animation-element.in-view {
        width: 100%;
        opacity:1;
    }
    .hmservsHoldImgTxtDispMob p {
        position:absolute;
        top:50%;
        color:#31345d;
        font-size:20px;
        line-height:normal;
        opacity:0;
        text-align:center;
        transition: 1s ease-in-out;
        display: table-cell;
        vertical-align: middle;
        width:100%;



    }
    .hmservsHoldImgTxtDispMob.vip  p{
        position:absolute;
        top:20%;
        color:#FFF;
        font-size:14px;
        line-height:normal;
        opacity:1;
        text-align:center;
        transition: 1s ease-in-out;
        display: table-cell;
        vertical-align: middle;
        width:100%;
    }
    .hmservsHoldImgTxtDispMob.animation-element.in-view p {
        opacity:1;
        transition-delay: 1.5s;
    }
    .hmservsHoldImgTxtDispMob.spa {
        background:rgba(239, 135, 46, 0.5);
    }
    .hmservsHoldImgTxtDispMob.birthday {
        background:rgba(70, 106, 164, 0.5);
    }
    .hmservsHoldImgTxtDispMob.vip {
        background:rgba(0, 0, 0, 0.5);
    }
    .hmservsHoldImgTxtDispMob.shop {
        background:rgba(106, 163, 172, 0.5);
    }
    .hmrmsBut {
        color: #31345d;
        border: 1px solid #31345d;
        font-size: 18px;
        line-height:60px;
        /*max-width:280px;*/
        width:90%;
        height:66px;
        cursor:pointer;
        text-align:center;
        display:inline-block;
        margin-bottom:2px
    }
    .hmrmsBut:hover, .hmrmsBut.active {
        background: #31345d;
        color: #FFF;
    }
    .viewKitchen {
        position: absolute;
        /*  right:-240px;
        */  bottom:40px;
        display:block;
        text-align:center;
        left:50%;
        margin-left:-90px;
        width:180px;
    }
    .arVis {
        display:none
    }
    .viewKitchen a {
        font-size:14px;
        font-weight:bold;
        text-decoration:none;
        color:#31345d;
    }
    .viewKitchen a:hover {
        text-decoration:underline;
    }
    .gallery-btn, .gallery-btn:focus, .gallery-btn:hover {
        text-decoration: none !important;
        display: none;
        position: relative;
        width:300px;
        height:300px;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        margin: 5px 3px;
    }
    .gallery-btn.current {
        display: inline-block;
        vertical-align: top;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
    /*.gallery-btn span {
      position: absolute;
      left:50%;
      top:50%;
      transform: translate(-50%,-50%);
      color:#fff;
      font-size: 24px;
    }*/

    .galTxt {
        position:absolute; /*width:100%; height:100%; border:1px solid red; vertical-align:middle;	   display:block;top:50%;transform: translateY(-50%);*/ /*left:50%; margin-left:-140px;*/
        text-align:center;
        color:#fff;
        font-size: 24px;
        width:280px;
        margin-left:-140px;
        left:50%;
        top:50%;
        transform: translateY(-50%);
    }
    .product-image-fs {
        position: absolute;
        height: 100%;
        width: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
    }
}
@media screen and (min-width:480px) {
    #nav-txt {
        display:block
    }
    .NumServTxt {
        font-size:13px;
        line-height:20px;
        display:block;
        font-family: 'Roboto', sans-serif;

        font-weight: 300
    }
    .rmAmen {
        font-size:18px;
        line-height:40px;
        color:#31345d;
        font-weight:300;
        font-family: 'Raleway', sans-serif;
        font-family: 'Roboto', sans-serif;
        text-align:left;
        display:inline-block;
    }
    .rmAmen {

        width:100%;
    }
    /*  .rmAmen:nth-child(odd) {
        margin-left:4px;
        width:53%;
      }
      .rmAmen:nth-child(even) {
        margin-left:-5px;
        width:45%;
      }*/
    .htlAmen {
        font-size:18px;
        line-height:40px;
        color:#31345d;
        font-weight:300;
        font-family: 'Raleway', sans-serif;
        font-family: 'Roboto', sans-serif;
        text-align:left;
        display:inline-block;
    }
    .htlAmen {
        width:100%;

    }
    /*  .htlAmen:nth-child(odd) {
        width:49%;
        border-right:1px solid rgba(49, 52, 93, .2);
      }
      .htlAmen:nth-child(even) {
        width:49%;
        padding-left:10px;
      }*/
    .copyrights {
        width:100%;
        max-width:1170px;
        margin:0px auto;
        text-transform:none;
        color:#31345d;
        padding:0px;
        white-space: nowrap;
    }
    .copyrightsInfo {
        width:50%;
        text-align:left;
        display:inline-block;
        padding-left:2px;
        white-space: normal;
    }
    .developer {
        display:inline-block;
        padding-right:2px;
        width:50%;
        text-align:right;
        font-size:10px;
        text-transform:uppercase;
        color:#31345d;
        white-space: normal;
        margin-left:-2px;
    }
    .hmrmsTitle.rst {
        font-size:30px;
        line-height:30px;
        color:#FFF;
        text-align:center;
    }
    .slider-txtdiv {
        position: absolute;
        display:block;
        margin:0px auto;
        left:50%;
        width:400px;
        margin-left: -200px;
        top: 50%;
        -ms-transform: translate(0%, -60%); /* IE 9 */
        -webkit-transform: translate(0%, -60%); /* Safari */
        transform: translate(0%, -60%);
    }
    .slider-txtdiv.con {
        position: absolute;
        display:block;
        margin:0px auto;
        left:50%;
        width:400px;
        margin-left: -200px;
        top: 15%;
        -ms-transform: translate(0%, 0%); /* IE 9 */
        -webkit-transform: translate(0%, 0%); /* Safari */
        transform: translate(0%, 0%);
    }
    .slider-txtdiv h1 {
        font-size:40px
    }
    .hr_underline2.unLine.in-view {
        width: 100%;
        max-width:400px;
    }
    .hmrmsTitle, .hmservsTitle, .hmrestTitle {
        font-size:30px
    }
    .hmrmsDesc {
        font-size:18px;
    }
    .grillBut {
        max-width:350px;
        width:100%;
        font-size:30px;
        line-height:60px;
    }
    .site-menuin {
        left: 50%;
        width: 400px;
        margin-left:-200px;
    }
    .btn-menuin {
        padding: 11px;
        font-size:16px;
        padding: 20px;
        font-size:23px;
    }
    .btn-menuin.btn-link {
        position:relative;
        top:40px;
        padding: 0px 48px;
        margin-top: 18px;
        font-size:30px;
    }
    .tast {
        position:absolute;
        display:block;
        width:400px;
        left:50%;
        top:20%;
        top:50%;
        transform:translateY(-50%);
        margin-left:-200px;
        text-align:center;
        z-index:10;
    }
    .accomTitle {
        position: absolute;
        left:50%;
        top: 50%;
        transform: translateY(-50%);
        color: #f1f1f1;
        z-index: 3;
        text-align:center;
        margin-left:-200px;
        width:400px;
    }
    .btn.accom-btn {
        color: rgba(184, 133, 37, 1);
        background:rgba(255, 255, 255, .65);
        border-radius:0px;
        font-size: 22px;
        position:relative;
        top:-4px;
        width:auto;
        height:66px;
        line-height:50px;
    }
    .hmrmsBut {
        color: #31345d;
        border: 1px solid #31345d;
        font-size: 24px;
        line-height:60px;
        max-width:550px;
        width:100%;
        height:66px;
        cursor:pointer;
        text-align:center;
        display:inline-block;
        margin:12px;
    }
}
@media screen and (min-width:540px) {
    .logo1 {
        opacity: 1;
        display:block;
        background:url(../img/logo.png) top left no-repeat;
        width:236px;
        height:57px
    }
    .logo1W {
        opacity: 1;
        display:block;
        background:url(../img/logoW.png) top left no-repeat;
        width:236px;
        height:57px;
        z-index:9999999
    }
    .logo2 {
        position: absolute;
        opacity: 0;
        display:none
    }
    .logo2Mob {
        position: absolute;
        opacity: 0;
        display:none
    }
    .copyrights {
        font-size:12px;
    }
    .product-image-fs {
        position: absolute;
        left:50%;
        top:50%;
        height: 90%;
        width: 90%;
        transform: translate(-50%, -50%);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
    }
}
@media screen and (min-width:640px) {
    .hmrmsTitle {
        margin-top:64px;
    }
    .hmrmsTitle.rst {
        font-size:50px;
        line-height:40px;
        color:#FFF;
        text-align:center;
    }
    .tast {
        position:absolute;
        display:block;
        width:500px;
        left:50%;
        top:50%;
        transform:translateY(-50%);
        margin-left:-250px;
        text-align:center;
        z-index:10;
    }
}
@media screen and (min-width:768px) {
    .NumServTxt {
        font-size:18px;
    }
    .slider-txtdiv h1 {
        font-size:48px
    }
    .hmrmsDesc {
        max-width:800px;
    }
    .viewKitchen {
        position: absolute;
        bottom:40px;
        display:block;
        left:90%;
        width:180px;
    }
    .gallery-btn, .gallery-btn:focus, .gallery-btn:hover {
        width: 350px;
        height: 350px;
    }
    .arVis {
        display:block;
        position:absolute;
        right:4px;
        top:4px;
    }

}
@media screen and (min-width:860px) {
    .consBut.mid {
        display:inline-block;
    }
    .consBut {
        margin:0px;
        max-width:345px;
    }

}
@media screen and (min-width:991px) {
    .footAddress {
        text-align:left;
    }
    .foootmenu {
        margin-bottom:0px;
        max-width:580px;
        display:block !important
    }.slider-txtdiv.con {
        position: absolute;
        display:block;
        margin:0px auto;
        left:50%;
        width:400px;
        margin-left: -200px;
        top: 25%;
        -ms-transform: translate(0%, 0%); /* IE 9 */
        -webkit-transform: translate(0%, 0%); /* Safari */
        transform: translate(0%, 0%);
    }
}
@media screen and (min-width:1024px) {
    .btn.accom-btn {
        color: rgba(184, 133, 37, 1);
        background:rgba(255, 255, 255, .65);
        border-radius:0px;
        font-size: 24px;
        position:relative;
        top:-4px;
        width:auto;
        height:66px;
        line-height:50px;
    }
    .accomTitle h1 {
        font-size:40px;
    }
    .viewKitchen {
        left:110%;
    }
}
@media screen and (min-width:1200px) {
    .vipServicesMobile {
        display:none
    }
    .hmservsHold {
        padding-left:100px;
        padding-right:100px;
    }
    .footAddress {
        text-align:left;
        margin-right:20px;
        margin-left:20px;
    }
    .hmservsHold.vipservices {
        display:block
    }
    .viewKitchen {
        left:110%;
    }
}