body
{
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: Roboto, Helvetica, Tahoma, Arial;
    
}

a:link
{
    color: inherit;
    text-decoration: none;
}

a:visited
{
    color: inherit;
    text-decoration: none;
}
a:hover
{
    color: inherit;
    text-decoration: underline;
}
a:active
{
    color: inherit;
    text-decoration:none;
}

.icerik
{
    overflow: hidden;
    background-color: black;
}
.icerik2, .icerik4
{
    overflow: hidden;
}

.icerik3
{
    overflow: hidden;
    background-color: black;
    color: White;
    font-size:15px;
    padding:30px 0px 30px 0px;
}


ul#ustmenu
{
    margin-left: 0px;
    padding-left: 0px;
    list-style-type: none;
    font-size: 15px;
    float:right;
    width:100%;
}
#ustmenu li {
    list-style: none;
    position: relative;
    z-index: 100;
    min-height: 2px;
    text-align:center;
    margin: 0;
    padding: 0;
    float: left;
    width: 32%;
}
ul#ustmenu li a
{
    color: white;
    padding: 8px 3% 8px 3%;
    text-decoration: none;
}
    ul#ustmenu li a:hover
    {
        background-color: white;
        color:black;
    }

#menu
{
    text-align: left;
}
#divlogo
{
    position:relative;
    top:20%;
    left:10px;
}

#baslik br
{
    clear: both;
}

.icerik4
{
    background-color:White;
    color:#575757;
    padding:30px 20px 30px 20px;
}
.icerik2
{
    background-image: url("resimler/top_y.jpg");
    background-repeat: no-repeat;
    background-position:right center;
    height:220px;
}
#logo
{
    width: 100%;
}

#pr_baslik{
    background-color:white;
}


@media screen and (min-width: 768px)
{

    .icerik, .icerik2, .icerik3, .icerik4
    {
        margin: auto;
        max-width:1200px;
    }


    ul#ustmenu li
    {
        display: inline;
        padding: 1px 2px 1px 2px;
    }

    #divlogo
    {
        float: left;
        text-align: left;
        padding: 0;
    }
      #ikili_ayrli_k2 {
        float: left;
        width: 46%;
        margin: 0;
        padding: 5px 15px;
        text-align: left;
    }

    #ikili_ayrli_b2 {
        float: right;
        width: 46%;
        margin: 0;
        padding: 5px 15px;
        text-align: right;
    }
    /*İLK min-width: 770px*/

}

@media screen and (max-width: 767px)
{

    .icerik, .icerik2, .icerik3, .icerik4
    {
        margin: auto;
    }

    ul#ustmenu li
    {
        display: inline;
        padding: 1px 2px 1px 2px;
    }
   #divlogo
    {
        float: left;
        text-align: left;
        padding: 0;
    }
    /*2. max-width: 770px*/

      #ikili_ayrli_k2 {
        float: none;
        margin: 0;
        padding: 5px 15px;
        text-align: center;
    }

    #ikili_ayrli_b2 {
        float: none;
        margin: 0;
        padding: 5px 15px;
        text-align: center;
    }
}


@media screen and (max-width: 560px)
{


    .icerik2, .icerik3, .icerik4
    {
        margin: auto;
    }

    .icerik2
{
    background-image: none;
    height:220px;
}
    #sliderreena
    {
        display:none;
    }

  ul#ustmenu
{
    font-size: 4vw;
    float:none;
    width:100%;
    height:300px;
    padding:10% 0 10% 8%;
}
ul#ustmenu li {
    list-style: none;
    position: relative;
    z-index: 100;
    height:60px;
    text-align:center;
    margin: 25px 3%;
    padding: 0;
    float: left;
    width: 34%;
}

ul#ustmenu li.proj{
    width:70%;
}

ul#ustmenu li a
{
    
    color: white;
    text-decoration: none;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    width:100%;
    height:60px;
    background-color: black;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    margin:auto;
    align-content:center;
-webkit-align-content:center;
}
ul#ustmenu li.proj a{
    width:102%;
}
    ul#ustmenu li a:hover
    {
        background-color: white;
        color:black;
        border:2px solid #000;
    }

    .icerik
    {
        margin: auto;
        background-color:transparent;
    }
    #divlogo
    {
        width: 100%;
    top:10%;
        text-align: center;
        left:0;
    }
 

    #logo
    {
        width: 60%;
    }


body
{
    background-image: url("resimler/top_ym.jpg");
    background-repeat: no-repeat;
    background-size:100%;
}
    /*max-width: 560px*/
}




@media screen and (max-width : 400px)
{

    /*max-width : 400px*/
}