/* 
    Document   : mobile-style.css
    Created on : May 14, 2013, 2:00:00 AM
    Author     : Shamim
    Description: Main Stylesheet for LotsOfEssays.com
    Updated    : July 17, 2014, 9:57:00 AM 
*/
@media only screen and (max-width: 40em) {
    .header.row #logo {
        font-size: 2.1em;
        height: 43px;
    }
    .top-bar {
        background: #846ba2;
    }
    .top-bar-section ul li {
        background: #481685;
    }
    .top-bar-section ul li > a.button.success {
        padding: 15px 0;
    }
    .top-bar-section ul li:hover:not(.has-form)>a {
        background-color: #846ba2;
        background: #846ba2;
        color: #fff;
    }
    .top-bar-section .dropdown li {
        background: #481685;
    }
    .content .searchbox .inputsearchsubmit {
        position: relative;
        margin-top: 10px;
    }
    .content .searchwrapper.home {
        height: 245px;
        background-size: 100% 100%;
    }
    .content .panel.essays {
        padding-left: 0;
    }
    .content .panel.essays .inline-list.steps > li {
        margin-top: 18px;
    }
    .content .panel.essays .inline-list.steps p {
        display: block;
        margin-top: 10px;
        margin-left: 20px;
    }
    .content .panel.essays .inline-list li {
        display: block;
        margin-left: 0;
    }
    .content .panel.essays .inline-list.steps p:last-child {
        width: 100%;
    }
    .mobilesearch{
        width: 100%;
        padding: 0;
        margin: 0;
    }

}