@media screen and (max-width: 1200px) {
	header .header-bot .sol-alan .header-menu{
		position: fixed;
		top: 0;
		right: -350px;
		width: 300px;
		height: 100%;
		background: #ffffff;
		-webkit-box-shadow: -3px 0px 5px 0px rgba(0,0,0,0.1);
        -moz-box-shadow: -3px 0px 5px 0px rgba(0,0,0,0.1);
        box-shadow: -3px 0px 5px 0px rgba(0,0,0,0.1);
        z-index: 20
	}
	header .header-bot .sol-alan .header-menu ul li{
		display: block;
		line-height: 50px;
	}
	header .header-bot .sol-alan .header-menu ul li .sub-menu{
		position: relative;
		width: 100%;
		height: auto;
		background: #fafafa;
		padding: 5px;
		-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
	    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
	    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
	    display: none;
}
	.mobil-buton{
		width: 50px;
		height: 40px;
		background: #ffffff;
		padding-top: 4px;
		display: block;
		margin-top: 30px
	}

	.mobil-buton div{
		float: right;
		width: 100%;
	}
    
    .mobil-buton span{
    	float: right;
    	margin-bottom: 10px;
    	display: block;
    	height: 4px;
    }

	.mobil-buton div:nth-child(1) span{
		width: 40px;
		background: #525252;
	}
	.mobil-buton div:nth-child(2) span{
		width: 20px;
		background: #525252;
	}
	.mobil-buton div:nth-child(3) span{
		width: 30px;
		background: #525252;
	}
	.kapat{
		display: block;
	}
	.girisbolum{
		width: 100%;
		height: 460px;
		background-image: none;
		position: relative;
	}
	.girisbolum .bg-bg-img{
		width: 100%;
		height: 100%;
		background-image: url('../img/mobil-giris-bg.svg');
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		position: absolute;
		left: 0;
		top: 0;
		z-index: -2;
	}
	.girisbolum .bg-bg-img-beyaz{
		position: absolute;
		width: 100%;
		height: 100%;
		background: rgba(250, 250, 250, 0.8);
		left: 0;
		top: 0;
		z-index: -1;
	}
}

@media screen and (max-width: 992px) {
   .odeme-kutu{
   	margin-bottom: 50px;
   }
   #odeme{
   	padding-bottom: 10px;
   }
}

@media screen and (max-width: 768px) {
   .girisbolum{
		height: auto;
	}
	.giris-title{
		display: block;
		float: right;
		width: 100%;
		font-size: 30px;
		text-align: center;
		padding-top: 20px;
		margin-bottom: 30px;
		line-height: 50px;
	}

	.giris-aciklama{
		display: block;
		width: 100%;
		float: right;
		font-family: Titi-SemiBold;
		font-size: 20px;
		color: #000000;
		text-align: center;
		margin-bottom: 30px;
		line-height: 25px;
	}
	.mobile-detay-btn{
		display: flex;
		justify-content: center;
		width: 100%;
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 600px) {
	footer .footer-menu ul li{
		margin-bottom: 10px;
	}
	header .header-top .sag-alan{
		display: none;
	}

	header .header-top .sol-alan{
		float: left;
		width: 100%;
	}

	header .header-top .sol-alan a{
		float: left;
	}
	.dil-sec{
		display: none
	}
	header .header-top .sol-alan .dil-sec-2{
		display: block
	}
	
}

@media screen and (max-width: 576px) {
   .padding-lr{
   	padding-right: 15px;
   	padding-left: 15px;
   }
}