/* Overrides for mobile devices */

@media only screen and (max-device-width: 480px) and (orientation:portrait), (max-width: 550px) /* Phones in portrait mode */
{
    body {
        font-size: 140%;
    }

    p {
        line-height: 1.5em;
    }

    .content {
        line-height: 1.5em;
    }

        .content h1 {
            font-size: 1.7em;
        }

        .content h2 {
            font-size: 1.3em;
        }

        .content h5 {
            margin: .3em;
            padding: 0em 2.4em 0em 2em;
        }

    .left_content {
        width: 100%;
        max-width: 100%;
        display: inline-block;
        float: none;
        padding-right: 0px;
    }

    .right_content {
        width: 100%;
        float: none;
        display: inline-block;
    }

    .stagbtns {
        width: 25%;
        min-width: 80px;
    }
}

@media only screen and (max-width: 2000px) {
    .stagbtns {
        width: 29%;
        min-width: 80px;
    }
}


@media only screen and (max-width: 880px) {
    #nav_contact {
        visibility: hidden;
        display: none;
    }

    #nav_contact_mobile {
        visibility: visible;
        display: inline;
    }
}

@media only screen and (max-width: 928px) {
    .category_icon_nav {
        font-size: 112%;
    }

    #nav_more_menu {
        visibility: visible;
        display: inline;
    }

    #nav_login {
        visibility: hidden;
        display: none;
    }

    #nav_login_mobile {
        visibility: visible;
        display: inline;
    }

    .fixed_scroll_panel {
        padding-top: 0px;
        position: fixed;
        left: 50%;
        margin-left: 20%;
        top: 250px;
        width: 30%;
        max-width: 270px;
        z-index: 99;
    }

    .stagbtns {
        width: 28%;
    }
}

@media only screen and (max-width: 874px) {
    .category_icon_nav {
        font-size: 107%;
    }
}

@media only screen and (max-width: 839px) {
    .category_icon_nav {
        font-size: 100%;
    }
}

@media only screen and (max-width: 790px) {
    .category_icon_nav {
        font-size: 93%;
    }

    .fixed_scroll_panel {
        top: 220px;
    }

    .stagbtns {
        width: 27%;
    }
}

@media only screen and (max-width: 690px) {

    #nav_blog {
        visibility: hidden;
        display: none;
    }

    #nav_blog_mobile {
        visibility: visible;
        display: inline;
    }
}

@media only screen and (max-width: 743px) {

    .category_icon_nav {
        font-size: 85%;
    }
}

@media only screen and (max-width: 677px) {
    .category_icon_nav {
        font-size: 80%;
    }

    .form_question,
    .form_answer {
        width: 90%;
        float: left;
        min-width: 280px;
    }

    .form_answer {
        padding-left: .8em;
        padding-top: 0em;
    }

    .f_large, .f_medium, .f_small, .f_xsmall, .f_xxsmall {
        width: 85%;
    }

    .stagbtns {
        width: 26%;
    }
}

@media only screen and (max-width: 643px) {
    .category_icon_nav {
        font-size: 75%;
    }

    #nav_infopack {
        visibility: hidden;
        display: none;
    }

    #nav_infopack_mobile {
        visibility: visible;
        display: inline;
    }
}

@media only screen and (max-width: 605px) {
    .category_icon_nav {
        font-size: 69%;
    }
}

@media only screen and (max-width: 505px) {
    #nav_how {
        visibility: hidden;
        display: none;
    }

    #nav_how_mobile {
        visibility: visible;
        display: inline;
    }
}

@media only screen and (max-width: 564px) {
    body {
        font-size: 150%;
        line-height: 1.5em;
    }

    .content h1 {
        font-size: 150%;
    }

    /* Make the icons bigger so they split on to 2 rows */
    .category_icon_nav {
        font-size: 86%;
    }

    .left_content {
        width: 100%;
        max-width: 100%;
        display: inline-block;
        float: none;
        padding-right: 0px;
    }

    .right_content,
    .seo_right_content,
    .form_right_content {
        width: 100%;
        float: none;
        display: inline-block;
    }

    .sidebox {
        font-size: 82%;
    }

    .nav_bar {
        font-size: 85%;
        margin-top: .9em;
        padding-top: .1em;
        padding-bottom: .1em;
    }

    .header {
        height: 90px;
    }

    .logo_qr {
        margin: 10px 0px 0px 12px;
        width: 119px;
        height: 80px;
        background: transparent url(../../images/logos/QR_logo_barney_text_m.png) no-repeat;
    }

    .logo_qr_cloud {
        visibility: hidden;
    }


    .nav_item {
        margin-top: .1em;
        padding: 0em .0em .1em .2em;
    }

    .nav_item_more {
        margin-top: .1em;
        padding-right: .5em;
    }

    .nav_item_search {
        margin-top: .1em;
        padding-right: .6em
    }

    .homepage_heading_fix {
        font-size: 143%;
        padding-left: .6em;
        line-height: .9em;
    }

    .quotebutton,
    .formbackbutton,
    .quotebutton_mobile {
        display: block;
    }

        .quotebutton p,
        .quotebutton_mobile p {
            font-size: .7em;
            line-height: 1.2em;
        }

    .form_container h2 {
        font-size: 120%;
    }

    .form_field {
        font-size: 100%;
    }

    .fixed_scroll_panel {
        padding-top: 0px;
        position: relative;
        left: 0px;
        margin-left: 0px;
        top: 0px;
        width: auto;
        max-width: 100%;
        z-index: 99;
    }

    .formcontinuebutton,
    .formbackbutton {
        display: none;
        visibility: hidden;
    }

    .form_barney {
        display: none;
        background: none;
    }

    .hidebutton {
        visibility: visible;
    }
}

@media only screen and (max-width: 535px) {
    .category_icon_nav {
        font-size: 83%;
    }

    .cat_arrow {
        padding-top: .2em;
    }

    .cat_info {
        top: .2em;
    }
}

@media only screen and (max-width: 496px) {
    .category_icon_nav {
        font-size: 75%;
    }

    .stagbtns {
        width: 25%;
    }

    .howitworks_img_right {
        float: none;
        margin-bottom: 5px;
    }
}

@media only screen and (max-width: 450px) {
    .category_icon_nav {
        font-size: 71%;
    }

    .cat_arrow {
        padding-top: .23em;
    }

    .cat_info {
        top: .23em;
    }
}

@media only screen and (max-width: 429px) {
    .category_icon_nav {
        font-size: 65%;
    }

    #nav_pricing {
        visibility: hidden;
        display: none;
    }

    #nav_pricing_mobile {
        visibility: visible;
        display: inline;
    }
}

@media only screen and (max-width: 390px) {
    .category_icon_nav {
        font-size: 55%;
    }
}

@media only screen (min-device-width: 321px) and 320px(orientation:landscape) /* Phones in landscape mode */
{
    .fixed_scroll_panel {
        padding-top: 0px;
        position: relative;
        left: 0px;
        margin-left: 0px;
        top: 0px;
        width: auto;
        max-width: 100%;
        z-index: 99;
    }
}