
.kurumlar-kabuk {
    display: block;
    padding: 10px;
}

.kurumlar-astar {
    display: block;
    padding: 10px;
    position: relative;
    /* -webkit-column-gap: 0;
/*-moz-column-gap: 0;
/*column-gap:;
/*-webkit-column-count: 4 ; /*Chrome, Safari, Opera metin kolon sayısı */
    /*-moz-column-count:  4 ;  Firefox */
    /*column-count:  4 ;  */
}

.kurumlar-item {
    width: 24%;
    display: inline-block;
    margin: 5px 0;
}

    .kurumlar-item a {
        display: block;
        margin: 5px;
    }

.kurum-item-astar {
    display: block;
    background: #e2e2e2;
    border-radius: 10px;
    width: 100%;
    font-size: 20px;
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 80px;
    font-family: 'robotobold';
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .kurum-item-astar:hover {
        color: #fff;
        background-color: #c33;
    }

    .kurum-item-astar span {
        padding: 5px;
        font-size: 30px;
    }


.kurum-header-kabuk {
    width: 100%;
    height: 300px;
    margin: 0 auto;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.kurum-header-astar {
    width: 70%;
    margin: 0 auto;
    color: #fff;
    display: block;
    text-align: center;
}

    .kurum-header-astar h1 {
        font-size: 30px;
        padding: 100px 0 10px 0;
        color: #fff;
        display: block;
    }

    .kurum-header-astar span {
        font-size: 14px;
        padding: 10px;
        color: #fff;
        display: inline-block;
        margin-right: 5px;
    }

.kurum-header-fligran {
    display: block;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
}

.sutun-20 {
    width: 20%;
    display: block;
    float: left;
}

.sutun-80 {
    width: 80%;
    display: block;
    float: left;
}

.sutun-menu-icon {
    display: block;
}

    .sutun-menu-icon a {
        display: block;
        border-bottom: 1px solid #eee;
        padding: 10px 5px;
        color: #666;
    }

        .sutun-menu-icon a span {
            padding-right: 10px;
        }

        .sutun-menu-icon a:hover {
            color: #333;
            background-color: #eee;
        }


.sutun-menu-1 {
    margin: 50px 0 10px 0;
    display: block;
    border: 1px solid #eee;
    border-bottom: 0;
}

    .sutun-menu-1 a {
        display: block;
        border-bottom: 1px solid #eee;
        padding: 15px 15px 15px 25px;
        color: #666;
        position: relative;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        .sutun-menu-1 a span {
            padding-right: 10px;
            position: absolute;
            left: 5px;
        }

        .sutun-menu-1 a:hover {
            color: #333;
            background-color: #eee;
            padding: 15px 15px 15px 30px;
        }


.sutun-menu-2 {
    margin: 50px 0 10px 0;
    display: block;
    border: 1px solid #eee;
    border-bottom: 0;
}

    .sutun-menu-2 a {
        display: block;
        border-bottom: 1px solid #eee;
        padding: 15px 25px 15px 15px;
        color: #666;
        position: relative;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        .sutun-menu-2 a span {
            padding-right: 10px;
            position: absolute;
            right: 5px;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        .sutun-menu-2 a:hover {
            color: #333;
            background-color: #eee;
        }



            .sutun-menu-2 a:hover span {
                right: 2px;
            }


.kurum-amiri {
    display: block;
    padding: 20px;
    text-align: center;
}

.kurum-amiri-img {
    display: block;
    padding: 10px;
    text-align: center;
    border-radius: 50%;
    height: 200px;
    width: 200px;
    margin: -150px auto 20px;
}

    .kurum-amiri-img img {
        height: 100%;
        width: 100%;
        border-radius: 50%;
        overflow: hidden;
    }

.duyurular-kabuk {
}


.duyurular-astar {
    padding: 10px;
    text-align: center;
}

.duyuru-satir {
    display: block;
    padding: 10px;
    margin: 0 0 20px 0;
    border-bottom: 1px dotted rgba(0,0,0,0.3);
}

.duyuru-tarih {
    float: left;
    display: inline-block;
    padding: 1%px;
    border-right: 0px solid rgba(0,0,0,0.3);
    width: 18%;
    color: #c33;
}

.duyuru-gun {
    float: left;
    font-size: 60px;
    padding: 10px;
}

.duyuru-ay {
    margin-top: 15px;
    float: left;
    font-size: 14px;
    padding: 5px;
}

    .duyuru-ay b {
        display: block;
        padding: 5px;
    }

.duyuru-text {
    float: left;
    text-align: left;
    color: #333;
    display: inline-block;
    padding: 1%;
    font-size: 16px;
    width: 78%;
    line-height: 24px;
}


@media all and (max-width : 1600px) {

    .kurumlar-item {
        width: 32%;
        display: inline-block;
        margin: 5px 0;
    }

    .sutun-20 {
        width: 30%;
        display: block;
        float: left;
    }

    .sutun-80 {
        width: 70%;
        display: block;
        float: left;
    }
}

@media all and (max-width : 1024px) {
    .kurumlar-item {
        width: 49%;
        display: inline-block;
        margin: 5px 0;
    }

    .duyuru-tarih {
        float: left;
        display: inline-block;
        padding: 1%px;
        border-right: 0px solid rgba(0,0,0,0.3);
        width: 28%;
        color: #369;
    }

    .duyuru-text {
        float: left;
        text-align: left;
        color: #333;
        display: inline-block;
        padding: 1%;
        font-size: 16px;
        width: 68%;
        line-height: 24px;
    }

    .sutun-20 {
        width: 100%;
        display: block;
        float: left;
    }

    .sutun-80 {
        width: 100%;
        display: block;
        float: left;
    }
}

@media all and (max-width : 768px) {

    .kurumlar-item {
        width: 99%;
        display: inline-block;
        margin: 5px 0;
    }

    .kurum-astar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        -webkit-justify-content: left;
        justify-content: left;
        -webkit-box-align: left;
        -ms-flex-align: left;
        -webkit-align-items: left;
        align-items: left;
    }
}


@media all and (max-width : 414px) {
    .duyuru-tarih {
        float: left;
        display: inline-block;
        padding: 1%px;
        border-right: 0px solid rgba(0,0,0,0.3);
        width: 33%;
        color: #369;
    }

    .duyuru-text {
        float: left;
        text-align: left;
        color: #333;
        display: inline-block;
        padding: 1%;
        font-size: 16px;
        width: 63%;
        line-height: 24px;
    }
}

/*@media all and (max-width : 1024px) {
    .kurum-header-astar h1 {
        font-size: 30px;
        padding: 0px 0 10px 0!important;
        color: #fff;
        display: block;
    }
}*/


@media all and (max-width : 320px) {
    .kurum-header-astar h1 {
        font-size: 30px;
         padding: 30px 0 10px 0!important; 
        color: #fff;
        display: block;
    }
}

@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {
    .kurum-header-astar h1 {
        font-size: 25px;
        padding: 30px 0 10px 0 !important;
        color: #fff;
        display: block;
    }
}

@media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 2) {
    .kurum-header-astar h1 {
        font-size: 25px;
        padding: 30px 0 10px 0 !important;
        color: #fff;
        display: block;
    }
}


@media (max-width:414px) {
    .kurum-header-astar h1 {
        font-size: 25px;
        padding: 30px 0 10px 0 !important;
        color: #fff;
        display: block;
    }
}
