﻿@media only screen and (max-device-width: 428px) and (max-device-height: 926px) {
    .divAlert > .msgPanel, .fsPopup > .msgPanel, .divPopupWindow > .msgPanel {
        position: fixed;
        box-shadow: 14px 16px 6px 0 #6767677d !important;
        min-width: 93% !important;
        min-height: 140px !important;
        padding-bottom: 10px;
        max-width: 86% !important;
    }

    .divAlert > .msgPanel, .fsPopup > .msgPanel, .divPopupWindow > .msgPanel {
        position: fixed;
        top: 15em !important;
        left: 1em !important;
    }

    .form-horizontal {
        margin-left: 1vw;
    }

    .jumbotron.widget {
        margin-top: 10vh !important;
        margin-left: 1vw;
        padding-top: 0;
    }
}

@media only screen and (max-device-width: 428px) and (max-device-height: 926px) {
    .jumbotron.widget {
        margin-top: 15vh !important;
    }

    .container div.jumbotron.widget {
        /*min-width: 98% !important;*/
    }

    .cpm-dropdown {
        margin-left: 0 !important;
    }

    #CpmModelv2_UnitNumber {
        width: 100%;
    }

    #search-button {
        width: 100%;
        margin-left: 0;
        padding-top: 1vh !important;
        padding-bottom: 1vh !important;
        margin-top: 2vh;
    }

    #step-2 {
        margin-top: 3vh;
    }

    #step-2-buttons,
    #step-3-buttons {
        margin: 2vh 0;
    }

    #step-3-buttons,
    #step-4-buttons {
        padding-bottom: 2vh;
    }

    #step-2-next {
        width: 39%;
    }

    #step-3-next {
        margin-top: inherit;
    }

    #step-3-next,
    #step-4-next {
        width: 36%;
    }

    .fa-search {
        top: 22px;
    }

    .fa-search-animate {
        right: 245px;
        transition-property: right;
        transition-duration: .75s;
    }

    .additional-comments-box,
    .sn-box,
    #EngineTicket_OldDateOfManufacture,
    #EngineTicket_NewDateOfManufacture{
        width: 98%;
    }

    .input-group {
        max-width: 98%;
    }

    .cylinder-tables {
        margin: inherit;
        max-width: inherit;
        visibility: hidden;
        display: inherit;
    }

    #step-2,
    #step-3,
    #step-4,
    #type-question,
    #engine-pm-1,
    #engine-pm-2,
    #engine-pm-3,
    #engine-pm-5,
    #engine-non-pm,
    #compressor-pm,
    #compressor-pm-1,
    #compressor-pm-2,
    #compressor-pm-4,
    #compressor-pm-5,
    #compressor-non-pm,
    #recession-readings {
        margin: 5% 0;
    }
}