.titles{
    color:#9966ff;
}


#firstSectionContainer{
    display:flex;
    flex-direction:row;
    width:100%;
    padding-bottom:3%;
}

#firstSectionContainer2{
    display:flex;
    flex-direction:row;
    width:100%;
    padding-bottom:3%;
}


#firstSectionParagraphContainer{
    width:60%;
}


#firstSectionImageContainer{
    width:60%;
}

.yorunge{
    width:100%;
    margin:auto;
}

#thirdSectionImageContainer{
    display:flex;
    width:100%;
    padding-bottom:3%;
}

.sirketGayesi{
    width:100%;
}

.bulletPointsContainer{
    display:flex;
    flex-direction:column;
}

.bulletsLineContainers{
    display:flex;
    flex-direction:row;
    align-items:top;
   
}

.bullets{
    width:10px;
    height:10px;
    border-radius:50%;
    background:#9966ff;
    flex-shrink: 0; 
    flex-grow: 0; 
}

.bullets1{
    width:10px;
    height:10px;
    border-radius:50%;
    background:#9966ff;
    flex-shrink: 0; 
    flex-grow: 0;
    margin-top:-14px;
}

@media screen and (max-width:1600px) and (min-width:1200px){
    .bullets1{
        margin-top:-5px;
}

}

@media screen and (max-width:1200px) and (min-width:750px){
    .bullets1{
        margin-top:0px;
}

}

@media screen and (max-width:750px) and (min-width:600px){
    .bullets1{
        margin-top:5px;
}

}

@media screen and (max-width:600px) and (min-width:300px){
    .bullets1{
        margin-top:5px;
}

}


.pClass{
    padding-left:2%;
    font-size:25px;
    color:white;
    font-weight:200;
}


.icDisAkilSemaContainer{
    display:flex;
    width:70%;
    margin:auto;
    padding-bottom:4%;
}

.icDisAkilSemasi{
    width:100%;
}

#markaDegerContainer{
    display:flex;
    flex-direction:row;
    width:90%;
    margin:auto;
}

#markaDegerParagraphContainer{
    margin:auto;
}

.markaDegeri{
    width:100%;
}


#ortakAkilContainer{
    display:flex;
    flex-direction:row;
    width:100%;
    
}

#ortakAkilImageContainer{
    display:flex;
    width:45%;
}

.ortakAkil{
    width:100%;
}

#ortakAkilMottoContainer{
    display:flex;
    flex-direction:row;
    width:100%;
    font-size:30px;
    color:white;
    align-items:center;
    font-weight:200;
    position:relative;
}
#ortakAkilTextContainer{
    width:100%;
    display:flex;
    flex-direction:row;
    margin:auto;
}

#openQuoteContainer{
    width:10%;
}

#closeQuoteContainer{
    width:10%;
}

.quotes{
    width:80%;
    margin-top:-23%
}

#closeQuote{
    margin-top:auto !important;
}

@media screen and (max-width:1300px) and (min-width:1200px){
    #ortakAkilMottoContainer{
    font-size:23px;
    line-height:30px;
}
}


@media screen and (max-width:1200px) and (min-width:1000px){
 #firstSectionContainer{
    flex-direction:column;
}

#firstSectionContainer2{
    flex-direction:column;
}

#firstSectionParagraphContainer{
    width:100%;
}


#firstSectionImageContainer{
    width:100%;
    justify-content:center;
    align-items:center;
    display:flex;
}

#firstSectionImageContainer2{
    width:100%;
    justify-content:center;
    align-items:center;
    display:flex;
}

.yorunge{
    width:70%;
    margin:auto;
}

#markaDegerContainer{
    display:flex;
    flex-direction:column;
    width:100%;
    margin:auto;
}

#markaDegerImageContainer{
    display:flex;
    justify-content:center;
}

.markaDegeri{
    width:70%;
}


#ortakAkilContainer{
    display:flex;
    flex-direction:column;
    width:100%;
}

#ortakAkilImageContainer{
    display:flex;
    width:100%;
    justify-content:center;
}

.ortakAkil{
    width:70%;
}

#ortakAkilMottoContainer{
font-size:23px;
line-height:30px;
width:100%;
padding-top:4%;
}



}

@media screen and (max-width:1000px) and (min-width:800px){
 #firstSectionContainer{
    flex-direction:column;
}

#firstSectionContainer2{
    flex-direction:column;
}

#firstSectionParagraphContainer{
    width:100%;
}


#firstSectionImageContainer{
    width:100%;
    justify-content:center;
    align-items:center;
    display:flex;
}

#firstSectionImageContainer2{
    width:100%;
    justify-content:center;
    align-items:center;
    display:flex;
}

.yorunge{
    width:70%;
    margin:auto;
}

#markaDegerContainer{
    display:flex;
    flex-direction:column;
    width:100%;
    margin:auto;
}

#markaDegerImageContainer{
    display:flex;
    justify-content:center;
}

.markaDegeri{
    width:70%;
}


#ortakAkilContainer{
    display:flex;
    flex-direction:column;
    width:100%;
}

#ortakAkilImageContainer{
    display:flex;
    width:100%;
    justify-content:center;
}

.ortakAkil{
    width:70%;
}

#ortakAkilMottoContainer{
font-size:23px;
line-height:30px;
width:100%;
padding-top:4%;
}


#openQuote{
    margin-top:-5%;
}

#closeQuote{
    margin-top:2%;
    margin-left:-5%;
}
}



@media screen and (max-width:800px) and (min-width:600px){
 #firstSectionContainer{
    flex-direction:column;
}
#firstSectionContainer2{
    flex-direction:column;
}
#firstSectionParagraphContainer{
    width:100%;
}


#firstSectionImageContainer{
    width:100%;
    justify-content:center;
    align-items:center;
    display:flex;
}

#firstSectionImageContainer2{
    width:100%;
    justify-content:center;
    align-items:center;
    display:flex;
}

.yorunge{
    width:70%;
    margin:auto;
}

#markaDegerContainer{
    display:flex;
    flex-direction:column;
    width:100%;
    margin:auto;
}

#markaDegerImageContainer{
    display:flex;
    justify-content:center;
}

.markaDegeri{
    width:70%;
}


#ortakAkilContainer{
    display:flex;
    flex-direction:column;
    width:100%;
}

#ortakAkilImageContainer{
    display:flex;
    width:100%;
    justify-content:center;
}

.ortakAkil{
    width:70%;
}

#ortakAkilMottoContainer{
font-size:23px;
line-height:30px;
width:100%;
padding-top:4%;
}




}


@media screen and (max-width:600px) and (min-width:400px){
 #firstSectionContainer{
    flex-direction:column;
}
#firstSectionContainer2{
    flex-direction:column;
}
#firstSectionParagraphContainer{
    width:100%;
}


#firstSectionImageContainer{
    width:100%;
    justify-content:center;
    align-items:center;
    display:flex;
}

#firstSectionImageContainer2{
    width:100%;
    justify-content:center;
    align-items:center;
    display:flex;
}

.yorunge{
    width:70%;
    margin:auto;
}

#markaDegerContainer{
    display:flex;
    flex-direction:column;
    width:100%;
    margin:auto;
}

#markaDegerImageContainer{
    display:flex;
    justify-content:center;
}

.markaDegeri{
    width:70%;
}


#ortakAkilContainer{
    display:flex;
    flex-direction:column;
    width:100%;
}

#ortakAkilImageContainer{
    display:flex;
    width:100%;
    justify-content:center;
}

.ortakAkil{
    width:70%;
}

#ortakAkilMottoContainer{
font-size:23px;
line-height:30px;
width:100%;
padding-top:4%;
}


#openQuote{
    margin-top:-5%;
}

#closeQuote{
    margin-top:2%;
    margin-left:-5%;
}
}