/* =============================================================================
 * Mobile styles
 * 
 * ========================================================================== */

/* iPad - Landscape 1024x768px */
@media only screen and (max-width: 920px) {
    #wrapper,
    #header .header,
    body.standard #container,
    #footer .footer .inner,
    #copyright .inner {
        width: 100%;
    }
    
    #header .header,
    #footer .footer {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    #search {
        right: 15px;
    }
    
    #header .contact {
        right: 15px;
    }
    
    #main .inside {
        margin-left: 0;
        padding-left: 15px;
        padding-right: 15px;
    }
        
    #copyright {
        padding-left: 15px;
        padding-right: 15px;
    }
}


@media only screen and (max-width: 860px) {    
    #left {
        width: 100%;
    }
    
    .ce_gallery>ul li {
        float: none;
    }
    
    .col15 {
        width: 31.33333%;
    }
    
    .col14 {
        width: 31.33333%;
    }
}

/* iPad - Portrait 768x1024px */
@media only screen and (max-width: 767px) {
    #menu-mobile-button {
        display: block;
    }
    
    #mainmenu {
        display: none;
    }
    
    
    #main .inside {
        padding-bottom: 15px;
    }
    
    #left .inside {
        padding-bottom: 15px;
    }
    
    #footer,
    #footer .footer,
    #footer .footer .inner {
        height: auto;
    }
    
    #footer {
        background: none;
    }
    
    #footer .footer {
        background: #6f835a;
    }
    
    span.button a {
        position: static;
        margin-top: 10px;
    }
    
    .col13 {
        position: relative;
        float: none;
        width: 100%;
        padding-bottom: 15px;
    }

    .col15 {
        width: 48%;
    }
    
    .col14 {
        width: 48%;
    }
    
}

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

}

@media only screen and (max-width: 550px) {
    #header {
        height: auto;
        padding-bottom: 50px;
        background-position: left bottom;
    }
    
    #logo {
        position: static;
        text-align: center;
        padding-top: 15px;
    }
    
    #menu-mobile-button {
        top: 221px;
    }
    
    #search {
        position: static;
        width: 223px;
        text-align: center;
        margin: 15px auto 0 auto;
    }
    
    #header .contact {
        position: static;
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }
}

/* Small tablet 480x640px */
@media only screen and (max-width: 480px) {
    
}

/* iPhone 320x480px */
@media only screen and (max-width: 320px) {
	/*#main input.text,
    #main input.captcha,
    #main select.select,
    #main textarea.textarea {
        width: 100%;
    }
    
    input.text.error,
    input.captcha.error,
    input.checkbox.error,
    input.radio.error,
    select.error,
    textarea.error {
        margin-left: 0;
    }
    
    .col12,
    .col13,
    .col14,
    .col34,
    .col12.last,
    .col13.last,
    .col14.last,
    .col34.last {
        float: none;
        width: 100%;
        margin-right: 0;
    }
    
    #main label {
        float: none;
    }
    
    p.error {
        float: none;
    }
    
    .ce_gallery > ul li.col_first {
        clear: none;
    }
    
    .image_container.float_left,
    .image_container.float_right {
        float: none;
    }*/
}

/* Small phone 240x320px */
@media only screen and (max-width: 240px) {
    
}