/** stil 1 **/
.zdefteri .mesajyaz.btn {position:relative;z-index:222;}
.zdefteri1 {}
.zdefteri1 .aciklamalar {}
.zdefteri1 .aciklamalar p {}
.zdefteri1 .textb span input {margin: 4px 12px;}
.zdefteri1 .hatamesaj {padding:20px;text-align:center;margin:10px 0px;border-top:1px dashed #fff;border-bottom:1px dashed #fff;}
.zdefteri1 .mesajgonderildi {padding:20px;text-align:center;margin:10px 0px;border-top:1px dashed #fff;border-bottom:1px dashed #fff;}
.zdefteri1 .formzd {float:left;width:100%;clear:both;height:112px;border:1px dashed #333;padding:5px;}
.zdefteri1 .formzd textarea {height:80px;}
.zdefteri1 .textb {float:left;width:40%;margin:1%;}
.zdefteri1 .texta {float:left;width:40%;margin:1%;}
.zdefteri1 .buttong {float:left;width:14%;margin:1%;}
.zdefteri1 .mesajlar {width:100%;float:left;margin-top:20px;}
.zdefteri1 .mesajlar h2 {width:100%;float:left;}
.zdefteri1 .mesajlar .mesajkutu {float:left;width:100%;margin-bottom:10px;text-align:left!important;}
.zdefteri1 .mesajlar h3 {width:auto;float:left;clear:both;padding:10px;margin:0px!important;border-right:3px solid #fff;}
.zdefteri1 .mesajlar p {text-align:left;width:100%;padding-left:10px;}
.zdefteri1 .cevaplar {float:right;padding:10px;margin-top:-10px;margin-bottom:10px;margin-left:20px;border-left:3px solid #fff;}
.zdefteri1 .cevaplar span {margin-bottom:5px;position:absolute;z-index:0;}
.zdefteri1 .cevaplar p {margin-bottom:5px;position:relative;z-index:1;}
.zdefteri1 .buttong {margin:6px 0px!important;}
.zdefteri1 .buttong input {height:90px;width:100%;margin:0px!important;}

/** stil 2 **/
.zdefteri2 {}
.zdefteri2 .aciklamalar {}
.zdefteri2 .aciklamalar p {}
.zdefteri2 .hatamesaj {padding:20px;text-align:center;margin:10px 0px;border-top:1px dashed #fff;border-bottom:1px dashed #fff;}
.zdefteri2 .mesajgonderildi {padding:20px;text-align:center;margin:10px 0px;border-top:1px dashed #fff;border-bottom:1px dashed #fff;}

.zdefteri2 .mesajyaz {float:left;width:28%;margin:1%;}
.zdefteri2 .mesajyaz .svg-5 {position:relative;margin-bottom:-14px;margin-left:-79px;}
.zdefteri2 .formzd {float:left;width:100%;}
.zdefteri2 .formzd textarea {height:60px;}
.zdefteri2 .formzd h2 {margin:7px;}
.zdefteri2 .buttong input {height:40px;width:100%;}
.zdefteri2 .textb {float:left;width:98%;margin:1%;}
.zdefteri2 .texta {float:left;width:98%;margin:1%;}
.zdefteri2 .buttong {float:left;width:98%;margin:1%;}

.zdefteri2 .mesajlar {width:68%;float:left;margin:1%;}
.zdefteri2 .mesajlar h2 {width:100%;float:left;margin:0px!important;}
.zdefteri2 .mesajlar .mesajkutu {float:left;width:100%;margin-bottom:10px;text-align:left!important;}
.zdefteri2 .mesajlar h3 {width:auto;float:left;clear:both;padding:10px;border-right:3px solid #fff;margin:0px!important;}
.zdefteri2 .mesajlar p {text-align:left;width:100%;padding-left:10px;}
.zdefteri2 .cevaplar {float:right;padding:10px;margin-top:-10px;margin-bottom:10px;margin-left:20px;border-left:3px solid #fff;}
.zdefteri2 .cevaplar span {margin-bottom:5px;position:absolute;z-index:0;}
.zdefteri2 .cevaplar p {margin-bottom:5px;position:relative;z-index:1;}

.zdefteri2 span, .zdefteri1 input {width:100%!important;margin:0px;padding:0px;}
.zdefteri2 .formzd {height:auto!important;}
.zdefteri2 .formzd {padding:30px!important;}
.zdefteri2 input {margin:5px 0px!important;padding:5px!important;}

@media (max-width: 990px) {
.zdefteri2 .mesajlar {width:100%;}
.zdefteri2 .mesajyaz {width:100%;}
.zdefteri2 .mesajyaz .svg-5 {display:none;}
.zdefteri2 .formzd {padding: 10px 30px!important;}
}

@media (max-width: 768px) {
.zdefteri1 span, .zdefteri1 input {width:100%!important;margin:0px!important;padding:0px!important;}
.zdefteri1 .formzd {height:auto!important;}
.zdefteri1 .formzd {padding:30px!important;}
.zdefteri1 input {margin:5px 0px!important;padding:5px!important;}

}
@media (max-width: 550px) {

}