@media only screen and (max-height: 480px) {
    #header .site-logo img {
        max-height:none;
    }
}

@media only screen and (max-height: 360px) {
    #header .site-logo img {
        max-height:none;
    }
}

@media only screen and (max-width: 360px) {
    #header .site-logo img {
        max-width:344px;
    }

    #header .site-logo.header-edit-box {
        text-align: center;
    }
}

@media only screen and (max-height: 320px) {
    #header .site-logo img {
        max-height:none;
    }
}

@media only screen and (max-width: 320px) {
    #header .site-logo.header-edit-box {
        text-align: center;
    }

    #header .site-logo img {
        max-width: 304px;
    }