@media only screen and (min-width:769px) {
    .otel ul li {
        /* width: calc(18% - 2%); */
    }

    .otel {
        width: 95%;
        right: 0;
        padding: 0px 0;
    }

    .bslk {
        font-size: 13px;
    }

    .icLogo {
        padding: 20px;
        box-sizing: border-box;
    }

    .logo {
        width: 17%;
    }

    p.metin {
        font-size: 15px;
    }

    .rsm {
        height: calc(100vh - 149px);
    }

    .bilgi {
        top: 19%;
    }

    .icLogo img {
        max-height: 40px;
    }
}

@media(min-height:600px) and (max-height:630px) {
    .otel {
        width: 65%;
    }
}



@media(min-width:769px) and (max-width:1100px) {
    .otel {
        width: 100% !important;
    }
}

@media only screen and (max-width:768px) {
    .onlineRezerve {
        right: 50%;
        margin-right: -120px;
    }

    .wrapper {
        position: absolute;
        width: 100%;
        display: inline-block;
    }

    .otel {
        transform: translateY(0%);
    }

    .otel ul li {
        width: 50%;
    }

    .otel ul li:first-child {
        margin-top: 0px;
    }

    .otel {
        top: 18%;
        width: 95%;
        right: 0px;
        bottom: 20%;
    }

    .logo {
        position: relative;
        right: 0px;
        text-align: center;
        width: 90%;
        display: block;
        margin: auto;
    }

    p.metin {
        width: 100%;
        right: 0px;
        text-align: center;
        font-size: 19px;
    }

    .rsm {
        height: calc(100vh - 105px);
    }

    .bilgi {
        right: 0;
        width: 100%;
        text-align: center;
    }

    .wapp {
        position: fixed;
        right: 20px;
        z-index: 20;
        bottom: 25px;
        width: 50px;
        height: 50px;
        box-sizing: border-box;
        -moz-border-radius: 360px;
        -webkit-border-radius: 360px;
        border-radius: 360px;
        transition: all .4s cubic-bezier(0.68, -1, 0.27, 2);
        display: inline-block;
    }

    .wapp a::after {
        content: "";
        width: 120%;
        height: 120%;
        border: 2px solid #25d366;
        position: absolute;
        left: -10%;
        top: -10%;
        -moz-border-radius: 360px;
        -webkit-border-radius: 360px;
        border-radius: 360px;
        box-sizing: border-box;
        transition: all .3s ease-in-out;
    }

    .wapp a {
        display: inline-block;
        width: 100%;
        height: 100%;
        padding: 9px 9px 0px 11px;
        -moz-border-radius: 360px;
        -webkit-border-radius: 360px;
        border-radius: 360px;
        box-sizing: border-box;
        background-color: #25d366;
        transition: all .3s ease-in-out;
    }

}

@media only screen and (max-width: 479px) {
    .logo {
        width: 50%;
        margin: 65px auto 10px;
    }

    .group-hotel-brand {
        position: relative;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .group-logo {
        border: 0;
        background: transparent;
    }

    .otel ul li {
        width: calc(50% - 2%);
        width: 100%;
        margin-bottom: 5px;
    }

    .otel {
        position: relative;
        width: 70%;
        margin: auto;
        display: table;
        padding: 0px 10px 0px;
    }

    .otel ul li:last-child {
        margin-bottom: 0;
    }

    p.metin {
        position: relative;
        padding: 10px;
        box-sizing: border-box;
        margin: 10px 0px;
        font-size: 17px;
    }

    .otel ul li:nth-child(2n) {
        margin-right: 5px;
    }

    .wrapper {
        position: relative;
        overflow: auto;
        background-size: cover;
        ;
        background-repeat: no-repeat;
    }

    .rsm {
        height: 30vh;
    }

    .bilgi {
        position: relative;
        padding: 10px;
        box-sizing: border-box;
        font-size: 14px;
        margin: 15px 0px;
    }
}

@media only screen and (max-width: 479px) {
    #ets-widget-hotel-search-container {
        display: none !important;
    }
}

@media only screen and (max-width: 320px) {
    .bilgi {
        font-size: 15px;
        padding: 5px;
        box-sizing: border-box;
    }

    .bilgi a {
        display: block;
    }
}