@media only screen and (max-width:1980px) {
    .otel ul li { /* width: calc(18% - 2%); */ }
    .otel {width: 95%;right: 2%;padding:30px 0;}
    .bslk { font-size: 13px; }
    .icLogo {padding: 20px;box-sizing: border-box;}
    .logo { width: 17%; }
    p.metin { font-size: 15px; }
    .rsm {height: 40vh;}
    .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: 90% !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: calc(33% - 2%); }
    .otel ul li:first-child {margin-top:80px;}
    .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: 25vh; }
    .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;}
    .otel ul li {width: calc(50% - 2%);width: 100%;margin-bottom: 5px;}
    .otel { position: relative; width: 70%; margin: auto; display: table; }
    p.metin { position: relative; padding: 10px; box-sizing: border-box; margin: 10px 0px; font-size: 17px; }
    .otel ul li:nth-child(2n) { margin-right: 0px; }
    .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;
    }
    }