@media all and (max-width: 768px) {

.kucuk_menu{

	position:absolute;

	right: 20px;

    top: 100px;

	cursor:pointer;

	background-image: url(../images/kucuk_menu_cizgi.png);

	height: 24px;

	width: 24px;

	z-index:3;	

}

.a_arka_plan{

	margin:0px;

	width:100%;

	height:100%;

}

.dil{

	right:20px;

}

.logo_kare{

	height:68px;

}

.logo_kare_acik{top:50px !important;}

.logo_kare_acik .logo{

	left: 40px;

	background-image: url(../images/res/logo.png);

}



.kare{

	left:-77px;

}

.logo{

	left: 40px;

	background-image: url(../images/res/logo.png);

	width:250px;

	height:70px;

	top:42px;

}

.menu_acik{top:calc(100% - 250px) !important;}

ul.menu li{

	padding-left: 40px;

	background-position: -157px 6px;	

}

ul.menu li:hover {

	background-position: -60px 6px;

}

.ic_yazilar{

	width:calc(100% - 60px);

	height:250px;

	padding-left: 40px;

	background-position: -60px 10px;

}

.haklar{

	display:none;

}

.scrollbar{

	height: 300px !important;

}

}

@media all and (max-height: 768px) {



}

@media all and (max-width: 374px) {

.scrollbar{

	height: 250px !important;



}

.logo{

	left: 40px;

	background-image: url(../images/res/logo_2.png);

	width:200px;

	height:47px;

	top:42px;

}

.logo_kare_acik .logo{

	background-image: url(../images/res/logo_2.png);

}

.logo_kare{

	top:20%;

	height:47px;

}

.kare{

	left:-82px;

}

.logo_kare_acik{top:50px !important;}

ul.menu{

	top:calc(20% + 194px);

}

}

@media all and (max-height: 450px) {

.scrollbar{

	height: 160px !important;

}

.logo{

	left: 40px;

	background-image: url(../images/res/logo_2.png);

	width:200px;

	height:47px;

	top:42px;

}

.logo_kare{

	top:0px;

	height:47px;

}

.kare{

	left:-82px;

}

.logo_kare_acik{top:-16px !important;}

ul.menu{

	top:105px;

}

.ic_yazilar{

	top: 110px;

}

}