@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

/* Otel arama: label input üstüne çıkmasın – label yukarıda sabit */
.hefo-otel-loc .lblhe-otel {
  display: block;
  position: relative;
}
.hefo-otel-loc .label-above {
  display: block !important;
  position: static !important;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.5px;
  color: #333;
  margin-bottom: 6px;
  transform: none !important;
}
.hefo-otel-loc .lblhe-otel input {
  display: block;
  width: 100%;
  padding: 10px 12px;
  margin-top: 0;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  min-width: 200px;
}

.temiz {clear: both;}
.navmen {width: 13%; float: left; background:#fff; height: 100vh !important;}
.navic {width:87%; float:right; padding:1%; background:#f1f1f1; height:auto}


.bgbyz {background:#fff; padding:30px; border-radius: 6px;}
.bgbyz h4 {font-weight: 600; font-size:16px; margin:0px}


.btnysl {width: 100%; display: inline-block; text-align: center; padding:14px 0px; border-radius: 6px; background:#54C194; border:2px solid #54C194; color:#fff !important; font-weight: 600;}

.btn1 {width: 100%; display: inline-block; text-align: center; padding:14px 0px; border-radius: 6px; background:#D3D3D3; border:2px solid #D3D3D3; color:#000; font-weight: 600;}
.btn2 {width: 100%; display: inline-block; text-align: center; padding:14px 0px; border-radius: 6px; background:#000; border:2px solid #000; color:#fff !important; font-weight: 600;}
.btn3 {width: 100%; display: inline-block; text-align: center; padding:14px 0px; border-radius: 6px; background:#43447D; border:2px solid #43447D; color:#fff !important; font-weight: 600;}

.btnysl:hover {background:#fff; color:#54C194 !important; border:2px solid #54C194; transition:.4s }
.btn1:hover {background:#fff; color:#000 !important; border:2px solid #000; transition:.4s }
.btn2:hover {background:#fff; color:#000 !important;border:2px solid #000;  transition:.4s }
.btn3:hover {background:#fff; color:#000 !important; border:2px solid #000; transition:.4s }



.rzb3-11 span {padding:6px 12px; font-size:11px; background-color:#000; color:#fff; font-weight: 500; border-radius: 6px}
.rzb3-12 {text-decoration: line-through; font-weight: 500; text-align: right; font-size:12px;}


.ybr {width: 100%; padding:16px; border:1px solid #f1f1f1}
.ybr ol {margin:0; padding:0; margin-top:10px}
.ybr ol li {margin-left:10px; padding:6px 0px; font-weight:400; font-size:12px}
.ybr ol li span {font-weight: 600; color: #000}

.iadebtn {padding:4px 8px; margin:0px 6px; background-color:#E6AD1E !important; color:#fff !important; font-weight: 500; border-radius: 6px;}
.btnysl2 { float: right; display: inline-block; text-align: center; padding:8px 12px; border-radius: 6px; background:#31CE75; border:2px solid #31CE75; color:#fff !important; font-weight: 600;}
.btnysl3 { float: right; display: inline-block; margin-left:10px; text-align: center; padding:8px 12px; border-radius: 6px; background:#178AE2; border:2px solid #178AE2; color:#fff !important; font-weight: 600;}

.btnysl2:hover {color:#fff !important}
.btnysl3:hover {color:#fff !important}
.iadebtn:hover {color:#fff !important}
.ybrod {width: 100%; margin-top:15px}






.bt0 {width: 100%; height: auto; margin-top:15px}
.bt1 {width:48%; float: left; margin-top:15px}
.bt2 {width:48%; float: right; margin-top:15px}

.slct { border:1px solid #f1f1f1; padding:14px !important; border-radius:6px; width:100% !important }

.margin20 {margin-top:20px}


.hd {width:100%; gap:20px; flex-wrap:wrap; display: flex;}
.hd1 {width:180px;}
.hd2 {width:550px;}
.hd3 {width:360px}


.bt0 ul {margin:0px; padding:0;}
.bt0 ul li {width: 100%; padding:6px 0px; font-size:13px; list-style: none}
.bt0 ul li span {float: right; font-weight: 600;}

.bdtur {width: 100%; height:120px; object-fit: cover; border-radius: 6px;}

.rz1 a { font-size:20px; font-weight:600; line-height:1.6rem; margin-bottom:20px }
.rz2 {margin-top:20px}
.rz2 ul {margin:0px; padding:0;}
.rz2 ul li {width: 100%; padding:6px 0px; font-size:13px; list-style: none}
.rz2 ul li span {float: right; font-weight: 600;}

.odabilgi {margin-top:15px; font-size:14px}

.sozlesme {width: 100%; padding:10px 0px; margin-left:0%; flex-wrap:wrap; display: flex; gap:20px;  margin-top:20px}
.sz1 {flex: 1 1 auto;}


.szbtn {padding:14px; display: inline-block; width: 100%; text-align: center; font-weight:500 !important; background:#f1f1f1; border-radius: 6px;}
.szbtn:hover {background:#000; color:#fff !important; transition: .4s;}

.szbtn1 {padding:14px; display: inline-block; width: 100%; text-align: center; color:#fff !important; font-weight:500 !important; background:#54C194; border-radius: 6px;}
.szbtn1:hover {color:#fff !important}
.ft1 {width: 100%;padding:10px 0px; flex-wrap:wrap; display: flex;  margin-top:10px; margin-left:-10px; margin-right:-10px;}
.ft0 {flex-wrap:wrap; width: 360px; margin:0px 10px; font-size:14px; font-weight: 500; color:#000; line-height: 1.8rem}
.ft0 span {font-size:12px; opacity: .4; font-weight: 500}
.gd {width: 100%;  gap:20; padding:3px 0px; display: flex; flex-wrap: nowrap;}
.gd span {font-size:12px; opacity: .5; font-weight: 500}
.gd1 { width:200px; margin-right: 10px; padding:6px 0px; opacity: 1; font-size:13px; font-weight: 500}
.gd2 { width:420px; margin-right: 10px; padding:6px 0px; opacity: 1; font-size:13px; font-weight: 500}
.gdbtn {padding:4px 8px; margin-left:6px; font-size:12px; background:#f1f1f1; border-radius: 6px;}







.margin50{margin-top:50px}


.ysb2 ul {margin:0; padding:0; display: flex;gap:20px; flex-wrap: wrap}
.ysb2 ul li {list-style: none; width: 48%; float: left; padding:24px; border:1px solid #f1f1f1; border-radius: 8px;}
.ysb2 ul li a {display: flex;}
.yasl1 {width:50%; float: left;}
.yasl1 img {width: 100%; height:130px; border-radius: 8px; }
.yasl2 {width:44% !important; float: right; font-size:18px; display: flex;align-items: center;
    margin-left: 5%;
    align-content: center;
    flex-wrap: wrap; font-weight: 500; line-height: 1.8rem}




.ysb1 {width:42%; float: left; margin-top:50px}
.ysb2 {width:56%; float: right; margin-top:50px}


.ysb1 img {width: 100%; height:380px; border-radius:12px; object-fit: cover}


.seot {width: 100%; margin-top:50px;}
.seot h3 {font-weight: 500; font-size:24px;}
.seot1 {width:100%; margin-top:30px;}
.seot1 ul {margin:0; padding:0;}
.seot1 ul li {float: left; list-style: none; cursor: pointer; display: inline-block; }
.seot1 ul li .active {border-bottom:3px solid #000; padding:20px 22px; color:#000 !important; font-weight: 600 !important}
.seot1 ul li a {padding:20px 28px !important; color:#000 !important;font-size:14px !important; font-weight: 600}


.seot2 {width: 100%; display: flex; flex-wrap: wrap; gap:20px;}
.seot22 {width: 100%; margin-top:32px}
.seot3 {width: 23.3%; float: left;}
.seot3 img {width: 100%; height: 200px;}

.seot3-1 {width: 100%; font-size:12px;}
.seot3-2 {width: 100%; margin-top:6px; font-weight:500; font-size:16px;}
.seot3-3 {width:100%; margin-top:8px;}


.oteldetay {width: 100%; background-color:#fff !important; padding-top:20px;}
.otelbaslik {width: 100%; margin-top:30px;}
.otelbaslik h1 {font-weight:500; font-size:28px; font-family: poppins}
.otelbaslik ol {margin:0; padding:0;}
.otelbaslik ol li {float: left; margin-left:24px; list-style: circle;}

.otelfoto {margin-top:20px; width: 100%;}
.otelf1 {width:46%; float: left; margin-top:.5%}
.otelf1 img {width: 100%; height:394px; object-fit: cover; border-radius: 12px}

.otelf2 {width:53%; float: right;}
.otelf2 ul {margin:0; padding:0;}
.otelf2 ul li {float: left; width:48%; float: left; list-style: none; margin:1%;}
.otelf2 ul li img {width: 100%; height: 190px; object-fit: cover; border-radius: 8px}


.otellink {width: 100%; margin-top:40px;}
.otellink ul {margin:0; padding:0;}
.otellink ul li {list-style: none; float: left;}
.otellink ul li a {font-family:poppins ; font-weight:400 !important; font-size:14px !important; padding:16px 24px !important;}
.oactive {border-bottom:2px solid #000}


.genelbilgiler {padding:60px 0px}

.card-collapse .card-header a {font-size:15px !important; margin-top:0px !important; width: 100%; display: inline-block; border-radius: 8px; background-color:#fff !important;}
.card-collapse .card-header a i {float: right !important;}

.otelharita {padding:60px 0px}
.card-header {background-color:#fff !important}
.card-body p {padding:18px 24px 6px 24px !important}
.card-collapse, .card-collapse .card-header {margin-top:6px !important; border-radius: 6px !important}
.card-collapse .card-body {border-radius: 0px 0px 6px 6px; margin-top:-2px}
/* Genel Bilgiler accordion içerik - tüm accordion'lara uygulanır */
.genelbilgiler #accordion .card-collapse .card-body,
.genelbilgiler .card-collapse .card-body {
    padding: 20px 24px 24px 24px !important;
    line-height: 1.65;
    font-size: 15px;
    color: #333;
}
.genelbilgiler #accordion .card-collapse .card-body p,
.genelbilgiler .card-collapse .card-body p {
    padding: 0 0 12px 0 !important;
    margin: 0 0 12px 0 !important;
}
.genelbilgiler #accordion .card-collapse .card-body p:last-child,
.genelbilgiler .card-collapse .card-body p:last-child,
.genelbilgiler #accordion .card-collapse .card-body > *:last-child,
.genelbilgiler .card-collapse .card-body > *:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.genelbilgiler #accordion .card-collapse .card-body ul,
.genelbilgiler #accordion .card-collapse .card-body ol,
.genelbilgiler .card-collapse .card-body ul,
.genelbilgiler .card-collapse .card-body ol {
    margin: 12px 0 !important;
    padding-left: 24px !important;
}
.genelbilgiler #accordion .card-collapse .card-body li,
.genelbilgiler .card-collapse .card-body li {
    margin-bottom: 6px !important;
    line-height: 1.6;
}

.otelozellik {padding:60px 0px}
.otelozellik ul {margin:0; padding:0}
.otelozellik ul li {list-style: none; float: left; padding:16px 32px; margin-right: 16px; margin-top:12px; border-radius: 6px; background-color: #fff;}

.otelyorum {padding:60px 0px}
.otyor {margin-top:20px; background-color:#fff; border-radius: 12px; padding:24px;}
.oty1 {float: left; width:40%;font-size:14px;}
.oty2 {float: right; width:30%; text-align: right;}
.oty3 {width:100%; margin-top:20px; line-height: 1.6rem; font-size:14px}
.nav-pills .nav-item .nav-link.active {color:#fff !important}

.rezyap {padding:60px 0px}
.rezy1 {width:68%; float: left;}
.rezy2 {width:30%; float: right; background-color:#fff; border-radius: 8px; padding:24px;}
.rezy2 h3 {font-size:16px; margin-top:0px; margin-bottom:20px !important; padding-bottom:12px; font-weight: 500; text-align: center !important; width: 100%; border-bottom:1px solid #f1f1f1;}
.ry1 {width: 100%; margin-top:12px;}
.ry1-1 {width:30%; float: left; font-weight: 500}
.ry1-2 {width:65%; float: right; text-align: right;}

.ry2 {width: 100%; margin-top:16px; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; padding:6px 0px 16px 0px}
.ry2-1 {width:65%; float: left; }
.ry2-2 {width:30%; float: right; text-align: right;font-weight: 500}
.ry2 h4 {font-size:14px !important; margin-bottom:16px; font-weight:500 !important}
.ry3 {width: 100%; margin-top:12px;}
.ry3-1 {width:65%; float: left; }
.ry3-2 {width:30%; float: right; text-align: right;}

.ry4 {width: 100%; margin-top:12px;}
.ry4-1 {width:65%; float: left; font-weight:500; font-size:13px; }
.ry4-2 {width:35%; float: right; text-align: right; font-size:13px; font-weight:500}

.red {color:#000 !important;}
.rcizgi {text-decoration: underline !important;}
.rz5 {margin-top:24px !important; width: 100%;}
.rz5 a {font-size:13px; font-weight:600 !important; color:#fff !important; background-color:#54C194 !important; border-radius: 8px !important; display: inline-block; width: 100%; text-align: center; padding:16px }
.rz5 a:hover {background-color: #000 !important; color:#fff !important; transition: .3s!important}


.rz5 button {font-size:13px; font-weight:600 !important; border:none; color:#fff !important; background-color:#54C194 !important; border-radius: 8px !important; display: inline-block; width: 100%; text-align: center; padding:16px }
.rz5 button:hover {background-color: #000 !important; color:#fff !important; transition: .3s!important}

.mbsrzbtn {margin-top:12px; display: none;}
.mbsrzbtn a {font-size:13px; font-weight:600 !important; color:#fff !important; background-color:#54C194 !important; border-radius: 8px !important; display: inline-block; width: 100%; text-align: center; padding:16px }
.mbsrzbtn a:hover {background-color: #000 !important; color:#fff !important; transition: .3s!important}



.rzbox {width: 100%; padding:24px; background-color: #fff;margin-top:16px; display: flex;}
.rzb1 {width:20%; float: left;}
.rzb1 img {width: 100%; height:120px; border-radius: 6px;}
.rzb2 {width:42%; float: left; margin-left:2%; display: flex;flex-direction: column;justify-content: center;}

.rzb3 {width:24%; float:left; margin-left:3%;display: flex;flex-direction: column;justify-content: center; text-align: right; font-weight:600; font-size:16px; line-height:1.7rem}
.rzb2 h4 {font-size:18px; margin-top:0px}
.rzb3-1 {font-size:12px; font-weight:400;}
.rzb4 {width:0%; float: right; text-align: right;display: flex;margin-left:3%; margin-top:12px; flex-direction: column;justify-content: center;}


.rzbox2 {width: 100%; background-color:#fff; padding:16px; border-top:1px solid #f1f1f1}
.rzbox2 ul li a {padding:6px; font-size:12px; font-weight: 500;}
.rzbox2 ul li {margin-right:16px;}

.rzbox3 {margin-left:6px; width: 100%; margin-top:16px}
.rzbox3-1 {width: 40%; float: left;}
.rzbox3-1 img {width: 100%; height:240px; object-fit: cover; border-radius: 8px;}
.rzbox3-2 {width: 56%; float: right;}
.rzbox3-2 ul {margin:0; padding:0; display: flex; flex-wrap: wrap;}
.rzbox3-2 ul li {list-style: none; padding:8px 16px; margin-bottom:8px; border-radius: 6px; border:1px solid #f1f1f1; margin-right: 12px;}
.rzbox3-2 p {margin-top:16px; font-size:13px; line-height: 1.4rem}


.rbz2 {width: 100%; margin-top:15px; margin-bottom:20px}
.rbz2 ul {margin:0; padding:0; display: flex; }
.rbz2 ul li {text-align: center; list-style: none;border-radius: 6px}

.rbz2-1 {width: 100%; padding:12px; line-height: 1.4rem;}
.rbz2-2 {padding:12px 20px 20px 20px; font-size:16px;color:#000; font-weight: 500}
.rbz2-2 span {font-size:12px; text-decoration: line-through; color:#979797}


.ryesil {border:2px solid #197C4D;}
.rkirmizi {border:2px solid #D72D3C;}
.rkirbg {background-color:#FFE7E9}
.ryesbg {background-color:#E7F7ED}
.rbz5 {width: 100%; margin-top:20px;}
.rbz5 ul {margin:0; padding:0;}
.rbz5 ul li {float: left; list-style: none; margin-right: 24px; font-weight: 500}
.rbz5 span {height:12px; width: 12px; margin-right:8px; display: inline-block; border-radius: 100px;}


.rsearch {width: 100%; padding:24px; margin-bottom:30px; background-color:#fff; border-radius: 8px;}
.rsearch label {font-size:12px !important; font-weight: 500; letter-spacing: .3px; color: #999 !important; width: 100%; display: inline-block;}
.rinput {width: 100%; display: inline-block; padding:7px 0px; border:none;}

.rs1 {width:40%; float: left;}
.rs2 {width:35%; float: left; margin-left:2%; padding-left:2%; border-left:1px solid #f1f1f1;}
.rs3 {width:15%; float: right; }

.rs1-1 {width:48%; float: left;}
.rs1-2 {width:48%; float: right;}

.rsbtn {width: 100%; padding:18px 16px; background-color: red; color:#fff;border:none; font-weight:500 !important; border-radius:6px; }

.kmainselect {width: 100%; padding:12px; border:1px solid #f1f1f1 !important; border-radius: 8px;}

/* Kişi Bilgileri panel - taygatourbackup ile aynı */
.rs2, .rezyap .rsearch { position: relative; }
.dac { width: 100%; max-width: 400px; min-width: 280px; padding: 32px; box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07) !important; background-color: #fff; border-radius: 6px; margin-top: 8px; position: absolute; z-index: 9999 !important; top: 100%; left: 0; }
.dac h5 { margin: 0 0 14px; font-size: 15px; font-weight: 600; color: #212529; }
.dac1 { width: 100%; margin-top: 16px; display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; gap: 12px; }
.dac1:first-of-type { margin-top: 0; }
.dac2 { font-size: 12px; font-weight: 700; color: #212529; text-transform: uppercase; letter-spacing: 0.5px; min-width: 80px; flex-shrink: 0; }
.dac3 { display: flex; align-items: center; gap: 4px; flex-shrink: 0; }
.dac3in { width: 44px; text-align: center; border: none; background: #fff; font-weight: 600; font-size: 14px; }
.btn11 { width: 36px; height: 36px; min-width: 36px; padding: 0; font-weight: 500; background-color: #f1f1f1; border: none; border-radius: 8px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.btn11:hover { background-color: #e9ecef; }
/* Oda bloğu (Paximum çoklu oda) */
.dac .pax-room-block, .dac .oda-block { background: #f1f1f1; border-radius: 6px; padding: 14px 16px; margin-bottom: 12px; }

.otelmobilfoto img {width: 100%; height: 300px !important; object-fit: cover; border-radius: 6px;}

.otelmobilfoto {display: none; margin-top:20px}

@media (max-width: 575.98px) {

.rzzbb1 {width:50%; float: left; text-align: left;}
.rzzbb2 {width:50%; float: right;}


.mbsrzbtn {display: inline-block;}

.otelmobilfoto {display: inline-block;}
    .otelfoto {display: none;}
    .rezy1 {width: 100%; padding: 0 10px; box-sizing: border-box;}
    .rezy2 {width: 100%; margin-top:24px}
    .rs1 {width: 100%;}
    .rs2 {width: 100%; margin-left:0px; border-left:none; padding-left:0px; margin-top:20px}
    .rs3 {width: 100%; margin-top:16px}
    /* Mobil oda kartı: kesilme olmasın, fiyat ve radio her zaman görünsün */
    .rezy1 .gbox { margin: 12px 0; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
    .rezy1 .rzbox { display: flex; flex-wrap: wrap; padding: 14px 12px; margin-top: 0; align-items: flex-start; box-sizing: border-box; }
    .rezy1 .rzbox .form-check-label { display: flex !important; flex-wrap: wrap; width: 100% !important; min-width: 0; align-items: flex-start; gap: 0; }
    .rezy1 .rzb1,
    .rezy1 .rzbox [class*="carousel"] { width: 72px !important; min-width: 72px; height: 72px !important; max-height: 72px !important; flex-shrink: 0; border-radius: 8px; overflow: hidden; margin-right: 10px; }
    .rezy1 .rzb1 img,
    .rezy1 .rzbox .carousel-inner .carousel-item img { height: 72px !important; object-fit: cover !important; }
    .rezy1 .rzb2 { width: auto !important; min-width: 0; flex: 1 1 0; margin-left: 0 !important; padding-right: 6px; }
    .rezy1 .rzb2 h4 { font-size: 13px !important; line-height: 1.35; margin: 0 0 4px; word-break: break-word; }
    .rezy1 .rzb2 span { font-size: 11px; color: #666; line-height: 1.3; }
    .rezy1 .rzb3 { width: auto !important; min-width: 0; flex: 0 0 auto; margin: 0 !important; margin-top: 8px; flex-direction: column; align-items: flex-end; text-align: right; font-size: 14px !important; order: 3; width: 100% !important; flex-direction: row; justify-content: space-between; align-items: center; }
    .rezy1 .rzzbb1 { width: auto !important; float: none; text-align: left; }
    .rezy1 .rzzbb2 { width: auto !important; float: none; }
    .rezy1 .rzb3-1 { font-size: 11px; font-weight: 500; color: #555; }
    .rezy1 .rzb3-11 { margin-top: 2px; }
    .rezy1 .rzb3-11 span { font-size: 10px; padding: 4px 8px; }
    .rezy1 .rzb3-2 { white-space: nowrap; font-size: 15px !important; color: #000; }
    .rezy1 .rzb4 { width: auto !important; display: flex !important; flex-shrink: 0; margin: 0 !important; margin-top: 8px; order: 4; align-items: center; justify-content: flex-end; }
    .rezy1 .rzb4 .form-check-input { margin: 0 !important; flex-shrink: 0; }
    .rezy1 .rzbox2 { padding: 10px 12px; }
    .rezy1 .rzbox2 ul { flex-wrap: wrap; }
    .rezy1 .rzbox2 ul li { margin-right: 10px; margin-bottom: 4px; }
    .rezy1 .rzbox2 ul li a { font-size: 11px; }
    .rzb4 {width:6%;}
    .rzb1 {width:36%;}
    .rzb1 img {height:90px; object-fit: cover;}
    .rzb2 {width:50%;}
    .rzb3 {width:100%; margin-top:16px; flex-direction: row;
        justify-content: space-between; margin-left:0px}
    .rzbox {flex-wrap: wrap}
    .otelfoto {width:100%;}
    .otelf1 {width: 100%; float: none;}
    .otelf2 {width: 102%; float: none; margin-left:-1%; margin-top:1%;}
    .otelf2 ul li img {height: 164px;}
    .otelf1 img {height: 320px}
    .otellink ul li a {margin-right:10px; padding:12px 24px !important; font-size:12px !important}
    .otellink ul li {margin-top:10px}
    .otellink {margin-top:20px}
    .otelbaslik h1 {font-size:20px !important}

    .rzbox3-1 {width: 100%;}
    .rzbox3-2 {width: 100%; margin-top:24px}
    .rbz2 {overflow-y: auto; padding-bottom:12px}


    .seot22 {overflow-y: auto; padding-bottom:30px}
    .seot2 {width:230%;}
    .seot1 {padding-bottom:20px; overflow-y: auto}
    .seot1 ul {width:200%;}
    .ysb1 {width: 100%;}
    .ysb2 {width: 100%;}

    .yasl1 {width: 100%; float: none;}
    .yasl2 {width: 100%; text-align: center; }
    .ysb2 ul {display: inline-block !important;}
    .nav-pills .nav-item .nav-link.active {color:#000 !important}

.ysb2 ul li a {display: flex;flex-direction: column;align-items: center;}
    .yasl2 {margin-top:10px; font-size:13px; display: inline;}
    .yasl1 img {height: 100px; object-fit: cover;}
.ysb2 ul li {padding:16px; margin:1%;}
.ysb2 {margin-top:20px;}
.ysb1 img {height: 220px; object-fit: cover;}
.ysb1 {margin-top:20px}
.seot {margin-top:30px}
.seot1 {margin-top:0px;}
.dac {width: 100%;}
}


@media only screen and (min-width:576px) and (max-width:767px) {
.otelmobilfoto {display: inline-block;}
.mbsrzbtn {display: inline-block;}

.dac {width: 100%;}

    .otelfoto {display: none;}

.ysb2 ul li a {display: flex;flex-direction: column;align-items: center;}
    .yasl2 {margin-top:10px; font-size:13px; display: inline;}
    .yasl1 img {height: 100px; object-fit: cover;}
.ysb2 ul li {padding:16px; margin:1%;}
.ysb2 {margin-top:20px;}
.ysb1 img {height: 220px; object-fit: cover;}
.ysb1 {margin-top:20px}
.seot {margin-top:30px}
.seot1 {margin-top:0px;}



    .rezy1 {width: 100%; padding: 0 10px; box-sizing: border-box;}
    .rezy2 {width: 100%; margin-top:24px}
    .rs1 {width: 100%;}
    .rs2 {width: 100%; margin-left:0px; border-left:none; padding-left:0px; margin-top:20px}
    .rs3 {width: 100%; margin-top:16px}
    .rezy1 .rzb4 { display: flex !important; }
    .rzb4 { display: flex !important; }
    .rzb1 {width:45%;}
    .rzb2 {width:50%;}
    .rzb3 {width:100%; margin-top:16px; flex-direction: row;
        justify-content: space-between; margin-left:0px}
    .rzbox {flex-wrap: wrap}
    .otelfoto {width:100%;}
    .otelf1 {width: 100%; float: none;}
    .otelf2 {width: 102%; float: none; margin-left:-1%; margin-top:1%;}
    .otelf2 ul li img {height: 164px;}
    .otelf1 img {height: 320px}
    .otellink ul li a {margin-right:10px; padding:12px 24px !important; font-size:12px !important}
    .otellink ul li {margin-top:10px}
    .otellink {margin-top:20px}
    .otelbaslik h1 {font-size:20px !important}
    .rzbox3-1 {width: 100%;}
    .rzbox3-2 {width: 100%; margin-top:24px}
    .rbz2 {overflow-y: auto; padding-bottom:12px}
        .nav-pills .nav-item .nav-link.active {color:#000 !important}

}

@media only screen and (min-width:768px) and (max-width:990px) {
    .rezy1 {width: 100%; padding: 0 10px; box-sizing: border-box;}
    .rezy2 {width: 100%; margin-top:24px}
    .rs1 {width: 100%;}
    .rs2 {width: 100%; margin-left:0px; border-left:none; padding-left:0px; margin-top:20px}
    .rs3 {width: 100%; margin-top:16px}
    .rezy1 .rzb3 { width: 100%; margin-top: 10px; flex-direction: row; justify-content: space-between; margin-left: 0 !important; }
    .rezy1 .rzb3-2 { white-space: nowrap; }
    .rezy1 .rzb4 { display: flex !important; }
    .rzb4 {display: flex !important;}
    .rzb1 {width:25%;}
    .rzb2 {width:50%;}
    .rzb3 {width:100%; margin-top:16px; flex-direction: row;
        justify-content: space-between; margin-left:0px}
    .rzbox {flex-wrap: wrap}
    .otelfoto {width:100%;}
    .otelf1 {width: 100%; float: none;}
    .otelf2 {width: 102%; float: none; margin-left:-1%; margin-top:1%;}
    .otelf2 ul li img {height: 164px;}
    .otelf1 img {height: 320px}
    .otellink ul li a {margin-right:10px; padding:12px 24px !important; font-size:12px !important}
    .otellink ul li {margin-top:10px}
    .otellink {margin-top:20px}
    .otelbaslik h1 {font-size:20px !important}
        .nav-pills .nav-item .nav-link.active {color:#000 !important}


}

@media only screen and (min-width:991px) and (max-width:1140px) {


}

@media only screen and (min-width:1141px) and (max-width:1200px) {


}

@media only screen and (min-width:1201px) and (max-width:1600px) {

}


@media only screen and (min-width:1601px) and (max-width:1800px) {


}

@media only screen and (min-width:1801px) and (max-width:2000px) {

}

@media only screen and (min-width:2001px) and (max-width:2200px) {

}

@media only screen and (min-width:2201px) and (max-width:2560px) {

}