/* 
@media screen and (min-width:1500px) {
    .spacer {
        column-gap: 25px;
        justify-content: start;
    }
    .scnd-rw .canceled {
        column-gap: 25px;
        justify-content: start;
    }
    .total {
        max-width: 221px;
    }
    .total-quote {
        max-width: 100%;
    }
} */

@media screen and (max-width:1700px) {
    .spacer {
        column-gap: 1%;
        justify-content: space-between;
    }

    .scnd-rw .canceled {
        column-gap: 1%;
        justify-content: start;
    }

    .total {
        max-width: 242px;
    }

    .total-quote {
        max-width: 100%;
    }
}

@media screen and (max-width:1600px) {
    .total {
        max-width: 225px;
    }

    .spacer {
        column-gap:1%;
        justify-content: start;
    }

    .scnd-rw .canceled {
        column-gap: 1%;
    }

}

@media screen and (max-width:1442px) {
    .ml-auto {
        margin: 0px;
    }

    .quote-form-field {
        max-width: 100%;
    }

    .step {
        max-width: -webkit-fill-available;
    }

    .total {
        max-width: 200px;
    }

    .total-quote {
        max-width: 115px;
    }

    .text-border1 {
        padding: 3px 10px 3px 0px;
        display: flex;
        align-items: center;
    }

    .policy-tabs1 {
        margin-bottom: 1px;
    }

    .spacer {
        column-gap: 1%;
    }

    .scnd-rw .canceled {
        column-gap: 1%;
    }

    .logo {
        max-width: 150px;
    }

    .head-img {
        height: 40px;
        width: 40px;
    }

    .head {
        padding: 8px 28px;
    }

    .page-wrapper {
        margin-top: 72px;
    }

    .foot {
        padding: 13px 0px;
    }

    .dropdown-menu.agency-profile {
        top: 10px !important;
    }
}

@media screen and (max-width:1380px) {
    .total {
        max-width: 235px;
    }
}

@media screen and (max-width: 1279px) {
    .spacer {

        column-gap: 29px;
    }

    /* .spacer .total{
        max-width: 100%;
    } */
    /* .scnd-rw .canceled .total{
        max-width: 196px;
    } */

}

@media screen and (max-width:1200px) {
    .cod {
        column-gap: 30px;
    }

    .srch-rw.srch-rw1 {
        margin-top: 20px;
        justify-content: flex-start;
    }

    .date-text-1 {
        max-width: 100%;
    }
}

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

    /* .total {
        flex: 1 1 150px;
      min-width: 196px;
    } */
    .scnd-rw .canceled {
        column-gap: 1%;
    }

    .total {
        max-width: 218px;
    }

    .table-clr .btn-del {
        margin-left: 0px;
        margin-top: 6px;
    }

    .spacer {
        justify-content: start;
    }

    .action_data_1 {
        display: table-cell;
    }

    .total-quote {
        max-width: 100%;
    }

    .pending_cancellation {
        min-width: 139px;
        display: block;
    }

    .policy-name {
        font-size: 15px;
        max-width: 124px;
    }

    .policy-tabs1 {
        flex-wrap: wrap;
        justify-content: start;
        column-gap: 4px;
        row-gap: 10px;
    }

    .action-btn .action-policy:after {
        right: 4px;
    }

    .tab-activated {
        color: #7F28DB;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 2px solid #7F28DB;
        margin-bottom: 1px;
    }

    .tabs-spacer {
        max-width: 125px;
        width: 100%;
    }

    .policy-data {
        margin-top: 5px;
    }
}

@media screen and (max-width:1067px) {
    .step .label-text {
        font-size: 13px;
    }
}

@media screen and (max-width: 1025px) {
    .login {
        padding: 0px 30px;
    }

    .total {
        max-width: 225px;
    }

    .spacer {
        column-gap: 1%;
    }

    .scnd-rw .canceled {
        column-gap: 1%;
    }

    .table-clr1 .btn-del {
        margin-left: 0px;
        margin-top: 6px;
    }

    .action_data_1 {
        white-space: normal;
    }

    .action-btn .action-policy:after {
        right: 10px;
    }

    .policy-tabs1 {
        column-gap: 10px;
    }

    .error-message .ss-error-message {
        top: 37px;
    }

}

@media screen and (max-width: 912px) {
    .total {
        max-width: 262px;
    }

    .policy-tabs1 {
        column-gap: 34px;
    }

    .error-message .ss-error-message {
        top: 44px;
    }
}

@media screen and (max-width: 992px) {
    .login-image {
        display: none;
    }

    .cod {
        column-gap: 20px;
    }

    .toggle-div {
        display: block;
    }

    .logo-toggle img {
        max-width: 100px;
    }

    .logo-toggle {
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        justify-content: space-between;
    }

    .logo-toggle button {
        padding: 0px;
        border: none;
    }

    .nav-item img {
        margin: 0px;
    }

    .side-bar:not(.show) {
        display: none;
    }

    .side-bar {
        z-index: 5;
        top: 74px;
        height: calc(100vh - 74px);
    }

    .mobi-hide {
        display: none;
    }

    .navbar-nav .nav-item::after {
        display: none;
    }

    .quote_chart {
        margin-right: 0px;
    }

    .activate.active:after {
        content: "";
        width: 5px;
        background: #7F28DB;
        left: 0;
        top: 0;
        position: absolute;
        border-radius: 0px 8px 8px 0px;
        height: 100%;
    }

    .input-row {
        padding: 0px;
    }

    .inputs-prt {
        margin-top: 20px;
    }

    .input-sec {
        padding: 0px 15px;
        margin-top: 20px;
    }

    .input-sec #agent-div {
        margin-top: 40px;
    }

    .dropdown-menu.agency-profile {
        top: 7px !important;
    }

    .spacer {
        column-gap: 1%;
    }

    .scnd-rw .canceled {
        column-gap: 1%;
    }

    .head {
        padding: 10px;
    }

    .main-content {
        width: 100%;
        padding: 30px 10px 60px 10px;
        margin-bottom: 50px;
        min-height: calc(100vh - 74px);
    }

    .bell-icon {
        top: 27px !important;
    }
}

@media screen and (max-width: 820px) {
    .total {
        max-width: 226px;
    }

    .error-message .ss-error-message {
        top: 37px;
    }

}

@media screen and (max-width:768px) {
    .total {
        max-width: 214px;
    }

    .policy-tabs1 {
        column-gap: 12px;
    }
}

@media screen and (max-width: 767px) {
    .page-adjust {
        display: none;
    }

    .date-ranges-inputs {
        margin-top: 20px;
    }

    .input-row-2 {
        padding: 0px;
        margin-top: 40px;
    }

    .profile-space {
        margin-top: 20px;
    }

    .ml-auto {
        margin: 0px;
    }

    .cod {
        flex-wrap: wrap;
        /* column-gap: 0px; */
        /* justify-content: normal; */
    }

    .cod .input-se {
        width: 100%;
        max-width: 46%;
    }

    .cod select {
        width: 100%;
        max-width: -webkit-fill-available;
    }

    .input-row .year-select .select2-container {
        max-width: 100%;
    }

    .month-select {
        max-width: 100%;
    }

    .step .label-text {
        display: none;
    }

    .step-icon {
        width: 25px;
        height: 25px;
    }

    .step-icon p {
        font-size: 13px;
    }

    .progress-bar {
        top: 35%;
    }

    .mobi-show {
        display: block;
        margin: 0px;
        /* color: #A8A8A8; */
        margin-top: 20px;
        margin-bottom: 9px;
        font-size: 14px;
        color: black;
    }

    .quotes-billing-table-2 .report_tabs {
        column-gap: 0px;
    }

    .quotes-billing-table-2 .qoutes-data {
        padding-right: 0;
    }

    .input-row .select2-container {
        padding-right: 0px;
    }

    .quote-form-field {
        width: 100%;
    }

    .range-date {
        top: 10px;
    }

    .loss-name {
        width: 100%;
    }

    .total {
        max-width: 100%;
    }

    .profile-agency {
        padding: 0px;
    }

    .input-row.btns-rw.agency-space {
        justify-content: space-between;
    }

    .input-row-3 {
        padding: 0px;
    }

    .add-agency-1 {
        padding: 24px 0px 0px 0px;
    }

    .profile-agency-1 {
        padding: 0px;
    }

    .btns-rw.agency-space {
        justify-content: space-between;
    }

    .policy_action {
        justify-content: start;
        margin-top: 15px;
    }

    .policy-name {
        /* max-width: 140px; */
        max-width: 100%;
    }

    .navbar-nav.text-align1 {
        row-gap: 10px;
        flex-wrap: wrap;
    }

    .pickerdate_1 {
        max-width: 100%;
    }

    .expiration_date {
        padding-left: 0px;
    }

    .select-agency_1 {
        margin-top: 20px;
    }

    .search-field {
        max-width: 100%;
    }

    .srch-rw {
        margin-top: 20px;
        justify-content: flex-start;
    }

    .quote-form-field1 {
        margin: 15px 0px 0px auto;
    }

    .quotes {
        height: auto;
    }
}

@media screen and (max-width: 601px) {
    .btn-cancel.profile-cncl {
        margin-left: 91px;
    }

    .policy-tabs1 {
        column-gap: 12px;
        justify-content: space-between;
    }

    .modal-dialog.modal-size {
        max-width: 450px;
        margin: auto;
    }

    .modal-dialog.modal-sizes {
        max-width: 450px;
        margin: auto;
    }

    .error-message .ss-error-message {
        top: 44px;
    }

    .bell-icon {
        min-width: 250px;
    }
}

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

    h1 {
        font-size: 26px;
    }

    /* .date-input {
        max-width: 160px;
        margin-top: 10px;
    } */

    .welcome-text {
        font-size: 14px;
    }

    .email {
        font-size: 14px;
    }

    .field-text {
        font-size: 12px;
    }

    .remember {
        font-size: 14px;
    }

    .forgot {
        font-size: 14px;
    }

    .btn1 {
        font-size: 16px;
    }

    .password-eye {
        top: 10px;
    }

    .total-quote {
        max-width: 100%;
    }

    /* .input-row {
        padding: 0px 12px;
    } */
    .profile-space-y {
        margin-top: 15px;
    }

    .input-row_2 {
        padding: 0px 12px;
        margin-top: 20px;
    }

    .verify-click {
        justify-content: end;
        display: flex;
    }

    .bind-quote {
        justify-content: space-between;
    }

    .print-app {
        justify-content: space-between;
    }

    .error-message .ss-error-message {
        top: 91px;
        margin: 0px;
    }

    .input-row.agent-select-field .select2-container {
        padding-right: 0px;
    }

    .container-fluid h3.striking-overhead {
        margin-top: 24px;
    }

    .date-text-1 {
        max-width: 100%;
    }

    .all-status {
        max-width: 100%;
    }

    .date-range1 {
        margin-top: 15px;
        width: 100%;
    }

    /* .input-row-2 {
        padding: 0px 12px;
    } */
    .input-row.btns-rw {
        justify-content: space-between;
    }

    .btn-cancel.profile-cncl {
        margin-left: 0px;
    }

    .profile-space-1 {
        margin-top: 0px;
    }
}

@media screen and (max-width:426px) {
    .step .label-text {
        display: none;
    }

    .step-icon {
        width: 20px;
        height: 20px;
    }

    .step-icon p {
        font-size: 11px;
    }

    .progress-bar {
        top: 33%;
    }

    .container-fluid h3.striking-overhead {
        margin-top: 50px;
    }

    /* .policy-name {
        max-width: 167px;
    } */
    .policy-name {
        font-size: 14px;
    }

    .driver-mvr {
        max-width: 215px;
    }

    .mvr-doc .no-footer {
        margin-top: 20px;
    }

    .driver_mvr_doc {
        margin-right: 25px;
    }

    .signed_finance1 {
        margin-top: 25px;
    }
}

@media screen and (max-width:475px) {
    .date-ranges-inputs .date-field {
        display: grid;
    }

    .date-field #date-icon {
        top: 34px;
    }

    .cod .input-se {
        width: 100%;
        max-width: 100%;
    }

    .pickerdate {
        max-width: 100%;
    }

    .btn-cancel {
        min-width: 110px;
        max-width: 110px;
        font-size: 14px;
        padding: 10px 20px;
    }

    .btn-save {
        padding: 10px 2px;
        min-width: 110px;
        max-width: 110px;
        font-size: 14px;
    }

    .modal-dialog.modal-size {
        max-width: 360px;
        margin: auto;
    }

    .modal-dialog.modal-sizes {
        max-width: 360px;
        margin: auto;
    }

    .error-message .ss-error-message {
        top: 85px;
        margin: 0px;
        max-width: 185px;
    }

    .applicant_info2 {
        margin-right: 95px;
    }

    .table-clr1.agent_name {
        margin: 30px 0px 0px 0px !important;
    }

    .dataTable.no-footer.table-clr.agent_name {
        margin: 30px 0px 0px 0px !important;
    }

    .document_upload2 {
        margin-right: 25px;
    }

    .applicant_info3 {
        margin-right: 30px;
    }
}

@media screen and (max-width: 391px) {
    .modal-dialog.modal-size {
        max-width: 320px;
        margin: auto;
    }

    .modal-dialog.modal-sizes {
        max-width: 320px;
        margin: auto;
    }
}

@media screen and (max-width: 380px) {
    .next-quote1 {
        margin-left: 0px;
    }

    .bind-quote {
        justify-content: space-between;
    }

    .btn-closed.btn-closesize {
        margin: 0px;
    }

    .modal-foot.modal-footer {
        display: flex;
        justify-content: space-between;
    }

    .error-message .ss-error-message {
        bottom: -44px;
        margin: 0px;
        max-width: 100%;
    }
}

@media screen and (max-width: 375px) {
    .date-field input {
        padding: 5px;
        font-size: 12px;
        ;
    }

    .date-field #date-icon {
        font-size: 12px;
        ;
    }

    .head-btn .add-btn {
        margin-top: 14px;
    }

    .garaging-warranty {
        margin-right: 15px;
    }

    .container-fluid h3.garaging {
        margin-top: 24px;
    }

    .datepick {
        margin: auto 0px auto 3px;
    }

    /* .policy-name {
        max-width: 125px;
    } */
    .driver-mvr {
        max-width: 180px;
    }

    .tabs-spacer {
        max-width: 105px;
    }
}

@media screen and (max-width: 345px) {
    .container-fluid h3.striking-overhead {
        margin-top: 72px;
    }

    .range-input {
        padding: 7px 30px 7px 8px;
    }

    .error-message .ss-error-message {
        bottom: -32px;
        margin-bottom: -11px;
    }

    .tab {
        padding: 6px;
    }

    .bell-icon {
        min-width: 210px;
    }
}

@media screen and (max-width: 322px) {
    .mvr-doc .no-footer {
        margin-top: 40px;
    }

    .driver-mvr {
        max-width: 120px;
    }

    .modal-dialog.modal-size {
        max-width: 270px;
        margin: auto;
    }

    .modal-dialog.modal-sizes {
        max-width: 270px;
        margin: auto;
    }

    .btn-closed.btn-closesize {
        max-width: 110px;
    }

    .btn-save-changes.btn-save-size {
        padding: 4px 8px;
        max-width: 110px;
    }
}