@media screen and (max-width: 767px){

body a.button1,
body a.button2,
body a.button3{ width: 100%; display: block; box-sizing: border-box; font-size: 1.2em; margin-bottom: 3px; }

/*** Leave a Review Page
================================= ***/
body #edit-submitted-of-stars div.form-item {
    display: block; width: 100%; box-sizing: border-box; 
    margin: 0; text-align: center;
}

    
.songtable td{ text-align: center; }

.break{ clear: both; display: block;  }

table.responsive td{ width: 100% !important; display: block; box-sizing: border-box; }
    
/*** CUSTOM columns
================================ ***/
body .col2{ display: block; width: 100%; margin: 0 0 1em; box-sizing: border-box; }
body .col3{ display: block; width: 100%; margin: 0 0 1em; box-sizing: border-box; }

.break{ clear: both; display: block; }
.remove{ display: none; }

#block-block-8 img { width: 40px; height: 40px; }

#main-wrap table td{ font-size: 0.65em; padding: 2px; }

/*
#main-wrap table td{ width: 100%; display: block; box-sizing: border-box; text-align: center;}

#main-wrap table th{ display: none; }
*/

/*** Mobile Columns
=================================== ***/
/* body.page-node .field-col3 .field-item{ display: block; width: 100%; margin: 0 0 0.75%; } */

/*** Mobile Header 
==================================***/
body #logo { text-align: left; }
body #logo h2 a{ font-size: 18px; }

/*** Mobile News Node Pages
==================================== ***/
body h1.page-title{font-size: 2em; }

/*** Mobile News Node Pages
==================================== ***/ 
/*
.view-articles .views-row{ display: block; margin: 0; box-sizing: border-box; width: 100%; padding: 1em; }
*/

/*** Admin Quick Links
======================================== ***/
.quick-links a.button1,
.quick-links a.button2{ width: 100%; display: block; box-sizing: border-box; font-size: 0.65em; margin-bottom: 3px; }

} /**** ----- !!!! END @media screen *****/