.overlay-menu-header-str{}
.overlay-menu-header-stn{display: flex; justify-content: space-between;width: 100%;align-items: center;}

 

.overlay-menu-header-stn .logo{z-index: 10;
    width: 100%;
    max-width: 208px;
    height: 80px;background: url("../pageFile/logo-alt.svg") no-repeat left center;
    background-size: 208px 80px;}

.overlay-close-btn{z-index: 999999999999999999999999999999999999; position: relative;float: left; color: #fff; font-size: 27px; right: 16px; color: #ffd842;  transition: transform 1s ease;
    animation: rotate-animation 1s forwards; /* 2 saniyede dönüş animasyonu */}

 @keyframes rotate-animation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(180deg);
    }
}

.btn-open:after {
	color:#333;
content:'';
	font-family:"FontAwesome";
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
}
.btn-open:hover:after {
	color:#34B484;
}
.btn-close:after {
	color:#fff;
	content:'';
	font-family:"FontAwesome";
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
}
.btn-close:hover:after {
	color: #34B484;
}
/*overlay*/
.overlay-menu-burger {
	display:none;
	position:fixed;
	top:0;
	height:100%;
	width:100%;
	background:url("../pageFile/menu-logo.svg") no-repeat center bottom -30px,#333; background-size: 28%;
	overflow:auto;
	z-index:99999999;
}
 
 
 
 
 
 
 
 
 
 
 
 
 
@media screen and (max-width:48em) {
 
 
 
 
}