Mobile CSS Fixes

/* ===== MOBILE & TABLET FIXES ===== */
body, html { overflow-x: hidden; }
@media screen and (max-width: 768px) {
.wrapper { padding: 0 20px !important; }
#header { width: 100% !important; }
#intro-slider .inner-slider ul { height: 350px !important; }
#intro-slider .inner-slider ul li span { font-size: 3rem !important; }
#intro-slider .inner-slider ul li span.sub-title { font-size: 1.4rem !important; }
#main { padding: 40px 0 !important; }
html { font-size: 52%; }
.project-section .project-img, .project-section .project-text { width: 100% !important; float: none !important; }
#footer .footer-bar { height: auto !important; text-align: center !important; }
}
@media screen and (max-width: 480px) {
.wrapper { padding: 0 15px !important; }
#intro-slider .inner-slider ul { height: 250px !important; }
html { font-size: 48%; }
}