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

.bant { display:none; }

.ortala { width: 96% !important; height:auto; margin: 0px auto 0px; }
.ortala1 { width: 96% !important; height:auto; margin: 0px auto 0px; }
.ortala2 { width: 96% !important; height:auto; margin: 0px auto 0px; }
.ortala3 { width: 96% !important; height:auto; margin: 0px auto 0px; }
.headerortala { width: 96% !important; height:auto; margin: 0px auto 0px; }
.ustortala { width: 96% !important; height:auto; margin: 0px auto 0px; }
.mansetic { width: 96% !important; height:auto; margin: 0px auto 0px; }

.header { height: auto; margin: 0px 0px 0px 0px; padding: 20px 0px 20px 0px; }

.tsolbar { width: 100%; height: auto; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; }
.tsagbar { width: 100%; height: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

.solbar { width: 100%; height: auto; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; }
.sagbar { width: 100%; height: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

.sol { width: 100%; height: auto; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; }
.orta { width: 100%; height: auto; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; }
.sag { width: 100%; height: auto; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; }

.sol a {
	width: 31.3%;
	margin: 0px 1% 0px 1%;
	}

.orta a {
	width: 98%;
	margin: 0px 1% 0px 1%;
	}

.sag a {
	width: 31.3%;
	margin: 0px 1% 0px 1%;
	}

.logo { width: 100px; height: 110px; margin: 0px 0px 0px 0px; }
.logo a { height: 110px; }
.logo img { width: 100%; height: 110px; }

.logosag { display:none; }

.menum { display:block !important; float:left; width: calc(100% - 100px); height: 110px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; }
.menum a { float: right; width: auto; height: 40px; overflow:hidden; margin: 30px 0px 0px 10px; padding: 10px 10px 10px 10px; border: 0px; border-radius:10px; background: rgb(251,197,101); background: linear-gradient(176deg, rgba(251,197,101,1) 50%, rgba(214,167,87,1) 100%);-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.menum a i { float:left; width: auto; height: 40px; overflow:hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; font-size: 22px; color:#0d0d0d; text-decoration:none; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.manset { width: 100%; height: auto; margin: 0px 0px 0px 0px; padding: 60px 0px 40px 0px; background:url(i/icmanset.jpg) no-repeat center top; }
.manset img { display:none; }
.mansetic p { text-align:center; width: 100%; margin: 0px 0px 3px 0px; line-height:1.4; font-size:20px; text-shadow: 1px 1px #000; }
.mansetic p.ikinci { text-align:center; width: 100%; margin: 0px 0px 10px 0px; line-height:1.6; font-size:22px; text-shadow: 1px 1px #000; }
.mansetic p.ucuncu { text-align:center; width: 100%; margin: 0px 0px 0px 0px; line-height:1.6; font-size:14px; text-shadow: 1px 1px #000; }

.icmanset { margin: -30px 0px 0px 0px; }
	
.nbaslik p { width: 100%; font-size:22px; text-align:center; }
.nbaslik span { width: 100%; font-size:16px; text-align:center; }
.nbaslik a { float: left; width: 100%; margin: 20px 0px 0px 0px; padding: 10px 15px 10px 15px; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.obaslik p { width: 100%; font-size:22px; text-align:center; }
.obaslik span { width: 100%; font-size:16px; text-align:center; }

.karsilama { width: 100%; margin: 30px 0px 30px 0px; }
.karsilama img { float:left !important; width: 100% !important; height: auto; overflow:hidden; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; }
.karsilama p { width: 100% !important; margin: 20px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; font-size:16px; }
.karsilama p b { font-size:24px; }
.karsilama p span { font-size:16px; }

.neler { margin: 0px 0px 70px 0px; padding: 35px 0px 0px 0px; }
.tekli { width: 48%; margin: 0px 1% 30px 1%; text-align:center; }
.tekli i { float: none; width: 60px; height: auto; margin: 0px auto 10px;	}
.tekli p { width:100%; font-size:15px; text-align:center; }
.tekli span { width:100%; font-size:13px; text-align:center; }

.kampanyasol { width: 100%; margin: 0px 0px 0px 0px; }	
.kampanyasag { width: 100%; margin: 0px 0px 0px 0px; }	
.kampanyaalt { width: 100%; margin: 0px 0px 0px 0px; }	
.kampanya { width: 100%; height: 300px; margin: 0px 0px 20px 0px; }		
.kampanyat { width: 100%; height: 300px; }
.kampanyat:last-child { width: 100%; height: 300px; }	

.tamsayfa img { width: 100%; height: auto; margin: 0px 0px 0px 0px; }
.tamsayfak { width: 100%; height: auto; }
.tamsayfak p { margin: 0px 0px 20px 0px; }

.dbaslik h1 { font-size:22px; }

.gallery .gallery-item { width: 31.3%; height: auto; margin: 14px 1% 14px 1%; }
.gallery img { width: 100%; height: auto; }

.liste2bar { float:left; width: 100%; margin: 0px 0px 30px 0px; padding: 0px 0px 30px 0px; }
.l2barbos { margin: 0px 0px 0px 0px; }
.liste2bar a { height: auto; }
.liste2bar img { height: auto; }

.kapla { padding: 30px 20px 20px 20px; }

.footer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 40px 20px 40px 20px; }

.fkutu { width: 100%; margin: 0px 0px 30px 0px; }
.fksag1 { width: 100%; margin: 0px 0px 30px 0px; }
.fksag2 { width: 100%; margin: 0px 0px 0px 0px; }

.bosver { display:block !important; float:left; width:100%; height:50px; overflow:hidden; margin:0px; }
.altsabit { display:block !important; z-index:9999999; position: fixed; bottom:0px; width:100%; height:50px; }
.altsabit a { float:left; width: 50%; height: 50px; text-align:center; font-size:18px; padding: 10px 0px 0px 0px; }

} 


@media only screen and (min-width: 630px) and (max-width: 800px) { 

}


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

}


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

.gallery .gallery-item { width: 90% !important; height: auto; margin: 14px 5% 14px 5% !important; }
.gallery img { width: 100%; height: auto; }

}


#menuac { width: 100%; background:#0d0d0d; display:none; z-index:9999 !important; float: left; height: 100%; overflow-y: auto; overflow-x: hidden; margin: 0px; padding: 30px; border: 0px; position : fixed; _position : absolute; top : 0px; _top : expression(eval(document.body.scrollTop)); left:0px; -webkit-box-sizing: border-box;	-moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.kapat { float:right; width: auto; height: auto; overflow:hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; }
.kapat a { float:left; width: 100%; height: auto; overflow:hidden; margin: 30px 0px 0px 0px; padding: 10px 40px 10px 0px; border: 0px; text-align: center; font-size:35px; font-weight:600; text-decoration:none; color:#FFFFFF; }

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-shadow:0px 0px !important;
}
#cssmenu {
  width: 100%;
  color: #ffffff;
}
#cssmenu ul ul {
  display: none;
}
.align-right {
  float: right;
}
#cssmenu > ul > li > a {
  text-shadow:0px 0px !important;
  padding: 22px 0px 22px 0px;
  border:0px;
  cursor: pointer;
  z-index: 2;
  font-size: 20px;
  font-weight:600;
  text-decoration: none;
  color: #ffffff;
}

#cssmenu ul li i {
	width:25px;
	margin: 0px 10px 0px 0px;
	padding: 2px 0px 0px 0px;
	text-decoration: none;
	font-size: 20px;
}

#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a,
#cssmenu > ul > li.open > a {
  color: #eeeeee;
}
#cssmenu > ul > li.open > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15);
  border:0px;
}
#cssmenu > ul > li:last-child > a,
#cssmenu > ul > li.last > a {
  border:0px;
}

#cssmenu ul ul li i { display:none; }

.holder {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
}
.holder::after,
.holder::before {
  display: block;
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  right: 20px;
  z-index: 10;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.holder::after {
  top: 17px;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
}
#cssmenu > ul > li > a:hover > span::after,
#cssmenu > ul > li.active > a > span::after,
#cssmenu > ul > li.open > a > span::after {
  border-color: #eeeeee;
}
.holder::before {
  top: 18px;
  border-top: 2px solid;
  border-left: 2px solid;
  border-top-color: inherit;
  border-left-color: inherit;
}
#cssmenu ul ul li a {
  cursor: pointer;
  border-bottom: 1px solid #32373e;
  padding: 15px 15px 15px 35px;
  z-index: 1;
  text-decoration: none;
  font-size: 14px;
  color: #eeeeee;
  background: #49505a;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.open > a,
#cssmenu ul ul li.active > a {
  background: #424852;
  color: #ffffff;
}
#cssmenu ul ul li:first-child > a {
  box-shadow: none;
}
#cssmenu ul ul ul li:first-child > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#cssmenu ul ul ul li a {
  padding-left: 60px;
}
#cssmenu > ul > li > ul > li:last-child > a,
#cssmenu > ul > li > ul > li.last > a {
  border-bottom: 0;
}
#cssmenu > ul > li > ul > li.open:last-child > a,
#cssmenu > ul > li > ul > li.last.open > a {
  border-bottom: 1px solid #32373e;
}
#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
  border-bottom: 0;
}
#cssmenu ul ul li.has-sub > a::after {
  display: block;
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  right: 20px;
  z-index: 10;
  top: 11.5px;
  border-top: 2px solid #eeeeee;
  border-left: 2px solid #eeeeee;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#cssmenu ul ul li.active > a::after,
#cssmenu ul ul li.open > a::after,
#cssmenu ul ul li > a:hover::after {
  border-color: #ffffff;
}

#cssmenu > ul > li > a { background: none; border-bottom: 1px solid #242424 !important; }
#cssmenu > ul > li > a:hover, #cssmenu > ul > li.active > a, #cssmenu > ul > li.open > a { background: none; }
#cssmenu ul ul li a { background: none; border-bottom: 1px solid #242424 !important; }
#cssmenu ul ul li.open > a, #cssmenu ul ul li.active > a { background: none; }

#cssmenu ul li i { color: #FFFFFF; }
#cssmenu > ul > li > a { color: #FFFFFF; }
#cssmenu > ul > li > a:hover, #cssmenu > ul > li.active > a, #cssmenu > ul > li.open > a { color: #FFFFFF; }
#cssmenu ul ul li a { color: #FFFFFF; }
#cssmenu ul ul li.open > a, #cssmenu ul ul li.active > a { color: #FFFFFF; }