RealSpaces theme single property mobile layout

By default single property pages in the Real Spaces theme shows related property just below the slider of images whereas the property details comes after it when viewed on the small screens like mobile. To relayout it to show property details and contact details before the related properties, this custom javascript and CSS can be added at Theme Options => Custom CSS/JS

Javascript Code:

jQuery(document).ready(function(){
    var contact = jQuery('.property-template-default .sidebar .widget').first().clone();
    var desc = jQuery('.property-template-default .sidebar .widget').eq(1).clone();
    var info = jQuery('.property-template-default .sidebar .widget').last().clone();
    if(jQuery(window).width() < 767){
        jQuery('.single-property').append(desc);
        jQuery('.single-property').append(info);
        jQuery('.single-property').append(contact);
    }
});

CSS Code:

@media screen and (max-width:767px){
    .property-template-default .sidebar{
        display: none;
    }
}