@media screen and (max-width:1040px) {
    header {
        position:static
    }

    .flexslider {
        margin:0
    }

    .topimg {
        top:10px
    }

    .container {
        width:97%;
        max-width:1000px;
        margin:0 auto;
        height:100%
    }

    .title,
    .bbbtop {
        display:none
    }

    .logo {
        float:none;
        display:block;
        width:95%;
        max-width:210px;
        margin:10px auto 0 auto
    }

    .logo img {
        width:100%
    }

    nav {
        margin:5px 0 0 0;
        width:100%;
        max-width:100%;
        float:none;
        display:block
    }
}

@media screen and (max-width:580px) {
    .hidemobi {
        display:none
    }

    .mobi {
        display:block;
        position:absolute;
        top:5px;
        right:10px;
        width:50px;
        height:26px
    }

    .mobi .navibutton {
        display:block;
        width:50px;
        height:26px;
        background:url('../img/navi_mobi.png') no-repeat center center;
        background-size:contain;
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px
    }

    #popup_menu {
        display:none;
        z-index:9999;
        position:absolute;
        right:13px;
        top:40px;
        width:200px;
        border:4px solid #1E1E1E;
        background:#636363;
        box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px
    }

    .navi_arrow {
        position:relative;
        top:-17px;
        height:0;
        float:right
    }

    nav {
        display:none
    }

    nav ul li {
        border-radius:0;
        -webkit-border-radius:0;
        -moz-border-radius:0;
        width:100%;
        text-align:left;
        margin:0;
        box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        padding:0 0 0 10px;
        height:30px;
        line-height:30px
    }

    nav ul li a,
    nav ul li {
        font-size:12px
    }

    nav ul li:hover {
        background:#810b0b
    }

    .flexslider {
        margin:0 0 10px 0
    }

    section {
        padding:10px 0
    }

    section.top {
        margin:0
    }

    p, a, label, li, blockquote p, #testimonials blockquote, button {
        font-size:12px
    }

    h1 {
        font-size:24px
    }
    .gallery div {
        height:auto;
        width:90%;
        display:block;
        margin:0 auto
    }

    .gallery div img {
        width:100%;
        height:auto
    }

    footer .right p {
        text-align:left
    }

}