body {
    margin: 0px;
    padding: 0px;
    background-color: #f3f3f2;
}

.ustalan {
    width: 100%;
    line-height: 40px;
    background-color: #0f75bc;
    color: white;
    padding-left: 10%;
    padding-right: 10%;
    overflow: auto;
}
.ustsol{
    width:50%;
    overflow:auto;
    float:left;
}
.ustsol > i{
    text-align:left;
    padding-right:15px;
    cursor:pointer;
}
.ustsag {
    width: 50%;
    overflow:auto;
    float: left;
    text-align:right;
}
.ustsag > i{   
    padding-right:10px;
    cursor:pointer;
}
.logoalan {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;  
    /*border-style: groove;*/
    margin-top: 10px;
    background-color: white;
    overflow:auto;
}

.menualan {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    height: 70px;
    /*border-style: groove;*/
    margin-top: 10px;
    background-color: white;
    overflow:auto;
}
.ustreklamalan {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    line-height: 100px;
  /*  border-style: groove;*/
    margin-top: 10px;
    text-align: center;
    background-color: white;
}
.main-header {
    margin-left: 0px !important;
    border-bottom: none;
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,1.5);    
}

.uyebilgialan {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    line-height: 100px;
    /*  border-style: groove;*/
    margin-top: 10px;
    text-align: center;
    background-color: white;
    overflow:auto;
    padding:10px;
}
.uyebilgialan > img{
    width:50%;
    float:left;
    overflow:auto;
}
.uyebilgialan >div{
    width:50%;
    float:left;
    padding:10px;
    line-height:25px;
    text-align:justify;
}

.hmalan {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    /*//height: 70px;*/
    /*border-style: groove;*/
    margin-top: 10px;
    overflow: auto;
    /*background-color: white;*/
}
.haberseritalan{
    width:100%;
    padding:2%;
    overflow:auto;
    line-height:20px;
  /*  border-style:groove;*/
    background-color:white;
}
.haberoklar{
    width:5%;
    float:left;
    padding:10px;
    cursor:pointer;
}
.haberoklar > img{
    width:25px;
}
.haberac:hover{
    cursor:pointer;
}
.kirmizietiket {
    padding: 10px;
    background-color: #d71a22;
    color: white;
    text-align: center;
    border-radius:3px;
    width:18%;
    float:left;
    font-weight:bold;
}
.haberliste {
    width: 72%;
    float: left;
    padding: 10px;
    background-color: #f3f3f2;
    border-radius: 3px;
}
.haberliste >div{
    width:100%;
    float:left;
    padding-left:4%;
    font-weight:bolder;
}
.mansetalan {
    width: 49%;
    float: left;
    padding: 5px;
 /*   border-style: groove;*/
    background-color: white;
    height:370px;
    margin-top:10px;
    margin-right:2%;
}
.kutularalan {
    width: 49%;
    float: left;
    padding: 5px;
    /*border-style: groove;*/
    background-color: white;
    height: 370px;
    margin-top: 10px;
}
.carousel-indicators{
    margin-bottom:7px;
}
.carousel-indicators > div {
    line-height: 10px;
    background-color: #d71a22;
    border-radius: 10px;
    width: 15px;
    height: 15px !important;
    margin: 3px;
}
.carousel-caption{
    left:5%;
    width:90%;
    display:block;
}
    .carousel-caption > p {
        width: 100%;
        overflow: auto;
        background-color: black;        
        line-height: 20px;
        opacity: 0.7;
        text-align: left;
        padding: 5px;
        border-radius: 3px;
    }

    .carousel-item > img{
        min-height:330px;
        max-height:330px;
    }
    .kutu{
        width:50%;
        float:left;
        overflow:hidden;
        padding-left:5px;
        cursor:pointer;
    }

    .kutu> div{
        margin-top:-85px;
        position:relative;
    }
        .kutu > div > .kirmizietiket {
            padding: 4px;
            font-size: 14px;
            font-weight: bold;
            padding-left: 15px;
            padding-right: 15px;
        }
.kutu > div > p {
    width: 100%;
    overflow: auto;
    background-color: black;
    line-height: 20px;
    opacity: 0.7;
    text-align: left;
    padding: 5px;
    border-radius: 3px;
    color:white;
    font-size:13px;
    text-align:center;
}
.msalan {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    /*//height: 70px;*/
  /*  border-style: groove;*/
    margin-top: 10px;
    overflow: auto;
  /*  background-color: white;*/
  /*  padding: 5px;*/
}
.makalesayilaralan {
    width: 49%;
    float:left;  
    overflow: auto;
    text-align:left;   
    /*border-style:groove;*/
    background-color:white;
    margin-top:10px;
    padding:5px;
    padding-left:30px;
    margin-right:2%;
   
}
.makalesayilaralan > div{
    line-height:50px;
}
    .makalesayilaralan > div > span {
        margin-left: 15px;
        background-color: #40ae49;
        color: white;
        padding: 10px;
        border-radius: 10px;
    }


.sorusayilaralan {
    width: 49%;
    float: left;
    overflow: auto;
    text-align: left;
    /*border-style:groove;*/
    background-color: white;
    margin-top: 10px;
    padding: 5px;
    padding-left: 30px;
}

    .sorusayilaralan > div {
        line-height: 50px;
    }

        .sorusayilaralan > div > span {
            margin-left: 15px;
            background-color: #ec008c;
            color: white;
            padding: 10px;
            border-radius: 10px;
        }


.sorusoralan {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    line-height: 100px;
    /*  border-style: groove;*/
    margin-top: 10px;
    text-align: center;
    background-color: white;
    overflow: auto;
    padding: 10px;
}

    .sorusoralan > img {
        width: 50%;
        float: left;
        overflow: auto;
    }

    .sorusoralan > div {
        width: 50%;
        float: left;
        padding: 10px;
        line-height: 25px;
        text-align:justify;
    }
.footeralani {
    width: 100%;
    overflow: auto;
    background-color: #0f75bc;
    text-align: center;
    color: white;
    margin-top: 10px;
}
.sayfaic {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;    
    margin-top: 10px;    
    background-color: white;
    overflow: auto;
    padding: 10px;
}

.yazarkutu{
    width:25%;
    float:left;
    height:300px;
    padding:1%;
    cursor:pointer;
}
    .yazarkutu > img {
        box-shadow: 3px 3px 4px #000;
        width:143px;
        height:169px;
    }
.listeeleman{
    width:100%;
    cursor:pointer;
    text-align:left;
    padding:15px;
}
.formalani{
    width:50%;
    margin:auto;
}
.paragrafmetin{
    text-align:justify;
    text-indent:30px;
}
.paragrafmetin > h2{
text-align:center;
}
.linkdivi{
    cursor:pointer;
}
#aciklamaalani {
    border-style: groove;
    padding: 10px;
    box-shadow: 3px 3px 4px #000;
}
.alert-danger{
    height:auto !important;
}
.profilkimlik{
    width:25%;
    float:left;
    overflow:auto;
    padding:10px;
    border-style:double;
}
.profilsorular{
    width:70%;
    float:left;
    overflow:auto;
    padding-left:10px;
    padding-top:10px;
    text-align:justify;
}
.egitimanacerceve{
    width:100%;
    overflow:hidden;
    margin-bottom:15px;
    border-radius:3px;
    height:215px;
    padding:5px;
}
.egitimiccerceve{
    width:100%;
    overflow:hidden;
    height:205px;
    padding:5px;
    border-radius:3px;
    background-color:white;
}
.talepvar {
    background-color: #40ae49;
}
.talepyok {
    background-color: #ae4059;
}
.egitimresim{
    width:30%;
    overflow:hidden;
    float:left;
    height:200px;
    text-align:center;
}
.egitimaciklama {
    width: 40%;
    overflow: hidden;
    float: left;
    height: 200px;
    padding-top:50px;
}
.egitimayrinti {
    width: 30%;
    overflow: hidden;
    float: left;
    height: 200px;
    padding-top: 80px;
    text-align:center;
}
.egitimresim > img {
    width:90%;
    max-height:190px;
}
.onkayitformu {
    width: 75%;
    overflow: auto;
    margin: auto;
    padding: 15px;
    background-color: #d1e0eb;
}
@media (max-width: 1024px) {
    .navbar-light .navbar-toggler {
        background-color: #0f75bc;
    }
        .logoalan{
        width:96%;
        margin-left:2%;
        margin-right:2%;
    }
    .main-header{
        /*width:125%;*/
        text-align:center;
    }
    .menualan {
  /*      height: 0px;
        padding: 0px;
        margin: 0px;  */     
    }
    .ustreklamalan {
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
    }
    .hmalan {
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
    }
    .msalan {
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
    }
    .logoalan{
        text-align:center;        
    }
       
    .logoalan >img{
       max-width:100%;
    }
    .kirmizietiket{
        width:100%;
    }
    .mansetalan{
        width:100%;
    }
    .kutularalan{
        width:100%;
    }
    .makalesayilaralan{
        width:100%;
        text-align:center;
        padding:5px;
        
    }
    .sorusayilaralan {
        width: 100%;
        text-align: center;
        padding: 5px;
    }
    .uyebilgialan {
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
    }
    .uyebilgialan >img{
        width:100%;
    }
    .uyebilgialan > div{
        width:100%
    }
    .sorusoralan {
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
    }

        .sorusoralan > img {
            width: 100%;
        }

        .sorusoralan > div {
            width: 100%
        }

        .haberoklar{
            width:16%;
        }
        .haberliste{
            width:68%;
        }

        .yazarkutu{
            width:100%;
            margin-bottom:15px;
        }
    .formalani {
        width: 100%;        
    }
    .profilkimlik{
        width:100%;
    }
    .profilsorular{
        width:100%;
    }
    .egitimresim {
        width: 100%;
        overflow: hidden;
        float: left;
        height: 60px;
    }
    .egitimaciklama {
        width: 100%;
        overflow: hidden;
        float: left;
        height: auto;
        padding-top:0px;
        font-size: 14px;
    }
    .egitimayrinti {
        width: 100%;
        overflow: hidden;
        float: left;
        height: auto;
        padding-top: 0px;
        text-align: center;
    }
    .egitimresim >img{
        width:auto;
        max-height:60px;
    }

    .carousel-caption{
        display:block !important;
    }
}

@media (max-width: 768px) {
  /*  .menualan {
        height: 0px;
        padding: 0px;
        margin: 0px;
    }*/
    .navbar-light .navbar-toggler {
        background-color: #0f75bc;
    }
    .formalani {
        width: 100%;
    }
    .carousel-caption {
        display: block !important;
    }
}