@media screen and (min-width: 0px) and (max-width: 1000px)
{
	a.top
	{
		float: left;
		margin:20px 0px;
		width: 146px;
	    height: 55px;
	    background-image: url(../images/logo.png);
	    background-size: 100%;
	    background-repeat: no-repeat;
	}

	.tlf
	{
		color:#000;
	}

	.text-controls li
	{
		margin-bottom: 10px !important;
	}

	.text-controls .highslide-controls
	{
		float: left;
		margin-top:0px !important;
	}

	div#hsId0
	{
		left: 36% !important;
		bottom: 116px !important;
	}

	div.menu
	{
		margin-top:20px;
		display: none;
	}

	.wrapper
	{
		max-width: 1000px;
		width: 100%;
		box-sizing: border-box;
		padding: 0px 15px;
		position: relative;
	}

	.arrows
	{
		left:20px;
	}

	.line
	{
		margin-bottom: 10px;
	}

	.allitems
	{
		width: 100%;
	}

	.items
	{
		height: auto;
	}

	.product,.allitems
	{
		height: auto;
	}

	.cerceve
	{
		width: 24%;
		margin-right: 1%;
		margin-bottom: 1%;
		box-sizing: border-box;
	}

	.footerlink
	{
		display: none;
	}

	.banner,div.slider div#rotator,div.slider
	{
		height: 400px;
	}

	.footer
	{
		margin-bottom: 10px;
	}

	.footerlogo
	{
		float: right;
	}

	.footermanalogo
	{
		position: absolute;
		left:calc(50% - 30.5px);
		margin-left:0px;
	}

	a#men
	{
		display: block;
	}

	.kurumsalicon
	{
		margin-left:0px;
	}

	.hakkimizdatext
	{
		width: 100%;
	}

	.urunler2line
	{
		background-image: none;
		width: 100%;
		margin-bottom: 15px;
	}

	.top1
	{
		width: 100%;
	}

	.urunler2bg
	{
		width: 100%;
		height: 700px;
	}

	.leftpart
	{
		width: 26.5%;
		margin-left: 0.5%;
		box-sizing: border-box;
	}

	.leftupbox
	{
		width: 100%;
		margin-left: 0px;
	}

	.leftdownbox
	{
		width: 100%;
		margin-left: 0px;
	}

	.leftupboxtxt
	{
		width: 99%;
		margin-left:1%;
	}	

	.leftdownboxtxt
	{
		width: 99%;
		margin-left:1%;
	}

	.centerpart
	{
		width: 26.5%;
		margin-left:0.5%;
		box-sizing: border-box;
	}

	.centerupbox
	{
		width: 100%;
		margin-left: 0px;
	}

	.centerupboxtxt
	{
		width: 99%;
		margin-left: 1%;
	}

	.centerdownbox
	{
		width: 100%;
		margin-left: 0px;
	}

	.centerdownboxtxt
	{
		width: 99%;
		margin-left: 1%;
	}

	.rightpart
	{
		width: 45.5%;
		margin-left: 0.5%;
	}

	.rightupbox
	{
		width: 100%;
	}

	.rightupboxtxt
	{
		width: 100%;
	}

	.top1,.bottom
	{
		background-image: none;
		display: none;
	}
	
	.center
	{
		background-image: none;
	}

	div.haberler .center
	{
		background-color: #fff;
	    border-radius: 3px;
	    box-shadow: 0px 0px 24px rgba(0,0,0,0.07);
	    padding:20px 10px;
	    box-sizing: border-box;
	}

	.digerhaberlercerceve
	{
		margin-left:5px;
	}

	.haberlericon
	{
		margin-right: 0px;
		margin-bottom: 10px;
		display: none;
	}

	.haberlerbaslik
	{
		margin-left: 10px;
	}

	.haberlerdetail
	{
		width: calc(100% - 320px);
		margin-left:10px;
	}

	.iletisim
	{
		height: auto;
		background-image: none;
	    width: calc(100% - 30px);
	    margin-left: 15px;
	    background-color: #fff;
	    border-radius: 3px;
	    box-shadow: 0px 0px 24px rgba(0,0,0,0.07);
	}

	.iletisiminfo
	{
		margin-top:10px;
		width: calc(100% - 340px);
		height: auto;
	}

	.iletisimlogolar
	{
		margin-bottom: 0px;
		height: auto;
		margin-left: 0px;
	}

	.iletisimlogolar>div
	{
		margin-bottom: 10px;
	}

	.iletisim form
	{
		float: left;
		width: 100%;
		padding-left: 5px;
		box-sizing: border-box;

	}

	input[type="text"], input[type="password"]
	{
		width: 100%;
		margin-left:0px;
		box-sizing: border-box;
	}

	textarea
	{
		width: 100%;
		margin-left: 0px;
		box-sizing: border-box;
		height: 100px;
	}

	input[type="submit"]
	{
		float: right;
		margin-left: 0px;
		margin-bottom: 10px;
	}

	.iletisimadres
	{
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}

	.harita
	{
		margin-left: 0px;		
	}

	.logo1
	{
		margin-left: 5px;
	}

	.serItem
	{
		width: 24%;
		margin-right: 1%;
	}

	.urunlerbaslik
	{
		width: 180px;
	}

	.urunrepeat
	{
		width: calc(100% - 200px);
		padding-top: 15px;
	}

	.urunlercenter
	{
		width: 100%;
	}

	.urunlermenu a.cerceve
	{
		width: 23%;
		margin:0px !important;
		margin-right: 2% !important;
		margin-bottom: 2% !important;
		height: 140px;
	}

	.urunlerbottom
	{
		display: none;
	}

	.urunlertop
	{
		display: none;
	}

	.urunlercenter
	{
		background-image: none;
	}

	.urunlercenter>a
	{
		margin:0px !important;
    	margin-right: 2% !important;
	}

	.urunleraracizgi
	{
		height: 350px;
	}

	.urunlermenu .urunlerbaslik
	{
		height: 400px;
	}

	 #login_text
	 {
	 	float: right;
	 }

	 div#head-top
	 {
		float: left;
		width: 100%;
		height: 90px;
		background-color: #fff;
		box-shadow: 0px 0px 10px rgba(0,0,0,0.07);
		position: fixed;
		top:0;
		z-index: 1000;
	 }

	 a#men
	 {
	 	margin-top:29px;
	 }

	 div#h-clr
	 {
		float: left;
		width: 100%;
		height: 90px;
	 }

	 .loginpanelbg
	 {
	 	width: 80%;
	 	background-image: none;
	 	background-color: #fff;
	 	margin-left: 10%;
	 	box-sizing: border-box;
	 	height: auto;
    	border-radius: 3px;	 	
	 }

	 .loginpanelleft
	 {
	 	margin:0px;
	 	width: 50%;
	 	box-sizing: border-box;
	 	padding: 20px;
	 	padding-bottom: 0px;
	 	border-right: solid 1px #cecece;
	 }

	 .loginpanelright
	 {
	 	margin:0px;
	 	width: 50%;
	 	box-sizing: border-box;
	 	padding: 20px;
	 	padding-bottom: 0px;
	 }	 

	 .loginpageall
	 {
	 	width: 100%;
	 }

	 .loginpanelrighttxt
	 {
	 	margin-top:0px;
	 }

	 form#girisForm
	 {
	 	float: left;
	 	width: 100%;
	 }

	 form#kayitForm
	 {
	 	float: left;
	 	width: 100%;
	 }

	 form#kayitForm input#scode
	 {
	 	width: calc(100% - 90px) !important;
	 	float: right;
	 }	 

	form#kayitForm input[type="text"], input[type="password"]	
	{
		width: 100% !important;
	} 
	.captcha
	{
		width: 100%;
		margin-left: 0px;
	}

	.captcha_all
	{
		width: 100%;
		margin-left: 0px;
	}

	 form#girisForm input[type="submit"]
	 {
	 	margin-right: 0px !important;
	 }

	 form#kayitForm input[type="submit"]
	 {
	 	margin-right: 0px !important;
	 }

	 .loginbutton
	 {
	 	margin-left: 10%;
	 }

	 div#mMenu
	 {
	 	height: calc(100% - 90px);
	 	top:90px;
	 }

}

@media screen and (min-width: 0px) and (max-width: 500px)
{
	.cerceve
	{
		width: 100%;
		height: 200px;
	}

	div#mMenu
	 {
	 	height: calc(100% - 60px);
	 	top:60px;
	 }

	 div#h-clr
	 {
	 	height: 60px;
	 }

	body
	{
    	background-size: auto 100%;
	}

	.footermanalogo
	{
		display: none;
	}

	.logindetail
	{
		width: 100%;
		margin-left:0px;
		height: 55px;
	}

	.logintxt
	{
		width: 100%;
		margin-left:0;
		box-sizing: border-box;
		padding: 0px 10px;
	}

	.digerhaberlercerceve
	{
		width: 100%;
		margin-left: 0px;
		background-image: none;
	}

	.haberbanner
	{
		width: 100%;
		border:solid 1px #cecece;
		border-radius: 3px;
		margin-left:0px;
		box-sizing: border-box;		
	}

	.haberlerbaslik
	{
		width: 100%;
		margin-left: 0px;
	}

	.haberlerdetail
	{
		width: 100%;
		margin-left:0px;
	}

	.iletisiminfo
	{
		width: 100%;
		margin-left: 0px;
	}

	.telefon
	{
		width: 100% !important;
		margin-bottom: 10px;
	}

	.mail
	{
		width: 100% !important;
		margin-bottom: 10px;
	}	

	.iletisimlogolar
	{
		width: 100%;
	}

	.harita
	{
		margin-left: calc(50% - 150px);
		margin-right: calc(50% - 150px);
	}

	.serItem
	{
		width: 49%;
		margin-right: 1%;
	}

	.urunlermenu .urunlerbaslik
	{
		width: 100%;
		height: auto;
	}

	.linkcer
	{
		display: none;
	}

	.urunleraracizgi
	{
		display: none;
	}

	.urunrepeat
	{
		width: 100%;
	}

	.urunlermenu a.cerceve
	{
		width: 49%;
		margin-right: 2% !important;
	}

	.urunlermenu a.cerceve:nth-child(2n)
	 {
	 	margin-right: 0% !important;
	 }

	 .loginpanelleft
	 {
	 	width: 100%;
	 	height: auto;
	 	border-radius: 3px;
	 }

	 .loginpaneltxt
	 {
	 	font-size: 13px;
	 }

	 .loginpaneltxt2
	 {
	 	font-size: 22px;
	 }

	 .loginpanelright
	 {
	 	width: 100%;
	 	height: 410px;
	 	border-radius: 3px;
	 }

	 .loginpageall
	 {
	    height: 500px;
	    top:400px;
	    overflow: scroll;
	    margin-bottom: 20px;
	 }

	 .loginpaneltxtall
	 {
	 	width: 100%;
	 	margin-right: -20px;
	 	height: 60px;
	 }

	 .loginpaneltxt
	 {
	 	float: right;
	 }

	 .loginpaneltxt2
	 {
	 	text-align: right;
	 	width: 100%;
	 	padding-right: 20px;
	 	box-sizing: border-box;
	 }

	 .loginpanelrighttxt,.loginpanelrighttxt2
	 {
	 	width: 100%;
	    padding-right: 20px;
	    box-sizing: border-box;
	 }

	 a.top
	 {
	 	width: 100px;
	 	height: 40px;
	 	margin: 10px 0px;
	 }

	 div#head-top
	 {
	 	height: 60px;
	 }
	
	a#men
	{
		background-size: 22px;
		margin-top:14px;
	}

}


@media screen and (min-width: 0px) and (max-width: 350px)
{
	.loginpageall
	{
		height: 379px;
    	top: 328px;
	}
}