#ana {
    margin: 30px;
    box-sizing: border-box;
    padding: 25px;
    border-radius: 2px;
    border: 1px solid #98dafc;
    #E9ECEF display: block;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
    background-color: #ffffff;

}

#baslık {
    background-color: #dbe9d8;
    color: #283018
}

a7404e < !-- #baslık_resim {
    float: left;
}

-- > body {
    background-color: #f8f9fa;
    /*#FFFFFF*/
    background-repeat: no-repeat;
    background-size: cover;
    font-family: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}





ul.nbul {

    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #16174f;
    /* #5677fc #2e2e39 */
}

li.nbli {
    float: left;
    padding: 2px 6px;

}


li.nbli a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li.nbli a:hover {

    color: #62bcfa;
    border-bottom: 3px solid #62bcfa;
    /* background-color: #98acfc;   a7b8fb
				  597484 */
}



img.banner {
    width: 100%;
    display: block;
}

< !-- banner start -- > * {
    box-sizing: border-box;
}

body {
    font-family: Verdana, sans-serif;
}

.mySlides {
    display: none;
}

img {
    vertical-align: middle;
}


#iletisimbilgileri {
    padding-top: 10px;
    padding-left: 20px;
    margin-right: 10px;
}

.private_e {float: left; width: 43%;}
.private_y {float: left; width: 43%;}

@media screen and (max-width:761px) 
{
    #icon {
        display: block;
        height: 50px;
        width: 100%;
        background: url(menu.png) no-repeat 98% center;
        cursor: pointer;
        background-color: #16174f; 
    }
    

        #navbar ul {
            overflow: hidden;
           height: 0;

        }

        #navbar ul.open {
            height: auto;
        }

        #navbar ul li {
            float: none;
        }
 
     


}

@media screen and (max-width:1017px) 
{
      .private_e {width: 93%; float: none;}
     
        
}

@media screen and (max-width:751px) 
{
      .private_e {width: 89%; float: none;}
     
        
}


@media screen and (max-width:1185px) 
{
      .private_y {width: 40%;  }
     
        
}

@media screen and (max-width:800px) 
{
      .private_y {width: 90%; float: none; }
     
        
}

@media screen and (max-width:487px) 
{
      .y_content {clear: both; padding-top: 2px; padding-bottom: 0px;}
     
        
}

@media screen and (max-width:1118px) and (min-width:800px) 
{
      .y_content {clear: both; padding-top: 2px; padding-bottom: 0px;}
     
        
}