*{box-sizing:border-box;margin:0;padding:0}
html,body{font-size:19px;font-family:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;line-height:1.6;background-color:#f5f5f6;padding:0;margin:0;scroll-behavior:smooth;text-rendering:optimizeSpeed}
a{text-decoration:none;color:#0b3a77;}
span{color:#08528d;font-weight:600;}
svg{width:24px;height:24px;overflow:hidden}
img{width:100%;height:auto;}
[id]{scroll-margin-top:60px;}
.wrapper{display:flex;flex-direction:column;flex-wrap:wrap;position:relative;flex:1 1 auto;height:100%;overflow:visible;background-color:#e5e3df;width:100%;padding-right:50px;padding-left:50px;margin-right:auto;margin-left:auto}
header{background:#fff;position:sticky;width:100%;top:0;border-bottom:1px solid #ccc;height:55px;z-index:1001}
header nav{position:relative;display:flex;max-width:calc(100% - 60px);margin-left:20px;height:54px;align-items:center;justify-content:space-between;gap:30px}
header .search-icon,header .menu-icon{color:#000;cursor:pointer;width:24px;height:24px;text-align:center;will-change:transform}
header #show-search:checked~.search-box{opacity:1;pointer-events:auto}
header .menu-icon{display:none}
nav .nav-content{display:flex;align-items:center;justify-content:space-between;width:100%}
nav .nav-content .links{margin-left:80px;display:flex;gap:10px}
.nav-content .logo{display:flex;align-items:center;min-width:120px;gap:10px}
.nav-content .logo svg{width:175px;height:52px}
.nav-content .logo a{height:52px}
.nav-content .links li{list-style:none;line-height:70px}
.nav-content .links li a,.nav-content .links li label{display:flex;align-items:center;gap:8px;color:#000;font-size:18px;font-weight:500;padding:7px 14px;border-radius:5px;transition:all 0.3s ease;line-height:40px}
.nav-content .links li label{display:none}
.nav-content .links li label svg{fill:#fff}
.nav-content .links li a:hover,.nav-content .links li label:hover{color:#013e81}
.nav-content .links ul{position:absolute;background:#fff;top:55px;z-index:-1;opacity:0;visibility:hidden;color:#000;min-width:280px;transform:translateY(-10px);transition:transform 0.3s ease,opacity 0.3s ease}
.nav-content .links li:hover>ul{opacity:1;visibility:visible;transform:translateY(0);z-index:999}
.nav-content .links ul li a{color:#000;display:block;width:100%;line-height:40px;border-radius:0px!important}
.nav-content .links ul li{position:relative;border:1px solid #ccc}#searchIcon{padding-top:10px}
header .search-box{position:absolute;height:100%;max-width:calc(85% - 40px);width:100%;margin-left:15%;opacity:0;pointer-events:none;border-left:1px dotted #ccc;transition:all 0.3s ease}
.search-box input{width:100%;height:100%;border:none;outline:none;font-size:17px;color:#000;background:#f1f1f1;padding:0 100px 0 15px}
.search-box .go-icon{position:absolute;display:flex;right:0;top:50%;align-items:center;transform:translateY(-50%);line-height:60px;width:51px;height:51px;justify-content:center;border:none;outline:none;color:#fff;font-size:17px;border-radius:15%;cursor:pointer;background:#00376b}
header input[type="checkbox"]{display:none;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.25s ease}
.svg-icon{width:16px;height:16px;display:inline-block;fill:#000;}
.searchbox{display:flex;flex-wrap:inherit;width:100%;padding:5px 10px;background-color:#00376b;justify-content:left;border:none;align-items:center;height:auto}
.input{flex:1 1 0%;max-width:350px;margin-right:5px}.label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.search-input{margin:3px 0;border-radius:4px;background-color:#fff;display:inline-flex;position:relative;width:100%}
.search-input svg{left:10px;position:absolute;bottom:50%;top:50%;transform:translate(0,-50%);fill:#938b8b;width:18px;min-width:18px;height:18px;display:inline-block}
.inp{background:0 0;border-radius:4px;box-sizing:border-box;font-size:17px;display:block;min-width:0;min-height:48px;height:48px;width:100%;appearance:textfield;position:relative;padding:1px 5px 0 32px;border:none;color:#000}
.button{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;background-color:#a52708;padding:0 32px;height:50px;min-height:50px;font-size:20px;color:#fff;text-decoration:none;cursor:pointer;border:none;line-height:1;gap:8px;box-sizing:border-box}
.button svg{height:18px;width:18px;flex-shrink:0;pointer-events:none}
.ads{width:100%;min-width:300px;min-height:300px;height:300px;padding:10px;display:flex;justify-content:center;align-items:center;background-color:#fafafa;overflow:hidden;text-align:center}
.ads ins.adsbygoogle,.ads-box ins.adsbygoogle{display:block!important;width:100%!important;height:100%!important;}
.heading{display:flex;flex-direction:row;align-items:center;position:relative;background-color:#00376b;width:100%;padding:10px;min-height:60px;overflow:hidden}
.startbar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:#fafafa;width:100%;padding:10px 30px;min-height:73px;overflow:hidden;box-sizing:border-box}
.breadcrumb-wrapper{width:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;text-align:left;padding:10px}
.breadcrumb{display:inline-block}.breadcrumb ul{display:inline-flex;list-style:none;padding:0;margin:0;font-size:17px}
.breadcrumb li{white-space:nowrap;color:#000;flex-shrink:0;border:none;padding:0;font-size:18px}.breadcrumb li+li::before{content:"›";padding:0 8px;color:#000}.breadcrumb a{text-decoration:none;color:#00376b}
.share-menu{display:flex;flex-direction:row;gap:5px;clear:both;margin:2px;justify-content:right;flex-wrap:nowrap;overflow:hidden}
.share-menu svg{width:24px;height:21px;fill:#333}
.sbutton{display:flex;align-items:center;width:125px;height:45px;padding:1px 5px;margin:2px;justify-content:center;color:#333;cursor:pointer;gap:2px;background-color:#fff;font-size:16px;border:1px solid #333;border-radius:5px;text-decoration:none;}

.slayt{display:flex;flex-direction:row;position:relative;overflow:visible;flex-wrap:wrap;flex:1 1 auto;max-height:100%;min-height:420px;background-color:#fafafa;padding:15px 35px;justify-content:space-between;align-items:start;gap:10px;border-bottom:1px dashed #ccc;}
.stop{padding-top:0px!important}
.Smenu{display:flex;width:40%;min-width:40%;z-index:1;overflow:hidden;height:100%}
.Smen{display:flex;flex-direction:column;width:100%;height:100%}
.slinky-menu{width:100%;min-height:650px}
.slinky-menu>ul{left:0;position:relative;height:420px}
.slinky-menu ul{list-style:none;margin:0;padding:0;margin-bottom:5px;width:100%;min-height:420px}
.slinky-menu ul li{list-style:none;margin:0 0 3px 0;height:95px;border:1px solid #aaa;background-color:#fff;cursor:pointer}
.slinky-menu li:first-child{border-top:1px solid #aaa}
.scroller{height:100%;overflow:auto;overflow-x:hidden}
.slinky-menu a{display:flex;color:#333;height:100%;font-weight:600;align-items:center}
.slinky-menu li ul{display:none;left:100%;position:absolute;top:0;padding:2px;height:100%;border-radius:4px;margin:1px;clear:both}
.slinky-menu li ul li{height:auto;box-shadow:none;padding:5px;cursor:default;margin:0}
.slinky-menu li ul li:last-child{border-bottom:1px solid #ccc}
.slinky-menu a.back{float:left;color:#fff;font-size:17px;padding:8px 11px;background-color:#0d4f9b;border-radius:0 4px 4px 0;width:100%;height:44px;border-radius:4px;position:sticky;top:0;z-index:1}
.altlink{height:50px!important;display:flex;align-items:center;width:100%;padding:0 12px;line-height:18px}
.altlink svg{width:22px;height:21px;vertical-align:text-bottom;fill:#4e82ad;stroke:#4e82ad}
.altlink span:nth-of-type(even){margin-left:10px}
#GY-Link,#Otel-Link,#Otobus-Link{color:#08528d;font-size:17px;font-weight:600;line-height:48px;height:48px;display:flex;align-items:center;gap:5px;cursor:pointer;width:100%;padding:0;transition: color 0.2s ease-in-out;}
.vtime{display:inline-block}
.left{background:#dadada;padding:15px;border-radius:6px 0 0 6px;min-width:250px;font-size:17px;margin-left:1px;max-width:300px;color:#000}
.ok{width:0;height:0;border-top:29px solid #fff0;border-bottom:30px solid #fff0;border-left:35px solid #dadada;background-color:#fff}
.right{background:#fff;padding:12px;border-radius:0 6px 6px 0}
.right a,.right span{text-decoration:none;color:#0645ad;font-weight:700;font-size:18px;line-height:1.2}
#YakıtHesaplama::after,#TaksiHesaplama::after{content:"\276F";margin-left:10px;font-size:20px;margin-top:1px}
#details{display:none;}
.arrow{transition:transform 0.3s ease;display:inline-block;vertical-align:middle;}
.arrow.up{transform:rotate(180deg);}
.taxtitle{font-weight:600;text-align:center;padding:5px}
.list-li{display:inline-block;width:100%;padding:0 0 5px 0;min-height:130px;border-bottom:1px dotted #000}
.list-li:last-child{border-bottom:none}
.lst-con{position:relative;padding:.4rem .7rem 0rem 3.5rem}
.lst-con:last-child{margin-bottom:1px}
.lst-con:not(:last-child):before{position:absolute;content:"";width:4px;left:calc(2rem - 2px);top:2.74rem;bottom:-.74rem}
.lst-con .durak{position:absolute;width:2rem;height:2rem;display:flex;justify-content:center;align-items:center;font-size:.6rem;color:#fff;left:1rem;top:.9rem}
.araba::before{background-color:#444}
.ucak::before{background-color:#52a0e3}
.otobus:before{background-color:#e47225}
.deniz::before{background-color:#1570bf;}
.tren::before{background-color:#444}
.taksi:before{background-color:#dba41f}
.durak-araba{fill:#444}
.durak-ucak{fill:#52a0e3}
.durak-otobus{fill:#e47225}
.durak-tren{fill:#444}
.durak-deniz{fill:#1570bf;}
.durak-taksi{fill:#dba41f}
.nobrd{border-bottom:none!important}
.icon-pin-detay{width:28px!important;height:22px!important;justify-content:left;position:absolute;display:flex;align-content:center;left:3.5px;top:0}
.durak svg{fill:inherit;width:24px;height:25px}
.pcar{flex-direction:column!important;padding:15px 23px!important;align-items:start!important;gap:0px!important}
.city{display:flex;height:100%;flex-direction:row;margin-right:auto;padding-left:9px;justify-content:space-between}
.saat{font-size:16px;color:#333;line-height:35px}
.place{font-size:18px;font-weight:600;height:35px;line-height:40px}
.detay{display:flex;flex-direction:column;overflow:hidden;padding:8px 0 0 10px;min-height:35px;gap:5px}
.zaman{width:max-content;color:#115a0e!important;font-size:17px;line-height:22px;white-space:nowrap}
.distnce{font-size:16px;color:#000000!important;line-height:22px;width:max-content}
.list-group-item{position:relative;display:table;padding:1px;margin-bottom:-1px;background-color:#fff;width:100%}
.media:first-child{margin-top:0}.media-left{padding-right:15px}
.media-left img{width:120px;height:95px;max-width:120px;border-radius:8px;object-fit:cover;}
.media-object{display:block}
.media-body,.media-left{display:table-cell;vertical-align:top}
.media-body{width:100%}
.media-heading{color:#08528d;font-weight:600;font-size:18px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:390px}
.location{color:#333;font-size:15px;font-weight:500;line-height:18px;overflow:hidden;text-overflow:ellipsis;max-width:390px;height:50px}
.media-distance{display:flex;justify-content:start;font-size:14px;gap:7px;color:#333}
.media-distance svg{width:18px;height:18px;fill:#666}
.fiyat{font-size:15px;color:#fff;width:max-content;padding:4px 10px;background-color:#bb2828;border-radius:4px;min-width:60px;}
.arac-maliyeti{padding:2px 100px 3px;text-align:center;background-color:#444;margin:5px auto;border-radius:10px;line-height:24px;border:3px solid #444}
.arac-maliyeti p{color:#fff;border-bottom:2px solid #fff;line-height:30px}
.arac-maliyeti span{color:#fff;line-height:40px}
.araba-not{display:flex;align-items:center;border-radius:8px;width:100%;margin:5px 0;border:1px solid #ccc;overflow:hidden;height:59px;cursor:pointer;}
.ozet-tablo {width:30%;margin:12px 20px}
.ozet-tablo td {font-size:17px;text-align:left}
.ozet-tablo td:first-child{border-right:1px solid #ccc;background-color:#fafafa}
.ust-kisim{display:flex;gap:10px}
.yol-detay{display:flex;flex-direction:row;align-items:center;}
.yol-detay img {border:1px solid #ccc;border-radius:4px;object-fit:contain;width:70px;height:60px}
.yol-detay p{display:flex;flex-direction:column;font-size:15px;padding:0 10px;line-height:25px;color:#bb2828;gap:4px}
.route-card{display:flex;justify-content:space-between;align-items:flex-start;background:#fff;padding:10px;font-family:Arial,sans-serif;min-height:80px;box-sizing:border-box;gap:10px}
.route-left{display:flex;flex-direction:column;gap:5px;max-width:70%;height:73px}
.icon{height:24px}
.icon svg{width:24px;height:24px;}
.type{font-size:15px;font-weight:700;line-height:1.3;color:#08528d}
.toll{color:#2e7d32}
.time{color:#2e7d32;font-size:15px;line-height:1.3}
.route-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;text-align:right;min-width:90px;height:73px}
.distance{font-weight:500;font-size:17px;color:#000}
.details{font-size:16px;color:#bb2828;text-decoration:none;font-weight:700}
.details::after{content:"\276F";margin-left:4px;font-size:14px;margin-top:1px}
.svg-araba,.svg-tren{fill:#444;}.svg-ucak{fill:#52a0e3;}.svg-otobus{fill:#e47225;}.svg-taksi{fill:#dba41f;}.svg-deniz{fill:#1570bf;}
#Otobus-Bileti-Slayt{margin:3px 0 0 10px;cursor:pointer}#GY-Buton{stroke:#fff}
.lazy:not([src]){visibility:hidden}.lazy[src=""]{visibility:hidden}
.mapbox{flex:2;max-height:640px;margin-left:15px;z-index:1;clear:both;overflow:hidden;padding:0}
#map{max-width:100%;margin:0;padding:0;box-sizing:border-box;border:1px solid #ccc;min-height:400px}
iframe{border:1px solid #ccc;width:100%;}
.img-thumbnail{background-color:#fff;margin:0 auto;height:520px}
.image-efect{position:relative;display:block;overflow:hidden;width:100%;cursor:pointer;aspect-ratio:16 / 9;background-color:#fff;}
.image-efect img{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:16 / 9;border:none;transition:transform 0.3s ease;}
.image-efect figcaption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.figcaption{text-align:center;font-size:15px;padding:8px 12px;background:#f7f7f7;color:#333;border-bottom-left-radius:6px;border-bottom-right-radius:6px}
.toggleFullscreen-YT,.toggleFullscreen-GY{display:none;}
.toggleFullscreen-GY,.toggleFullscreen-YT{position:absolute;top:10px;right:45px;width:80px;background:#111;color:#fff;border:none;border-radius:5px;padding:8px 16px;cursor:pointer;z-index:1010}
.fullscreen .toggleFullscreen-GY,.fullscreen .toggleFullscreen-YT{position:fixed;top:15px;right:15px;z-index:1050}
.fullscreen{position:fixed!important;top:0;left:0;width:100vw!important;height:100vh!important;background:#fff;z-index:1000}
.fullscreen iframe{height:100vh!important;width:100%!important;border:none}
.button-container{display:flex;justify-content:center;padding-top:3px;height:63px}
.button-group{display:flex;gap:4px;flex-wrap:wrap;width:100%;justify-content:center;height:60px;padding:2px}
.ibuton{display:flex;align-items:center;padding:1px 20px;gap:5px;color:#fff;height:48px;border:none;border-radius:5px;cursor:pointer;min-width:32.5%;margin-top:5px}
.ibuton span{color:#fff;font-size:17px;font-weight:500;width:100%;text-align:left;line-height:45px}
.ibuton svg{width:24px;height:24px;fill:currentColor}
.green{background-color:#2a5d28}.blue{background-color:#0754ac}.red{background-color:#bb2828}
.googleplay{display:flex;justify-content:center;align-items:center;padding:10px;background-color:#fff;border:1px solid #ddd;color:#333;margin:10px 0;height:60px}
.googleplay .play-text{margin:0;font-weight:500;text-align:center;font-size:18px;line-height:1.2;padding: 0}
.googleplay a{display: inline-block;color:#123a58;font-weight:600;text-decoration:underline;white-space:nowrap;transition: color 0.2s ease-in-out;}
.related{display:flex;flex-wrap:wrap;gap:20px;padding:20px;background:#fff}
.related-links{flex:0 0 48%;max-width:48%;box-sizing:border-box}
.related-links aside{background:#fff;padding:15px}
.related-links aside div {font-size:18px;width:100%;background:#20334c;color:#fff;padding:4px 12px;margin-bottom:2px;line-height:1.8;border-radius:3px}
.related-links aside a{display:inline-flex;font-size:18px;padding:0 12px;height:50px;margin-bottom:2px;width:100%;align-items:center;line-height:21px;border:1px solid #ccc;gap:1px}
.ads-box{flex:0 0 48%;max-width:48%;min-height:360px;height:360px;box-sizing:border-box;background:#fafafa;border:1px solid #eee;padding:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}
h2{font-size:24px;line-height:27px;margin:10px 0}
h3{margin:6px 0;font-size:22px;padding-left:10px;line-height:36px}
.pl10{padding-left:10px}
.pagerow{display:flex;flex-wrap:wrap;align-items:flex-start;gap:20px;padding:15px 35px;background-color:#fff}
.pagerow section{flex:0 0 60%;max-width:60%;box-sizing:border-box}
.pagerow .alt-col{box-sizing:border-box;flex:1 1 48%;max-width:48%}
.hava{display:inline-block;font-weight:600;text-decoration:underline dotted}
.yakit-title{margin:6px 0 0;font-size:22px;color:inherit;line-height:36px}
.yakit-hesaplama{width:80%;margin:20px 0;margin-left:10px} 
table{border-collapse:collapse;border-spacing:0;width:100%;border:1px solid #ccc;background-color:#fff;margin-top:5px}
table tr{border-bottom:1px solid #ccc}
table tr:last-child{border-bottom:none}
table td:first-child,table th:first-child{text-align:left}
table td{line-height:25px;padding:8px 8px;display:table-cell;text-align:right;vertical-align:top;font-size:17px}
table thead,table tfoot{border:1px solid #ccc}
table thead th,table tfoot td{padding:10px 8px;display:table-cell;text-align:right;line-height:24px;vertical-align:top;color:#000;font-size:17px;background-color:#f2f2f2}
.page-not{font-size:14px;line-height:20px;color:#333;margin-left:10px}
.pagerow a{flex:0 0 38%;max-width:38%;box-sizing:border-box}
.pagerow a img{width:100%;height:auto;aspect-ratio:540 / 486;display:block}
.white{background-color:#fff!important}
.mlink{width:100%}
.mlink a{display:inline-flex;margin:4px;padding:0 10px;height:52px;border:1px solid #ccc;border-radius:5px;width:fit-content;align-items:center;font-size:18px;line-height:20px}
.mesafe-title{font-size:19px;width:100%;background:#00376b;color:#fff;margin:0;padding:10px 12px;line-height:1.2;font-weight:500}
.video,.videoads{width:48%}
.puan{background-color:#fafafa;padding:20px;border-bottom:1px dotted #ccc;height:290px}
#ratingForm{height:160px}
.puanSistemi{font-size:26px;text-align:center;margin:0;display:grid;font-weight:500;line-height:40px;height:80px}
.puanSistemi span{font-weight:500;font-size:25px}
.ratingMessage{display:none;width:100%;padding:10px;text-align:center;font-size:20px;line-height:1.3;margin:0;color:#000;font-weight:500}
.ratingShow{font-size:20px;text-align:center;margin:0;font-weight:600;line-height:40px;color:#1f5b93}
.rating{margin:10px 0 0 0;padding:.75em 1em;display:flex;flex-direction:row-reverse;justify-content:center}
.rating label{width:2em}
.rating:not(:checked)>input{display:none}
.rating:not(:checked)>label{float:right;width:2em;padding:0 .1em;overflow:hidden;white-space:nowrap;cursor:pointer;line-height:1.2}
.icon-star{width:2em;height:2em;fill:#ccc;pointer-events:none}
.rating > input[type="radio"]:checked ~ label .icon-star {fill:#fc0;}
.rating:not(:checked) > label:hover .icon-star,.rating:not(:checked) > label:hover ~ label .icon-star{fill:#fc0;}
.rating > input[type="radio"]:checked + label:hover .icon-star,.rating > input[type="radio"]:checked + label:hover ~ label .icon-star,.rating > input[type="radio"]:checked ~ label:hover .icon-star,.rating > input[type="radio"]:checked ~ label:hover ~ label .icon-star,.rating > input[type="radio"]:hover ~ input:checked ~ label .icon-star{fill:#fd0;}
.rating > label:active{position:relative;top:1px;left:1px;} 
.weather-wrapper{background:#fff;border:1px solid #ddd;overflow:hidden;width:100%;}
.weather-title{background:#0d3b66;color:#fff;font-size:18px;font-weight:600;padding:12px;text-align:center}
.weather-row{display:flex;align-items:center;justify-content:space-between;padding:7px 15px;border:1px solid #ccc}
.weather-date{display:flex;flex-direction:column;align-items:flex-start;min-width:90px}
.weather-date .date,.description{font-size:17px;color:#000;font-weight:500}
.weather-date .day{font-size:17px;color:#08528d;font-weight:600}
.weather-info{display:flex;align-items:center;gap:8px;flex:1;padding:0 10px}
.weather-info img{width:75px;height:75px}.weather-temp{font-size:36px;font-weight:500;color:#1f5b93;min-width:50px;text-align:right}
.weather-temp sup{font-size:18px;vertical-align:top}
footer{background-color:#00376b;padding:5px;border-top:1px solid #454e5f;text-align:center}
.foots{display:flex;flex-flow:row wrap;justify-content:center}
.foots a{display:flex;overflow:hidden;margin:0 5px;color:#fff;height:48px;align-items:center;font-size:17px;float:left}
.foot-bl{display:flex;flex-flow:row wrap;justify-content:center;margin:6px 0 15px}
.foot-bl a{display:flex;height:48px;width:48px;background-color:#fff;line-height:50px;border-radius:6px;color:#0a0c35;font-size:20px;margin-right:10px;align-items:center;justify-content:center}
.foot-cp{display:flex;flex-flow:row wrap;justify-content:center;color:#ccc;line-height:1.6;font-size:15px}
.soc-tx{position:absolute!important;height:1px;width:1px;overflow:hidden;display:none}
.google-play{width:100%;height:65px}
.google-play img{width:165px;height:50px}
#scrollToTopBtn{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border:none;border-radius:50%;background-color:#08528d;color:#fff;display:none;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity 0.3s ease,transform 0.3s ease;z-index:1000;will-change:opacity,transform}
#scrollToTopBtn.show{display:block;opacity:1;pointer-events:auto;transform:translateY(0)}
#scrollToTopBtn svg{width:32px;height:32px;}

@media (max-width: 1081px) {
    .wrapper{padding:0}
    #menuToggle{display:flex}
    .nav-links{display:none}
    header nav{max-width:100%;padding:0 20px;margin-left:0}
    header #show-menu:checked~.menu-icon svg::before{opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.25s ease}
    header .menu-icon{display:block}
    nav .nav-content .links{margin-left:0;justify-content:center}
    .nav-content .logo a{font-size:25px}
    nav .nav-content{justify-content:center}
    nav .nav-content .links{position:fixed;background:#14181f;height:100%;width:100%;max-width:100%;top:55px;left:0;transform:translateX(-100%);transition:transform 0.3s ease;overflow-y:auto;padding-bottom:100px;display:block;z-index:999}
    nav #show-menu:checked~.nav-content .links{left:0%;transform:translateX(0);opacity:1;visibility:visible;pointer-events:auto;margin:0}
    .nav-content .links li{margin:0 20px}
    .nav-content .links li:first-child{margin-top:15px}
    .nav-content .links li a,.nav-content .links li label{width:100%;line-height:40px;font-size:18px;display:flex;padding:8px 18px;cursor:pointer;color:#fff;align-items:center;justify-content:space-between}
    .nav-content .links li a:hover,.nav-content .links li label:hover{color:#fff}
    .nav-content .links li a.desktop-link{display:none}
    .nav-content .links ul{position:static;opacity:1;visibility:visible;background:none;max-height:0;overflow:hidden}
    .nav-content .links #show-services:checked~ul{max-height:100vh}
    .nav-content .links ul li{margin:7px 20px;border:none}
    .nav-content .links ul li a{font-size:17px;line-height:30px;color:#fff;border-radius:5px!important}
    header .search-box{max-width:calc(100% - 75px);margin-left:0%;border-left:none}
    header .search-box input{padding:0 60px 0 5px;margin:2px 0px 2px -18px;height:51px;}
    h1{font-size:23px!important}
    .searchbox{min-height:175px;}
    .search-box.active{margin:0}
    .share-menu,.input,.search-input,.button,.related{width:100%;min-width:100%;height:100%;display:flex}
    .startbar{flex-direction:column;height:100px;padding:0 10px 5px 10px}
    .breadcrumb-wrapper,.share-menu{height:48px;margin:0;padding-bottom: 0;justify-content: center;}
     .slinky-menu,.slinky-menu ul{height:100%;min-height:420px}
    .Smenu,.mapbox{width:100%}
    .mapbox{width:100%;height:100%;margin-left:.1px;display:flex;flex-direction:column}
    #mobno{display:none;}
    .button-container{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:5px;margin-top:5px}
    .button-group{flex-direction:row;width:100%;justify-content:center}
    .ibuton{justify-content:center;min-width:32%;width:32%;padding:12px 5px;height:50px;margin-top:0}
    .ibuton span{padding:0;line-height:19px;font-size:14px;text-align:center;}
    .ibuton-container:has(.ibuton:nth-child(3):last-child) .ibuton{min-width:49%;width:49%}
    #map{width:100%;min-height:auto;position: relative;}
    figure.image-efect{width:100%;height:auto;min-height:100%}
    figure.image-efect,.yakit-hesaplama,.page-not{width:100%;height:auto;min-height:auto;margin-left:unset;}
    .toggleFullscreen-GY, .toggleFullscreen-YT {position: absolute; top:15px;right:15px;}
    .spinner,.spinner-container,.spinner-logo{width:75px!important;height:75px!important;margin-bottom:5px!important}
    .sbutton{font-size:15px;line-height:16px;padding:0;margin:0;padding-left:3px}
    .slayt,section,.pagerow{flex-direction:column;width:100%;padding:10px}
    .ozet-tablo{width:100%!important;margin: 5px 5px 0}
    .video,.videoads{width:100%}
    .related{flex-direction:column}
    .related-links{order:2;flex:0 0 100%;max-width:100%}
    .related-links aside{padding: 0}
    .ads-box{order:1;flex:0 0 100%;max-width:100%}
    .img-thumbnail,.input,.search-input,.button{width:100%;min-width:100%;height:100%;display:flex}
    .alt-col{width:100%;min-width:100%;height:100%;display:flex;flex-direction:column;}
    .pagerow section, .pagerow a { flex: 0 0 100%; max-width: 100%; }
    #scrollToTopBtn{width:60px;height:60px}
   .googleplay{margin:10px 5px}
    h3{line-height:26px}
    #yakit-hesaplama{width:100%}
    .arac-maliyeti{padding:5px 50px}
    .araba-not{flex-direction:column;height:102px}
    .ok{border-top:5px solid #fff0;border-bottom:5px solid #fff0;border-left:15px solid #dfe4e8;transform:rotate(90deg)}
    .left{min-width:100%;text-align:center;padding:7px;max-height:42px}
    .right{padding:0 0 5px;}
    .arrow{transform:rotate(0deg);}
    .puanSistemi {line-height:32px;height:96px}
    .puan{height:360px}
    #GY-Link,#Otel-Link,#Otobus-Link{line-height:20px}
    .weather-row{flex-direction:row;align-items:flex-end;gap:8px}
    .weather-info{justify-content:flex-start}
    .weather-temp{align-self:flex-end}
}

@media (min-width: 1082px) {
   .mobile-menu { display: none; }
   #menuToggle { display: none; }
   .nav-links a,#mobno { display: inline-block; }
}