@media only screen and (max-width:1700px){
    .menu ul li a{font-size:14px}
    .logo{width:17%}
    .menu{width:42%}
    .tel-icon{width:45px;height:45px}
    a.phone-url{height:45px}
    .galeri-img{height:450px}
    .olanak-content p{font-size:14px}
    }
    @media only screen and (max-width:1500px){
    .inner{margin-top:87px}
    .header{padding:15px 40px}
    .menu ul li{margin-right:20px}
    .menu{width:44%}
    .container{width:900px}
    .hak-content h1{font-size:36px}
    .hak-content p,.rooms-text p{font-size:14px;line-height:26px}
    .hak-content strong,.hak-content strong a{font-size:14px}
    .rooms-button{width:60px;margin-right:10%}
    .rooms-content{padding:0 7%}
    .rooms-text{width:calc(90% - 60px)}
    .rooms-text h2{font-size:28px;line-height:34px;margin-bottom:20px}
    .rooms-left .rooms-button{margin-right:0;margin-left:10%}
    #olanaklar{padding:100px 5% 50px}
    .galeri-img{height:350px}
    .galeri-title h2{font-size:40px}
    .galeri-title h2 span{font-size:30px}
    }
    @media only screen and (max-width:1400px){
    .form-holder{width:300px;padding:0 30px}
    .form-logo{margin-bottom:50px}
    .form{margin-bottom:50px}
    .form-text{height:40px}
    .form-holder ul li{margin-bottom:10px}
    .form-submit{height:40px;font-size:14px}
    .form-title{font-size:23px;line-height:33px}
    .footer,.header,.main-page,.main-page-open{width:calc(100% - 300px)}
    .menu ul li a{font-size:13px}
    .olanak-content p{font-size:13px}
    .olanak-content h3{font-size:20px}
    .galeri{width:70%;margin-right:-10%}
    .footer-logo{width:200px}
    }
    @media only screen and (max-width:1100px){
    .menu{display:none}
    .logo{width:24%}
    .header{padding:10px 50px}
    .container{width:90%}
    #hakkimizda{min-height:auto;padding:80px 0}
    .hak-content{padding-left:30px}
    .hak-content h1{font-size:26px;margin-bottom:20px;margin-top:30px}
    .hak-content p,.rooms-text p{font-size:13px;line-height:22px;margin-bottom:20px}
    .hak-content strong{font-size:13px}
    .rooms-text h2{font-size:22px;line-height:30px;margin-bottom:15px}
    .rooms-content{padding:0 5%}
    .olanak-col{width:calc(33.3% - 20px);margin:0 10px 50px}
    .olanak-content h3{font-size:18px}
    .olanak-content p{font-size:11px}
    .galeri-img{height:270px}
    .owl-next,.owl-prev{width:30px;margin-bottom:5px}
    .owl-nav{margin-top:-70px;left:-50px}
    .galeri-title{padding-left:5%}
    .galeri-title h2{font-size:30px;line-height:34px}
    .galeri-title h2 span{font-size:22px}
    #galeri{padding:80px 0}
    .footer-logo{width:150px}
    }
    @media only screen and (max-width:768px){
    .form-holder{position:relative;width:100%;float:left;padding:80px 20%}
    .footer,.header,.main-page,.main-page-open{width:100%;float:left;min-height:auto}
    .form{margin-bottom:0}
    .form-holder ul li{margin-bottom:15px}
    .form-text{height:45px}
    .form-submit{height:45px}
    .galeri-img{right:-15px}
    .inner{margin-top:0;height:300px!important}
    .innerTitle{font-size:5.5vw;width:100%}
    .aciklamaDetay h2{font-size:30px}
    .roomFeatures{grid-template-columns:50% 50%}
    .patlangac2{bottom:25%;right:initial;left:5%;width:37%}
    }
    @media only screen and (max-width:600px){
    .head-tel{display:none}
    .logo{width:150px}
    .header{display:flex;align-items:center;justify-content:center;position:relative}
    .patlangac{width: 90%;left: 5%;position:relative;margin-top: 60%;bottom: 20px;}
    #index{height:auto;overflow:hidden}
    .form-holder{padding:50px 40px}
    .form-logo{display:none}
    #hakkimizda{display:inline-block;padding:50px 0}
    .hak-img{width:100%;margin-bottom:30px}
    .hak-content{width:100%;padding-right:30px}
    .rooms-row{display:block;margin-bottom: 20px;}
    .rooms-content{width:100%;padding:0 10%;margin-bottom: 20px;}
    .rooms-img{width:100%;box-sizing:border-box;padding:0 10%}
    #olanaklar{padding:50px 10% 20px}
    .olanak-col{width:95%;margin:0 7px 15px}
    .olanak-content{padding:10px 10px}
    .olanak-content h3{font-size:16px;margin-bottom:5px}
    .olanak-content p{font-size:11px;line-height:15px}
    #galeri{padding:50px 0;display:inline-block}
    .galeri-title{width:100%;margin-bottom:30px;padding:0 10%;box-sizing:border-box;text-align:center}
    .galeri{width:90%;float:right}
    .mobil-action{position:fixed;background:#047d86;width:100%;bottom:0;padding:10px 0;box-shadow:0 0 10px rgb(0 0 0 / 30%);z-index:7;display:block}
    a.mobil-ara img{width:45px}
    .mobil-ara{position:absolute;width:80px;height:80px;background:#b68d6b;border-radius:100%;display:flex;align-items:center;justify-content:center;font-size:40px;left:50%;margin-left:-40px;color:#fff;top:-40px;animation:pulse-ani 2s infinite 3s cubic-bezier(.25,0,0,1);box-shadow:0 0 0 0 #fff}
    .mobil-btns{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-sizing:border-box}
    .mobil-btns a{color:#fff;font-size:16px;padding:5px 0;display:flex;align-items:center}
    .mobil-btns a img{width:20px;height:20px;margin-right:10px}
    .mobil-btns a span{font-size:14px}
    .sn1{width: 57%;bottom: 15%;}
    .sn2{width: 57%;bottom: 15%;}
    .roomFeatures{grid-template-columns:100%}
    .olanaklar-row{display:grid;grid-template-columns:50% 50%}
    @keyframes pulse-ani{
    to{box-shadow:0 0 0 18px rgba(255,255,255,0)}
    }
    }