/*
 * 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;
    }

    .default .main {
        padding-top: 0;
    }

    .layout {
        width: 768px;
    }

    .layout .col1 {
        width: 768px;
    }

    .layout .col2 {
        display: none;
    }

    div.posting,
    div.comments {
        width: 768px;
    }

    div.comments form textarea {
        width: 700px;
    }
}

/*
 * 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;
    }


    .default .main {
        padding-top: 0;
    }

    .layout {
        width: 360px;
    }

    .layout .col1 {
        width: 360px;
    }

    .layout .col2 {
        display: none;
    }

    div.posting div.image-holder {
        width: auto !important;
        max-width: 320px !important;
        height: auto !important;
    }

    div.posting div.image-holder img {
        width: auto !important;
        max-width: 320px !important;
        position: relative;
    }

    div.posting,
    div.comments {
        width: 360px;
    }

    div.comments form textarea {
        width: 312px;
    }

    div.posting div.posting-nav div[name="share"] {
        display: none;
    }

    div.posting div.posting-nav div[name="stumbleupon"],
    div.posting div.posting-nav div[name="gplus"],
    div.posting div.posting-nav div[name="pinterest"] {
        display: none;
    }
}