@media only screen and (max-width:1600px){
    @keyframes menuAniRenk{
    100%{border-right:300px solid #8bb1df;border-bottom:100vh solid #8bb1df}
    }
    @keyframes menuAniBeyaz{
    100%{border-right:300px solid #fff;border-bottom:100vh solid #fff}
    }
    .index-logo img{width:230px}
    .basla{width:250px;height:45px;line-height:45px}
    .container{width:1100px;margin:auto}
    #flight-datepicker .form-item{margin:auto;float:left;width:calc(100% / 5 - 50px);margin-right:50px}
    .yetiskin{width:calc(100% / 5 - 50px);margin-right:50px}
    .langMenu span,.menuButon span{font-size:14px}
    .galeriRow{height:300px}
    .footer-menu li a{font-size:11px}
    .footer-menu{width:40%}
    .footer-iletisim-bilgileri{width:20%}
    .footer-iletisim-bilgileri li:nth-child(2){padding-right:15px}
    .footer-logos{width:16%;margin-right:1%}
    .footer-menu ul li{margin-left:5px}
    .digerOteller h4,.digerOteller ul li a{font-size:12px}
    .copyright span{margin-right:10px}
    .copyright li{top:-3px}
    .copyright img{width:200px}
    .menuButon{margin-left:20px}
    .langMenu{margin-right:20px}
    .main-logo{float:left;position:relative;left:-15px;margin-right:20px;width:120px;bottom:-10px}
    .top-banner h1{font-size:22px;margin-top:70px}
    .sidebar-menu button,.sidebar-menu li a{font-size:12px;line-height:28px}
    .sidebar-menu{margin-top:70px;max-width:70%}
    .sidebar-menu button,.sidebar-menu li{margin-left:5px}
    .banner-galeri{height:450px}
    .dilMenuBg{right:0}
    .iletisimFormu h3{margin-bottom:15px}
    .iletisimFormu ul li span{font-size:14px;margin-bottom:5px}
    .formGonderBtn{margin-top:20px}
    .iletisimFormu{padding:45px 55px}
    .menuBg ul{margin:50px 0 0 0}
    .menuBg ul li a{padding:10px 10px}
    .menuBg::after{width:calc(100% + 10px)}
    .menuBg{width:300px;padding:35px}
    .sidebar-menu button:before,.sidebar-menu li a:before{height:28px}
    .aciklama{font-size:20px;line-height:36px}
    .otelTuruGaleri li{height:320px}
    .input-file-container{margin-top:20px}
    .col-lg-3{padding-right:20px}
    .col-lg-3:nth-child(1){max-width:53%;padding-right:150px}
    .oda-index-galeri{height:350px}
    .restoran-kapak{height:160px}
    .restoran-icerik p{font-size:12px}
    .restoran-icerik span{font-size:13px}
    .ref-logo{margin-left:30px;margin-top:0}
    .ref-logo span{margin-right:0}
    .ref-logo img{width:80px}
    .copyright li a{font-size:11px}
    .copyright li{margin-left:20px}
    }
    @media only screen and (max-width:1100px){
    video{width:150%;left:-25%;min-height:600px}
    .index-logo,.video,.video:before{height:600px}
    .container{width:90%;margin:auto}
    .galeriRow{height:220px}
    .footer-menu{width:57%}
    .copyright img{width:200px;float:none;margin:auto;display:block;top:10px}
    .menuBg{width:300px}
    .menuBg ul li a{font-size:14px}
    .dilMenuBg li a{font-size:14px}
    .dilMenuBg li{margin-bottom:20px}
    .dilMenuBg{width:130px}
    .top-banner{margin-top:0}
    .top-banner h1{font-size:18px;margin-top:40px}
    .main-logo{margin-right:40px}
    .banner-galeri{height:400px}
    .ic-content{padding-right:30px}
    .content p,.content ul{font-size:14px;line-height:28px}
    .ic-content ul li,.olculer li{font-size:14px!important}
    .sidebar-menu{margin-top:20px;float:left;min-width:80%;text-align:left}
    .sidebar-menu button,.sidebar-menu li{margin-left:0;margin-right:5px}
    .aciklama{width:100%;margin:30px 0}
    .otelTuruGaleri li{height:260px}
    }
@media only screen and (max-width:768px){
    .main-page{height:auto}
    .index-logo,.video{height:600px}
    video{min-height:600px}
    #sect1{min-height:600px!important}
    .menuButon{margin-left:20px}
    .langMenu{margin-right:20px}
    #flight-datepicker .form-item,.yetiskin{width:calc(100% / 5 - 20px);margin-right:20px}
    .gonderBtn{font-size:12px}
    .footer-logos{width:30%}
    .footer-iletisim-bilgileri{width:60%}
    .footer-menu{width:100%}
    .copyright span{margin-right:0;width:100%;margin-bottom:15px}
    .copyright li{margin-left:0;margin-right:26px;margin-bottom:10px;top:0}
    .copyright img{width:200px;float:left;margin-top:10px}
    .main-logo{margin-right:0}
    .sidebar-menu button,.sidebar-menu li{margin-left:0}
    .iletisimFormu ul li{width:calc(100% / 2 - 30px);float:left;margin-right:50px;margin-bottom:10px}
    .iletisimFormu ul li:nth-child(2){margin-right:0}
    .swiper-button-prev.slidePrev,.swiper-container-rtl .swiper-button-next.slideNext{left:30px}
    .swiper-button-next.slideNext,.swiper-container-rtl .swiper-button-prev.slidePrev{right:30px}
    .banner-galeri{height:350px}
    .galeri-thumb{display:none}
    .ic-content{padding-right:0;width:100%}
    .ic-content ul li{width:100%;margin-right:0}
    .otelTuruGaleri li{height:200px}
    .col-lg-3:nth-child(1){max-width:50%;padding-right:50px}
    .form-group .control-label,.select-label{font-size:.8em}
    .gorunmez{background:rgba(0,0,0,.1)}
    .oda-index-aciklama p{font-size:13px;line-height:22px;margin-top:10px;margin-bottom:10px}
    .oda-index-aciklama{padding-right:0}
    .oda-index-galeri{height:320px}
    .odalar-tab-menu li{margin-left:0}
    .restoran-slider{padding-bottom:50px!important}
    #player{display:none}
    .video{background-image:url(../images/mobilBg.jpg)!important;background-size:cover;background-position:center}
}
@media only screen and (max-width:479px){
    .video{height:500px;width:90%;overflow:hidden;margin:100px 5%;position:relative;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}
    video{min-height:500px;position:absolute;width:323%;left:-110%;top:0}
    .index-logo,.video{height:100vh;margin:0;max-height:750px;width:100%;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0}
    .index-logo img{width:150px}
    .basla{width:180px;height:35px;line-height:35px;font-size:12px;margin-top:30px;display:none}
    .langMenu span,.menuButon span{display:none}
    .menu-trigger.second .line{background:#fff;display:block}
    .menuBg ul{margin:30px 0 0 0}
    @keyframes menuAniRenk{
    0%{border-right:200px solid #8bb1df;border-bottom:0 solid #8bb1df}
    100%{border-right:250px solid #8bb1df;border-bottom:100vh solid #8bb1df}
    }
    @keyframes menuAniBeyaz{
    0%{border-right:200px solid #fff;border-bottom:0 solid #fff}
    100%{border-right:250px solid #fff;border-bottom:100vh solid #fff}
    }
    .menuBg{width:250px;padding:45px 20px;z-index:2}
    #sect1:before{content:"";position:absolute;height:calc(100vh - 150px);width:100%;background:#8bb1df;top:150px}
    .mobil-logo{display:block;width:100%;text-align:center;position:absolute;top:-20px;z-index:0}
    .mobil-logo img{width:105px;top:-15px;position:relative}
    .langMenu{margin-right:20px;display:none}
    .dilMenuBg{width:auto;top:-5px;right:20px;background:0 0;padding:0;position:absolute}
    .dilMenuBg li{
    	margin-bottom:20px;
    	width:25px;
    	float:right;
    	height:25px;
    	text-align:center;
    	border:1px solid #eee;
    	border-radius:50%;
    	line-height:23px;
    	margin-left:10px;
    	margin-bottom:0;
    	background: #6a604d;
    }
    .dilMenuBg li a{font-size:11px;font-weight:400;color:#fff}
    #sect1{max-height:750px!important}
    .mobilFormBtn{display:block;z-index:9}
    .rezervasyon{width:100%;float:left;margin-top:0;position:fixed;background:#fff;z-index:2;bottom:-100vh;left:0;max-height:100vh;overflow-y:scroll;box-sizing:border-box;padding:40px 30px 20px 30px;border-top-left-radius:15px;border-top-right-radius:15px;transition:all ease-in-out .3s!important;-webkit-transition:all ease-in-out .3s!important;-moz-transition:all ease-in-out .3s!important;-ms-transition:all ease-in-out .3s!important;-o-transition:all ease-in-out .3s!important}
    .rezervasyon.active{bottom:0;opacity:1!important;z-index:99}
    .rezervasyon h2{font-size:15px;font-weight:700;margin-bottom:10px;color:#8bb1df;float:left}
    .rezervasyon p{font-size:15px;font-weight:700;opacity:1;color:#8bb1df;margin-bottom:60px;float:right}
    #flight-datepicker .form-item,.yetiskin{width:100%;margin-right:0;margin-bottom:20px;position:relative}
    .gonderBtn{font-size:14px;width:100%;border-radius:5px;height:60px;letter-spacing:2px;background:#012047;margin-top:30px;box-shadow:0 10px 30px rgba(0,0,0,.2)}
    .rezForm{margin-bottom:0}
    .select-selected{font-size:14px}
    .index-hakkimizda{margin-bottom:50px;padding-top:50px}
    .index-hakkimizda h1,.otel-galeri h3{font-size:20px;margin-bottom:25px}
    .index-hakkimizda p{font-size:14px;line-height:26px;margin-bottom:20px;text-align:justify}
    .galeriRow{height:180px}
    .otel-galeri{margin-bottom:50px}
    .footer-logos{width:100%}
    .footer-logos a{display:none}
    .footer-ana-logo a{display:block}
    .footer-ana-logo{width:100%;float:left;position:relative;left:0;text-align:center}
    .footer-logos img{float:none;margin-right:0;display:inline-block}
    .footer-iletisim-bilgileri{width:100%;margin-top:0;text-align:center}
    .footer-iletisim-bilgileri li{width:100%}
    .footer-menu{width:100%;margin-top:30px}
    .footer-menu{width:100%;margin-top:30px}
    .footer-menu ul{float:left;-moz-column-count:2;-webkit-column-count:2;column-count:2}
    .main-logo{display:none}
    .top-banner h1{font-size:18px;float:none;margin-top:90px}
    .sidebar-menu{margin-top:20px;width:100%;text-align:center;min-width:100%}
    .sidebar-menu button,.sidebar-menu li{margin-left:0;float:none;display:inline-block}
    .banner-galeri{height:250px;margin-top:20px}
    .content p,.content ul{font-size:14px;line-height:26px;margin-bottom:15px}
    .iletisimFormu{padding:25px}
    .iletisimFormu ul li{width:100%;float:left;margin-right:0;margin-bottom:10px}
    .top-banner{margin-top:0;text-align:center}
    .aciklama{width:100%;font-size:16px;margin:30px 0;line-height:30px}
    .otelTuruGaleri li{height:150px;width:calc(100% / 2 - 10px)}
    .col-lg-3:nth-child(1){max-width:100%;padding-right:0}
    .video:before{display:none}
    .yaslar{margin-top:10px;position:relative}
    .select:after{right:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid rgba(0,0,0,1)}
    .menuBg ul li a::before{display:none}
    .menuBg ul li a.active{color:#fff!important;background:#6a604d}
    .formCol{width:100%;margin-bottom:20px!important}
    .digerOteller{float:left;margin-top:30px;width:100%;text-align:center}
    .index-odalar h2{float:left;margin-bottom:30px}
    .index-odalar-tab{float:right;width:100%;overflow-x:scroll}
    .odalar-tab-menu{min-width:600px}
    .index-odalar-page{margin-top:30px;padding:20px 15px}
    .oda-index-galeri{height:220px;width:100%}
    .oda-index-aciklama{width:100%;box-sizing:border-box;float:left;padding-left:0;padding-right:0;padding-top:20px}
    .oda-index-aciklama a{padding:12px 15px;font-size:13px;margin-top:10px}
    .restoran-slider{padding-bottom:30px!important}
    .index-restorant{margin-bottom:30px}
    .ref-logo{float:right;width:80px;margin-left:29px;margin-top:10px;display:inline-block}
    .ref-logo span{font-size:10px;margin-bottom:0}
    .ref-logo img{margin-top:0;width:80px}
    .copyright li a{font-size:10px}
    .copyright li{margin-right:16px}
    .copyright{margin-bottom:50px}
    #covid-frame{height:auto!important;padding: 5px!important;}
    #covid-frame span{height:auto!important;padding:0px!important;font-size: 10px!important;line-height:20px!important;}
    #covid-frame a{height: 22px!important;line-height: 22px!important;font-size: 10px!important;}
	
	.popupShadow .popupInner {
    width: 95%;
    padding: 50px;
}

.popupShadow .close {
    right: 0px;
    top: -35px;
    width: 35px;
    height: 35px;
}

.popupShadow .popupInner p {
    font-size: 18px;
    line-height: 30px;
}

.popupShadow .popupInner .popupPdf {
    margin-top: 20px;
    font-size: 14px;
}
    }
    @media(max-width:500px) and (min-height:750px){
    video{min-height:800px;position:absolute;width:420%;left:-170%;top:0}
    }