@media only screen and (max-width: 680px) {
article.item .content-wrap {margin: 10px 0; max-width: 99%; margin-top:5px !important;}  
.view-article #sp-main-body  {padding: 30px 0;}
.view-article article.item {float: none;width: 100%;}
article.item h2 {font-size: 30px;text-align: left !important;}
article.item h3 {text-align: left !important;}  
.view-article #sp-main-body {padding: 30px 0 !important;}
#sp-bottom > .row {padding: 5px 15px; max-width:99%;}
#sp-bottom1, #sp-bottom2, #sp-bottom3 {padding:0 7px; border:3px solid #20232E;} 
}
