/* 
    Document   : responsive
    Created on : 15-Dec-2014, 23:38:19
    Author     : Tom
    Description:
        Purpose of the stylesheet follows.
*/

@media only screen and (min-width : 0px) and (max-width : 599px) {
    
    div#container_wrap {
        width: 100%;
    }
    
    div#header .logo {
        padding-right: 0;
        margin-bottom: 20px;
        text-align: center;
    }
    
    #logo_image {
        float: none !important;
        margin: auto;
    }
    
    .topsearch {
        display: none;
        margin-left: 0;
    }
    
    #searchbar input,
    #searchbar2 input {
        width: 80% !important;
        margin-bottom: 5px;
    }
    
    #facebook_container {
        display: none;
    }
    
    div#header ul#nav {
        height: 50px;
    }
    
    div#header ul#searchbar, #searchbar2 {
        height: 160px;
    }
    
    #searchbar {
        display: none;
    }
    
    #searchbar2 {
        display: block;
    }
    
    div#header ul#nav li a {
        line-height: 30px;
        padding: 4px 5px 5px 5px;
        padding-left: 10px;
    }
    
    div.one_third {
        width: 100%;
    }
    
    #result {
        width: 80%;
        margin-left: 10%;
    }
    
    div.large_left_column,
    div.small_left_column,
    div.large_right_column,
    #sidebar {
        width: 100%;
    }
    
    .clickzone {
        width: 100%;
    }
    
    div.main_content {
        width: 95%;
        padding: 0 2.5%;
        border: 0;
    }
    
    div#footer {
        height: 180px;
        background: url('../images/footer_bg.png') repeat-x top left;
        margin-bottom: 0;
    }
    
    div#footer .left,
    div#footer .right {
        width: 100%;
    }
    
    
    /* Home */
    
    div#welcome .about,
    div#welcome .gallery,
    div#feedback div.press {
        width: 100%;
    }
    
    div#homepage div#welcome {
        margin-top: 15px;
    }
    
    div#welcome .gallery ul li {
        width: 47%;
        margin-right: 1.5%;
    }
    
    div#welcome .gallery ul li img {
        width: 90%;
        padding: 5% 0 0 5%;
    }
    
    
    /* Place page */
    
    div.page_heading {
        width: 100%;
        padding: 15px 0 10px 0;
    }
    
    div#hours_location .intro_text {
        margin-top: 15px;
    }
    
    div#hours_location .location .openstatus {
        display: none;
    }
    
    div#hours_location .location .map {
        width: 90%;
        margin-left: 0;
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 8px 5% 8px 5%;
    }
    
    div.location .rightpanel {
        width: 100%;
    }
    
    div.location .directions {
        width: 100%;
        margin-bottom: 15px;
    }
    
    div.location .directions a {
        width: 80%;
        margin: auto;
        margin-top: 10px;
    }
    
    div.location .lower-links {
        padding-left: 10%;
    }
    
    ul.nearby {
        width: 100%;
    }
    
    /* List pages */
    
    .pagination_container {
        overflow: hidden;
    }
    
    a.paginate, a.current {
        /*padding: 5px 4px 5px 4px !important;*/
        line-height: 30px;
    }
    
    div#items_3 .menus span.cost {
        display: none;
    }
    
    
    /* Blog pages */
    
    div#blog .post .date {
        display: none;
    }
    
    div#blog .post .post_details {
        margin-left: 0;
    }
    
    
    /* Contact page */
    
    div#contact_us form .row p {
        width: 100%;
        margin-right: 0;
    }
    
    div#contact_us form .text_field {
        width: 94%;
    }
    
    div#contact_us form select.text_field,
    div#contact_us form textarea.text_field {
        width: 100%;
        padding: 0;
    }
    
    div#contact_us form .button {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
    
}