/* Rules specific to  small devices (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {

    .container {
        width: 87%;
        margin-left: auto;
        margin-right: auto;
    }

    .btn-block, input#OriginZipCode, input#DestinationZipCode, #PriceWarning, #WebDiscount {
        max-width: 83%;
        margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
    }

    .navigation-buttons {
        margin-left: -15px;
        margin-right: -15px;
    }

    .navigation-buttons div{
        max-width: 83%;
        margin-left: auto;
        margin-right: auto;
    }

    #EstimatedPrice {
        margin-right: 7%;
    }

    #ActiveMilitary {
        margin-left: 7%;
        margin-top: 10px;

    }

    .row.form-group input {
        max-width: none;
    }

    .form-control.col-sm-5 {
        max-width: none;
        width: 41.6666667%;
    }

    .form-control.col-sm-6 {
        max-width: none;
        width: 50%;
    }

    .form-control.col-sm-8 {
        max-width: none;
        width: 66.66666667%;
    }

    .form-control.col-sm-9 {
        max-width: none;
        width: 75%;
    }

    #CreditCardFrame {
        height: 880px;
    }

    div.modal-dialog {
        width: 500px;
    }

    .ContactInformation #ValidationContainer {
        padding-left: 15px;
        padding-right: 15px;
    }

    .VehicleInformation #popover {
        margin-right: 17% !important;
    }

    .ShipmentInformation .table-header {
        width: 260px;
    }

    .ShipmentInformation table:not(:last-child) tr {
        border-bottom: 1px solid white !important;
    }

     #ServiceSummary {float: left}

      #shopApp {
        margin-left: calc((100% - 480px)/2) !important; 
    }
}