@media only screen and (max-width:576px){
    header{
        width: 100%;
        padding: 20px 10px;   
    }
    #header-iletisim{
        display: none;
    }
    nav{
        padding: 10px 10px;
        position: relative;
    }
    #menu-btn{
        display: block;
    }
    #menu{
        position: absolute;
        width: 200px;
        height: 100vh;
        top:50px;
        left: -200px;
        z-index: 1000;
        background-color: white;
    }
    #menu ul{
        flex-direction: column;
    }
    #menu-btn:hover+#menu{
        transform: translate(200px,0px);
        transition: all 1s;
    }
    main{
        width: 100%;       
    }
    #slider{
        flex-direction: column;
    }
    #slider_left{
        width: 100%;
        text-align: center;
        height: auto;
        padding: 0px 10px 20px 10px;
    }
    #slider_left a{
        margin-left: auto;
        margin-right: auto;
    }
    #slider_right{
        width: 100%;
        height: 250px;        
    }
    #uzmanlikalanlari{
        height: ;
    }

   

}