@charset "utf-8";
/* CSS Document */
body{
	width:100%;
	height:100%;
	background-color:#fff;
	font-size:12px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: 'Roboto', sans-serif;
}
textarea{
	background-color:#FFF;
	color:#000;
	width:75%;
	height:40px;
	border:1px dotted #333;
	
}
textarea:focus{
	background-color:#CCC;
	color:#000;
	opacity:0.8;	
}
input[type=text], input[type=password]{
	background-color:#FFF;
	color:#000;
	width:75%;
	height:40px;
	border:1px dotted #333;
	
}
input[type=text]:focus, input[type=password]:focus{
	background-color:#CCC;
	color:#000;
	opacity:0.8;	
}
input[type=submit]{
	background-color:#BF1E2E;
	width:25%;
	color:#FFF;
	position:absolute;
	height:42px;
	right:0px;
	text-align:center;
	border:none;
}
table, td, th{
	border: 1px solid #ccc;
}
table{
	border-collapse:collapse;
	width:100%;
}
td{
	vertical-align: middle;
	height:40px;
	padding-left:10px;
}
tr:first-child{
	height:60px;
	background-color:#333;
	color:#fff;
	font-weight:bold;
}
tr:nth-child(even){
	background-color:#ececec;
}
@media screen and (max-width:767px){
	.main{
		position:relative;
		width:100%;
		height:max-content;
		top:0px;
		left:0px;
		margin:0 auto;
	}
	.middle{
		position:relative;
		width:100%;
		height:max-content;
		top:0px;
		left:0px;
		margin:0 auto;
	}
	.middle-content-01{
		position:relative;
		width:100%;
		height:265px;
		top:0px;
		left:0px;
		margin:0 auto;
		background-color:#fff;
		box-shadow:#000 0px 0px 10px;
	}
	.middle-content-01-inline{
		position:relative;
		width:100%;
		height:265px;
		margin:0 auto;
		top:0px;
	}
	.logo{
		position:relative;
		width:250px;
		height:max-content;
		margin:0 auto;
		top:25px;
	}
	.aramaAlan{
		position:relative;
		width:100%;
		height:40px;
		top:30px;
		left: 0px;
	}
	.sepetIconAlan{
		position:absolute;
		width:40px;
		height:40px;
		top:175px;
		right:100px;
	}
	.dilButonAlan{
		position:relative;
		width:max-content;
		height:40px;
		top:40px;
		left:10px;
	}
	.dilButon{
		position:relative;
		width:75px;
		height:40px;
		border:1px solid #92278f;
		background-color:#fff;
		text-align:center;
		transition:background-color ease-in-out 0.2s;
		float:left;
		margin:0px 2px 0px 0px;
		line-height: 40px;
		color: #bf1e2e;
		font-size: 12px;
	}
	.dilButon:hover{
		text-decoration:none;
		background-color:#92278f;
		color:#fff;
	}
	.emperoLogo{
		position:absolute;
		width:80px;
		height:40px;
		top:175px;
		right:10px;
	}
	.menuAlan{
		position:absolute;
		width:100%;
		height:max-content;
		top:220px;
		left:0px;
		z-index: 999;
	}
	.middle-content-02{
		position:relative;
		width:100%;
		height:max-content;
		top:0px;
		left:0px;
		z-index:-5;
	}
	.middle-content-03{
		position:relative;
		width:100%;
		height:max-content;
		top:0px;
		left:0px;
	}
	.middle-content-03-inline{
		position:relative;
		width:96%;
		height:max-content;
		margin:0 auto;
		top:0;
	}
	.content-baslik{
		position:relative;
		width:300px;
		margin:0 auto;
		height:50px;
		line-height:50px;
		text-align:center;
		font-size:24px;
		color:#92278f;
		font-weight:bold;
		display:table;
	}
	.content-aciklama{
		position:relative;
		width:100%;
		left:0px;
		top:0px;
		text-align:center;
		font-size:14px;
		color:#333;
		display:table;
	}
	.urunAnaAlan{
		position:relative;
		width:100%;
		height:max-content;
		top:50px;
		left:0px;
		display:table;
	}
	.urunBox{
		position:relative;
		width:100%;
		height:max-content;
		margin:0px 1px 25px 0px;
		float:left;
		border:1px solid #DCDCDC;
		background-color:#fff;
	}
	.urunBox-Img{
		position:relative;
		width:96%;
		height:96%;
		margin:0 auto;
		padding-top:5px;
		padding-bottom:5px;
	}
	.urunBox-Img img{
		filter:grayscale(0%);
		transition:grayscale ease-in-out .10s;
	}
	.urunBox-Img:hover{
		filter:grayscale(75%);
	}
	.urunBox-Name{
		position:relative;
		width:90%;
		min-height:40px;
		height:max-content;
		text-align:center;
		color:#333;
		float:left;
		margin:0% 1px 0px 5%;
	}
	.middle-content-04{
		position:relative;
		width:100%;
		height:200px;
		top:50px;
		left:0px;
		background-image:url("../images/altImage.jpg");
		background-repeat:no-repeat;
		background-size:cover;
	}
	.middle-content-04-inline{
		position:relative;
		width:90%;
		height:200px;
		top:40px;
		margin:0 auto;
	}
	.sloganBaslik{
		position:relative;
		width:100%;
		height:max-content;
		left:0px;
		top:0px;
		font-size:26px;
		font-weight:bold;
		color:#92278f;
		text-align:center;
	}
	.sloganAciklama{
		position:relative;
		width:100%;
		height:max-content;
		left:0px;
		top:0px;
		font-size:14px;
		color:#92278f;
		text-align:center;
	}
	.middle-content-05{
		position:relative;
		width:100%;
		height:max-content;
		top:50px;
		left:0px;
		display: table;
		padding-bottom: 50px;
	}
	.middle-content-05-inline{
		position:relative;
		width:90%;
		height:max-content;
		margin:0 auto;
		top:0px;
	}
	.tumuButon{
		position:relative;
		top:10px;
		margin:0 auto;
		width:max-content;
		height:50px;
		background-color:#92278f;
		padding-left:50px;
		padding-right:50px;
		text-align:center;
		line-height:50px;
		color:#fff;
		display:table;
	}
	.middle-content-06{
		position:relative;
		width:100%;
		height:max-content;
		top:50px;
		left:0px;
	}
	.middle-content-06-inline{
		position:relative;
		width:90;
		height:max-content;
		top:0px;
		margin:0 auto;
	}
	.box{
		position:relative;
		width:100%;
		height:max-content;
		margin:0px 1px 1px 0px;
		float:left;
		border:1px solid #ccc;
	}
	
	.boxImage{
		position:relative;
		width:96%;
		height:max-content;
		margin:0 auto;
		padding-top:5px;
		padding-bottom:5px;
		filter:grayscale(100%);
		transition:grayscale ease .10s;
	}
	.boxImage:hover{
		filter:grayscale(0%);
	}
	.boxName{
		position:absolute;
		width:100%;
		height:40px;
		bottom:10px;
		text-align:center;
		color:#fff;
		font-size:14px;
		z-index:1;
	}
	.middle-content-07{
		position:relative;
		width:100%;
		height:max-content;
		top:50px;
		left:0px;
		display:table;
		padding-bottom:50px;
	}
	.middle-content-07-inline{
		position:relative;
		width:90%;
		height:max-content;
		top:0px;
		margin:0 auto;
	}
	.galeriAlan{
		position:relative;
		width:90%;
		top:20px;
		height:300px;
		margin:0 auto;
		display:table;
		padding-bottom:10px;
	}
	.middle-content-08{
		position:relative;
		width:100%;
		height:200px;
		background-image:url("../images/altImage2.jpg");
		background-repeat:no-repeat;
		background-size:cover;
		top:50px;
		left:0px;
	}
	.middle-content-08-inline{
		position:relative;
		width:90%;
		height:200px;
		margin:0 auto;
		top:0px;
	}
	.slogan2{
		position:absolute;
		width:100%;
		right:0px;
		top:65px;
		color:#BF1E2E;
		font-size:24px;
		text-align:center;
	}
	.middle-content-09{
		position:relative;
		width:100%;
		height:max-content;
		top:75px;
		left:0px;
		display:table;
	}
	.middle-content-09-inline{
		position:relative;
		width:100%;
		height:max-content;
		margin:0 auto;
		top:0px;
	}
	.fuarBox{
		position:relative;
		width:100%;
		margin:0px 1px 0px 0px;
		float:left;
		height:auto;
		border:1px solid #ccc;
	}
	.fuarBoxIsim{
		display:none;
		position:relative;
		float:left;
		width:100%;
		height:40px;
		text-align:left;
		margin:0px 1px 0px -100%;
		color:#000;
	}
	.middle-content-10{
		position:relative;
		top:100px;
		left:0px;
		height:max-content;
		width:100%;
		background-color:#232323;
		display:table;
	}
	.middle-content-10-inline{
		position:relative;
		width:90%;
		margin:0 auto;
		top:0px;
		height:150px;
		color:#fff;
	}
	.footerLogo{
		position:relative;
		width:200px;
		height:95px;
		top:15px;
		margin:0 auto;
	}
	.footerMenu{
		position:relative;
		width:90%;
		height:max-content;
		top:0px;
		margin:0 auto;
		display: none;
	}
	.footerMenuButon{
		position:relative;
		width:90%;
		height:max-content;
		min-height:40px;
		line-height:40px;
		float:left;
		margin:0px 1px 1px 0px;
		background-color:#232323;
		color:#fff;
		padding-left:10%;
	}
	.footerMenuButon:hover{
		background-color:#92278f;
	}
	.menu-baslik{
		position:relative;
		width:150px;
		height:40px;
		line-height:40px;
		text-align:left;
		top:0px;
		left:0px;
		text-transform:uppercase;
	}
	.menu-line{
		position:relative;
		width:100px;
		height:2px;
		background-color:#92278f;
		top:0px;
		left:0px;
	}
	.footerUrunler{
		position:relative;
		width:90%;
		height:max-content;
		top:15px;
		margin:0 auto;
		display: none;
	}
	.footerIletisim{
		position:absolute;
		width:250px;
		height:max-content;
		top:15px;
		left:750px;
		display: none;
	}
	.footerIletisimAlan{
		position:relative;
		width:100%;
		height:max-content;
		top:10px;
		left:0px;
	}
	.footerFormAlan{
		position:relative;
		width:100%;
		height:max-content;
		top:25px;
		left:0px;
	}
	.footerSocial{
		position:relative;
		width:max-content;
		height:25px;
		margin:0 auto;
		top:15px;
	}
	.middle-content-11{
		position:relative;
		width:100%;
		height:50px;
		left:0px;
		top:100px;
		background-color:#191919;
		color:#fff;
	}
	.middle-content-11-inline{
		position:relative;
		width:100%;
		height:50px;
		line-height:50px;
		margin:0 auto;
	}
	.copyright{
		position:absolute;
		width:max-content;
		height:50px;
		line-height:50px;
		top:0px;
		left:0px;
	}
	.designport{
		position:absolute;
		width:max-content;
		height:50px;
		line-height:50px;
		top:0px;
		right:0px;
	}
	.kurumsalButonlar{
		position:relative;
		width:90%;
		height:max-content;
		margin:0 auto;
		top:0px;
	}
	.kurumsalButon{
		position:relative;
		float:left;
		margin:0px 2px 2px 0px;
		width:100%;
		text-align:center;
		height:40px;
		line-height:40px;
		background-color:#92278f;
		color:#fff;
		text-transform:uppercase;
		transition:background-color ease .2s;
	}
	.kurumsalButon:hover{
		background-color:#000;
	}
	.katalogBox{
		position:relative;
		width:49%;
		height:max-content;
		float:left;
		margin:0px 1px 25px 0px;
		border:1px solid #ccc;
	}
	.katalogBox-Img{
		position:relative;
		width:96%;
		height:max-content;
		padding:5px;
		margin:0 auto;
	}
	.katalogBox-Name{
		position:relative;
		width:49%;
		height:40px;
		line-height:40px;
		text-align:center;
		float:left;
		margin:100px 1px 0px -49%;
	}
	.urunDetayBaslik{
		position:relative;
		width:95%;
		height:40px;
		line-height:40px;
		background-color:#606060;
		color:#fff;
		padding-left:5%;
		display:table;
		font-size:14px;
	}
	.baslikLine{
		position:absolute;
		width:95%;
		top:-40px;
		left:0px;
		height:40px;
		line-height:40px;
		background-color:#ccc;
		color:#000;
		text-align:left;
		padding-left:5%;
		font-size:14px;
		font-weight:bold;
	}
	.baslikLine a:link{
		text-decoration:none;
		color:#000;
	}
	.baslikLine a:hover{
		text-decortaion:none;
		color:#92278f;
	}
	.baslikLine2{
		position:absolute;
		width:100%;
		top:-45px;
		left:0px;
		height:40px;
		line-height:40px;
		background-color:#ccc;
		color:#000;
		text-align:left;
		padding-left:25px;
		font-size:14px;
		font-weight:bold;
	}
	.baslikLine2 a:link{
		text-decoration:none;
		color:#000;
	}
	.baslikLine2 a:hover{
		text-decortaion:none;
		color:#92278f;
	}
	.backButon{
		position:absolute;
		width:150px;
		top:-0px;
		right:0px;
		background-color:#000;
		color:#fff;
		height:40px;
		line-height:40px;
		text-align:center;
	}
	.backButon:hover{
		background-color:#92278f;
	}
	.backButon2{
		position:absolute;
		width:150px;
		top:-45px;
		right:0px;
		background-color:#000;
		color:#fff;
		height:40px;
		line-height:40px;
		text-align:center;
	}
	.backButon2:hover{
		background-color:#92278f;
	}
	.urunDetayResim{
		position:relative;
		width:100%;
		height:350px;
		top:10px;
		left:0px;
		border:1px solid #ccc;
	}
	.urunDetayOzellik{
		position:relative;
		width:100%;
		height:max-content;
		top:0px;
		left:0%;
		border:1px solid #ccc;
		display:table;
	}
	.sepetAlan{
		position:relative;
		width:99%;
		height:50px;
		line-height:50px;
		padding-left:1%;
		top:0px;
		left:0px;
		border:1px solid #ccc;
		background-color:#92278f;
		color:#fff;
	}
	.talepListeButon{
		position:relative;
		width:150px;
		height:40px;
		line-height:40px;
		text-align:center;
		background-color:#333;
		color:#fff;
		left:155px;
	}
	.talepForm{
		position:relative;
		width:100%;
		height:max-content;
		display:table;
		color:#000;
		top:20px;
		padding-bottom:75px;
	}
	.talepFormBaslik{
		position:relative;
		width:100%;
		height:40px;
		line-height:40px;
		background-color:#92278f;
		color:#fff;
		text-align:center;
		text-transform:uppercase;
		top:10px;
	}
	.formEkleButon{
		position:relative;
		width:150px;
		height:50px;
		top:1px;
		left:-5px;
	}
}
@media screen and (min-width:768px) and (max-width:991px){
	.main{
		position:relative;
		width:100%;
		height:max-content;
		top:0px;
		left:0px;
		margin:0 auto;
	}
	.middle{
		position:relative;
		width:100%;
		height:max-content;
		top:0px;
		left:0px;
		margin:0 auto;
	}
	.middle-content-01{
		position:relative;
		width:100%;
		height:200px;
		top:0px;
		left:0px;
		margin:0 auto;
		background-color:#fff;
		box-shadow:#000 0px 0px 10px;
	}
	.middle-content-01-inline{
		position:relative;
		width:100%;
		height:200px;
		margin:0 auto;
		top:0px;
	}
	.logo{
		position:relative;
		width:250px;
		height:90px;
		margin:0 auto;
		top:100px;
	}
	.aramaAlan{
		position:absolute;
		width:350px;
		height:40px;
		top:15px;
		left:50px;
	}
	.sepetIconAlan{
		position:absolute;
		width:40px;
		height:40px;
		top:15px;
		left:0px;
	}
	.dilButonAlan{
		position:absolute;
		width:max-content;
		height:40px;
		top:15px;
		left:410px;
	}
	.dilButon{
		position:relative;
		width:75px;
		height:40px;
		border:1px solid #92278f;
		background-color:#fff;
		text-align:center;
		transition:background-color ease-in-out 0.2s;
		float:left;
		margin:0px 2px 0px 0px;
		line-height: 40px;
		color: #bf1e2e;
		font-size: 12px;
	}
	.dilButon:hover{
		text-decoration:none;
		background-color:#92278f;
		color:#fff;
	}
	.emperoLogo{
		position:absolute;
		width:80px;
		height:40px;
		top:15px;
		right:50px;
	}
	.menuAlan{
		position:absolute;
		width:100%;
		height:max-content;
		top:200px;
		left:0px;
		z-index: 999;
	}
	.middle-content-02{
		position:relative;
		width:100%;
		height:max-content;
		top:0px;
		left:0px;
		z-index:-5;
	}
	.middle-content-03{
		position:relative;
		width:100%;
		height:max-content;
		top:0px;
		left:0px;
	}
	.middle-content-03-inline{
		position:relative;
		width:98%;
		height:max-content;
		margin:0 auto;
		top:0;
	}
	.content-baslik{
		position:relative;
		width:100%;
		margin:0 auto;
		height:50px;
		line-height:50px;
		text-align:center;
		font-size:24px;
		color:#92278f;
		font-weight:bold;
		display:table;
	}
	.content-aciklama{
		position:relative;
		width:100%;
		left:0px;
		top:0px;
		text-align:center;
		font-size:14px;
		color:#333;
		display:table;
	}
	.urunAnaAlan{
		position:relative;
		width:100%;
		height:max-content;
		top:50px;
		left:0px;
		display:table;
	}
	.urunBox{
		position:relative;
		width:49%;
		height:max-content;
		margin:0px 1px 50px 0px;
		float:left;
		border:1px solid #DCDCDC;
		background-color:#fff;
	}
	.urunBox-Img{
		position:relative;
		width:96%;
		height:96%;
		margin:0 auto;
		padding-top:5px;
		padding-bottom:5px;
	}
	.urunBox-Img img{
		filter:grayscale(0%);
		transition:grayscale ease-in-out .10s;
	}
	.urunBox-Img:hover{
		filter:grayscale(75%);
	}
	.urunBox-Name{
		position:relative;
		width:49%;
		min-height:40px;
		height:max-content;
		text-align:center;
		color:#333;
		float:left;
		margin:40% 1px 0px -49%;
	}
	.middle-content-04{
		position:relative;
		width:100%;
		height:200px;
		top:50px;
		left:0px;
		background-image:url("../images/altImage.jpg");
		background-repeat:no-repeat;
		background-size:cover;
	}
	.middle-content-04-inline{
		position:relative;
		width:90%;
		height:200px;
		top:40px;
		margin:0 auto;
	}
	.sloganBaslik{
		position:relative;
		width:50%;
		height:max-content;
		left:0px;
		top:0px;
		font-size:26px;
		font-weight:bold;
		color:#92278f;
	}
	.sloganAciklama{
		position:relative;
		width:40%;
		height:max-content;
		left:0px;
		top:0px;
		font-size:14px;
		color:#92278f;
	}
	.middle-content-05{
		position:relative;
		width:100%;
		height:max-content;
		top:50px;
		left:0px;
		display:table;
		padding-bottom:50px;
	}
	.middle-content-05-inline{
		position:relative;
		width:90%;
		height:max-content;
		margin:0 auto;
		top:0px;
	}
	.tumuButon{
		position:relative;
		top:10px;
		margin:0 auto;
		width:max-content;
		height:50px;
		background-color:#92278f;
		padding-left:50px;
		padding-right:50px;
		text-align:center;
		line-height:50px;
		color:#fff;
		transition:background-color ease 0.3s;
		display:table;
	}
	.tumuButon:hover{
		background-color:#000;
	}
	.middle-content-06{
		position:relative;
		width:100%;
		height:max-content;
		top:50px;
		left:0px;
	}
	.middle-content-06-inline{
		position:relative;
		width:90%;
		height:max-content;
		top:0px;
		margin:0 auto;
	}
	.box{
		position:relative;
		width:49%;
		height:max-content;
		margin:0px 4px 5px 0px;
		float:left;
		border:1px solid #ccc;
	}
	.boxImage{
		position:relative;
		width:96%;
		height:max-content;
		margin:0 auto;
		padding-top:5px;
		padding-bottom:5px;
		filter:grayscale(100%);
		transition:grayscale ease .10s;
	}
	.boxImage:hover{
		filter:grayscale(0%);
	}
	.boxName{
		position:absolute;
		width:100%;
		height:40px;
		bottom:10px;
		text-align:center;
		color:#fff;
		font-size:14px;
		z-index:1;
	}
	.middle-content-07{
		position:relative;
		width:100%;
		height:max-content;
		top:50px;
		left:0px;
		display:table;
		padding-bottom:50px;
	}
	.middle-content-07-inline{
		position:relative;
		width:90%;
		height:max-content;
		top:0px;
		margin:0 auto;
	}
	.galeriAlan{
		position:relative;
		width:90%;
		top:20px;
		height:300px;
		margin:0 auto;
		display:table;
		padding-bottom:10px;
	}
	.middle-content-08{
		position:relative;
		width:100%;
		height:200px;
		background-image:url("../images/altImage2.jpg");
		background-repeat:no-repeat;
		background-size:cover;
		top:50px;
		left:0px;
	}
	.middle-content-08-inline{
		position:relative;
		width:100%;
		height:200px;
		margin:0 auto;
		top:0px;
	}
	.slogan2{
		position:absolute;
		width:90%;
		right:0px;
		top:65px;
		color:#92278f;
		font-size:36px;
		text-align:center;
	}
	.middle-content-09{
		position:relative;
		width:100%;
		height:max-content;
		top:75px;
		left:0px;
		display:table;
	}
	.middle-content-09-inline{
		position:relative;
		width:100%;
		height:max-content;
		margin:0 auto;
		top:0px;
	}
	.fuarBox{
		position:relative;
		width:49%;
		margin:0px 1px 0px 0px;
		float:left;
		height:auto;
		border:1px solid #ccc;
	}
	.fuarBoxIsim{
		position:relative;
		float:left;
		width:49%;
		height:40px;
		text-align:left;
		margin:240px 1px 0px -49%;
		color:#000;
		display:none;
	}
	.middle-content-10{
		position:relative;
		top:100px;
		left:0px;
		height:max-content;
		width:100%;
		background-color:#232323;
		display:table;
	}
	.middle-content-10-inline{
		position:relative;
		width:90%;
		margin:0 auto;
		top:0px;
		height:400px;
		color:#fff;
	}
	.footerLogo{
		position:relative;
		width:200px;
		height:95px;
		top:15px;
		left:0px;
	}
	.footerMenu{
		position:absolute;
		width:150px;
		height:max-content;
		top:15px;
		left:250px;
	}
	.footerMenuButon{
		position:relative;
		width:90%;
		height:max-content;
		min-height:40px;
		line-height:40px;
		float:left;
		margin:0px 1px 1px 0px;
		background-color:#232323;
		color:#fff;
		padding-left:10%;
	}
	.footerMenuButon:hover{
		background-color:#92278f;
	}
	.menu-baslik{
		position:relative;
		width:150px;
		height:40px;
		line-height:40px;
		text-align:left;
		top:0px;
		left:0px;
		text-transform:uppercase;
	}
	.menu-line{
		position:relative;
		width:100px;
		height:2px;
		background-color:#92278f;
		top:0px;
		left:0px;
	}
	.footerUrunler{
		position:absolute;
		width:200px;
		height:max-content;
		top:15px;
		left:450px;
	}
	.footerIletisim{
		position:absolute;
		width:250px;
		height:max-content;
		top:15px;
		left:750px;
		display:none;
	}
	.footerIletisimAlan{
		position:relative;
		width:100%;
		height:max-content;
		top:10px;
		left:0px;
	}
	.footerFormAlan{
		position:relative;
		width:100%;
		height:max-content;
		top:25px;
		left:0px;
	}
	.footerSocial{
		position:absolute;
		width:200px;
		height:25px;
		left:0px;
		top:250px;
	}
	.middle-content-11{
		position:relative;
		width:100%;
		height:50px;
		left:0px;
		top:100px;
		background-color:#191919;
		color:#fff;
	}
	.middle-content-11-inline{
		position:relative;
		width:100%;
		height:50px;
		line-height:50px;
		margin:0 auto;
	}
	.copyright{
		position:absolute;
		width:max-content;
		height:50px;
		line-height:50px;
		top:0px;
		left:0px;
	}
	.designport{
		position:absolute;
		width:max-content;
		height:50px;
		line-height:50px;
		top:0px;
		right:0px;
	}
	.kurumsalButonlar{
		position:relative;
		width:max-content;
		height:max-content;
		margin:0 auto;
		top:0px;
	}
	.kurumsalButon{
		position:relative;
		float:left;
		margin:0px 2px 0px 0px;
		width:max-content;
		padding-left:10px;
		padding-right:10px;
		text-align:center;
		height:40px;
		line-height:40px;
		background-color:#92278f;
		color:#fff;
		text-transform:uppercase;
		transition:background-color ease .2s;
	}
	.kurumsalButon:hover{
		background-color:#000;
	}
	.katalogBox{
		position:relative;
		width:24%;
		height:max-content;
		float:left;
		margin:0px 1px 25px 0px;
		border:1px solid #ccc;
	}
	.katalogBox-Img{
		position:relative;
		width:96%;
		height:max-content;
		padding:5px;
		margin:0 auto;
	}
	.katalogBox-Name{
		position:relative;
		width:24%;
		height:40px;
		line-height:40px;
		text-align:center;
		float:left;
		margin:100px 1px 0px -24%;
	}
	.urunDetayBaslik{
		position:relative;
		width:95%;
		height:40px;
		line-height:40px;
		background-color:#606060;
		color:#fff;
		padding-left:5%;
		display:table;
		font-size:14px;
	}
	.baslikLine{
		position:absolute;
		width:95%;
		top:-40px;
		left:0px;
		height:40px;
		line-height:40px;
		background-color:#ccc;
		color:#000;
		text-align:left;
		padding-left:5%;
		font-size:14px;
		font-weight:bold;
	}
	.baslikLine a:link{
		text-decoration:none;
		color:#000;
	}
	.baslikLine a:hover{
		text-decortaion:none;
		color:#92278f;
	}
	.baslikLine2{
		position:absolute;
		width:100%;
		top:-45px;
		left:0px;
		height:40px;
		line-height:40px;
		background-color:#ccc;
		color:#000;
		text-align:left;
		padding-left:25px;
		font-size:14px;
		font-weight:bold;
	}
	.baslikLine2 a:link{
		text-decoration:none;
		color:#000;
	}
	.baslikLine2 a:hover{
		text-decortaion:none;
		color:#92278f;
	}
	.backButon{
		position:absolute;
		width:150px;
		top:-0px;
		right:0px;
		background-color:#000;
		color:#fff;
		height:40px;
		line-height:40px;
		text-align:center;
	}
	.backButon:hover{
		background-color:#92278f;
	}
	.backButon2{
		position:absolute;
		width:150px;
		top:-45px;
		right:0px;
		background-color:#000;
		color:#fff;
		height:40px;
		line-height:40px;
		text-align:center;
	}
	.backButon2:hover{
		background-color:#92278f;
	}
	.urunDetayResim{
		position:relative;
		width:33%;
		height:350px;
		top:10px;
		left:0px;
		border:1px solid #ccc;
	}
	.urunDetayOzellik{
		position:relative;
		width:66%;
		height:max-content;
		top:-342px;
		left:34%;
		border:1px solid #ccc;
		display:table;
	}
	.sepetAlan{
		position:relative;
		width:99%;
		height:50px;
		line-height:50px;
		padding-left:1%;
		top:0px;
		left:0px;
		border:1px solid #ccc;
		background-color:#92278f;
		color:#fff;
	}
	.talepListeButon{
		position:relative;
		width:150px;
		height:40px;
		line-height:40px;
		text-align:center;
		background-color:#333;
		color:#fff;
		left:155px;
	}
	.talepForm{
		position:relative;
		width:100%;
		height:max-content;
		display:table;
		color:#000;
		top:20px;
		padding-bottom:75px;
	}
	.talepFormBaslik{
		position:relative;
		width:100%;
		height:40px;
		line-height:40px;
		background-color:#92278f;
		color:#fff;
		text-align:center;
		text-transform:uppercase;
		top:10px;
	}
	.formEkleButon{
		position:relative;
		width:150px;
		height:50px;
		top:1px;
		left:-5px;
	}
}
@media screen and (min-width:992px) and (max-width:1199px){
	.main{
		position:relative;
		width:100%;
		height:max-content;
		top:0px;
		left:0px;
		margin:0 auto;
	}
	.middle{
		position:relative;
		width:100%;
		height:max-content;
		top:0px;
		left:0px;
		margin:0 auto;
	}
	.middle-content-01{
		position:relative;
		width:100%;
		height:150px;
		top:0px;
		left:0px;
		margin:0 auto;
		background-color:#fff;
		box-shadow:#000 0px 0px 10px;
	}
	.middle-content-01-inline{
		position:relative;
		width:100%;
		height:150px;
		margin:0 auto;
		top:0px;
	}
	.logo{
		position:relative;
		width:250px;
		height:90px;
		left:0px;
		top:55px;
	}
	.aramaAlan{
		position:absolute;
		width:350px;
		height:40px;
		top:15px;
		right:250px;
	}
	.sepetIconAlan{
		position:absolute;
		width:40px;
		height:40px;
		top:15px;
		right:605px;
	}
	.dilButonAlan{
		position:absolute;
		width:max-content;
		height:40px;
		top:15px;
		right:85px;
	}
	.dilButon{
		position:relative;
		width:75px;
		height:40px;
		border:1px solid #92278f;
		background-color:#fff;
		text-align:center;
		transition:background-color ease-in-out 0.2s;
		float:left;
		margin:0px 2px 0px 0px;
		line-height: 40px;
		color: #bf1e2e;
		font-size: 12px;
	}
	.dilButon:hover{
		text-decoration:none;
		background-color:#92278f;
		color:#fff;
	}
	.emperoLogo{
		position:absolute;
		width:80px;
		height:40px;
		top:15px;
		right:0px;
	}
	.menuAlan{
		position:absolute;
		width:635px;
		height:max-content;
		top:110px;
		right:0px;
		z-index: 999;
	}
	.middle-content-02{
		position:relative;
		width:100%;
		height:max-content;
		top:0px;
		left:0px;
		z-index:-5;
	}
	.middle-content-03{
		position:relative;
		width:100%;
		height:max-content;
		top:0px;
		left:0px;
	}
	.middle-content-03-inline{
		position:relative;
		width:98%;
		height:max-content;
		margin:0 auto;
		top:0;
	}
	.content-baslik{
		position:relative;
		width:100%;
		margin:0 auto;
		height:50px;
		line-height:50px;
		text-align:center;
		font-size:24px;
		color:#92278f;
		font-weight:bold;
		display:table;
	}
	.content-aciklama{
		position:relative;
		width:100%;
		left:0px;
		top:0px;
		text-align:center;
		font-size:14px;
		color:#333;
		display:table;
	}
	.urunAnaAlan{
		position:relative;
		width:100%;
		height:max-content;
		top:50px;
		left:0px;
		display:table;
	}
	.urunBox{
		position:relative;
		width:24%;
		height:max-content;
		margin:0px 1px 50px 0px;
		float:left;
		border:1px solid #DCDCDC;
		background-color:#fff;
	}
	.urunBox-Img{
		position:relative;
		width:96%;
		height:96%;
		margin:0 auto;
		padding-top:5px;
		padding-bottom:5px;
	}
	.urunBox-Img img{
		filter:grayscale(0%);
		transition:grayscale ease-in-out .10s;
	}
	.urunBox-Img:hover{
		filter:grayscale(75%);
	}
	.urunBox-Name{
		position:relative;
		width:24%;
		min-height:40px;
		height:max-content;
		text-align:center;
		color:#333;
		float:left;
		margin:20% 1px 0px -24%;
	}
	.middle-content-04{
		position:relative;
		width:100%;
		height:200px;
		top:50px;
		left:0px;
		background-image:url("../images/altImage.jpg");
		background-repeat:no-repeat;
		background-size:cover;
	}
	.middle-content-04-inline{
		position:relative;
		width:90%;
		height:200px;
		top:40px;
		margin:0 auto;
	}
	.sloganBaslik{
		position:relative;
		width:50%;
		height:max-content;
		left:0px;
		top:30px;
		font-size:26px;
		font-weight:bold;
		color:#92278f;
	}
	.sloganAciklama{
		position:relative;
		width:40%;
		height:max-content;
		left:0px;
		top:30px;
		font-size:14px;
		color:#92278f;
	}
	.middle-content-05{
		position:relative;
		width:100%;
		height:max-content;
		top:50px;
		left:0px;
		display:table;
		padding-bottom:50px;
	}
	.middle-content-05-inline{
		position:relative;
		width:90%;
		height:max-content;
		margin:0 auto;
		top:0px;
	}
	.tumuButon{
		position:relative;
		top:10px;
		margin:0 auto;
		width:max-content;
		height:50px;
		background-color:#92278f;
		padding-left:50px;
		padding-right:50px;
		text-align:center;
		line-height:50px;
		color:#fff;
		transition:background-color ease 0.3s;
		display:table;
	}
	.tumuButon:hover{
		background-color:#000;
	}
	.middle-content-06{
		position:relative;
		width:100%;
		height:max-content;
		top:50px;
		left:0px;
	}
	.middle-content-06-inline{
		position:relative;
		width:100%;
		height:max-content;
		top:0px;
		margin:0 auto;
	}
	.box{
		position:relative;
		width:24%;
		height:max-content;
		margin:0px 1px 1px 0px;
		float:left;
		border:1px solid #ccc;
	}
	.boxImage{
		position:relative;
		width:96%;
		height:max-content;
		margin:0 auto;
		padding-top:5px;
		padding-bottom:5px;
		filter:grayscale(100%);
		transition:grayscale ease .10s;
	}
	.boxImage:hover{
		filter:grayscale(0%);
	}
	.boxName{
		position:absolute;
		width:100%;
		height:40px;
		bottom:10px;
		text-align:center;
		color:#fff;
		font-size:14px;
		z-index:1;
	}
	.middle-content-07{
		position:relative;
		width:100%;
		height:max-content;
		top:50px;
		left:0px;
		display:table;
		padding-bottom:50px;
	}
	.middle-content-07-inline{
		position:relative;
		width:100%;
		height:max-content;
		top:0px;
		margin:0 auto;
	}
	.galeriAlan{
		position:relative;
		width:100%;
		top:20px;
		height:300px;
		margin:0 auto;
		display:table;
		padding-bottom:10px;
	}
	.middle-content-08{
		position:relative;
		width:100%;
		height:200px;
		background-image:url("../images/altImage2.jpg");
		background-repeat:no-repeat;
		background-size:cover;
		top:50px;
		left:0px;
	}
	.middle-content-08-inline{
		position:relative;
		width:100%;
		height:200px;
		margin:0 auto;
		top:0px;
	}
	.slogan2{
		position:absolute;
		width:100%;
		right:0px;
		top:65px;
		color:#92278f;
		font-size:36px;
		text-align:center;
	}
	.middle-content-09{
		position:relative;
		width:100%;
		height:max-content;
		top:75px;
		left:0px;
		display:table;
	}
	.middle-content-09-inline{
		position:relative;
		width:100%;
		height:max-content;
		margin:0 auto;
		top:0px;
	}
	.fuarBox{
		position:relative;
		width:49%;
		margin:0px 1px 0px 0px;
		float:left;
		height:auto;
		border:1px solid #ccc;
	}
	.fuarBoxIsim{
		position:relative;
		float:left;
		width:49%;
		height:40px;
		text-align:left;
		margin:240px 1px 0px -49%;
		color:#000;
		display:none;
	}
	.middle-content-10{
		position:relative;
		top:100px;
		left:0px;
		height:max-content;
		width:100%;
		background-color:#232323;
		display:table;
	}
	.middle-content-10-inline{
		position:relative;
		width:90%;
		margin:0 auto;
		top:0px;
		height:400px;
		color:#fff;
	}
	.footerLogo{
		position:relative;
		width:200px;
		height:95px;
		top:15px;
		left:0px;
	}
	.footerMenu{
		position:absolute;
		width:150px;
		height:max-content;
		top:15px;
		left:250px;
	}
	.footerMenuButon{
		position:relative;
		width:90%;
		height:max-content;
		min-height:40px;
		line-height:40px;
		float:left;
		margin:0px 1px 1px 0px;
		background-color:#232323;
		color:#fff;
		padding-left:10%;
	}
	.footerMenuButon:hover{
		background-color:#92278f;
	}
	.menu-baslik{
		position:relative;
		width:150px;
		height:40px;
		line-height:40px;
		text-align:left;
		top:0px;
		left:0px;
		text-transform:uppercase;
	}
	.menu-line{
		position:relative;
		width:100px;
		height:2px;
		background-color:#92278f;
		top:0px;
		left:0px;
	}
	.footerUrunler{
		position:absolute;
		width:200px;
		height:max-content;
		top:15px;
		left:415px;
	}
	.footerIletisim{
		position:absolute;
		width:250px;
		height:max-content;
		top:15px;
		left:650px;
	}
	.footerIletisimAlan{
		position:relative;
		width:100%;
		height:max-content;
		top:10px;
		left:0px;
	}
	.footerFormAlan{
		position:relative;
		width:100%;
		height:max-content;
		top:25px;
		left:0px;
	}
	.footerSocial{
		position:absolute;
		width:200px;
		height:25px;
		left:0px;
		top:250px;
	}
	.middle-content-11{
		position:relative;
		width:100%;
		height:50px;
		left:0px;
		top:100px;
		background-color:#191919;
		color:#fff;
	}
	.middle-content-11-inline{
		position:relative;
		width:100%;
		height:50px;
		line-height:50px;
		margin:0 auto;
	}
	.copyright{
		position:absolute;
		width:max-content;
		height:50px;
		line-height:50px;
		top:0px;
		left:0px;
	}
	.designport{
		position:absolute;
		width:max-content;
		height:50px;
		line-height:50px;
		top:0px;
		right:0px;
	}
	.kurumsalButonlar{
		position:relative;
		width:max-content;
		height:max-content;
		margin:0 auto;
		top:0px;
	}
	.kurumsalButon{
		position:relative;
		float:left;
		margin:0px 2px 0px 0px;
		width:max-content;
		padding-left:10px;
		padding-right:10px;
		text-align:center;
		height:40px;
		line-height:40px;
		background-color:#92278f;
		color:#fff;
		text-transform:uppercase;
		transition:background-color ease .2s;
	}
	.kurumsalButon:hover{
		background-color:#000;
	}
	.katalogBox{
		position:relative;
		width:24%;
		height:max-content;
		float:left;
		margin:0px 1px 25px 0px;
		border:1px solid #ccc;
	}
	.katalogBox-Img{
		position:relative;
		width:96%;
		height:max-content;
		padding:5px;
		margin:0 auto;
	}
	.katalogBox-Name{
		position:relative;
		width:24%;
		height:40px;
		line-height:40px;
		text-align:center;
		float:left;
		margin:100px 1px 0px -24%;
	}
	.urunDetayBaslik{
		position:relative;
		width:95%;
		height:40px;
		line-height:40px;
		background-color:#606060;
		color:#fff;
		padding-left:5%;
		display:table;
		font-size:14px;
	}
	.baslikLine{
		position:absolute;
		width:95%;
		top:-40px;
		left:0px;
		height:40px;
		line-height:40px;
		background-color:#ccc;
		color:#000;
		text-align:left;
		padding-left:5%;
		font-size:14px;
		font-weight:bold;
	}
	.baslikLine a:link{
		text-decoration:none;
		color:#000;
	}
	.baslikLine a:hover{
		text-decortaion:none;
		color:#92278f;
	}
	.baslikLine2{
		position:absolute;
		width:100%;
		top:-45px;
		left:0px;
		height:40px;
		line-height:40px;
		background-color:#ccc;
		color:#000;
		text-align:left;
		padding-left:25px;
		font-size:14px;
		font-weight:bold;
	}
	.baslikLine2 a:link{
		text-decoration:none;
		color:#000;
	}
	.baslikLine2 a:hover{
		text-decortaion:none;
		color:#92278f;
	}
	.backButon{
		position:absolute;
		width:150px;
		top:-0px;
		right:0px;
		background-color:#000;
		color:#fff;
		height:40px;
		line-height:40px;
		text-align:center;
	}
	.backButon:hover{
		background-color:#92278f;
	}
	.backButon2{
		position:absolute;
		width:150px;
		top:-45px;
		right:0px;
		background-color:#000;
		color:#fff;
		height:40px;
		line-height:40px;
		text-align:center;
	}
	.backButon2:hover{
		background-color:#92278f;
	}
	.urunDetayResim{
		position:relative;
		width:33%;
		height:350px;
		top:10px;
		left:0px;
		border:1px solid #ccc;
	}
	.urunDetayOzellik{
		position:relative;
		width:66%;
		height:max-content;
		top:-342px;
		left:34%;
		border:1px solid #ccc;
		display:table;
	}
	.sepetAlan{
		position:relative;
		width:99%;
		height:50px;
		line-height:50px;
		padding-left:1%;
		top:0px;
		left:0px;
		border:1px solid #ccc;
		background-color:#92278f;
		color:#fff;
	}
	.talepListeButon{
		position:relative;
		width:150px;
		height:40px;
		line-height:40px;
		text-align:center;
		background-color:#333;
		color:#fff;
		left:155px;
	}
	.talepForm{
		position:relative;
		width:100%;
		height:max-content;
		display:table;
		color:#000;
		top:20px;
		padding-bottom:75px;
	}
	.talepFormBaslik{
		position:relative;
		width:100%;
		height:40px;
		line-height:40px;
		background-color:#92278f;
		color:#fff;
		text-align:center;
		text-transform:uppercase;
		top:10px;
	}
	.formEkleButon{
		position:relative;
		width:150px;
		height:50px;
		top:0px;
		left:0px;
	}
	.formEkleButon{
		position:relative;
		width:150px;
		height:50px;
		top:1px;
		left:-5px;
	}
}
@media screen and (min-width:1200px){
	.main{
		position:relative;
		width:100%;
		height:max-content;
		top:0px;
		left:0px;
		margin:0 auto;
	}
	.middle{
		position:relative;
		width:100%;
		height:max-content;
		top:0px;
		left:0px;
		margin:0 auto;
	}
	.middle-content-01{
		position:relative;
		width:100%;
		height:150px;
		top:0px;
		left:0px;
		margin:0 auto;
		background-color:#fff;
		box-shadow:#000 0px 0px 10px;
	}
	.middle-content-01-inline{
		position:relative;
		width:1100px;
		height:150px;
		margin:0 auto;
		top:0px;
	}
	.logo{
		position:relative;
		width:250px;
		height:90px;
		left:0px;
		top:55px;
	}
	.aramaAlan{
		position:absolute;
		width:350px;
		height:40px;
		top:15px;
		right:250px;
	}
	.sepetIconAlan{
		position:absolute;
		width:40px;
		height:40px;
		top:15px;
		right:605px;
	}
	.dilButonAlan{
		position:absolute;
		width:max-content;
		height:40px;
		top:15px;
		right:85px;
	}
	.dilButon{
		position:relative;
		width:75px;
		height:40px;
		border:1px solid #92278f;
		background-color:#fff;
		text-align:center;
		transition:background-color ease-in-out 0.2s;
		float:left;
		margin:0px 2px 0px 0px;
		line-height: 40px;
		color: #bf1e2e;
		font-size: 12px;
	}
	.dilButon:hover{
		text-decoration:none;
		background-color:#92278f;
		color:#fff;
	}
	.emperoLogo{
		position:absolute;
		width:80px;
		height:40px;
		top:15px;
		right:0px;
	}
	.menuAlan{
		position:relative;
		width:635px;
		height:max-content;
		top:5px;
		left:440px;
		z-index: 999;
	}
	.middle-content-02{
		position:relative;
		width:100%;
		height:max-content;
		top:0px;
		left:0px;
		z-index:-5;
	}
	.middle-content-03{
		position:relative;
		width:100%;
		height:max-content;
		top:0px;
		left:0px;
		display:table;
	}
	.middle-content-03-inline{
		position:relative;
		width:1100px;
		height:max-content;
		margin:0 auto;
		top:0;
	}
	.content-baslik{
		position:relative;
		width:300px;
		margin:0 auto;
		height:50px;
		line-height:50px;
		text-align:center;
		font-size:24px;
		color:#92278f;
		font-weight:bold;
		display:table;
	}
	.content-aciklama{
		position:relative;
		width:100%;
		left:0px;
		top:0px;
		text-align:center;
		font-size:14px;
		color:#333;
		display:table;
	}
	.urunAnaAlan{
		position:relative;
		width:100%;
		height:max-content;
		top:50px;
		left:0px;
		display:table;
		padding-bottom:25px;
	}
	.urunBox{
		position:relative;
		width:24%;
		height:205px;
		margin:0px 1px 50px 0px;
		float:left;
		border:1px solid #DCDCDC;
		background-color:#fff;
	}
	.urunBox-Img{
		position:relative;
		width:96%;
		height:96%;
		margin:0 auto;
		padding-top:5px;
		clip-path:border-box;
	}
	.urunBox-Img img{
		filter:grayscale(0%);
		transition:grayscale ease-in-out .10s;
	}
	.urunBox-Img:hover{
		filter:grayscale(75%);
	}
	.urunBox-Name{
		position:relative;
		width:24%;
		min-height:40px;
		height:max-content;
		text-align:center;
		color:#333;
		float:left;
		margin:225px 1px 0px -24%;
	}
	.middle-content-04{
		position:relative;
		width:100%;
		height:200px;
		top:50px;
		left:0px;
		background-image:url("../images/altImage.jpg");
		background-repeat:no-repeat;
		background-size:cover;
	}
	.middle-content-04-inline{
		position:relative;
		width:1100px;
		height:200px;
		top:40px;
		margin:0 auto;
	}
	.sloganBaslik{
		position:relative;
		width:50%;
		height:max-content;
		left:0px;
		top:30px;
		font-size:26px;
		font-weight:bold;
		color:#92278f;
	}
	.sloganAciklama{
		position:relative;
		width:40%;
		height:max-content;
		left:0px;
		top:30px;
		font-size:14px;
		color:#92278f;
	}
	.middle-content-05{
		position:relative;
		width:100%;
		height:max-content;
		top:50px;
		left:0px;
		padding-bottom:50px;
	}
	.middle-content-05-inline{
		position:relative;
		width:1100px;
		height:max-content;
		margin:0 auto;
		top:0px;
	}
	.tumuButon{
		position:relative;
		top:10px;
		margin:0 auto;
		width:max-content;
		height:50px;
		background-color:#92278f;
		padding-left:50px;
		padding-right:50px;
		text-align:center;
		line-height:50px;
		color:#fff;
		transition:background-color ease .3s;
		display:table;
	}
	.tumuButon:hover{
		background-color:#000;
	}
	.middle-content-06{
		position:relative;
		width:100%;
		height:max-content;
		top:50px;
		left:0px;
		display:table;
		padding-bottom:50px;
	}
	.middle-content-06-inline{
		position:relative;
		width:1100px;
		height:max-content;
		top:0px;
		margin:0 auto;
	}
	.box{
		position:relative;
		width:24%;
		height:max-content;
		margin:0px 1px 1px 0px;
		float:left;
		border:1px solid #ccc;
	}
	.boxImage{
		position:relative;
		width:96%;
		height:max-content;
		margin:0 auto;
		padding-top:5px;
		padding-bottom:5px;
		filter:grayscale(100%);
		transition:grayscale ease .10s;
	}
	.boxImage:hover{
		filter:grayscale(0%);
	}
	.boxName{
		position:absolute;
		width:100%;
		height:40px;
		bottom:10px;
		text-align:center;
		color:#fff;
		font-size:14px;
		z-index:1;
	}
	.middle-content-07{
		position:relative;
		width:100%;
		height:max-content;
		top:50px;
		left:0px;
		display:table;
		padding-bottom:50px;
	}
	.middle-content-07-inline{
		position:relative;
		width:1100px;
		height:max-content;
		top:0px;
		margin:0 auto;
	}
	.galeriAlan{
		position:relative;
		width:1100px;
		top:20px;
		height:300px;
		margin:0 auto;
		display:table;
	}
	.middle-content-08{
		position:relative;
		width:100%;
		height:200px;
		background-image:url("../images/altImage2.jpg");
		background-repeat:no-repeat;
		background-size:cover;
		top:50px;
		left:0px;
		display:table;
	}
	.middle-content-08-inline{
		position:relative;
		width:1100px;
		height:200px;
		margin:0 auto;
		top:0px;
	}
	.slogan2{
		position:absolute;
		width:400px;
		right:0px;
		top:65px;
		color:#92278f;
		font-size:36px;
		text-align:right;
	}
	.middle-content-09{
		position:relative;
		width:100%;
		height:max-content;
		top:75px;
		left:0px;
		display:table;
	}
	.middle-content-09-inline{
		position:relative;
		width:1100px;
		height:max-content;
		margin:0 auto;
		top:0px;
	}
	.fuarBox{
		position:relative;
		width:49%;
		margin:0px 1px 0px 0px;
		float:left;
		height:225px;
		border:1px solid #ccc;
	}
	.fuarBoxIsim{
		position:relative;
		float:left;
		width:49%;
		height:40px;
		text-align:left;
		margin:240px 1px 0px -49%;
		color:#000;
	}
	.middle-content-10{
		position:relative;
		top:100px;
		left:0px;
		height:max-content;
		width:100%;
		background-color:#232323;
		display:table;
		padding-bottom:50px;
	}
	.middle-content-10-inline{
		position:relative;
		width:1100px;
		margin:0 auto;
		top:0px;
		height:400px;
		color:#fff;
	}
	.footerLogo{
		position:relative;
		width:200px;
		height:95px;
		top:15px;
		left:0px;
	}
	.footerMenu{
		position:absolute;
		width:150px;
		height:max-content;
		top:15px;
		left:250px;
	}
	.footerMenuButon{
		position:relative;
		width:90%;
		height:max-content;
		min-height:40px;
		line-height:40px;
		float:left;
		margin:0px 1px 1px 0px;
		background-color:#232323;
		color:#fff;
		padding-left:10%;
	}
	.footerMenuButon:hover{
		background-color:#92278f;
	}
	.menu-baslik{
		position:relative;
		width:150px;
		height:40px;
		line-height:40px;
		text-align:left;
		top:0px;
		left:0px;
		text-transform:uppercase;
	}
	.menu-line{
		position:relative;
		width:100px;
		height:2px;
		background-color:#92278f;
		top:0px;
		left:0px;
	}
	.footerUrunler{
		position:absolute;
		width:200px;
		height:max-content;
		top:15px;
		left:450px;
	}
	.footerIletisim{
		position:absolute;
		width:250px;
		height:max-content;
		top:15px;
		left:750px;
	}
	.footerIletisimAlan{
		position:relative;
		width:100%;
		height:max-content;
		top:10px;
		left:0px;
	}
	.footerFormAlan{
		position:relative;
		width:100%;
		height:max-content;
		top:25px;
		left:0px;
	}
	.footerSocial{
		position:absolute;
		width:200px;
		height:25px;
		left:0px;
		top:250px;
	}
	.middle-content-11{
		position:relative;
		width:100%;
		height:50px;
		left:0px;
		top:100px;
		background-color:#191919;
		color:#fff;
	}
	.middle-content-11-inline{
		position:relative;
		width:1100px;
		height:50px;
		line-height:50px;
		margin:0 auto;
	}
	.copyright{
		position:absolute;
		width:max-content;
		height:50px;
		line-height:50px;
		top:0px;
		left:0px;
	}
	.designport{
		position:absolute;
		width:max-content;
		height:50px;
		line-height:50px;
		top:0px;
		right:0px;
	}
	.kurumsalButonlar{
		position:relative;
		width:max-content;
		height:max-content;
		margin:0 auto;
		top:0px;
	}
	.kurumsalButon{
		position:relative;
		float:left;
		margin:0px 2px 0px 0px;
		width:max-content;
		padding-left:10px;
		padding-right:10px;
		text-align:center;
		height:40px;
		line-height:40px;
		background-color:#92278f;
		color:#fff;
		text-transform:uppercase;
		transition:background-color ease .2s;
	}
	.kurumsalButon:hover{
		background-color:#000;
	}
	.katalogBox{
		position:relative;
		width:24%;
		height:max-content;
		float:left;
		margin:0px 1px 25px 0px;
		border:1px solid #ccc;
	}
	.katalogBox-Img{
		position:relative;
		width:96%;
		height:max-content;
		padding:5px;
		margin:0 auto;
	}
	.katalogBox-Name{
		position:relative;
		width:24%;
		height:40px;
		line-height:40px;
		text-align:center;
		float:left;
		margin:100px 1px 0px -24%;
	}
	.urunDetayBaslik{
		position:relative;
		width:95%;
		height:40px;
		line-height:40px;
		background-color:#606060;
		color:#fff;
		padding-left:5%;
		display:table;
		font-size:14px;
	}
	.baslikLine{
		position:absolute;
		width:95%;
		top:-40px;
		left:0px;
		height:40px;
		line-height:40px;
		background-color:#ccc;
		color:#000;
		text-align:left;
		padding-left:5%;
		font-size:14px;
		font-weight:bold;
	}
	.baslikLine a:link{
		text-decoration:none;
		color:#000;
	}
	.baslikLine a:hover{
		text-decortaion:none;
		color:#92278f;
	}
	.baslikLine2{
		position:absolute;
		width:100%;
		top:-45px;
		left:0px;
		height:40px;
		line-height:40px;
		background-color:#ccc;
		color:#000;
		text-align:left;
		padding-left:25px;
		font-size:14px;
		font-weight:bold;
	}
	.baslikLine2 a:link{
		text-decoration:none;
		color:#000;
	}
	.baslikLine2 a:hover{
		text-decortaion:none;
		color:#92278f;
	}
	.backButon{
		position:absolute;
		width:150px;
		top:-0px;
		right:0px;
		background-color:#000;
		color:#fff;
		height:40px;
		line-height:40px;
		text-align:center;
	}
	.backButon:hover{
		background-color:#92278f;
	}
	.backButon2{
		position:absolute;
		width:150px;
		top:-45px;
		right:0px;
		background-color:#000;
		color:#fff;
		height:40px;
		line-height:40px;
		text-align:center;
	}
	.backButon2:hover{
		background-color:#92278f;
	}
	.urunDetayResim{
		position:relative;
		width:33%;
		height:350px;
		top:10px;
		left:0px;
		border:1px solid #ccc;
	}
	.urunDetayOzellik{
		position:relative;
		width:66%;
		height:max-content;
		top:-342px;
		left:34%;
		border:1px solid #ccc;
		display:table;
	}
	.sepetAlan{
		position:relative;
		width:99%;
		height:50px;
		line-height:50px;
		padding-left:1%;
		top:0px;
		left:0px;
		border:1px solid #ccc;
		background-color:#92278f;
		color:#fff;
	}
	.talepListeButon{
		position:relative;
		width:150px;
		height:40px;
		line-height:40px;
		text-align:center;
		background-color:#333;
		color:#fff;
		top:0px;
		left:155px;
	}
	.talepForm{
		position:relative;
		width:100%;
		height:max-content;
		display:table;
		color:#000;
		top:20px;
		padding-bottom:50px;
	}
	.talepFormBaslik{
		position:relative;
		width:100%;
		height:40px;
		line-height:40px;
		background-color:#92278f;
		color:#fff;
		text-align:center;
		text-transform:uppercase;
		top:10px;
	}
	.formEkleButon{
		position:relative;
		width:150px;
		height:50px;
		top:1px;
		left:-5px;
	}
	.urunArama-Name{
		position:relative;
		width:24%;
		height:40px;
		line-height:40px;
		text-align:center;
		margin:0px 1px 1px 0px;
		border:solid 1px #ccc;
	}
}