@media (max-width:1024px){ 
.as_ust_hizmetler {float: left;width: 100%;height: auto;background: #f1f1f1;padding-top:0px;padding-bottom:0px;margin-top:0px;}
.as_ust_hizmetler .liste {float: left;width: 100%;height: auto;position: relative;margin-bottom: 10px;padding-left: 0px;padding-right:0px;}
}

@media (min-width:1025px){ 
.as_ust_hizmetler {float: left;width: 100%;height: auto;background: #f1f1f1;padding-top:0px;padding-bottom:0px;margin-top:0px;}
.as_ust_hizmetler .liste {float: left;width: 100%;height: auto;position: relative;}
}



.as_ust_hizmetler .liste a {float: left;width: 100%;height: auto;color:#333;}
.as_ust_hizmetler .liste a .resim {float: left;width: 100%;height: auto;color:#333;background: #333;}
.as_ust_hizmetler .liste a .resim img{width: 100%;opacity: 0.5;}
.as_ust_hizmetler .liste a .baslik {position: absolute;top:50%;width: 100%;height: auto;text-align: center;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);
transform: translateY(-50%);}

.as_ust_hizmetler .liste a .logo {position: absolute;bottom:20px;right:20px;width: 150px;}
.as_ust_hizmetler .liste a .logo img{width: 100%;}

.as_ust_hizmetler .liste a .baslik h1 {float: left;width: 100%;height: auto;margin-top: 0px;margin-bottom: 0px;color:#fff;font-size: 80px;letter-spacing: 1px;font-weight: 300;font-family: "Bodoni Bd Bt";}
.as_ust_hizmetler .liste a .baslik h2 {float: left;width: 100%;height: auto;margin-top: 5px;margin-bottom: 0px;color:#fff;font-size: 35px;font-weight: 400;}

.as_ust_hizmetler .liste a .baslik .aciklama {float: left;width: 100%;height: auto;    opacity: 0;max-height: 0px;overflow: hidden;-webkit-animation-duration: 1.6s;animation-duration: 1.6s;-webkit-transition: all 1.6s ease;-moz-transition: all 1.6s ease;-ms-transition: all 1.6s ease;transition: all 1.6s ease;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: DescrSlideOutDown;
animation-name: DescrSlideOutDown;-webkit-animation-timing-function: ease;animation-timing-function: ease;}
.as_ust_hizmetler .liste a .baslik .aciklama h3 {display: inline-block;width: 80%;height: auto;margin-top: 10px;margin-bottom: 0px;color:#ffffffc7;font-size: 17px;font-weight: 300;}
.as_ust_hizmetler .liste a .baslik .aciklama .buttons{float: left;width: 100%;height: auto;text-align: center;margin-top:50px;}
.as_ust_hizmetler .liste a .baslik .aciklama .buttons .detay {display: inline-block;line-height: 2em;letter-spacing: 0.2em;font-weight: 700;padding: 16px 55px;font-size: 11px;text-transform: uppercase;}

.as_ust_hizmetler .liste a .baslik .aciklama .buttons .detay.detay_color1 {background-color: #eb1e24;color:#fff;}
.as_ust_hizmetler .liste a .baslik .aciklama .buttons .detay.detay_color1:hover {background: #fff;color:#eb1e24;}

.as_ust_hizmetler .liste a .baslik .aciklama .buttons .detay.detay_color2 {background-color: #d40074;color:#fff;}
.as_ust_hizmetler .liste a .baslik .aciklama .buttons .detay.detay_color2:hover {background: #fff;color:#d40074;}

.as_ust_hizmetler .liste a .baslik .aciklama .buttons .detay.detay_color3 {background-color: #f2801f;color:#fff;}
.as_ust_hizmetler .liste a .baslik .aciklama .buttons .detay.detay_color3:hover {background: #fff;color:#f2801f;}

.as_ust_hizmetler .liste a .baslik .aciklama .buttons .detay.detay_color4 {background-color: #9c834e;color:#fff;}
.as_ust_hizmetler .liste a .baslik .aciklama .buttons .detay.detay_color4:hover {background: #fff;color:#9c834e;}

.as_ust_hizmetler .liste a:hover .baslik .aciklama {max-height: 500px;opacity: 1;-webkit-animation-name: DescrSlideInUp;animation-name: DescrSlideInUp;}