.calisma-plani {padding: 50px 0 50px; background: url(../images/calisma-plani.jpg) bottom center no-repeat; background-size: cover; background-attachment: fixed; position: relative; overflow: hidden;color: #202020}
.calisma-plani:before {content: ''; background: #f5f5f5; opacity: 0.75; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.calisma-plani .calisma-baslik {width: 100%;display: block;}
.calisma-plani .calisma-baslik h2{width: 100%;display: block;margin-top: 0px;margin-bottom: 25px;font-size: 24px;font-weight: 700;}
.calisma-plani .calisma-baslik p{width: 100%;display: block;margin-top: 0px;font-size: 14px;font-weight: 300;padding-left: 60px;position: relative;}
.calisma-plani .calisma-baslik p:before {display: block; content: ""; position: absolute; top: 12px; left: 0; width: 50px; background: #cccccc; height: 2px; }


.calisma-plani .calisma-isaret {position: relative;z-index: 99;}

.calisma-plani .calisma-isaret .liste {width: 100%;display: inline-block; vertical-align: middle;font-size: 14px;  text-align: center;}
.calisma-plani .calisma-isaret .liste .icon {color: #666666; font-size: 32px;line-height: 32px;margin-bottom: 5px; }
.calisma-plani .calisma-isaret .liste .nokta {border-radius: 50%;background-color: #ffffff;box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); width: 22px; height: 22px; position: relative; margin: 0 auto 9px;}
.calisma-plani .calisma-isaret .liste .nokta:before {content: ''; border-radius: 50%; background-color: #5cae4a; width: 12px; height: 12px; top: 5px; left: 5px; position: absolute; }

.calisma-plani .calisma-isaret .liste .text {height: auto;} 
.calisma-plani .calisma-isaret .liste .text span{color: #333333; font-size: 16px;line-height: 16px;font-weight: 700; text-transform: uppercase; margin-bottom: 5px;display: block;}
.calisma-plani .calisma-isaret .liste .text small{color: #333333; font-size: 14px; font-weight: 300; font-style: italic;}

@media (min-width: 1024px){
.calisma-plani {padding: 100px 0 150px;}

.calisma-plani .calisma-isaret {width: 100%;height: 200px;display: block;position: relative;background: url('../images/line.svg');background-size: contain!important;background-repeat: no-repeat;background-position: center;}


.calisma-plani .calisma-isaret .liste {width: 25%;position: absolute;}	
.calisma-plani .calisma-isaret .liste.hiza1 {left: 0; top: 68%;}
.calisma-plani .calisma-isaret .liste.hiza1 .nokta {margin-bottom: 15px;}

.calisma-plani .calisma-isaret .liste.hiza2 {left: 24%; top: 47%;}
.calisma-plani .calisma-isaret .liste.hiza2 .text {margin-bottom: 50px;}

.calisma-plani .calisma-isaret .liste.hiza3 {right: 27%; top: 9%;}
.calisma-plani .calisma-isaret .liste.hiza3 .nokta {margin-bottom: 50px;}

.calisma-plani .calisma-isaret .liste.hiza4 {width: 31%;right: 0%; top: -31%;text-align: right!important;}
.calisma-plani .calisma-isaret .liste.hiza4 .hiza4-icon{padding-right: 97px;}
.calisma-plani .calisma-isaret .liste.hiza4 .nokta {margin-bottom: 17px;margin-right: 128px;}
.calisma-plani .calisma-isaret .liste.hiza4 .text{padding-right: 15px;}
.calisma-plani .calisma-isaret .liste.hiza4 .text.text2{width: 50%;margin-left: auto;text-align: left;margin-right: -38px;}
}