Make Mobile View with Two Columns

Site URL: http://youngpharmacist.com

Hello! 

I am trying to make CSS code so that the page will be shown with two columns on mobile view. Can you please help? 

I tried the following but did not work 😞 

@media screen and (max-width:800px) {
  block-yui_3_17_2_1_1627944403450_27534 {
    width: 50% !important;
    float: left !important;
}
}

Add to Design > Custom CSS

@media screen and (max-width:767px) {
div#page-section-610875f8453cf233243633d4 .span-6 {
    width: 50% !important;
    float: left !important;
}
div#page-section-610875f8453cf233243633d4 .span-6 p:empty {
    display: none;
}
}

@tuanphan Thank you so much!!! 

div#page-section-610875f8453cf233243633d4 .span-6 p:empty {
    display: none;
}