header{
	height: 65px;
	border-bottom: 1px solid black;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
ul.navbar{
	display: flex;
	z-index: 1000;
}
ul.navbar li{
	margin-left: 20px;
}
ul.navbar li a:hover {
    color: var(--line-color);
}

.menu-btn {
    display: none;
}
a{
	outline: none;
}
li,
.link {
    -webkit-tap-highlight-color: transparent;
}

@media (min-width: 1024px) {
    header {
        width: 100%; /* Genişliği ekranın %90'ı yap */
        max-width: 1200px; /* İsteğe bağlı maksimum genişlik (örneğin) */
    }
}

@media(max-width:600px){
	header{
		width:100%;
		align-items: center;
		position: relative;
		padding: 40px;
	}
	ul.navbar {
    padding: 0;
  			margin: 0;
 			  width: 100%;
  			background-color: var(--main-color);
  			display: none;
  			position: absolute;
  			top: 100%;
  			left: 0;
				text-align: center;
				border-bottom: 1px solid var(--line-color);
  }

  ul.navbar.active {
    display: block;
  }
	.menu-btn{
		display: block;
	}
	ul.navbar li{
		margin: 0;
		padding: 20px;
	}
ul.navbar li:hover {
        background-color: var(--box-color);
    }
.navbar li a {
  text-decoration: none;
  color: #333;
	display: block;
	width: 100%;
	height: 30px;
}
}

@media (max-width:1096px) and (min-width:601px) {
	header{
		width: 100%;
		align-items: center;
		position: relative;
		padding: 40px;
	}
	ul.navbar {
    padding: 0;
  			margin: 0;
 			  width: 100%;
  			background-color: var(--main-color);
  			display: none;
  			position: absolute;
  			top: 100%;
  			left: 0;
				text-align: center;
				border-bottom: 1px solid var(--line-color);
  }

  ul.navbar.active {
    display: block;
  }
	.menu-btn{
		display: block;
	}
	ul.navbar li{
		margin: 0;
		padding: 20px;
	}
ul.navbar li:hover {
        background-color: var(--box-color);
    }
.navbar li a {
  text-decoration: none;
  color: #333;
	display: block;
	width: 100%;
	height: 30px;
}
}