#readerspanel {
    overflow: hidden;
    clear: both;
    margin-top: 15px;
}

#readerspanelleft {
    width:67%;
    float: left;
}

.lcolonly #readerspanelleft {
    width:100%;
}

#readerspanelright {
    width:30%;
    float: right;
    
}




#readerspanelright img{
    max-width: 100%;
    margin-bottom: 15px;
    clear: both;
}


.lcolonly #readerspanelright {
    display: none;
}


@media screen and (max-width : 1000px) {
    #readerspanelleft {
        width:70%;
    }
    
    .lcolonly #readerspanelleft {
        width:100%;
    }
    
    #readerspanelright {
        width:28%;
    }
    
    
}


@media screen and (max-width : 900px) {
    #readerspanelleft {
        width:65%;
    }
    
    .lcolonly #readerspanelleft {
        width:100%;
    }
    
    #readerspanelright {
        width:30%;
    }
    
   
}


@media screen and (max-width : 720px) {
    #readerspanelleft {
        width:100%;
        float: none;
       
    }
    
    #readerspanelright {
        width:100%;
        text-align: center;
        float: none;
       
    }
    
   
}