/*
 * Tablet
 */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){

    html {
        min-width: 768px;
    }

    .default .head > div {
        max-width: 768px;
    }

    .default .head form[name='search'] input[name='query'] {
        display: none;
    }

    h3.header {
        max-width: 710px;
    }
}

/*
 * iPhone
 */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

    html {
        min-width: 360px;
    }

    .default .head {
        height: 88px;
        position: relative;
    }

    .default .head .logo {
        left: 130px;
    }

    .default .head > div {
        max-width: 360px;
    }

    .default .head ul {
        top: 44px;
        left: 30px;
        position: absolute;
        height: 44px;
        margin: 0 auto;
    }
    .default .head ul li {
        border: 0;
    }
    .default .head ul li a[name='submission'],
    .default .head ul li a[name='account'],
    .default .head ul li a[name='random'] {
        display: none;
    }

    .default .head form,
    .default .head form[name='search'] input[name='query'] {
        display: none;
    }

    h3.header {
        max-width: 315px;
    }

    div.core-postings ul {
        width: 340px;
    }

    div.core-postings ul li {
        width: 340px;
    }

    div.core-postings ul li img {
        width: 330px;
        height: auto !important;
    }

    div.core-postings ul li div.bottom form textarea {
        width: 312px;
    }

    div.core-postings ul li div.top {
        width: 330px;
    }

    div.core-postings ul li div.bottom {
        width: 340px;
    }
}