#slide_in {
    position: fixed;
    height:100%;
    right: -230px;
    top:0px;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    box-shadow:0 0 5px #777;
    background: #455868;
    color:#fff;
    width:250px;
    padding:15px;
    box-sizing:padding-box;
    }
    #slide_lft:hover #slide_in {
        right: 0;
        }
    .sp{
    margin-top:20px;
    width:100%;
    height:50px;
    background-color:rgb(255, 102, 0);
    color:white;
    border-radius: 20px;
    font-size:18px;
    border-color:red;
    margin-right:0px;
    margin-left:0px;
    }
    .sp:hover{
        background-color:rgb(255, 102, 0,0.4); 
        border-color:red;
    }
    .au{
        color:white;
        font-size:18px;
    }

    @media only screen and (max-width : 480px){
        #slide_lft:hover {
            right: 60%;
            }
        #slide_in {
            right: -59%;
            }
            #slide_in {
                width:60%;
            } 
    }
    @media only screen and (max-width : 600px){
        #slide_lft:hover {
            right: 60%;
            }
        #slide_in {
            right: -59%;
            }
            #slide_in {
                width:60%;
            } 
    }
    @media only screen and (max-width : 320px){
        #slide_lft:hover {
            right: 60%;
            }
        #slide_in {
            right: -59%;
            }
            #slide_in {
                width:60%;
            } 
    }