body {
}
/*İNSAN KAYNAKLARI CSS BAŞLANGIÇ*/

/*PERSONEL TAB (KUVVET KOMUTANLIKLARI SAYFASINDA GENEL BİR CLASS) BAŞLANGIÇ*/

/*DIŞ TAB (SUBAY ASTSUBAY UZMAN ERBAŞ SÖZLEŞMELİ ER VE ERBAŞ VE PERSONEL GÖREVLERİ TABLARINI BARINDIRAN GENEL CLASS)*/

/*DIŞ TAB CSS BAŞLANGIÇ*/
.personel-tab .dis-tab > .nav-tabs {
    border-bottom: none !important;
    margin-bottom: 20px;
}



    .personel-tab .dis-tab > .nav-tabs > li.active > a {
        border-radius: 50%;
        height: 100px;
        width: 100px;
        color: white;
        font-weight: bold;
        border: none !important;
        display: block;
        padding: 0px 10px;
        margin: 0 auto;
        background: #ad0806;
        /* Old browsers */ background: -moz-linear-gradient(top, #ad0806 0%, #7a1010 100%);
        /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ad0806), color-stop(100%,#7a1010));
        /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ad0806 0%,#7a1010 100%);
        /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ad0806 0%,#7a1010 100%);
        /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ad0806 0%,#7a1010 100%);
        /* IE10+ */ background: linear-gradient(to bottom, #ad0806 0%,#7a1010 100%);
        /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad0806', endColorstr='#7a1010',GradientType=0 );
        /* IE6-9 */
    }

    .personel-tab .dis-tab > .nav-tabs > li > a {
        border-radius: 50%;
        height: 100px;
        width: 100px;
        color: white;
        font-weight: bold;
        border: none !important;
        display: block;
        padding: 0px 10px;
        margin: 0 auto;
        background: #575f62; /* Old browsers */
        background: -moz-linear-gradient(top, #575f62 0%, #383d40 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575f62), color-stop(100%,#383d40)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #575f62 0%,#383d40 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #575f62 0%,#383d40 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #575f62 0%,#383d40 100%); /* IE10+ */
        background: linear-gradient(to bottom, #575f62 0%,#383d40 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575f62', endColorstr='#383d40',GradientType=0 ); /* IE6-9 */
    }

        .personel-tab .dis-tab > .nav-tabs > li > a:hover {
            border-radius: 50%;
            height: 100px;
            width: 100px;
            color: white;
            font-weight: bold;
            border: none !important;
            display: block;
            padding: 0px 10px;
            margin: 0 auto;
            background: #ad0806; /* Old browsers */
            background: -webkit-linear-gradient(#ad0806 0%, #7a1010 100%);
            background: -o-linear-gradient(#ad0806 0%, #7a1010 100%);
            background: linear-gradient(#ad0806 0%, #7a1010 100%); /* FF3.6+ */
            /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
            /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad0806', endColorstr='#7a1010',GradientType=0 ); /* IE6-9 */
        }

        .personel-tab .dis-tab > .nav-tabs > li > a > span {
            display: table-cell;
            text-align: center;
            vertical-align: middle;
            height: 100px;
            width: 100px;
        }
/*DIŞ TAB CSS BİTİŞ*/

/*İÇ TAB DIŞ TAB ÜZERİNDEN BİR MENÜ SEÇİLDİĞİNDE ALTINDA AÇILACAK OLAN ALT GRUPLARI (NASIL MUVAZZAF SUBAY/ASTSUBAY OLABİLİRİM VS.) KAPSAYAN GENEL CLASS */

/*İÇ TAB CLASSI OTOMATİK OLARAK DÖRTLÜ OLACAK ŞEKİLDE AYARLIDIR. BOYUT OLARAK 25% */

/*İÇ TAB CSS BAŞLANGIÇ*/
/*.personel-tab .ic-tab > .nav-tabs {
    width: 100%;
}*/

.personel-tab .ic-tab > .nav-tabs {
    border-bottom: none !important;
    margin-bottom: 20px;
    font-size: 12px;
}


    /*İÇ TAB İÇERİSİNDE AKTİF OLAN TABIN CSS LERİ*/
    .personel-tab .ic-tab > .nav-tabs > li.active > a {
        border-radius: 5px;
        height: auto;
        width: 98%;
        color: white;
        font-weight: bold;
        border: none !important;
        display: block;
        padding: 0px 10px;
        margin: 0 auto;
        background-color: #7B0D0C;
    }

    /*İÇ TAB İÇERİSİNDEKİ LİNKLERİN GENEL CSS LERİ*/
    .personel-tab .ic-tab > .nav-tabs > li > a {
        border-radius: 5px;
        height: auto;
        width: 98%;
        color: white;
        font-weight: bold;
        border: none !important;
        display: block;
        padding: 0px 10px;
        margin: 0 auto;
        background-color: #3A3F42;
    }

        /*İÇ TAB İÇERİSİNDEKİ LİNKLERİN ÜZERİNE GELDİĞİNDE NE OLACAĞINI BELİRLEYEN CSS LER*/
        .personel-tab .ic-tab > .nav-tabs > li > a:hover {
            border-radius: 5px;
            height: auto;
            width: 98%;
            color: white;
            font-weight: bold;
            border: none !important;
            display: block;
            padding: 0px 10px;
            margin: 0 auto;
            background-color: #7B0D0C;
        }

.personel-tab .tab-content .ic-tab > .nav-tabs > li > a > span {
    display: block;
    text-align: center;
    min-height: 80px;
    width: 100%;
    padding: 22px;
}
/*İÇ TAB CSS BİTİŞ*/

/*KANUNLAR CSS BAŞLANGIÇ*/
.kanunlar > .nav-tabs > li {
    width: 20%;
}

    .kanunlar > .nav-tabs > li > a > span {
        display: block;
        text-align: center;
        min-height: 80px;
        margin-bottom: 5px;
        width: 100%;
        padding: 22px;
    }
/*KANUNLAR CSS BİTİŞ*/

/*AKORDİYON MENÜ BAŞLANGIÇ*/

/*AKORDİYON MENÜLER İÇERİSİNDEKİ BAŞLIK CSS*/
.tab-liste .panel-heading {
    background: #656364;
    color: #fff;
    margin: 3px;
    background-image: url("../img/ok-sag.png");
    background-repeat: no-repeat;
    background-position: 10px center;
}

    /*AKORDİYON MENÜLERİN ÜZERİNE GELDİĞİNDE NE OLACAĞINI BELİRLEYEN CSS*/
    .tab-liste .panel-heading:hover {
        background-color: #7B0D0C;
        color: #fff;
    }

    .tab-liste .panel-heading a {
        margin-left: 25px;
        display: block;
    }

        .tab-liste .panel-heading a:hover {
            color: #fff !important;
        }

        .tab-liste .panel-heading a:focus {
            color: #fff !important;
        }

/*AKORDİYON MENÜLERDEN BİRİ SEÇİLDİĞİNDE*/
.tab-liste .aktif {
    background-color: #7B0D0C !important;
    color: #fff;
    background-image: url("../img/ok.png");
}

.tab-liste .panel-body ul {
    list-style-type: decimal;
}
/*AKORDİYON MENÜ CSS BİTİŞ*/

/*İNSAN KAYNAKLARI SAYFASI BAŞLIK CSS BAŞLANGIÇ*/
.insan-kaynaklari-baslik {
    font-weight: bold;
    color: #790C0F;
    font-size: 25px;
    margin-top: 4px !important;
}

.insan-kaynaklari-baslik-slogan {
    font-weight: bold;
    color: #000;
    font-size: 15px;
    margin-bottom: 20px !important;
    margin-top: 4px !important;
}

/*İNSAN KAYNAKLARI SAYFASI BAŞLIK CSS BİTİŞ*/

/*İNSAN KAYNAKLARI SAYFASI ALT MENÜ CSS BAŞLANGIÇ*/
.altmenu {
    margin-bottom: 30px;
}

    .altmenu .nav-tabs > li {
        width: 20%;
    }

        .altmenu .nav-tabs > li > a {
            text-align: center;
            color: #fff;
            background-color: #575757;
            border: none !important;
            border-radius: 0 0 5px 5px;
        }

    .altmenu .nav-tabs {
        border: none !important;
        border-top: 1px solid #000 !important;
    }

        .altmenu .nav-tabs li.active > a {
            color: #fff;
            background-color: #780E0E;
            border: none !important;
            border-radius: 0 0 5px 5px;
        }
/*İNSAN KAYNAKLARI SAYFASI ALT MENÜ CSS BİTİŞ*/

/*ORTALA CLASS(GENEL BİR CLASS ) BAŞLANGIÇ*/
.ortala {
    display: table;
    margin: 0 auto;
}
/*ORTALA CLASS(GENEL BİR CLASS ) BİTİŞ*/

/*CERCEVE KLASSI (KOMUTANLIKLARIN SAYFALARINDAKİ KOMUTANLIKLARININ İSİMLERİNİN YAZDIĞI YERİNDE ETRAFINDAKİ ÇERÇEVE) BAŞLANGIÇ*/
.cerceve {
    border: 1px solid #000;
    font-size: 13px;
    display: table;
    margin: 0 auto;
    padding: 3px 20px;
    margin-top: 14px;
    margin-bottom: 44px;
}
/*CERCEVE KLASSI (KOMUTANLIKLARIN SAYFALARINDAKİ KOMUTANLIKLARININ İSİMLERİNİN YAZDIĞI YERİNDE ETRAFINDAKİ ÇERÇEVE) BİTİŞ*/

/*İNSAN KAYNAKLARI SAYFASI İÇERİSİNDEKİ İLETİŞİM CSS BAŞLANGIÇ*/
.insan-kaynaklari-iletisim {
    margin-top: -20px;
}
/*İNSAN KAYNAKLARI SAYFASI İÇERİSİNDEKİ İLETİŞİM CSS BİTİŞ*/

/*İNSAN KAYNAKLARI ANASAYFASINDAKİ KUVVET KOMUTANLIKLARI RESİMLERİ CSS BAŞLANGIÇ*/
.kuvvetler img {
    width: auto;
    height: 145px;
}
/*İNSAN KAYNAKLARI ANASAYFASINDAKİ KUVVET KOMUTANLIKLARI RESİMLERİCSS BİTİŞ*/

/*İNSAN KAYNAKLARI SAYFASINDAKİ SLİDER CSS BAŞLANGIÇ*/
.slider-border {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 5px;
}

/*İNSAN KAYNAKLARI SAYFASINDAKİ SLİDER CSS BİTİŞ*/

/*FOTOĞRAFLAR VE VİDEOLAR SAYFASINDA ANA CLASS OLARAK VİDEOLAR CLASSI KULLANILDI.*/

/*İNSAN KAYNAKLARI VİDEOLAR VE FOTOĞRAFLAR SAYFASI CSS BAŞLANGIÇ*/
.videolar > .nav-tabs {
    display: table !important;
    margin: 0 auto !important;
}

.ic-tab.bes.videolar {
    margin-bottom: 30px;
}

.videolar li {
    /*width: 18.4% !important;*/
    border: 1px solid #BBB9B9;
    border-radius: 5px;
    padding: 5px;
    margin-right: auto;
}

    .videolar li > a {
        background-color: #fff !important;
        padding: 1px !important;
    }

        .videolar li > a > img {
            width: 100% !important;
        }

        .videolar li > a > span {
            display: block;
            background-color: #575757;
            text-align: center;
            min-height: 46px !important;
            width: 100% !important;
            padding: 10px !important;
            margin-top: 3px;
            text-align: center !important;
        }
/*İNSAN KAYNAKLARI VİDEOLAR VE FOTOĞRAFLAR SAYFASI CSS BİTİŞ*/


/*EKRAN BOYUTLARI 1200px ALTINDA OLDUĞUNDA DEĞİŞMESİNİ İSTEDİĞİMİZ CSS LER BAŞLANGIÇ*/
@media only screen and (max-width: 1200px) {

    .videolar li {
        width: 33.3% !important;
        border: 1px solid #BBB9B9;
        border-radius: 5px;
        padding: 3px;
        margin-right: auto;
    }

    .personel-tab .videolar > .nav-tabs > li > a > span {
        height: 55px;
        display: block;
        min-height: inherit !important;
    }
    /*VİDEOLAR VE FOTOĞRAFLAR CSS BİTİŞ*/

    /*KANUNLAR CSS BAŞLANGIÇ*/
    .kanunlar > .nav-tabs > li > a > span {
        min-height: 55px;
        padding: 9px;
        height: auto;
    }
    /*KANUNLAR CSS BİTİŞ*/

}
/*EKRAN BOYUTLARI 1200px ALTINDA OLDUĞUNDA DEĞİŞMESİNİ İSTEDİĞİMİZ CSS LER BİTİŞ*/

/*EKRAN BOYUTLARI 1024px ALTINDA OLDUĞUNDA DEĞİŞMESİNİ İSTEDİĞİMİZ CSS LER BAŞLANGIÇ*/
@media only screen and (max-width: 1024px) {

    /*İÇ TAB CSS BAŞLANGIÇ*/
    .personel-tab .tab-content .ic-tab > .nav-tabs > li > a > span {
        height: 53px;
        min-height: inherit;
        padding: 8px;
    }
    /*İÇ TAB CSS BİTİŞ*/

}
/*EKRAN BOYUTLARI 1024px ALTINDA OLDUĞUNDA DEĞİŞMESİNİ İSTEDİĞİMİZ CSS LER BİTİŞ*/

/*EKRAN BOYUTLARI 680px İLE 1024px ARASINDAOLDUĞUNDA DEĞİŞMESİNİ İSTEDİĞİMİZ CSS LER BAŞLANGIÇ*/
@media only screen and (min-width: 680px) and (max-width: 1024px) {

    /*İÇ TAB CSS BAŞLANGIÇ*/
    .personel-tab .tab-content .ic-tab > .nav-tabs > li > a > span {
        display: block;
        vertical-align: middle;
        height: 98px;
        padding: 0;
    }
    /*İÇ TAB CSS BİTİŞ*/

    /*KANUNLAR CSS BAŞLANGIÇ*/
    .kanunlar > .nav-tabs > li > a > span {
        height: 90px;
        padding: 22px;
    }
    /*KANUNLAR CSS BİTİŞ*/

}
/*EKRAN BOYUTLARI 680px İLE 1024px ARASINDAOLDUĞUNDA DEĞİŞMESİNİ İSTEDİĞİMİZ CSS LER BİTİŞ*/

/*EKRAN BOYUTLARI 992px ALTINDA OLDUĞUNDA DEĞİŞMESİNİ İSTEDİĞİMİZ CSS LER BAŞLANGIÇ*/
@media only screen and (max-width: 992px) {

    /*KANUNLAR CSS BAŞLANGIÇ*/
    .kanunlar > .nav-tabs > li > a > span {
        min-height: 72px;
    }
    /*KANUNLAR CSS BİTİŞ*/

}
/*EKRAN BOYUTLARI 992px ALTINDA OLDUĞUNDA DEĞİŞMESİNİ İSTEDİĞİMİZ CSS LER BİTİŞ*/

/*EKRAN BOYUTLARI 768px ALTINDA OLDUĞUNDA DEĞİŞMESİNİ İSTEDİĞİMİZ CSS LER BAŞLANGIÇ*/
@media only screen and (max-width: 768px) {

    /*KANUNLAR CSS BAŞLANGIÇ*/
    .kanunlar > .nav-tabs > li > a > span {
        min-height: 72px;
        font-size: 12px;
    }
    /*KANUNLAR CSS BİTİŞ*/

    /*VİDEOLAR VE FOTOĞRAFLAR CSS BAŞLANGIÇ*/
    .personel-tab .videolar > .nav-tabs > li > a > span {
        height: 75px;
        display: block;
        min-height: inherit !important;
    }
    /*VİDEOLAR VE FOTOĞRAFLAR CSS BİTİŞ*/

}
/*EKRAN BOYUTLARI 768px ALTINDA OLDUĞUNDA DEĞİŞMESİNİ İSTEDİĞİMİZ CSS LER BİTİŞ*/

/*EKRAN BOYUTLARI 680px ALTINDA OLDUĞUNDA DEĞİŞMESİNİ İSTEDİĞİMİZ CSS LER BAŞLANGIÇ*/
@media only screen and (max-width: 680px) {

    /*ALT MENÜ CSS BAŞLANGIÇ*/
    .altmenu .nav-tabs > li {
        width: 20%;
    }

    .altmenu .nav-tabs li > a {
        font-size: 13px;
    }
    /*ALT MENÜ CSS BİTİŞ*/

    /*KUVVET KOMUTANLIKLARI RESİMLERİ BAŞLANGIÇ*/
    .kuvvetler img {
        width: auto;
        height: 145px;
    }

    /*KUVVET KOMUTANLIKLARI RESİMLERİ BİTİŞ*/

    /*KUVVET KOMUTANLIKLARI YAZI ÇERÇEVESİ BAŞLANGIÇ*/
    .kuvvetler > .cerceve {
        font-size: 13px;
    }
    /*KUVVET KOMUTANLIKLARI YAZI ÇERÇEVESİ BİTİŞ*/

    /*İÇ TAB CSS BAŞLANGIÇ*/
    .personel-tab .tab-content .ic-tab > .nav-tabs > li {
        width: 25%;
        margin-bottom: 5px;
    }

        .personel-tab .tab-content .ic-tab > .nav-tabs > li > a > span {
            display: block;
            vertical-align: middle;
            height: 90px;
            font-size: 12px;
            padding: 10px;
            font-size: 13px;
        }

    .personel-tab .tab-content .iki > .nav-tabs > li {
        width: 50%;
        margin-bottom: 5px;
        padding: 0 0;
    }

        .personel-tab .tab-content .iki > .nav-tabs > li > a > span {
            text-align: center;
            padding: 10px;
            font-size: 10px;
            height: 50px;
        }

    .personel-tab .tab-content .uc > .nav-tabs > li {
        width: 33%;
        margin-bottom: 5px;
        padding: 0 0;
    }

        .personel-tab .tab-content .uc > .nav-tabs > li > a > span {
            text-align: center;
            padding: 10px;
            font-size: 10px;
            height: 100px;
        }
    /*İÇ TAB CSS BİTİŞ*/

    /*KANUNLAR CSS BAŞLANGIÇ*/
    .kanunlar > .nav-tabs > li {
        width: 25% !important;
        margin-bottom: 1px;
        padding: 0 0;
    }

        .kanunlar > .nav-tabs > li > a {
            padding-left: 5px;
        }

            .kanunlar > .nav-tabs > li > a:hover {
                font-size: 12px;
                padding-left: 5px;
            }

        .kanunlar > .nav-tabs > li.active > a {
            font-size: 12px;
            padding-left: 5px;
        }

        .kanunlar > .nav-tabs > li > a > span {
            min-height: 105px;
            font-size: 11px;
            padding: 22px;
        }
    /*KANUNLAR CSS BİTİŞ*/

    /*ORTALA CSS BAŞLANGIÇ*/
    .ortala img {
        width: 140px;
    }
    /*ORTALA CSS BİTİŞ*/

    /*CERCEVE CSS BAŞLANGIÇ*/
    .cerceve {
        font-size: 13px;
        text-align: center;
    }
    /*CERCEVE CSS BİTİŞ*/

    /*VİDEOLAr CSS BAŞLANGIÇ*/
    .personel-tab .videolar > .nav-tabs > li {
        height: auto;
    }

        .personel-tab .videolar > .nav-tabs > li > a > span {
            height: 75px;
            display: block;
            min-height: inherit !important;
        }
    /*CERCEVE CSS BİTİŞ*/

}
/*EKRAN BOYUTLARI 680px ALTINDA OLDUĞUNDA DEĞİŞMESİNİ İSTEDİĞİMİZ CSS LER BİTİŞ*/

/*EKRAN BOYUTLARI 633px ALTINDA OLDUĞUNDA DEĞİŞMESİNİ İSTEDİĞİMİZ CSS LER BAŞLANGIÇ*/
@media only screen and (max-width: 633px) {

    /*VİDEOLAR CSS BAŞLANGIÇ*/
    .personel-tab .videolar > .nav-tabs > li > a > span {
        height: 65px;
        font-size: 11px;
        display: block;
        min-height: inherit !important;
    }
    /*VİDEOLAR CSS BİTİŞ*/

}
/*EKRAN BOYUTLARI 633px ALTINDA OLDUĞUNDA DEĞİŞMESİNİ İSTEDİĞİMİZ CSS LER BİTİŞ*/

/*EKRAN BOYUTLARI 580px ALTINDA OLDUĞUNDA DEĞİŞMESİNİ İSTEDİĞİMİZ CSS LER BAŞLANGIÇ*/
@media only screen and (max-width: 580px) {

    /*ALT MENÜ CSS BAŞLANGIÇ*/
    .altmenu .nav-tabs > li {
        width: 25%;
        margin-bottom: 5px;
    }

    .altmenu .nav-tabs li > a {
        font-size: 13px;
    }

    .altmenu .nav-tabs > li:last-child {
        display: block;
        margin: 0 auto;
        float: none;
        clear: both;
    }
    /*ALT MENÜ CSS BİTİŞ*/

    /*KUVVET KOMUTANLIKLARI RESİMLERİ CSS BAŞLANGIÇ*/
    .kuvvetler img {
        width: auto;
        height: 145px;
    }


    /*KUVVET KOMUTANLIKLARI RESİMLERİ CSS BİTİŞ*/

    /*KUVVET KOMUTANLIKLARI YAZI ÇERÇEVESİ CSS BAŞLANGIÇ*/
    .kuvvetler > .cerceve {
        font-size: 13px;
        height: 45px;
    }
    /*KUVVET KOMUTANLIKLARI YAZI ÇERÇEVESİ CSS BİTİŞ*/

    /*DIŞ TAB CSS BAŞLANGIÇ*/
    .personel-tab .dis-tab > .nav-tabs > li {
        width: 20%;
        font-size: 13px;
        padding: 0 0;
    }

        .personel-tab .dis-tab > .nav-tabs > li > a {
            width: 85px;
            height: 85px;
        }

            .personel-tab .dis-tab > .nav-tabs > li > a:hover {
                width: 85px;
                height: 85px;
            }

        .personel-tab .dis-tab > .nav-tabs > li.active > a {
            width: 85px;
            height: 85px;
        }

        .personel-tab .dis-tab > .nav-tabs > li > a > span {
            width: 85px;
            height: 85px;
        }
    /*DIŞ TAB CSS BİTİŞ*/

    /*KANUNLAR CSS BAŞLANGIÇ*/
    .kanunlar > .nav-tabs > li {
        width: 50% !important;
        margin-bottom: 1px;
        padding: 0 0;
    }

        .kanunlar > .nav-tabs > li > a {
            padding-left: 5px;
        }

            .kanunlar > .nav-tabs > li > a:hover {
                font-size: 12px;
                padding-left: 5px;
            }

        .kanunlar > .nav-tabs > li.active > a {
            font-size: 12px;
            padding-left: 5px;
        }

        .kanunlar > .nav-tabs > li > a > span {
            min-height: 74px;
            font-size: 11px;
            padding: 22px;
        }
    /*KANUNLAR CSS BİTİŞ*/

    /*İÇ TAB CSS BAŞLANGIÇ*/
    .personel-tab .tab-content .ic-tab > .nav-tabs > li {
        width: 25%;
        margin-bottom: 5px;
    }

        .personel-tab .tab-content .ic-tab > .nav-tabs > li > a > span {
            height: 90px;
            padding: 10px;
        }

    .personel-tab .tab-content .iki > .nav-tabs > li {
        width: 50%;
        margin-bottom: 5px;
        padding: 0 0;
    }

        .personel-tab .tab-content .iki > .nav-tabs > li > a > span {
            text-align: center;
            padding: 10px;
            font-size: 10px;
            height: 50px;
        }

    .personel-tab .tab-content .uc > .nav-tabs > li {
        width: 33%;
        margin-bottom: 5px;
        padding: 0 0;
    }

        .personel-tab .tab-content .uc > .nav-tabs > li > a > span {
            text-align: center;
            padding: 10px;
            font-size: 10px;
            height: 100px;
        }
    /*İÇ TAB CSS BİTİŞ*/

    /*TAB LİSTE CSS BAŞLANGIÇ*/
    .tab-liste .panel-heading a {
        font-size: 14px;
    }
    /*TAB LİSTE CSS BİTİŞ*/

    /*ORTALA CSS BAŞLANGIÇ*/
    .ortala img {
        width: 140px;
    }
    /*ORTALA CSS BİTİŞ*/

    /*CERCEVE CSS BAŞLANGIÇ*/
    .cerceve {
        font-size: 13px;
        text-align: center;
    }
    /*CERCEVE CSS BİTİŞ*/

}
/*EKRAN BOYUTLARI 580px ALTINDA OLDUĞUNDA DEĞİŞMESİNİ İSTEDİĞİMİZ CSS LER BİTİŞ*/

/*EKRAN BOYUTLARI 480px ALTINDA OLDUĞUNDA DEĞİŞMESİNİ İSTEDİĞİMİZ CSS LER BAŞLANGIÇ*/
@media only screen and (max-width: 480px) {

    /*ALT MENÜ CSS BAŞLANGIÇ*/
    .altmenu .nav-tabs > li {
        width: 50%;
        height: 30px;
        margin-bottom: 5px;
    }

    .altmenu .nav-tabs li > a {
        font-size: 12px;
        padding: 5px;
        height: 30px;
    }
    /*ALT MENÜ CSS BİTİŞ*/

    /*KUVVET KOMUTANLIKLARI RESİMLERİ CSS BAŞLANGIÇ*/
    .kuvvetler img {
        width: auto;
        height: 145px;
    }

    /*KUVVET KOMUTANLIKLARI RESİMLERİ CSS BİTİŞ*/

    /*KUVVET KOMUTANLIKLARI YAZI ÇERÇEVESİ CSS BAŞLANGIÇ*/
    .kuvvetler > .cerceve {
        font-size: 14px;
        height: 70px;
    }
    /*KUVVET KOMUTANLIKLARI YAZI ÇERÇEVESİ CSS BİTİŞ*/

    /*DIŞ TAB CSS BAŞLANGIÇ*/
    .personel-tab .dis-tab > .nav-tabs > li {
        width: 33%;
        font-size: 13px;
        margin-bottom: 5px;
        padding: 0 0;
    }
    /*DIŞ TAB CSS BİTİŞ*/

    /*İÇ TAB CSS BAŞLANGIÇ*/
    .personel-tab .tab-content .ic-tab > .nav-tabs > li {
        width: 25%;
        margin-bottom: 5px;
        padding: 0 0;
    }

        .personel-tab .tab-content .ic-tab > .nav-tabs > li > a {
            padding-left: 5px;
        }

            .personel-tab .tab-content .ic-tab > .nav-tabs > li > a > span {
                font-size: 12px;
                padding-left: 5px;
                height: 105px;
            }

    .personel-tab .tab-content .iki > .nav-tabs > li {
        width: 50%;
        margin-bottom: 5px;
        padding: 0 0;
    }

        .personel-tab .tab-content .iki > .nav-tabs > li > a > span {
            text-align: center;
            padding: 10px;
            font-size: 12px;
            height: 50px;
        }

    .personel-tab .tab-content .uc > .nav-tabs > li {
        width: 33%;
        margin-bottom: 5px;
        padding: 0 0;
    }

        .personel-tab .tab-content .uc > .nav-tabs > li > a > span {
            text-align: center;
            padding: 10px;
            font-size: 12px;
            height: 100px;
        }
    /*İÇ TAB CSS BİTİŞ*/

    /*KANUNLAR CSS BAŞLANGIÇ*/
    .kanunlar > .nav-tabs > li {
        width: 100% !important;
        margin-bottom: 1px;
        padding: 0 0;
    }

        .kanunlar > .nav-tabs > li > a {
            padding-left: 5px;
        }

            .kanunlar > .nav-tabs > li > a:hover {
                font-size: 12px;
                padding-left: 5px;
            }

        .kanunlar > .nav-tabs > li.active > a {
            font-size: 12px;
            padding-left: 5px;
        }

        .kanunlar > .nav-tabs > li > a > span {
            min-height: 50px;
            font-size: 11px;
            padding: 10px;
        }
    /*KANUNLAR CSS BİTİŞ*/

    /*TAB LİSTE CSS BAŞLANGIÇ*/
    .tab-liste .panel-heading a {
        font-size: 13px;
    }
    /*TAB LİSTE CSS BİTİŞ*/

    /*ORTALA CSS BAŞLANGIÇ*/
    .ortala img {
        width: 120px;
    }
    /*ORTALA CSS BİTİŞ*/

    /*ÇERÇEVE CSS BAŞLANGIÇ*/
    .cerceve {
        font-size: 13px;
        text-align: center;
    }
    /*ÇERÇEVE CSS BİTİŞ*/

    /*VİDEOLAR CSS BAŞLANGIÇ*/
    .personel-tab .videolar > .nav-tabs > li {
        width: 44% !important;
        margin: 5px 2% !important;
    }

        .personel-tab .videolar > .nav-tabs > li > a > span {
            width: 100%;
            display: block;
            height: auto;
        }

        .personel-tab .videolar > .nav-tabs > li > a > span {
            height: 50px;
            font-size: 12px;
            display: block;
            min-height: inherit !important;
        }
    /*VİDEOLAR CSS BİTİŞ*/

}
/*EKRAN BOYUTLARI 480px ALTINDA OLDUĞUNDA DEĞİŞMESİNİ İSTEDİĞİMİZ CSS LER BİTİŞ*/


/*EKRAN BOYUTLARI 200px VE 380px ARASINDA OLDUĞUNDA DEĞİŞMESİNİ İSTEDİĞİMİZ CSS LER BAŞLANGIÇ*/
@media only screen and (min-width: 200px) and (max-width: 380px) {

    /*ALT MENÜ CSS BAŞLANGIÇ*/
    .altmenu .nav-tabs > li {
        width: 50%;
        height: 30px;
        margin-bottom: 5px;
    }

    .altmenu .nav-tabs li > a {
        font-size: 12px;
        padding: 5px;
        height: 30px;
    }

    .altmenu .nav-tabs > li:last-child {
        display: block;
        margin: 0 auto;
        float: none;
        clear: both;
    }
    /*ALT MENÜ CSS BİTİŞ*/

    /*KUVVET KOMUTANLIKLARI RESİMLERİ CSS BAŞLANGIÇ*/
    .kuvvetler img {
        height: 100px;
    }

    /*KUVVET KOMUTANLIKLARI RESİMLERİ CSS BİTİŞ*/

    /*KUVVET KOMUTANLIKLARI YAZI ÇERÇEVESİ CSS BAŞLANGIÇ*/
    .kuvvetler > .cerceve {
        font-size: 14px;
        height: 65px;
        padding: 0 0;
    }
    /*KUVVET KOMUTANLIKLARI YAZI ÇERÇEVESİ CSS BİTİŞ*/

    /*DIŞ TAB CSS BAŞLANGIÇ*/
    .personel-tab .dis-tab > .nav-tabs > li {
        width: 33%;
        font-size: 12px;
        margin-bottom: 5px;
        padding: 0 0;
    }
    /*DIŞ TAB CSS BİTİŞ*/

    /*İÇ TAB CSS BAŞLANGIÇ*/
    .personel-tab .tab-content .ic-tab > .nav-tabs > li {
        width: 25%;
        margin-bottom: 5px;
        padding: 0 0;
    }

        .personel-tab .tab-content .ic-tab > .nav-tabs > li > a {
            padding-left: 5px;
        }

            .personel-tab .tab-content .ic-tab > .nav-tabs > li > a > span {
                font-size: 10px;
                padding-left: 5px;
                height: 105px;
            }

    .personel-tab .tab-content .iki > .nav-tabs > li {
        width: 50%;
        margin-bottom: 5px;
        padding: 0 0;
    }

        .personel-tab .tab-content .iki > .nav-tabs > li > a > span {
            text-align: center;
            padding: 10px;
            font-size: 10px;
            height: 50px;
        }

    .personel-tab .tab-content .uc > .nav-tabs > li {
        width: 33%;
        margin-bottom: 5px;
        padding: 0 0;
    }

        .personel-tab .tab-content .uc > .nav-tabs > li > a > span {
            text-align: center;
            padding: 10px;
            font-size: 10px;
            height: 100px;
        }
    /*İÇ TAB CSS BİTİŞ*/

    /*KANUNLAR CSS BAŞLANGIÇ*/
    .kanunlar > .nav-tabs > li {
        width: 100% !important;
        margin-bottom: 1px;
        padding: 0 0;
    }

        .kanunlar > .nav-tabs > li > a {
            padding-left: 5px;
        }

            .kanunlar > .nav-tabs > li > a:hover {
                font-size: 12px;
                padding-left: 5px;
            }

        .kanunlar > .nav-tabs > li.active > a {
            font-size: 12px;
            padding-left: 5px;
        }

        .kanunlar > .nav-tabs > li > a > span {
            min-height: 50px;
            font-size: 11px;
            padding: 10px;
        }
    /*KANUNLAR CSS BİTİŞ*/

    /*TAB LİSTE CSS BAŞLANGIÇ*/
    .tab-liste .panel-heading a {
        font-size: 12px;
    }
    /*TAB LİSTE CSS BİTİŞ*/

    /*ORTALA CSS BAŞLANGIÇ*/
    .ortala img {
        width: 100px;
    }
    /*ORTALA CSS BİTİŞ*/

    /*ÇERÇEVE CSS BAŞLANGIÇ*/
    .cerceve {
        font-size: 12px;
    }
    /*ÇERÇEVE CSS BİTİŞ*/

    /*VİDEOLAR CSS BAŞLANGIÇ*/
    .videolar li {
        border: 1px solid #BBB9B9;
        border-radius: 5px;
        padding: 3px !important;
        margin-right: 3px !important;
        margin-bottom: 10px !important;
    }

        .videolar li > a {
            background-color: #fff !important;
            width: 100% !important;
            padding: 1px !important;
        }

            .videolar li > a > img {
                width: 100% !important;
                padding: 1px !important;
            }

            .videolar li > a > span {
                background-color: #575757;
                display: block;
                text-align: center;
                min-height: 20px !important;
                height: 20px !important;
                padding: 1px !important;
                margin-top: 5px;
                font-size: 11px !important;
            }

    .personel-tab .videolar > .nav-tabs > li > a > span {
        display: block;
        height: 50px !important;
        font-size: 10px !important;
        display: block;
        min-height: inherit !important;
    }
    /*VİDEOLAR CSS BİTİŞ*/


}
/*EKRAN BOYUTLARI 200px VE 380px ARASINDA OLDUĞUNDA DEĞİŞMESİNİ İSTEDİĞİMİZ CSS LER BİTİŞ*/

/*İNSAN KAYNAKLARI CSS SON*/

/*KONUM:css/ik.css*/