.hidden {
    display: none;
    visibility: hidden;
}

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

.hidden-desktop {
    display: none !important;
}

.visible-desktop {
    display: inherit !important;
}



@media all and (max-width: 48em) {
    .hidden-phone {
        display: inherit !important;
    }

    .hidden-desktop {
        display: none !important;
    }


    body {
        min-width: 100%;
    }

    .page {
        width: inherit;
    }

    #main {
        padding-top: 3rem;
    }

        #main:before {
            margin-top: -3rem;
        }

    #header .logo {
        display: block;
        margin: 0 auto;
        float: none;
        width: 134px;
    }

    #header .mnav {
        padding: 3rem 0 0 0;
        max-width: 85%;
    }

        #header .mnav li {
            padding: 0.8rem 2.2rem;
        }

            #header .mnav li:first-child {
                padding-left: 0;
            }

    #header .snav {
        padding: 1.1rem 1rem 1.1rem 3.4rem;
    }

    #uniform-home-action, #uniform-MenuSearchParameters_Diet {
        display: none;
    }

    .inline-fform div.rght {
        float: none;
        clear: both;
        padding: 1rem 0 0;
    }

    .inline-fform .form-dborder {
        margin-left: 0;
    }

    #main .inline-gform input[type="submit"] {
        float: left;
        margin: 0 0 0 2rem;
    }

    .index .filters-expl {
        margin: -9.5rem 0 0;
    }

    .index #page-title {
        margin: 9rem 0 0.5rem;
    }

    .column.half {
        float: none;
        width: inherit;
    }

    .column.last, .connect-save .column.last {
        margin-left: 0;
        margin-top: 4rem;
    }

    .r-recipe .stamp {
        right: 1rem;
    }

    .r-recipe img {
        width: 100%;
        height: auto;
    }

    .legend br {
        display: none;
    }

    .legend p:before {
        display: none;
    }

    .lweek {
        width: inherit;
    }

    .lrecipes {
        margin: 0 -1rem;
    }

        .lrecipes .item {
            width: 25%;
            margin: 1.4rem 0 1.4rem;
            padding-left: 1rem;
            padding-right: 1rem;
            border: none;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

            .lrecipes .item a {
                display: block;
                border-bottom: 1px solid #c3bfa6;
            }

        .lrecipes img {
            width: 100%;
            height: auto;
        }

        .lrecipes figure:before {
            display: none;
        }

    .register-form, .signin-form {
        margin: 2rem auto;
    }

    .stamp.btitle {
        right: 0;
    }

    .rcreate .hd label.space {
        clear: both;
        margin-left: 0;
    }

    .rcreate .hd input[type="text"] {
        width: 65%;
    }

    .rdetail .ctop {
        min-height: inherit;
    }

        .rdetail .column, .rdetail .ctop.last {
            width: inherit;
            float: none;
        }

        .rdetail .ctop.last {
            border-top: 1px solid #5c413d;
        }

    .rcreate .options .select:first-child {
        border: none;
        padding-left: 0;
    }

    .rdetail .img {
        width: 100%;
        height: auto;
    }

    .rcreate .content .column {
        width: inherit;
        padding: 0;
    }

    .rdetail .content .column.last {
        width: inherit;
        padding: 0;
        margin: 4rem 0 0;
    }

    .rdetail .content:before {
        display: none;
    }

    .rdetail .content {
        border: none;
    }

    .rdetail .dl-h {
        width: inherit;
    }

        .rdetail .dl-h dd:first-child {
            border: none;
            padding-left: 0;
        }

    .rdetail .stamp {
        right: 1rem;
    }

    .rdetail .content .column {
        width: inherit;
        padding: 0;
    }

    .account div.column {
        /*float: none;*/
    }

        .account div.column.last {
            clear: both;
            width: inherit;
        }

    .account .profile-general, 
    .account .my-menus,
    .account .profile-options, 
    .account .my-recipes {
        float: left;
        width: 90%;
        margin-left: 10px;
        margin-right: 10px;
    }

    .account .profile-options p span {
        display: none;
    }

    .account .profile-options p a {
        float: left;
    }

    .profile-general #profile-form label { display:block; text-align:left; width: auto; }
    .profile-general #profile-form input[type="text"],
    .profile-general #profile-form textarea,
    .profile-general #profile-form input[type="password"] { display: block; width: 20rem; background-color: white; }
    .profile-general #profile-form .tagit { width: 19rem; }
    .profile-general #profile-form .tag-container { padding: 10px; }
    .profile-general #profile-form .tagit input { width: 19rem; }
    .profile-general #profile-form input[type="submit"] { margin-right: 0; }

    .my-recipes {
        padding-top: 1rem;
    }

        .my-recipess:before {
            display: none;
        }

        .my-recipes .stamp {
            right: 1rem;
        }

    .account #main .profile-options {
        /*float: left;
        margin: 0 0 3rem 4rem;
        width: 28rem;*/
    }

    .form-dborder:before {
        display: none;
    }

    .rcreate .options {
        width: inherit;
    }

    .stamp.week {
        right: 1rem;
    }

    .season-help .tooltip {
        right: 1rem;
    }

        .season-help .tooltip:before {
            right: 3rem;
            left: inherit;
        }

    .r-recipe .img-h {
        width: 100%;
        height: auto;
    }

    .pre-menu {
        padding: 0;
    }
}

@media all and (max-width: 42.5em) {
    .hidden-phone {
        display: inherit !important;
    }

    .hidden-desktop {
        display: none !important;
    }


    body {
        min-width: 470px;
        position: relative;
    }

        body.menu-expanded {
            z-index: 2;
        }

            body.menu-expanded #header .mnav {
                display: block;
            }

    .hmenu {
        display: block;
    }

    #header .mnav {
        position: fixed;
        left: 0;
        top: 0;
        float: none;
        padding: 0;
        width: 60%;
        display: none;
        z-index: -1;
    }

        #header .mnav li {
            display: block;
            float: none;
            padding: 0;
        }

        #header .mnav a {
            background: #e88838;
            border-bottom: 1px solid #4f2816;
            padding: 0.5rem 1rem;
        }

            #header .mnav a:hover,
            #header .mnav .selected a {
                background: #f48f3b;
                color: #4f2816;
                border-bottom: 1px solid #4f2816;
            }

    #uniform-home-action, #uniform-MenuSearchParameters_Diet {
        display: none;
    }


    #search label {
        float: none;
        display: block;
    }

    #search select {
        width: 28%;
    }

    #search #searchQuery {
        margin-left: 0;
    }

    #page-title {
        line-height: 1;
        padding: 3rem 0;
    }

    #page-title.small{
        font-size: 200%;
    }

    .inline-gform {
        margin: 3rem 0 0;
    }

        .inline-gform input[type="text"],
        .inline-gform label {
            margin: 0.5rem 0;
        }

            .inline-gform label.cntr {
                clear: both;
                text-align: left;
            }

    #main .inline-gform input[type="submit"] {
        clear: both;
        margin: 1rem 0 0;
    }

    .inline-ghform {
        float: none;
    }

    #search .inline-ghform label {
        float: left;
    }

    #search .inline-fform input[type="submit"] {
        margin-top: 1rem;
    }

    .legend {
        padding: 0 0 0 3rem;
        margin: 0;
    }

        .legend h2 {
            display: none;
        }

        .legend p {
            padding: 1.5rem 2.5rem;
        }

        .legend .icon {
            margin-top: 0.5rem;
        }

    #main .legend .column {
        float: none;
        width: inherit;
    }

    .lrecipes .icon,
    .column.llined:before {
        display: none;
    }

    #page-title.xspacing.lft {
        float: none;
        text-align: center;
    }

    .btn-group.ntitle {
        margin-top: 0;
    }

    .recipes figcaption {
        word-break: break-word;
    }

    #addToMenu {
        left: -7px;
        width: 93%;
    }

}

@media all and (max-width: 480px) {

    .hidden-phone {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }


    body {
        min-width: 320px;
    }

    a.button.print {
        display: none;
    }

    .snav {
        display: none;
    }

    #header .logo {
        width: 237px;
    }

    .random-recipe {
        display: none;
    }

    .index #page-title {
        margin: 0rem 0 0.5rem 0.5rem;
        font-size: 3.8rem;
    }

    #main.recipe-bg {
        height: 620px;
    }

    .search-panel h2 {
        font-size: 19px;
    }

    #uniform-home-action, #uniform-MenuSearchParameters_Diet {
        display: inline-block;
    }


    .search-panel .question-mark {
        display: none;
    }

    #search #menu-form .column {
        float: none;
        width: auto;
        margin: 0;
    }

    .lrecipes .item {
        width: 50%;
    }

        .lrecipes .item.line {
            clear: inherit;
        }

    .pager {
        width: 32rem;
    }

    
}

@media all and (max-width: 320px) {
    #addToMenu span.name{
        width: 45%;
    }
}