﻿@media screen and (min-width:180px) and (max-width:559px) {
	
    header{
        height:120px;
        background: transparent;
    }
	
	.mobile-section {
		margin-top:0px!important;
		margin-bottom:0px!important;
	}
	
	.sayfa-baslik h2 {
		font-size:28px;
	}
	.sayfa-baslik h3 {
		font-size:18px;
	}
	.vertical-slider{
		height: auto;
	}
	.container-header-icerik{
		padding: 15px 10px;
	}
	.container-header{
		padding: 0 20px;
	}
	.header-ct-right{
		display: none;
	}
    .profornet-menu{
        right:30px!important;
        color:#fff!important;
    }
	.hbg .profornet-menu{
		color: #000!important;
		transition-delay: 0.4s;
	}
	.mobilmenu--menu > ul > li > ul{
		height: calc(100% - 80px);
	}
	.mobilmenu--menu > ul > li > ul > li > ul{
		height: calc(100% - 80px);
		
	}
	.mobilmenu--menu a{
		font-size: 17px;
	}
	.hero-section3{
		height: calc(45vh + 130px);
		
	}
	.info-section1{
		padding: 10px;
	}
	.mobilmenu{
		z-index: 999999;
	}
	
	.mobilmenu--menu > ul > li > a > span {
		display:Flex;
	}
	
	.leaf-icon{
		width:25px;
		margin-right:5px;
	}
	
	.hizli-link {
		background:#0a9951;
		color:#fff;
	}
	
	.hizli-link .menu-kontrol:after {
		color:#fff!important;
	}
	
	.mobilmenu--online{
		padding: 0 15px;
		border-radius: 20px!important;
		background: #0a58ca!important;
		color: #fff!important;
		font-size: 16px;
	}
	main{
		padding-top: 0;
	}
    .info-content-icerik{
		display: flex;
		flex-direction: column;
	}

	.info-content, .nav-item{
		width:100%;
		margin:5px 0px;
	}
	
	.info-content, .nav-item button{
		width:100%;
	}
	
	.tab-pane-main{
		flex-direction: column;
	}
	.info-imagee{
		width: 100%;
		margin-top: 0;
		margin-bottom: 30px;
	}
	.tab-pane-icerik{
		width: 100%;
		padding: 0;
	}
	.info-content{
		width: 100%;
		padding: 0;
	}
	.info-content-main{
		margin-bottom: 30px;
	}
	.nav-tabs{
		justify-content: center;
		border: none;
	}
	.info-imagee img{
		height: 380px;
		border-radius: 30px;
	}
	.info-section{
		padding-right: calc(1.5rem * .5);
		padding-left: calc(1.5rem * .5);
	}
	.info-content-icerik:before{
		left: -10%;
		width: 120%;
	}
	.feature-list li{
		width: 100%;
	}
	.btn-minimal{
		margin-top: 0;
		transform: translateY(0px);
		opacity: 1;
	}
	
	.anasayfa-harita {
		padding-bottom:0px!important;
	}
	
	
	.anasayfa-harita-main {
		display:inline-block;
		padding:0px;
	}
	

	
	.leaflet-popup-content {min-width:auto!important;}
	
	
	.anasayfa-harita-map {
		width:100%;
		padding-right:0px;
	}
	
	.anasayfa-harita .sayfa-baslik{
		padding-right: calc(1.5rem * .5);
		padding-left: calc(1.5rem * .5);		
	}
	
	.sayfa-baslik h3 {
		width:100%;
	}
	
	.anasayfa-harita-icerik{
		position: relative;
		right: 0;
		top: 0;
		transform: none;
		margin:0px auto 0px auto;
		padding: 0;
		height:auto;
		border-radius:0px;
		width: calc(100% - 10px);
		min-width:100%;
	}
	.anasayfa-harita-icerik-scroll > ul li{
		flex-direction: column;
        align-items: start;
        gap: 10px;
	}
	.anasayfa-harita-text{
		padding-right: 0;
	}
	#map{
		height: 60vh;
		border-radius:0px;
	}
	.leaflet-top, .leaflet-bottom{
		display: none;
	}
	.anasayfa-harita-icerik > ul{
		padding: 15px 15px 0 15px;
	}
	.anasayfa-harita-icerik-scroll{
		padding:15px;
		height:100vh;
	}
	.haber-box-text-ust a{
		min-height: auto;
	}
	.anasayfa-enerji-text{
		width: 100%;
		gap: 20px;
	}
	.anasayfa-enerji-text-ust h2{
		line-height: normal;
		font-size: 30px;
	}
	.anasayfa-enerji-text-ust span{
		font-size: 16px;
	}
	.anasayfa-enerji-text-btn ul li a{
		font-size: 14px;
		width: 100px;
		padding: 5px 10px;
	}
	.anasayfa-enerji-dvm a i{
		font-size: 25px;
	}
	.anasayfa-enerji{
		align-items: start;
	}
	.anasayfa-enerji{
		min-height: 420px;
	}
	.footer-link{		
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
		margin-top: 20px;
	}
	.footer-logo{
		align-items: center;
	}
	.footer-iletisim{
		align-items: center;
		margin-top: 30px;
	}
	.footer-alt-icerik{
		width: 100%;
	}
	.footer-kvkk ul li:before{
		content: none;
	}
	.footer-kvkk ul li{
		width: 100%;
		padding-right: 0;
		margin-right: 0;
		margin-bottom: 10px;
        justify-content: center;
        text-align: center;
	}
	.footer-kvkk ul{
		flex-wrap: wrap;
	}
	.footer-alt .justify-content-md-end{
		justify-content: center;
	}
	.footer-diagonal{
		clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
	}
	.modal-online-main{
		min-width: auto;
		padding: 0;
	}
	.modal-online-main svg{
		height: auto;
        width: 120%;
        margin-left: 10%;

	}
	.modal-online-main h2{
		padding: 20px;
	}
	.svg-popup-icerik ul{
		padding: 20px;
		flex-direction: column;
		justify-content: center;
	}
	.svg-popup-icerik ul li{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.modal-online-islemler ul {
		display:flex;
		flex-direction:column;
	}
	.modal-online-islemler ul li{
		flex: auto;
		width:100%;
		display:flex;
		margin-bottom: 10px;
	}
	
	.modal-online-islemler ul li a {
		display:flex;
		flex-direction:row;
		gap:10px;
	}
	
	.modal-online-islemler ul li a figure {
		padding:6px;
	}
	
	.modal-online-islemler ul li:nth-child(2n){
		margin-right: 0;
	}
	.modal-online-islemler ul li:last-child{
		margin-bottom: 0;
	}
	
	.modal-online-islemler ul li a figure img {
		width:30px;
	}
	
	.modal-musteri-hizmetleri ul{
		display:flex;
		flex-direction:column;
	}
	.modal-musteri-hizmetleri ul li{
		flex: auto;
		width:100%;
		display:flex;
		margin-bottom: 10px;
	}
	.modal-musteri-hizmetleri ul li:nth-child(2n){
		margin-right: 0;
	}
	.modal-musteri-hizmetleri ul li:last-child{
		margin-bottom: 0;
	}
	
	.modal-musteri-hizmetleri ul li a {
		display:flex;
		flex-direction:row;
		gap:10px;
	}

.modal-musteri-hizmetleri ul li a figure {
	padding:6px;
}

.modal-musteri-hizmetleri ul li a figure img{
	width:30px
}		
	
	.modal-online-icerik{
		justify-content: start;
		gap:25px;
	}
	.modal-online-kapat-mobil{
		display: block;
		position: absolute;
        right: 20px;
        top: 15px;
        color: #fff;
        font-weight: bold;
        font-size: 30px;
	}
	
	
	
	.footer-logo img{
		max-width: 150px;
	}
	.footer-logo{
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}
	.footer-logo ul{		
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.footer-logo ul li i{
		display: none;
	}
	
	.split-container {
		height:50vh;
	}
	
	.split-container > img{
		display: none;
	}
	.left-img{
		clip-path: none;
		width: 100%;
	}
	.left-img-main{
		width: 100%;
	}
	.text-overlay{
		width: 100%;
		left: 0;
		padding: 0 20px;
		height: calc(100% - 100px);
        transform: none;
		bottom: 50px;
	}
	
	.text-overlay ul {
		display:none;
	}
	
	.text-overlay h1 {
		font-size:2.3rem;
	}
	
	.iletisim-card.text-center {
		text-align:left!important;
	}
	
	
	.ic-sayfa-menu{
		display: none;
	}
	
	    .filters {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .filters select {
        width: 100%;
    }
	
	.center-list {
		display:block;
	}

    .center-card {
        grid-template-columns: 1fr;
        gap: 20px;
        text-align: left;
		max-width:100%;
    }

    .card-left {
        width: 100%;
        min-height: auto;
        border-radius: 8px;
    }

    .center-card .card-content p {
        font-size: 16px;
    }

    .card-tags span {
        margin-bottom: 6px;
        font-size: 14px;
    }

    .card-action {
        text-align: left;
    }

    .route-btn {
        width: 100%;
        justify-content: center;
        font-size: 15px;
        padding: 12px;
    }
	
	.center-legend {
		flex-direction:column;
		align-items:flex-start;
	}
	

   #lightgallery img {
	   width:100%;
	   height:auto;
   }


	
	.detail-header{
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
		background: #0f172a;
		background: #fff;
		transition-property: top, background-color, box-shadow;
		transition-duration: 0.3s, 0.4s, 0.2s;
		transition-timing-function: ease-in-out, ease-in-out;
		transition-delay: 0.2s, 0.4s, 0.2s;
	}
	
	.detail-header .header-modal-menu-left-btn{	
		border-left: 1px solid #00000015;
		transition-delay: 0.4s;
	}
	.detail-header .header_alt > div > nav > ul > li > a{
		color: #000;
		transition-delay: 0.4s;
	}
	.detail-header .header_alt > div > nav > ul > li:hover > a{
		transition-delay: 0s;
	}
	.detail-header .header_alt > div > nav > ul > li:before{
		color: #000;
		transition-delay: 0.4s;
	}
	.detail-header .header-logo figure img{
		filter: none;
		transition-delay: 0.4s;
	}
	.detail-header .container-header-icerik{
		border: 1px solid #00000015;
		transition-delay: 0.4s;
		background: #fff;
	}
	.detail-header .modal-menu-left-btn i{
		color: #000;
		transition-delay: 0.4s;
	}
	.detail-header .tf-btn{
		background-color: #0a58ca;
	}
	.detail-header .header_alt > div > nav > ul > li > a > span:after{
		background: #0a9951;
	}
	.detail-header .header_alt > div > nav > ul > li > a > span img{
		transition-delay: 0.4s;
		filter: none;
	}
    .detail-header .profornet-menu {
        color: #000 !important;
        transition-delay: 0.4s;
    }
	.sayfa-ust {
		padding-top: 120px;
	}


    .breadcrumb h1:after,
    .breadcrumb ul,
    .footer_orta,
    .lang,
    .header_alt nav,
    .header_ust{
        display:none;
    }
}












