li {
	 list-style: none;
}
 @keyframes hover {
	 50% {
		 transform: translateX(10px);
	}
}
 .offcanvas-menu1 > label {
	 width: 40px;
	 height: 40px;
	 cursor: pointer;
	 transition: 0.3s ease;
	 display: flex;
	 align-items: center;
	 z-index: 9999;
}
 .mobilspan, .mobilspan::before, .mobilspan::after {
	 transition: background 0.3s, transform 0.3s;
}
 .mobilspan, .mobilspan::before, .mobilspan::after {
	 content: "";
	 position: absolute;
	 height: 5px;
	 width: 50px;
	 background: #ffffff;
}

.mobilkaydirma, .mobilkaydirma::before, .mobilkaydirma::after {
	background: #000000 !important;
}


 .offcanvas-menu1 label span::before {
	 transform: translateY(-12px);
}
 .offcanvas-menu1 label span::after {
	 transform: translateY(12px);
}
 .offcanvas-menu1 nav {
	text-align: center;
	 top: 0px;
	 position: fixed;
	 height: 100%;
	 width: 300px;
	 left: -350px;
	 overflow: hidden;
	 background: #ffffff;
	 transition: 0.3s ease;
	 padding: 30px 30px;
}
 .offcanvas-menu1 nav > div {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
}

 .offcanvas-menu1 nav > div label {
	 width: 30px;
	 height: 30px;
	 display: flex !important;
	 align-items: center;
	 justify-content: center;
	 cursor: pointer;
	 transition: 0.3s ease;
}
 .offcanvas-menu1 nav > div label span, .offcanvas-menu1 nav > div label span:before, .offcanvas-menu1 nav > div label span:after {
	 background: #000000;
}
 .offcanvas-menu1 nav > ul {
	padding-left: 0 !important;
	 margin-top: 30px;
	 counter-reset: nav-link-count;
}
 .offcanvas-menu1 nav > ul li {
	 cursor: pointer;
	 padding: 10px 0;
	 transform: translateX(-30px);
	 opacity: 0;
	 transition: 0.4s ease;
	 counter-increment: nav-link-count;
}
 .offcanvas-menu1 nav > ul li a {
	 font-size: 1.5rem;
	 line-height: 1.5;
	 font-weight: 400;
	 color: #000000 !important;
	 display: block;
}

 .offcanvas-menu1 nav > ul li:hover {
	 animation: hover 0.5s;
}
 .offcanvas-menu1 input[type="checkbox"] {
	 display: none;
}
 .offcanvas-menu1 input[type="checkbox"]:checked ~ label {
	 opacity: 0;
	 pointer-events: none;
}
 .offcanvas-menu1 input[type="checkbox"]:checked ~ nav {
	 left: 0;
}
 .offcanvas-menu1 input[type="checkbox"]:checked ~ nav label span {
	 background: transparent;
}
 .offcanvas-menu1 input[type="checkbox"]:checked ~ nav label span:before {
	 transform: rotate(-45deg);
}
 .offcanvas-menu1 input[type="checkbox"]:checked ~ nav label span:after {
	 transform: rotate(45deg);
}
 .offcanvas-menu1 input[type="checkbox"]:checked ~ nav label span:before, .offcanvas-menu1 input[type="checkbox"]:checked ~ nav label span:after {
	 transition-delay: 0.2s;
}
 .offcanvas-menu1 input[type="checkbox"]:checked ~ nav ul li {
	 opacity: 1;
	 transform: translateX(0px);
}
 .offcanvas-menu1 input[type="checkbox"]:checked ~ nav ul li:nth-child(1) {
	 transition-delay: 0.1s;
}
 .offcanvas-menu1 input[type="checkbox"]:checked ~ nav ul li:nth-child(2) {
	 transition-delay: 0.2s;
}
 .offcanvas-menu1 input[type="checkbox"]:checked ~ nav ul li:nth-child(3) {
	 transition-delay: 0.3s;
}
 .offcanvas-menu1 input[type="checkbox"]:checked ~ nav ul li:nth-child(4) {
	 transition-delay: 0.4s;
}
 .offcanvas-menu1 input[type="checkbox"]:checked ~ nav ul li:nth-child(5) {
	 transition-delay: 0.5s;
}
 .offcanvas-menu1 input[type="checkbox"]:checked ~ nav ul li:nth-child(6) {
	 transition-delay: 0.6s;
}
 .offcanvas-menu1 input[type="checkbox"]:checked ~ nav ul li:nth-child(7) {
	 transition-delay: 0.7s;
}

.offcanvas-menu1 {
display: none;
}

@media screen and (max-width: 1068px) {
	.offcanvas-menu1 {
		display: block;
	}
	
}