/**
// Media Query Ranges
$small-screen-up: 601px !default;
$medium-screen-up: 993px !default;
$large-screen-up: 1201px !default;
$small-screen: 600px !default;
$medium-screen: 992px !default;
$large-screen: 1200px !default;
 */

@media only screen and (max-width: 600px) {
    .medium {
        height: auto !important;
    }
    #userLinks {
        display: none;
    }
    #headerSearch {
        display: none;
    }
    .mainMenu {
        display: none;
    }
    h1.page-header {
        font-size: 18px;
    }
    .brukInfoText {
        font-size: 12px !important;
    }
    div.withDividerLeft {
        border-left: none !important;
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
    .withDividerLeft label {
        margin-left: -.5em !important;
    }
    table.progressBar td {
        padding: 0 4px 0 0 !important;
    }
    div.progressTitle {
        font-size: 11px !important;
    }
    .progressCustomer small {
        font-size: 8px !important;
    }
    div.deviceTextBoxesContainer {
        margin-top: 3em;
    }
    div.progressBarSmall {
        display: block !important;
    }
}

/**
m
 */
@media only screen and (max-width: 992px) {
    .container {
        /*padding: 0 !important;*/
        margin: 1%;
        width: 98%;
    }
    .subNavContainer {
        margin-top: -1em;
    }
    #userLinks {
        display: none;
    }
    #headerSearch {
        display: none;
    }
    .mainMenu {
        display: none;
    }
    div#headerSearch {
        /*margin-top: 5rem;*/
        display: none;
    }
    input#headerSearchInput, button#headerSearchBtn {
        border: 1px solid #ccc !important;
    }
    div.mainTab {
        border-bottom: 1px solid white;
    }
}

/**
lg
 */
@media only screen and (max-width: 1200px) {
    #userLinks {
        display: none;
    }
    #headerSearch {
        display: none;
    }
    .mainMenu {
        display: none;
    }
    .tools {
        margin-top: 2em !important;
    }
}

/**
xl
 */
@media only screen and (min-width: 1201px) {
    .content { padding-left: 1em; }
    .subNavContainer {
        margin-right: -1.5em !important;
    }
    .subNav {
        margin: -1.5em 0 0 -.75em !important;
        padding: 1.5em 1.5em 0 1.5em !important;
    }
    #nliMenu {
        text-align: right;
    }
    #nliMain h1 {
        margin-top: 10rem !important;
    }
    #minsideInstillingerHeading {
        margin-top: 14px;
    }
    div#nliMain {
        padding-left: 2%;
    }
    div#nliMain div#homeSlogan {
        padding-left: 7%;
    }
    div#nliMainFooter {
        padding-left: 5.2%;
    }
}