
.paket_orta{
	width:calc(20% - 20px);
	float:left;
	position:relative;
	z-index:50;
	cursor:pointer;
	-webkit-transition: all 300ms ;
	transition:         all 300ms ;
	margin:10px;
}

.paket_orta:hover{
	transform:scale(1.05);
	webkit-transform:scale(1.05);
    -ms-transform:scale(1.05);
	-webkit-transition: all 300ms ;
	transition:         all 300ms ;
}

.paket .paket_top{
	width:100%;
	height:150px;
	float:left;
	position:relative;
	background-color:#0093dd;
	z-index:20;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 10px 0 rgba(0, 0, 0, 0.39);
}

.paket .paket_top .paket_isim{
	width:calc(100% - 30px);
	line-height:30px;
	float:left;
	position:absolute;
	font-family:doppio_oneregular;
	font-size:26px;
	text-align:center;
	top:calc(50% - 15px);
	transform:translateY(-50%);
	margin:0px 15px;
	color:#fff;
	text-transform:capitalize;
}

.paket .paket_fiyat{
	width:calc(100% - 40px);
	height:70px;
	line-height:70px;
	text-align:center;
	font-size:33px;
	float:left;
	position:absolute;
	background-color:#3d3d3d;
	top:150px;
	transform:translateY(-50%);
	z-index:50;
	margin:0px 20px;
	font-family:doppio_oneregular;
	color:#fff;
	border-radius:10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 10px 0 rgba(0, 0, 0, 0.39);
}

.paket .paket_fiyat span{
	font-size:15px;
}

.paket .paket_fiyat b{
	font-size:22px;
	text-decoration: line-through;
	color:#e26a6a;
	font-weight: normal;
}


.paket .paket_alt{
	width:calc(100% - 0px);
	height:250px;
	float:left;
	position:relative;
	margin:0px 0px;
	padding-top:50px;
	background-color:#fff;
	z-index:10;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 10px 0 rgba(0, 0, 0, 0.39);
	padding-bottom:40px;
}

.paket .paket_alt .detay_text{
	width:calc(100% - 0px);
	line-height:18px;
	float:left;
	position:absolute;
	bottom:0px;
	padding:5px 0px;
	font-family:alegreya_sansregular;
	color:#0093dd;
	text-align:center;
	font-weight:bold;
}

.paket .paket_alt .paket_satir{
	width:calc(100% - 20px);
	line-height:20px;
	float:left;
	position:relative;
	padding:7px 0px;
	margin:0px 10px;
	font-family:alegreya_sansregular;
	border-top:1px solid #ddd;
	text-align:center;
	text-transform:uppercase;
	color:#3d3d3d;
}


.paket .paket_alt .paket_satir:nth-child(1){
	border:none;
}











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

.paket_orta{
	width:calc(25% - 20px);
}

.paket .paket_top .paket_isim{
	width:calc(100% - 20px);
	line-height:25px;
	font-size:23px;
	top:calc(50% - 10px);
}


}







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


	.paket .paket_fiyat{
		font-size:28px;
	}
	
	.paket .paket_fiyat span{
		font-size:15px;
	}
	
	.paket .paket_fiyat b{
		font-size:18px;
	}
	


}





@media screen and (max-width: 1024px), screen and (max-device-width: 1024px) {
	
.paket_orta{
	width:calc(33.3% - 20px);
}


.paket .paket_top{
	width:100%;
	height:110px;
	float:left;
	position:relative;
	background-color:#0093dd;
	z-index:20;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 10px 0 rgba(0, 0, 0, 0.39);
}

.paket .paket_top .paket_isim{
	width:calc(100% - 20px);
	line-height:27px;
	font-size:20px;
	text-align:center;
	top:calc(50% - 15px);
	margin:0px 10px;
}

.paket .paket_fiyat{
	width:calc(100% - 40px);
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:30px;
	float:left;
	position:absolute;
	background-color:#3d3d3d;
	top:110px;
	transform:translateY(-50%);
	z-index:50;
	margin:0px 20px;
	color:#fff;
	border-radius:10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 10px 0 rgba(0, 0, 0, 0.39);
}

.paket .paket_fiyat span{
	font-size:15px;
}

.paket .paket_fiyat b{
	font-size:18px;
}

.paket .paket_alt{
	width:calc(100% - 0px);
	height:200px;
	float:left;
	position:relative;
	margin:0px 0px;
	padding-top:33px;
	background-color:#fff;
	z-index:10;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 10px 0 rgba(0, 0, 0, 0.39);
	padding-bottom:40px;
}

.paket .paket_alt .detay_text{
	width:calc(100% - 0px);
	line-height:18px;
	padding:5px 0px;
	font-size:14px;
}

.paket .paket_alt .paket_satir{
	width:calc(100% - 20px);
	line-height:17px;
	font-size:14px;
}




}





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

.paket .paket_alt .paket_satir{
	width:calc(100% - 20px);
	line-height:17px;
	font-size:14px;
	padding:4px 0px;
}







.paket .paket_top{
	width:100%;
	height:90px;
}

.paket .paket_top .paket_isim{
	width:calc(100% - 20px);
	line-height:22px;
	font-size:18px;
	top:calc(50% - 8px);
	margin:0px 10px;
}

.paket .paket_fiyat{
	width:calc(100% - 20px);
	height:40px;
	line-height:40px;
	font-size:24px;
	top:90px;
	margin:0px 10px;
}

.paket .paket_fiyat span{
	font-size:12px;
}

.paket .paket_fiyat b{
	font-size:15px;
}

.paket .paket_alt{
	height:200px;
	padding-top:33px;
	padding-bottom:40px;
}

.paket .paket_alt .detay_text{
	width:calc(100% - 0px);
	line-height:18px;
	padding:5px 0px;
	font-size:14px;
}

.paket .paket_alt .paket_satir{
	width:calc(100% - 20px);
	line-height:17px;
	font-size:14px;
}



}




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

.paket .paket_top{
	width:100%;
	height:80px;
}

.paket .paket_top .paket_isim{
	width:calc(100% - 16px);
	line-height:18px;
	font-size:15px;
	top:calc(50% - 8px);
	margin:0px 8px;
}

.paket .paket_fiyat{
	width:calc(100% - 20px);
	height:40px;
	line-height:40px;
	font-size:20px;
	top:80px;
	margin:0px 10px;
}

.paket .paket_fiyat span{
	font-size:12px;
}

.paket .paket_fiyat b{ font-size:13px; }

.paket .paket_alt{
	height:190px;
	padding-top:27px;
	padding-bottom:30px;
}

.paket .paket_alt .detay_text{
	width:calc(100% - 0px);
	line-height:16px;
	padding:5px 0px;
	font-size:13px;
}

.paket .paket_alt .paket_satir{
	width:calc(100% - 20px);
	line-height:16px;
	font-size:13px;
}




}



@media screen and (max-width: 533px), screen and (max-device-width: 533px) {
	
.paket_orta{
	width:calc(50% - 20px);
}

.paket .paket_top .paket_isim{
	width:calc(100% - 14px);
	line-height:17px;
	font-size:14px;
	top:calc(50% - 8px);
	margin:0px 7px;
}


}



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


}



@media screen and (max-width: 420px), screen and (max-device-width: 420px) {
.paket_orta{
	width:calc(100% - 20px);
}


}














