body {
    font-size: 13px;
    font-family: sans-serif;
    margin:0;
    bottom:0;
    padding:0;
    min-width:430px;
}

/*KATEGORİLER*/
.kategoriler{
    /*margin-top:25px !important;*/
}
.th_table_kategoriler {
    background-color: darkgray;
    color: white;
    text-align: center;
}

/*DUYURULAR*/
.duyurular{
    width:100%;
}
.th_table_duyurular {
    border: none;
    background-color: #f5f5f5;
    color: #6b1885;
    text-align: center;
    border-radius: 10px;
}

.span_table_duyurular {
    font-size: 10px;
    font: italic;
    background-color:burlywood;
    padding:3px;
}

/*INDEX*/
.h1_name_company {
    font-family: 'Aclonica', sans-serif;
    padding: 2px;
    margin: 2px;
}
.p_book {
    font-size: 17px !important;
    font-family: "Times New Roman", Times, serif !important;
}
.index_ilan_adi{

}
.urun_bilgi:hover {
    background-color: #f3fcd2 !important;
    color: orangered !important;
}
.index_h1_egitim {
    color: rgb(211 82 6);
}
.index_h2_icerik {
    color: #ff6a00;
}
.index_p_icerik{
    color:#606060;
}
.index_p_firma{
    color:darkgray;
}
.index_col_area{
    min-height:250px;
    margin-top:-20px;
}
.index_row_area{
    margin-top:30px;
}
.index_container-fluid_area {
    text-align: center;
    padding: 30px;
    margin-bottom:15px;
}
.index_img_siniflar{
    width:100%;
    max-width:543px;
    height:auto;
    max-height:340px;
    margin-top:5px !important;
}

.index_jumbotron {
    position: relative;
    text-align: center;
    padding: 40px;
    background: rgb(244,103,21);
    background: linear-gradient(180deg, rgba(244,103,21,1) 0%, rgba(191,100,36,1) 68%, rgba(179,110,62,1) 100%);
    z-index: 0;
    color: #fff;
    height:393px;
}

    .index_jumbotron:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background-image: url("../img/template/logo.png");
        background-size:450px 450px;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        opacity: 0.2;
        z-index: -1;
    }
.index_img_map{
    width:100%;
    height:auto;
    max-height:500px;
    max-width:900px;
}
.title_of_index_picture{
    color:white;
    font-size:22px;
    font-weight:bold;
    margin-left:180px;
}
/*FORMS*/
.forms_h3_title {
    color: #bd5003;
}
.forms_h3_subtitle {
    color: #a04403;
}
.name_input {
    color: #bd5003;
    font-size: 14px;
}
.uyari_span{
background-color:red;
color:white;
font-size:15px;
padding:3px;
margin:15px;
line-height:25px;
}


/*MESSAGE*/
.mesaj_h4 {
    font-size: 16px;
}
.mesaj_span_badge {
    background-color: #9f4505;
    color: white;
    margin-right: 5px;
    margin-top: -1px;
}
.mesaj_span_label {
    color:white;
    background-color: #d75c05;
    padding: 5px 15px;
}

/*SAZSS INDEX*/
.a_sazss_index {
    background-color: #fbe4e4;
    width: 150px;
    height: 150px;
    margin: 20px 10px;
    padding:20px;
    border-radius: 75px;
}
.a_sazss_index:hover {
    background-color: #fb6262 !important;
    color: white;
}
.a_img_sazss_index{
    padding:2px;
}
/*EKLE DÜZENLE SİL SAYFALARI*/
.p_add_categories{
    color:white !important;
    text-decoration:none;
}
    .p_add_categories:hover {
        color: #f6f5f5 !important;
        text-decoration: none;
    }

/*URUN EKLE - DUZENLE SAYFASI*/
.ilanbaslikyeni {
    width: 70%;
    max-width: 700px;
    padding: 15px;
    font-weight: 600;
    color: #808080;
    text-transform: uppercase;
}

.aciklama {
    max-width: 100% !important;
    max-height: 400px;
    height: 300px;
    min-height: 300px;
    padding: 15px;
    font-weight: 600;
    color: #808080;
    text-transform:uppercase;
}

/*LOGİN & REGİSTER*/
.login_register_form {
    background-color: white;
    border-radius: 25px;
    margin-top: 110px;
}

/*FOOTER*/
#footer_bottom_my{
    margin-top:45px;
}

/*index menu*/
.div_bg_img_index {
    margin-top: -45px !important;
}
.bg_img_index {
  width:100%;
  height:auto;
}
/*MEDİA ELEMENTE*/
@media screen and (max-width:767px) {
    .div_bg_img_index {
        margin-top: -2px !important;
    }
}
@media screen and (min-width:768px) and (max-width:991px) {
    .div_bg_img_index {
        margin-top: 40px !important;
    }
}
@media screen and (min-width:992px)and (max-width:1199px) {
    .div_bg_img_index {
        margin-top: -15px !important;
    }
}
@media screen and (min-width:1200px) {
    .div_bg_img_index {
        margin-top: -15px !important;
    }
}