a {	
	color:#000;
	text-decoration: none;
	
}
* {
    box-sizing: border-box;
}
@font-face {
    font-family: 'nunito-semi';
    src: url('../font/nunito-semi.ttf') format('truetype');     
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nunito-bold';
    src: url('../font/nunito-bold.ttf') format('truetype');     
    font-weight: bold;
    font-style: bold;
}


body {	
	font-family:'Maven Pro', sans-serif;
	font-size: 14px;	
	line-height: 2em;	
	height:100%;
	width:100%;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	background-color:#f5f5f5;
	overflow-x:hidden;
	padding:0;
	margin:0;
	}
	


.table{display:table;}
.row{display:table-row;}
.cell{display:table-cell;vertical-align:middle;}

h1 {
	font-size:1.1em;
}
h2 {
	font-size:2em;
	}
h3 {	
	font-size: 3em;	

	}
h4 {
	font-size: 4em;
	font-family:Calibri;
	letter-spacing:2px;
	line-height:2em;
	}
h5{
	font-size: 5em;
	font-family:Calibri;
	letter-spacing:2px;
}
table {
	
	}

textarea {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1em
	}
ul {	
	
	font-size: 1em;	
	list-style-type:square;	
	list-style-position: outside
	}

a:hover {	
	text-decoration: none;
	}
	
#rmenul, #rmenulana{
padding:2%;
background-color:#60646D;
color:#fff;
font-weight:800;
font-size:1em;
text-align:center;
}
#rmkapat{
text-align:right;
}
#rmkapati{
font-size:2em;
padding: 1% 5% 1% 1%;
cursor:pointer;

}
#rmkapati:hover{
color:#cf000f;
transform:scale(1.1);}
#rmenul:hover, #rmenulana:hover{cursor:pointer;}

.width95{margin:0 auto;}

@media screen and (max-width:500px){
#logoC, #aramaC, #topmenu{width:100%;}
#logo{margin:0 auto; display:block; width:60%;}
#oynakS{top:30%;}
#oynaks-li,#ksbutonc{width:250px;}
#ksbutonc > a{position:relative;left:0;right:0;}
#topC{position:relative;}
#solC{
width:100%;

position: relative;
float: left;
}
.bannerBg{display:none;}
#solmenuC{width:100%;}
.menu{
position: relative;
float: left;

margin:0;}

.urunfoto{width:100%;}
#urundtyozet{width:100%;}
ul#aramaSonuclari{width:80%;top: 110px;left: 10%;}
a.tamamlakat{display:none;}
#rmenul{display:block;z-index:1000;}
#topnavC{}

#giris{font-size:0.8em;}
.loginekran{width:90%;}
.loginekranuye{width:90%;}
.inputuye{width:90%;}
#slogan,#altmenuC{display:none;}
.overlay{display:none;}
#ortaC{width:100%; margin:0 auto; }
.icerikana{padding:1%; margin-top:50%;}
#kurumsal-menu > div{width:100%; border:none;}
.grupsirket,#iletisimform,#hosg,#mpc,.vitrin{width:100%;}
#mpc{width:100%;}
.panels > ul{margin:0;}
.hizlim{font-size:1em;}
.hizlimb{font-size:1.7em;}
i.bi{font-size:5em;}
.btnlr{display:none;}

#slericerik{left:-50%;}
.eks-ic a div,.eks-baslik div{height:6rem;padding:5px;font-size:0.8em}
.galeriBuyukKutu img{height:auto!important; width:100%;}
.galeriBuyukKutu{height:auto!important;}
#slerC{display:none;}

#yanmenuC{display:none;}
#sagC{width:100%;}
}
@media screen and (max-width:400px){



}

@media screen and (max-width:600px){

#bgvid {display:none;}
body{font-size:11px;}
div[class^="sutun12-"],div[class*=' sutun12-']{
width:100%;float:left;}
div[class^="sutun10-"],div[class*=' sutun10-']{
width:100%;}
.uzunkutu{width:100%;}
.footeric{border:none;}
#giris{text-align:center;}
#dilC{display:flex;}
#logo {float:none;}
.urunhucre:hover{
transform: scale(1.1);
}
.urunhucre{width:90%;margin:0 auto;}
#kayanc{height:300px;}
}
@media screen and (min-width:600px){
#slerC,#giris{font-size:0.8em;}

.urunfoto{width:400px;}
#urundtyozet{width:400px;} 
#slider{height:180px!important;}
#rmenul{display:none;}


#hosg{width:70%;}
}
@media screen and (min-width:800px){
.urunfoto{width:50%;}
#urundtyozet{width:45%;} 
#slider{height:180px!important;}
#rmenul,#rmenulana{display:none;}

#slerC,#giris{font-size:1em;}



}
@media screen and (min-width:1200px){
#slerC,#giris{font-size:1.1em;}
#navC{
display:flex;
align-items:center;
}
.icerik-satir{

}


}
@media screen and (min-width:1400px){

#arama{height:50px;
padding:10px;}
#oynaks-li{width:350px;}
#ksbutonc{width:350px;}
#slericerik{width:300px;}

#rmenul,#rmenulana{display:none;}
#slerC,#giris{font-size:1.1em;}

}

@media screen and (min-width:1800px){
#topnavC{font-size:1em;}
#aramac{height:60px}
#arama{height:50px;
padding:10px;}
body{font-size:16px;}
#rmenul,#rmenulana{display:none;}
#oynaks-li,#ksbutonc{width:500px;max-height:400px;}
.urunhucre{min-height:350px;}
.urun-isim{font-size:1em;}
}

