content{
	margin-top:100px
}



.hizmet{
	width:23%;
	float:left;
	margin:1%;
	background-color:rgba(245,245,245,1);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
}

.hizmet .resim{
	width:100%;
	float:left;
	height:210px;
	overflow:hidden;
}

.hizmet .resim img{
	width:100%;
	float:left;
	top:50%;
	transform:translateY(-50%);
	position:relative;
}

.hizmet h2{
	width:100%;
	float:left;
	height:50px;
	line-height:50px;
	text-align:center;
	color:#3d3d3d;
	text-transform:capitalize;
	border-bottom:1px solid #3d3d3d;
}

.hizmet p{
	width:100%;
	float:left;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#3d3d3d;
	text-transform:capitalize;
}
















@media screen and (max-width: 2560px), screen and (max-device-width: 2560px) {

.hizmet .resim{
	width:100%;
	float:left;
	height:240px;
	overflow:hidden;
}
	

.plato{
	position:relative;
	float:left;
	margin:25px 1%;
	height:460px;
	-webkit-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
  transition:         all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
}


.plato .resim{
	width:100%;
	height:420px;
	float:left;
	overflow:hidden;
}

.resim_p{
	width:100%;
	height:420px;
	float:left;
	z-index:100;
	overflow:hidden;
	-webkit-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
	transition:         all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
}


.plato h2{
	width:100%;
	float:left;
	height:40px;
	line-height:40px;
	position:relative;
	text-align:center;
	margin-top:-40px;
	bottom:0;
	text-transform:capitalize;
	z-index:10;
	color:#3d3d3d;
	font-family:antonioregular;
	-webkit-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
  transition:         all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);  
}

.plato .resim img{
	position:relative;
	top: 50%;
	transform: translateY(-50%);
	z-index:100;
}

.plato p{
	width:23%;
	float:left;
	margin:0 1%;
	text-align:center;
	
	height:40px;
	line-height:40px;
}

.plato .bilgi{
	width:100%;
	float:left;
	height:40px;
	line-height:40px;
	position:relative;
	text-align:center;
	margin-top:-40px;
	bottom:0;
	text-transform:capitalize;
	z-index:10;
	color:#3d3d3d;
	font-family:antonioregular;
	-webkit-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
  transition:         all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
}


.plato:hover .resim_p{
	position:relative;
	margin-top:-50px;
	z-index:100;
	-webkit-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
  transition:         all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
	
.plato:hover .bilgi{
	width:100%;
	float:left;
	height:40px;
	line-height:40px;
	position:relative;
	text-align:center;
	margin-top:0px;
	z-index:10;
	-webkit-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
  transition:         all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
}

.plato:hover h2{
	width:100%;
	float:left;
	height:50px;
	line-height:50px;
	position:relative;
	text-align:center;
	margin-top:0px;
	z-index:10;
	-webkit-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
  transition:         all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
}

.plato:hover{
	margin-top:-40px;
	-webkit-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
  transition:         all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
  
 box-shadow: 0 -24px 8px -15px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

	
}



@media screen and (max-width: 1680px), screen and (max-device-width: 1680px) {

.hizmet .resim{
	width:100%;
	float:left;
	height:210px;
	overflow:hidden;
}
	

.plato{
	position:relative;
	float:left;
	margin:25px 1%;
	height:400px;
	-webkit-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
  transition:         all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
}


.plato .resim{
	width:100%;
	height:360px;
	float:left;
	overflow:hidden;
}

.resim_p{
	width:100%;
	height:360px;
	float:left;
	z-index:100;
	overflow:hidden;
	-webkit-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
	transition:         all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
}

	
}



@media screen and (max-width: 1440px), screen and (max-device-width: 1440px) {
.hizmet .resim{
	width:100%;
	float:left;
	height:180px;
	overflow:hidden;
}
	

.plato{
	position:relative;
	float:left;
	margin:25px 1%;
	height:349px;
	-webkit-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
  transition:         all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
}


.plato .resim{
	width:100%;
	height:309px;
	float:left;
	overflow:hidden;
}

.resim_p{
	width:100%;
	height:309px;
	float:left;
	z-index:100;
	overflow:hidden;
	-webkit-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
	transition:         all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
}

	
	
}




@media screen and (max-width: 1366px), screen and (max-device-width: 1366px) {


.hizmet{
	width:31%;
	float:left;
	margin:1%;
	background-color:rgba(245,245,245,1);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
}

.hizmet .resim{
	width:100%;
	float:left;
	height:229px;
	overflow:hidden;
}
	

.plato{
	position:relative;
	float:left;
	margin:25px 1%;
	height:333px;
	-webkit-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
  transition:         all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
}


.plato .resim{
	width:100%;
	height:293px;
	float:left;
	overflow:hidden;
}

.resim_p{
	width:100%;
	height:293px;
	float:left;
	z-index:100;
	overflow:hidden;
	-webkit-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
	transition:         all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
}

	
	
}


@media screen and (max-width: 1280px), screen and (max-device-width: 1280px) {
.hizmet .resim{
	width:100%;
	float:left;
	height:215px;
	overflow:hidden;
}
	

.plato{
	position:relative;
	float:left;
	margin:25px 1%;
	height:314px;
	-webkit-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
  transition:         all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
}


.plato .resim{
	width:100%;
	height:274px;
	float:left;
	overflow:hidden;
}

.resim_p{
	width:100%;
	height:274px;
	float:left;
	z-index:100;
	overflow:hidden;
	-webkit-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
	transition:         all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
}

	
	
}


@media screen and (max-width: 1152px), screen and (max-device-width: 1152px) {
.hizmet .resim{
	width:100%;
	float:left;
	height:194px;
	overflow:hidden;
}
	

.plato{
	position:relative;
	float:left;
	margin:25px 1%;
	height:287px;
	-webkit-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
  transition:         all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
}


.plato .resim{
	width:100%;
	height:247px;
	float:left;
	overflow:hidden;
}

.resim_p{
	width:100%;
	height:247px;
	float:left;
	z-index:100;
	overflow:hidden;
	-webkit-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
	transition:         all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
}

	
	
}



@media screen and (max-width: 1024px), screen and (max-device-width: 1024px) {
.hizmet .resim{
	width:100%;
	float:left;
	height:172px;
	overflow:hidden;
}
	

.plato{
	position:relative;
	float:left;
	margin:25px 1%;
	height:259px;
	-webkit-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
  transition:         all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
}


.plato .resim{
	width:100%;
	height:219px;
	float:left;
	overflow:hidden;
}

.resim_p{
	width:100%;
	height:219px;
	float:left;
	z-index:100;
	overflow:hidden;
	-webkit-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
	transition:         all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
}

	
	
}


@media screen and (max-width: 900px), screen and (max-device-width: 900px) {
.hizmet .resim{
	width:100%;
	float:left;
	height:151px;
	overflow:hidden;
}
	

.plato{
	position:relative;
	float:left;
	margin:25px 1%;
	height:233px;
	-webkit-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
  transition:         all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
}


.plato .resim{
	width:100%;
	height:193px;
	float:left;
	overflow:hidden;
}

.resim_p{
	width:100%;
	height:193px;
	float:left;
	z-index:100;
	overflow:hidden;
	-webkit-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
	transition:         all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
}

	
	
}


@media screen and (max-width: 800px), screen and (max-device-width: 800px) {
.hizmet .resim{
	width:100%;
	float:left;
	height:134px;
	overflow:hidden;
}
	

.plato{
	position:relative;
	float:left;
	margin:25px 1%;
	height:211px;
	-webkit-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
  transition:         all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
}


.plato .resim{
	width:100%;
	height:171px;
	float:left;
	overflow:hidden;
}

.resim_p{
	width:100%;
	height:171px;
	float:left;
	z-index:100;
	overflow:hidden;
	-webkit-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
	transition:         all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
}

	
	
}


@media screen and (max-width: 736px), screen and (max-device-width: 736px) {
.hizmet .resim{
	width:100%;
	float:left;
	height:123px;
	overflow:hidden;
}
	

.plato{
	position:relative;
	float:left;
	margin:25px 1%;
	height:198px;
	-webkit-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
  transition:         all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
}


.plato .resim{
	width:100%;
	height:158px;
	float:left;
	overflow:hidden;
}

.resim_p{
	width:100%;
	height:158px;
	float:left;
	z-index:100;
	overflow:hidden;
	-webkit-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
	transition:         all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
}

	
	
}


@media screen and (max-width: 600px), screen and (max-device-width: 600px) {

.hizmet{
	width:48%;
	float:left;
	margin:1%;
	background-color:rgba(245,245,245,1);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
}

.hizmet .resim{
	width:100%;
	float:left;
	height:156px;
	overflow:hidden;
}
	
	
	

.plato{
	position:relative;
	float:left;
	margin:25px 1%;
	height:169px;
	-webkit-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
  transition:         all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
}


.plato .resim{
	width:100%;
	height:129px;
	float:left;
	overflow:hidden;
}

.resim_p{
	width:100%;
	height:129px;
	float:left;
	z-index:100;
	overflow:hidden;
	-webkit-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
	transition:         all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
}


.plato .bilgi{
	display:none;
}	
	
}


@media screen and (max-width: 480px), screen and (max-device-width: 480px) {

.hizmet .resim{
	width:100%;
	float:left;
	height:125px;
	overflow:hidden;
}
		

.plato{
	position:relative;
	float:left;
	margin:25px 1%;
	height:190px;
	-webkit-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
  transition:         all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
}


.plato .resim{
	width:100%;
	height:150px;
	float:left;
	overflow:hidden;
}

.resim_p{
	width:100%;
	height:150px;
	float:left;
	z-index:100;
	overflow:hidden;
	-webkit-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
	transition:         all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
}

	
	
}

@media screen and (max-width: 380px), screen and (max-device-width: 380px) {
.hizmet{
	width:98%;
	float:left;
	margin:2% 1%;
	background-color:rgba(245,245,245,1);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
}

.hizmet .resim{
	width:100%;
	float:left;
	height:202px;
	overflow:hidden;
}
		

.plato{
	position:relative;
	float:left;
	margin:25px 1%;
	height:180px;
	-webkit-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
  transition:         all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
}


.plato .resim{
	width:100%;
	height:140px;
	float:left;
	overflow:hidden;
}

.resim_p{
	width:100%;
	height:140px;
	float:left;
	z-index:100;
	overflow:hidden;
	-webkit-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
	transition:         all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
}

	
	
}