/*desktop*/


@media screen and (min-width: 1101px) {
    html, body {
        width: 100%;
    }
    

    /*nav*/

    #logo {
        background-image: url('../images/logo/logo-hotel.png');
        height: 100px;
        width: 250px;
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        left: 1%;
        top: 0;
        z-index: 1001;
    }

    #nav_mobile_bar {
    }

    #nav_handle {
        display: none;
    }

    #nav_wrapper {
        height: 100px;
        position: relative;
        top: 0;
        display: block !important;
        z-index: 1000;
        background: #272727;
        width: 100%;
    }


    #nav {
        height: 100%;
        position: absolute;
        top: 0;
        left: 50%;
        vertical-align: middle;
        margin-left: -340px;
        width: 680px;
    }




    #menu {
        position: relative !important;
        height: 70px;
        float: right;
        overflow: hidden;
    }

        #menu ul {
            overflow: hidden;
            float: right;
        }

        #menu li {
            height: 100%;
            line-height: 100px;
            margin: 0;
            margin-left: 25px;
            /* margin-top: 2px; */
            padding: 0;
            float: left;
            /* width: 160px; */
        }

            #menu li:hover {
                cursor: pointer;
            }

            #menu li a {
                font-family: Opificio;
                text-align: center;
                font-size: 16px;
                display: block;
                overflow: hidden;
                color: white;
                height: 100%;
            }

                #menu li a:hover, #menu li.current a {
                    color: #fec551;
                }

            #menu li.current a {
                cursor: default;
            }

    #language {
        width: 90px;
        float: right;
        height: 30px;
        /* margin-right: 12px; */
    }

        #language ul {
            overflow: hidden;
        }


        #language li {
            height: 30px;
            line-height: 20px;
            margin: 0;
            margin-left: 5px;
            padding: 0;
            float: right;
            width: 35px;
            text-align: right;
        }


            #language li a {
                font-family: Opificio;
                text-align: right;
                font-size: 16px;
                display: block;
                overflow: hidden;
                color: white;
                height: 100%;
            }

                #language li a.selected, #language li a:hover {
                    color: #fec551;
                }

            #language li.current a {
                cursor: default;
            }

    /*end of nav*/
    #content_wrapper {
        position: relative;
        overflow: hidden;
    }

    #slider_background {
        height: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        left: 0;
        background-color: rgba(238, 238, 238, 1);
        width: auto;
    }

    .carousel,.caroufredsel_wrapper {
        height: 100% !important;
    }

    #slider_nav {
        position: absolute;
        top: 0;
        right: 0;
        width: 200px;
    }

    .slider_button {
        width: 40px;
        height: 40px;
        margin: 5px;
        top: 0;
        float: left;
        background-repeat: no-repeat;
        background-size: contain;
        z-index: 500;
        cursor: pointer;
    }

    #prev_button {
        background-image: url('../images/anima-navi/right.png');
    }

    #stop_button {
        background-image: url('../images/anima-navi/stop.png');
    }

    #play_button {
        background-image: url('../images/anima-navi/play.png');
    }



    #next_button {
        background-image: url('../images/anima-navi/left.png');
    }



    .pagination {
        display: none !important;
    }

    #slider_headline_wrapper {
        z-index: 10000;
        position: absolute;
        top: 50px;
        width: 600px;
        height: 100px;
        left: 50%;
        margin-left: -100px;
    }

    #slider_wrapper {
        height: 100%;
        overflow: hidden;
        position: absolute;
        width: 100%;
        opacity: 1;
        z-index: auto;
    }

    #slider {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100%;
    }

    .slide_wraper {
        position: relative;
        width: 2560px;
        height: 2000px;
        overflow: hidden;
    }




        .slide_wraper > img {
            position: absolute;
            left: 50%;
            width: 100%;
            top: 50%;
            -webkit-transform: translateY(-50%) translateX(-50%);
            -moz-transform: translateY(-50%) translateX(-50%);
            -webkit-transform: translateY(-50%) translateX(-50%);
            -ms-transform: translateY(-50%) translateX(-50%);
            -o-transform: translateY(-50%) translateX(-50%);
        }

    .slider_headline {
        width: 100%;
        height: 100%;
    }

        .slider_headline p {
            font-family: Futura-Medium;
            text-align: left;
            font-size: 30px;
            color: #610505;
            font-weight: bold;
            display: block;
            float: left;
            width: 600px;
            height: 100px;
        }



    /* home */

    #content_wrapper.home {
        min-height: 840px;
    }




    #home_headline {
    }




    #home_info {
        background-image: url('../images/info-button.png');
        position: absolute;
        top: 734px;
        width: 49px;
        height: 49px;
        left: 47%;
        z-index: 1000;
        cursor: pointer;
    }

    #home_info_wrapper, #youtube {
            padding: 0 50px;
        width: 500px;
        z-index: 10000;
        background: rgba(0, 0, 0, 0.8);
        position: absolute;
        left: 50%;
        top: 100px;
    }





    #home_info_text {
        width: 90%;
        margin: auto;
        margin-bottom: 20px;
    }


        #home_info_text p {
            font-family: Futura_Light;
            font-size: 15px;
            line-height: 25px;
            color: #FFF;
        }


    #home_info_headline {
        color: #FFFFFF;
        display: block;
        font-size: 24px;
        font-family: Opificio;
        text-align: center;
        color: #fec551;
        margin-top: 20px;
    }





    #home_info_video {
        width: 400px;
        height: 300px;
        margin: auto auto 20px;
        padding: 5px;
        /*position: absolute;*/
        top: 0px;
        left: 550px;
        background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%;
    }

        #home_info_video .img {
            width: 87%;
            margin: 11px auto 0px;
            display: block;
            padding: 10px;
            border: 1px solid #FEC551;
        }

    .btnplay {
        position: absolute;
        right: -50px;
        top: 285px;
        cursor: pointer;
    }

    #home_info_footer {
        height: 30px;
        padding: 0 70px;
        margin-bottom: 20px;
    }

        #home_info_footer a {
            color: #fec551;
            display: block;
            float: left;
            height: 100%;
            line-height: 30px;
        }

    a#home_info_facebook {
        width: 30px;
        color: black;
        font-weight: bolder;
        font-size: 23px;
        background-color: #D8B265;
        border-radius: 20px;
        text-align: center;
        margin-right: 10px;
    }

    a#home_info_r {
        width: 30px;
        color: white;
        font-weight: bolder;
        font-size: 23px;
        background-color: #C8A55D;
        border-radius: 20px;
        text-align: center;
        margin-right: 10px;
    }


    #footer_wrapper.home {
        display: none;
    }


    /* end of  home */




    /* zimmer */

    #rooms_wrapper {
        height: 100%;
        width: 100%;
        position: relative;
    }

    .rooms_cat {
        background-size: cover;
        width: 33.3%;
        height: 100%;
        position: relative;
        background-repeat: no-repeat;
        float: left;
    }

        .rooms_cat:hover .rooms_cat_list {
            height: 100%;
            -webkit-transition: height 1s;
            -moz-transition: height 1s;
            -ms-transition: height 1s;
            -o-transition: height 1s;
            transition: height 1s;
        }

    #rooms_cat_1 {
        background-image: url('../images/rooms/main/room-cat-1.jpg');
    }

    #rooms_cat_2 {
        background-image: url('../images/rooms/main/room-cat-2.jpg');
    }

    #rooms_cat_3 {
        background-image: url('../images/rooms/main/room-cat-3.jpg');
    }

    .rooms_cat_list {
        height: 0;
        overflow: hidden;
        position: absolute;
        z-index: 1000000;
        width: 100%;
        -webkit-transition: height 0.5s;
        -moz-transition: height 0.5s;
        -ms-transition: height 0.5s;
        -o-transition: height 0.5s;
        transition: height 0.5s;
    }




        .rooms_cat_list li {
        }

            .rooms_cat_list li a {
                color: white;
                display: block;
                line-height: 50px;
                height: 50px;
                background: rgba(39, 39, 39, 0.71);
                text-align: center;
                font-family: 'times new roman';
                font-size: 18px;
                margin: 2px 0px;
                cursor: pointer;
            }

                .rooms_cat_list li a:hover {
                    color: #fec551;
                }

    .rooms_cat_title {
        position: absolute;
        top: 85%;
        text-align: center;
        width: 100%;
        height: 55px;
        background: rgba(39, 39, 39, 0.71);
    }

        .rooms_cat_title span {
            color: white;
            display: block;
            font-size: 20px;
            font-family: 'times new roman';
        }

    .rooms_cat_title_line {
        background-image: url('../images/rooms/room-cat-line.png');
        height: 30px;
        background-repeat: no-repeat;
        margin: auto;
        background-position: center;
        width: 50%;
    }

    .room_hover_wrapper {
        position: absolute;
        display: none;
        top: 0;
        text-align: center;
        width: 100%;
        height: 100%;
        z-index: 10000;
    }

    .room_hover_image {
        position: relative;
        top: 0;
        background: rgba(39, 39, 39, 1);
        overflow: hidden;
            height: 50%;
    }

        .room_hover_image img {
               position: absolute;
    left: 50%;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
        }


    .room_hover_text {
        text-align: center;
        width: 100%;
        background: rgba(39, 39, 39, 1);
        z-index: 10000;
        /*padding-bottom: 10000px;*/
            height: 50%;
    }

        .room_hover_text span {
            color: white;
            display: block;
            padding: 5px 0;
            font-size: 22px;
            font-family: 'times new roman';
        }

            .room_hover_text span:first-child {
                padding-top: 1%;
            }

    /* end of  zimmer */

    /*   rooms */
    #content_wrapper.rooms {
    }

    #rooms_info {
        background-image: url('../images/info-button.png');
        position: absolute;
        top: 55%;
        width: 49px;
        height: 49px;
        left: 70%;
        z-index: 1000;
        cursor: pointer;
    }

    #rooms_info_wrapper {
        width: 400px;
        z-index: 10000;
        background: rgba(0, 0, 0, 0.8);
        position: absolute;
        left: 50%;
        top: 100px;
    }





    #rooms_info_text {
        width: 90%;
        margin: auto;
        margin-bottom: 20px;
    }


        #rooms_info_text p {
            font-family: Futura_Light;
            font-size: 15px;
            line-height: 25px;
            color: #FFF;
        }


    #rooms_info_headline {
        color: #FFFFFF;
        display: block;
        font-size: 24px;
        font-family: Opificio;
        text-align: center;
        color: #fec551;
        margin-top: 20px;
    }




    /* end of  rooms */

    /*   preise */
    #content_wrapper.preise {
    }

    #preise_info {
        background-image: url('../images/info-button.png');
        position: absolute;
        top: 70%;
        width: 49px;
        height: 49px;
        left: 70%;
        z-index: 1000;
        cursor: pointer;
    }

    #preise_info_wrapper {
        width: 615px;
        z-index: 10000;
        background: rgba(0, 0, 0, 0.8);
        position: absolute;
        left: 50%;
        top: 100px;
    }





    #preise_info_text {
        width: 90%;
        margin: auto;
        margin-bottom: 20px;
    }


        #preise_info_text p {
            font-family: Futura_Light;
            font-size: 15px;
            line-height: 25px;
            color: #FFF;
        }


    #preise_info_headline {
        color: #FFFFFF;
        display: block;
        font-size: 24px;
        font-family: Opificio;
        text-align: center;
        color: #fec551;
        margin-top: 20px;
    }




    /* end of  preise */

    /*   anfrage */
    #content_wrapper.anfrage {
    }

    #anfrage_info {
        background-image: url('../images/info-button.png');
        position: absolute;
        top: 70%;
        width: 49px;
        height: 49px;
        left: 70%;
        z-index: 1000;
        cursor: pointer;
    }

    #anfrage_info_wrapper {
        width: 680px;
        z-index: 10000;
        background: rgba(0, 0, 0, 0.8);
        position: absolute;
        left: 50%;
        top: 100px;
    }





    #anfrage_info_text {
        width: 97%;
        margin: auto;
        margin-bottom: 20px;
    }


        #anfrage_info_text p {
            font-family: Futura_Light;
            font-size: 15px;
            line-height: 25px;
            color: #FFF;
        }


    #anfrage_info_headline {
        color: #FFFFFF;
        display: block;
        font-size: 24px;
        font-family: Opificio;
        text-align: center;
        color: #fec551;
        margin-top: 20px;
    }

    #anfrage_form_wrapper {
      
    }

    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }


        select::-ms-expand {
            /* for IE 11 */
            display: none;
        }

    select {
        display: block;
        width: 320px;
        margin: 5px auto;
        background-image: url('../images/reservation-form/arrow-down.png');
        background-position: center right;
        background-repeat: no-repeat;
        font-style: italic;
        font-size: 14px;
        border: 1px solid #ccc;
        height: 33px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        color: #9f8c8c;
        opacity: 1;
        font-style: italic;
    }

        select option[selected], option:checked, option:active {
            color: black !important;
            font-style: normal !important;
        }

    #anfrage_form_left {
        width: 329px;
        float: left;
    }

    #anfrage_form_right {
        width: 329px;
        float: left;
    }


    #anfrage_form input, #anfrage_form textarea {
        display: block;
        margin: 5px auto;
        width: 320px;
        height: 31px;
    }

    input#anfrage_ort_plz {
        width: 200px;
        float: left;
        margin: 0;
        margin-left: 4px;
    }

    input#anfrage_ort_plz2 {
        width: 116px;
        float: right;
        margin: 0;
        margin-right: 5px;
        margin-bottom: 5px;
    }



    input#anfrage_anreise {
        width: 70px;
        float: left;
        margin: 0;
        margin-top: 5px;
        margin-right: 0;
    }

    .calendar_icon {
        display: block;
        margin-top: 5px;
        float: left;
        background: white;
        padding: 7px;
        height: 19px;
    }



    #anreiseil_anfrage {
        width: 80px;
        float: left;
        margin: 0;
        margin-top: 5px;
        margin-left: 20px;
    }

    #frustuck_anfrage {
        width: 94px;
        float: right;
        margin: 0;
        margin-top: 5px;
        margin-left: 5px;
    }

    input#anfrage_abreise {
        width: 70px;
        float: left;
        margin: 0;
        margin-left: 0;
        margin-top: 5px;
    }

    input#anfrage_gastname {
        width: 78.5px;
        float: left;
        margin-left: 20px;
    }

    #einzelzimmer_anfrage {
        width: 200px;
        margin: 0;
        float: left;
    }

    #einzelzimmer_anfrage_number {
        width: 125px;
        margin: 0;
        float: right;
    }

    #dopplezimmer_anfrage {
        width: 200px;
        float: left;
    }

    #dopplezimmer_anfrage_number {
        width: 125px;
        float: right;
    }

    #familienzimmer_anfrage {
        width: 200px;
        margin: 0;
        float: left;
    }

    #familienzimmer_anfrage_number {
        width: 125px;
        margin: 0;
        float: right;
    }




    textarea#anfrage_message {
        height: 109px;
        float: left;
        width: 325px;
    }

    #anfrage_captcha_img {
        width: 105px;
        height: 33px;
        margin: 0;
        float: left;
        /* margin: 5px; */
    }

    input#anfrage_update_button {
        height: 33px;
        width: 50px;
        background-image: url('../images/contact-form/refresh.png');
        background-repeat: no-repeat;
        /* position: relative; */
        background-size: contain;
        background-color: rgba(138, 91, 91, 0);
        color: rgba(255, 255, 255, 0);
        cursor: pointer;
        float: left;
        margin: 0;
        margin-left: 5px;
        clear: right;
    }

    input#anfrage_captcha_code {
        width: 105px;
        height: 33px;
        float: left;
        clear: left;
    }


    input#anfrage_send_button {
        display: block;
        background: #fec551;
        color: black;
        font-style: italic;
        font-size: 18px;
        font-family: 'times new roman';
        height: 31px;
        margin: 0;
        width: 325px;
    }

    #anfrage_error {
    }

    /* end of  anfrage */

    /*   lage */
    #content_wrapper.lage {
    }

    #lage_info {
        background-image: url('../images/info-button.png');
        position: absolute;
        top: 70%;
        width: 49px;
        height: 49px;
        left: 70%;
        z-index: 1000;
        cursor: pointer;
    }

    #lage_info_wrapper {
        width: 400px;
        z-index: 10000;
        background: rgba(0, 0, 0, 0.8);
        position: absolute;
        left: 50%;
        top: 100px;
    }





    #lage_info_text {
        width: 90%;
        margin: auto;
        margin-bottom: 20px;
    }


        #lage_info_text p {
            font-family: Futura_Light;
            font-size: 15px;
            line-height: 25px;
            color: #FFF;
        }


    #lage_info_headline {
        color: #FFFFFF;
        display: block;
        font-size: 24px;
        font-family: Opificio;
        text-align: center;
        color: #fec551;
        margin-top: 20px;
    }




    /* end of  lage */

    /* contact */

    #contact_info {
        background-image: url('../images/info-button.png');
        position: absolute;
        top: 60%;
        width: 49px;
        height: 49px;
        left: 70%;
        z-index: 1000;
        cursor: pointer;
    }

    #contact_info_wrapper {
        width: 600px;
        z-index: 10000;
        background: rgba(0, 0, 0, 0.8);
        position: absolute;
        left: 50%;
        top: 100px;
    }





    #contact_info_text {
        width: 100%;
        margin: auto;
    }


        #contact_info_text p {
            font-family: Futura_Light;
            font-size: 15px;
            line-height: 25px;
            color: #FFF;
        }


    #contact_info_headline {
        color: #FFFFFF;
        display: block;
        font-size: 24px;
        font-family: Opificio;
        text-align: center;
        color: #fec551;
        margin-top: 20px;
        padding-right: 5%;
    }


    #googleMap-wrapper {
        width: 100%;
        height: 100%;
    }

    #googleMap {
        width: 100%;
        height: 100%;
    }

    #contact_wrapper {
        position: relative;
        overflow: hidden;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0 center;
        background-attachment: fixed;
    }



    #contact_headline_wrapper {
        height: 100px;
        width: 100%;
        top: 45%;
        background: white;
        margin-top: 15%;
        position: relative;
        z-index: 10;
    }

    #contact_headline {
        color: #8b2121;
        display: inline-block;
        text-align: left;
        position: absolute;
        left: 50%;
        font-size: 22px;
        width: 300px;
        margin-top: 10px;
        font-family: opificio;
    }

        #contact_headline span {
            color: black;
            display: block;
            font-size: 18px;
            line-height: 10px;
            margin: auto;
            letter-spacing: -2px;
            margin-bottom: 8px;
            text-align: left;
        }

    #contact_form_wrapper {
        width: 95%;
        margin: auto;
    }

    #contact_form {
        width: 100%;
        margin: auto;
        margin-bottom: 30px;
        position: relative;
    }

        #contact_form input {
            width: 49%;
            margin: 5px 0;
            height: 34px;
        }


    #contact_name {
    }

    #contact_phone {
    }

    #contact_email {
    }

    #contact_message {
        width: 48%;
        margin: 5px 0;
        border-bottom: 1px solid black;
        border-right: 1px solid black;
        height: 167px;
        position: absolute;
        top: 0;
        right: 7px;
    }

    #contact_captcha_img {
       position: relative;
    width: 152px;
    margin-top: 5px;
    height: 35px;
    }

    input#contact_captcha_code {
         position: relative;
    width: 151px;
    top: 29px;
    height: 35px;
    margin-left: -156px;
    }

    input#contact_send_button {
        display: block;
        width: 49%;
        background: #fec551;
        color: rgb(0, 0, 0);
        right: 6px;
        position: relative;
        font-style: italic;
        top: 17px;
        left: 50%;
        font-size: 18px;
        font-family: 'times new roman';
        height: 31px;
    }

    input#contact_update_button {
        height: 35px;
        width: 35px;
        background-image: url('../images/contact-form/refresh.png');
        background-repeat: no-repeat;
        position: relative;
        background-size: contain;
        background-color: rgba(138, 91, 91, 0);
        color: rgba(255, 255, 255, 0);
        cursor: pointer;
        top: -12px;
        margin-left: 89px;
    }

    #contact_error {
    }

    ::-webkit-input-placeholder { /* WebKit browsers */
        color: #9f8c8c;
        font-style: italic;
    }

    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #9f8c8c;
        opacity: 1;
        font-style: italic;
    }

    ::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #9f8c8c;
        opacity: 1;
        font-style: italic;
    }

    :-ms-input-placeholder { /* Internet Explorer 10+ */
        color: #9f8c8c;
        font-style: italic;
    }

  .small.desktop::-webkit-input-placeholder {
        font-size: 10px;
        line-height: 20px;
    }


    .small.desktop:-moz-placeholder {
        font-size: 10px;
        line-height: 20px;
    }

    .small.desktop::-moz-placeholder {
        font-size: 10px;
        line-height: 20px;
    }

    .small.desktop:-ms-input-placeholder {
        font-size: 10px;
        line-height: 20px;
    }


   



select.small.desktop {
        font-size: 10px;
        line-height: 20px;
    }
     select.small.desktop:focus {
           font-size: 12px;
          line-height: 20px;
   }

    /* end of contact*/


    /*   impressum */
    #content_wrapper.impressum {
    }

    #impressum_info {
        background-image: url('../images/info-button.png');
        position: absolute;
        top: 70%;
        width: 49px;
        height: 49px;
        left: 70%;
        z-index: 1000;
        cursor: pointer;
    }

    #impressum_info_wrapper {
        width: 680px;
        z-index: 10000;
        background: rgba(0, 0, 0, 0.8);
        position: absolute;
        left: 50%;
        top: 100px;
    }





    #impressum_info_text {
        width: 95%;
        margin: auto;
        margin-bottom: 20px;
    }


        #impressum_info_text p {
            font-family: Futura_Light;
            font-size: 15px;
            line-height: 25px;
            color: #FFF;
        }

            #impressum_info_text p a {
                font-family: Futura_Light;
                font-size: 15px;
                line-height: 25px;
                color: #FFF;
            }

    #impressum_info_headline {
        color: #FFFFFF;
        display: block;
        font-size: 24px;
        font-family: Opificio;
        text-align: center;
        color: #fec551;
        margin-top: 20px;
    }


    #impressum_form_left {
        width: 50%;
        float: left;
    }

    #impressum_form_right {
        width: 50%;
        float: left;
    }

    /* end of  impressum */


    /* footer */

    #footer {
        height: 30px;
        padding: 0 25px;
        width: 480px;
    }

        #footer a {
            color: #fec551;
            display: block;
            float: left;
            height: 100%;
            margin-left: 20px;
            line-height: 30px;
        }

    a#facebook {
        width: 30px;
        color: black;
        font-weight: bolder;
        font-size: 23px;
        /* height: 30px; */
        background-color: #D8B265;
        border-radius: 20px;
        text-align: center;
        margin-right: 10px;
        margin-left: 30px;
    }

    a#reserv {
        width: 30px;
        color: white;
        font-weight: bolder;
        font-size: 23px;
        /* height: 30px; */
        background-color: #C8A55D;
        border-radius: 20px;
        text-align: center;
        margin-right: 10px;
    }



    /* end of footer*/


    /*end of desktop*/



}


@media screen and (min-width: 1101px) and (max-aspect-ratio:115/100) {
    .slide_wraper > img {
        position: absolute;
        left: 50%;
        height: 100%;
        width: auto;
        top: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        -moz-transform: translateY(-50%) translateX(-50%);
        -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        -o-transform: translateY(-50%) translateX(-50%);
    }
}
@media screen and (min-width: 1101px) and (max-height: 1250px) and (max-width: 1600px) {
   #slider.home .slide_wraper > img {
        position: absolute;
        left: 50%;
        height: 100%;
        width: auto;
        top: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        -moz-transform: translateY(-50%) translateX(-50%);
        -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        -o-transform: translateY(-50%) translateX(-50%);
    }
}


@media screen and (min-width: 1101px) and (max-height: 750px) {
   .rooms_cat_title {
       top: 80%;
    }
}

@media screen and (min-width: 1101px) and (min-height: 1200px) {
   .rooms_cat_title {
       top: 90%;
    }
}