Gap Between Text is Not Working on Responsive Theme

Hello;

All of my posts are aligned left on wordpress. On web version here is a gap between image and text which i like. But when it comes to responsive it is like that;

http://i.hizliresim.com/4rNlXJ.png

I want to also make a gap when it’s responsive. My simple CSS is like that;

@media (max-width: 768px) {
    .alignleft {
        float: left;
    }
    .alignright {
        float: right;
    }
}

Thank you!