.logo img{
    width: 100%;
    max-width:220px;
    height: auto;
    margin-left: 70px;

}
.logoresimyazi{
    display: none;
}


.menuler{
    
    width: 100%;
    height: auto;
    
}
.menuler .iletisimmenu img{
    display: none;
}

.menuler ul{
   
    max-width: 500px;
    margin-left: 52%;
    margin-top: -60px;
    list-style: none;
}

.menuler li{
    
    -webkit-border-radius: 5%; /*chrome için*/
    -moz-border-radius: 5%; /*mozilla için*/
    border-radius: 5%;
    background-color: rgb(226, 226, 226);
    display: inline;
    padding: 2%;
}



.menuler li a{
   
    font: 15px;
    color: black;
    text-decoration: none;
}
.menuler ul :hover{
    background-color:#b5b5cf;
    transition-duration:0.5s;
}
.resimler img{
    -webkit-border-radius: 10%; /*chrome için*/
    -moz-border-radius: 10%; /*mozilla için*/
    border-radius: 10%;
  
    width:100%;
    max-width: 350px;
    height:350px;
}
.resimler{
    margin-top: 20px;
    text-align: center;
}
.arayazi{
    
    margin-top: 24px;
   width: 100%;
   height: auto;
   font-size: 17px;

}
.bilgiler{
    width: 100%;
    height:auto;
    margin-top: 30px;
display: flex;
justify-content: center;
    
 }
 .hakındam{
    font-size: 17px;
    width: 100%;
    height: auto;
 }
 .hakındam h3{
    text-align: center;
 }

 .hizmetlermiz{
   
    margin-right: 50px;
  float: left;
    width: 100%;
    height: auto;
    max-width: 500px;
 }
 .hizmetlermiz h3{
   
    text-align: center;
 }

.hizmetyazi{
    
    margin-left: 20px;
    margin-right: 20px;
}
.iletisim{
    float: left;
    width: 100%;
    height: auto;
    max-width: 500px;
}
.iletisim h3{
   
    text-align: center;
 }
.iletisimyazi{
    text-align: left;
    margin-left: 50px;
    margin-right: 50px;
    
}
.iletisimyazi img{
    margin: 10px;
    width: 40px;
    height: auto;
}
.iletisim a{
   
    color:#694b9c;
}

.kontrol{
margin-top: 15px;
position: relative;
float: right;
margin-right: 1%;
cursor: pointer;
display: none;
}
#kontrol{
    display: none;
}
.enaltyazı{
width: 100%;
height: auto;

}
    .footer-items{
        font-size: 21px;
    text-align: center;
    }
    .footer-span a{  
        text-decoration: none;
    color: red;
    }

@media screen and (max-width:1120px) {
    .menuler ul{
        margin-left: 43%;
    }
        
    }

    
@media screen and (max-width:945px) {
    .menuler ul{
        margin-left: 33%;
    }

}
@media screen and (max-width:800px) {
    .menuler ul{
        font-size: 15px;
        margin-left: 25%;
        margin-top: -44px;
    }
    .logo img{
      
        max-width: 130px;
        margin-left: 50px;
    
    }
    .logoyazı{
        font-size: 13px;
        margin-left: 5px;
        margin-top: -17px;
        max-width: 200px;
     
        
    }
}
@media screen and (max-width:725px) {
    .resimler img{
       
        width:100%;
        max-width: 270px;
        height:270px;
    }
    .resimler{
        text-align: center;
    }
    }
    @media screen and (max-width:560px) {
        .resimler img{
           
            width:100%;
            max-width: 230px;
            height:230px;
        }
        .resimler{
            text-align: center;
        }
        }
        @media screen and (max-width:600px) {
            .bilgiler{
                display: flex;
                flex-direction: column;
                
             }
             .iletisim{
                margin-top: 40px;
                
            }
            .hizmetlermiz{
                margin-right:0px;
            
                width: 100%;
                height: auto;
                max-width: 500px;
              
             }
             .hizmetyazi{
                
                margin-left: 30px;
                margin-right: 30px;
            }
            .iletisimyazi{
                
                margin-left: 30px;
                margin-right: 30px;
                
            }
            }
        @media screen and (max-width:482px) {
            .resimler img{
               
                width:100%;
                max-width: 400px;
                height:380px;
            }
            .resimler{
                text-align: center;
            }
            }

@media screen and (max-width:670px) {
    .menuler ul :hover{
        background-color: rgb(226, 226, 226);
    transition-duration:0.5s;
}
    .kontrol{
        display: block;
    }


.menuler{
    
    margin-top: -165px;
    float: left;
}
.menuler .iletisimmenu img{
    margin-left: 20px;
    width: 40px;
    float: left;
    padding: 3%;
    display: block;
    margin-top: 60px;

}
.menuler img{
    width: 20px;
    height: auto;
}

.menuler ul{
   
    margin: 0px;
    padding: 0px;
    background-color: rgb(226, 226, 226);
    position: absolute;
       margin-left:-8px;
       width: 250px;
       height: 400px;
       display: none;
}
.menuler ul li{
    line-height: 40px;
    text-decoration: underline 3px black;
  text-underline-offset: 16px;
       display: block;
       margin: 0px;
       padding: 4%;
       font-size: 18px;
       background-color: rgb(226, 226, 226);
}

.logo img{
display: none;

}
.logoyazı{
   display: none;
    
}
.logoresimyazi{
    margin-top: 20px;
    text-align: center;
    display: block;
}



    #kontrol:checked~ul{
        display: block;
    }
}