@media only screen and (max-width: 479px){

}

@media only screen and (max-width: 576px) {
	.giris h1 { font-size:24px; line-height:30px }
	.giris p { font-size:14px; line-height:18px; }
	.giris .sosyal-medya { max-height:40px }
	.giris hr { top:30px }
	.giris .ortala { margin:0 auto; text-align:center; }
	.giris .sosyal-medya img { width:25px; height:25px }
}

@media only screen and (max-width: 767px){
	.bonuslar .baslik { font-size:18px; line-height: 24px}
}	

@media only screen and (max-width: 991px){
	.giris .dede {
	    position: relative;
	}
}

@media only screen and (min-width: 599px){

}

@media only screen and (min-width: 767px){

}

@media only screen and (max-width: 1023px){
	.hide-sm,
	.main-header .header-top,
	.main-header .main-box{
		display: none !important;
	}

	.header-info {
		display: none;
	}

	.main-header{
		position: relative;
	}

	.mobile-header{
		position: relative;
		display: block;
		width: 100%;
		background-color: #ffffff;
		margin: 0;
		padding: 35px 15px;
	}

	.nav-outer .mobile-nav-toggler{
		display: block;
	}

	.main-header .nav-outer .main-menu{
		display: none;
	}

	.nav-outer .mobile-nav-toggler{
		padding: 5px 0;
	}

	.mobile-header.fixed-header{
		position: fixed;
		top: 0;
		width: 100%;
	}

	.fixed-header .mobile-sticky-header{
		opacity: 1;
		visibility: visible;
	}
}