#timeline .timeline-item:after,#timeline .timeline-item:before{content:'';display:block;width:100%;clear:both}#timeline *,#timeline :before,#timeline :after{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.project-name{text-align:center;padding:10px 0}#timeline{width:100%;margin:30px auto;position:relative;padding:0 10px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease}#timeline:before{content:"";width:3px;height:100%;background:#ee4d4d;left:3%;top:0;position:absolute}#timeline:after{content:"";clear:both;display:table;width:100%}#timeline .timeline-item{margin-bottom:50px;position:relative;margin-left:60px}#timeline .timeline-item .timeline-icon{background:#ee4d4d;width:50px;color:#fff;text-align:center;font-size:25px;line-height:50px;height:50px;position:absolute;top:0;left:-45px;overflow:hidden;margin-left:-23px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%}#timeline .timeline-item .timeline-content{width:100%;background:#fff;padding:20px;-webkit-box-shadow:0 3px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 3px 0 rgba(0,0,0,0.1);-ms-box-shadow:0 3px 0 rgba(0,0,0,0.1);box-shadow:0 3px 0 rgba(0,0,0,0.1);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}#timeline .timeline-item .timeline-content h2{padding:10px;background:#ee4d4d;color:#fff;margin:-20px -20px 0;font-weight:300;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-ms-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;font-size:15px}#timeline .timeline-item .timeline-content p{padding-top:20px;margin-bottom:0}#timeline .timeline-item .timeline-content:before{content:'';position:absolute;left:-5px;top:20px;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:7px solid #ee4d4d}@media screen and (max-width: 768px){#timeline{margin:30px;padding:0;width:calc(100% - 50px)}#timeline:before{left:0}#timeline .timeline-item .timeline-content{width:calc(100% - 50px);float:right}#timeline .timeline-item .timeline-content:before,#timeline .timeline-item .timeline-content.right:before{left:10%;margin-left:-6px;border-left:0;border-right:7px solid #ee4d4d}#timeline .timeline-item .timeline-icon{left:0}}

/* ===== Notlar timeline — MOBİL iyileştirme (yalnız ≤767px; masaüstü görünüm DEĞİŞMEZ) ===== */
@media screen and (max-width: 767px) {
	#timeline { margin: 12px 0 0 !important; padding: 0 !important; width: 100% !important; }
	#timeline:before { left: 17px !important; width: 2px !important; }
	#timeline .timeline-item { margin-bottom: 16px !important; margin-left: 46px !important; }
	#timeline .timeline-item .timeline-icon {
		width: 34px !important; height: 34px !important; line-height: 34px !important;
		font-size: 15px !important; left: -46px !important; margin-left: 0 !important; top: 0 !important;
		box-shadow: 0 0 0 3px #fff;
	}
	#timeline .timeline-item .timeline-content {
		width: 100% !important; float: none !important; padding: 12px !important;
		overflow: hidden; border: 1px solid #ececf1; border-radius: 10px;
		box-shadow: 0 1px 5px rgba(20,40,80,.12) !important;
	}
	#timeline .timeline-item .timeline-content:before { display: none !important; }
	#timeline .timeline-item .timeline-content h2 {
		margin: -12px -12px 0 !important; padding: 9px 12px !important;
		font-size: 12px !important; font-weight: 400 !important; line-height: 1.5 !important;
		border-radius: 10px 10px 0 0 !important;
	}
	#timeline .timeline-item .timeline-content h2 .row { margin: 0; }
	#timeline .timeline-item .timeline-content h2 .row > [class*="col-"] {
		-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0;
	}
	#timeline .timeline-item .timeline-content h2 .tar { text-align: left !important; margin-top: 8px; }
	#timeline .timeline-item .timeline-content h2 .btn { width: 100%; }
	#timeline .timeline-item .timeline-content p { padding-top: 12px !important; font-size: 14px; }
	#timeline .timeline-item .timeline-content > .col-md-12 { padding-left: 0; padding-right: 0; }
	#timeline .timeline-item .timeline-content .form-group { margin-bottom: 0; }
	#timeline .timeline-item .timeline-content textarea.form-control { min-height: 84px; }
	#timeline .timeline-item .timeline-content .not_sil_modal_ac { display: block; width: 100%; margin-top: 6px; }
	#timeline .yeni_not_getir { font-size: 15px !important; }
}