@media only screen and (max-width: 1799px) {
    ul.detailfilter.detailselect .dropdown {
        width: 100%;
        margin-right: 20px !important;
    }

    ul.detailfilter.detailselect li {
        margin-right: 13px;
    }

    ul.detailfilter {
        justify-content: space-between;
    }

    div#example2, div#example3 {
        margin-top: 0;
    }

    .agentlist, .adminlist {
        margin-left: 10px;
    }

    table {
        max-width: 100%;
    }

    .ui.input.left.icon {
        width: 100%;
    }

    .headerimg img {
        height: 80px;
        /* height: auto !important; */
        width: auto !important;
        margin: auto !important;
    }

    .headerimg {
        text-align: left;
    }
    @media (max-width: 568px) {
        .headerlogo {
            margin: 0px !important;
        }
    }
    .headerlogo {
        margin: 0px 10px;
    }
    .headerbottom {
        /* height: 33px; */
    }
    .headerbottom .container {
        margin: 0px 10px;
    }

    .headerbottom h4 {
        font-size: 12px;
    }

    .directlogindetail {
        padding: 40px;
        height: 630px;
        padding-top: 90px;
    }

    section.loginsec {
        padding: 30px 0px 0px;
    }

    .email input {
        height: 50px;
    }

    .getaquote {
        margin-top: 32px;
    }

    .directlogin img {
        width: 560px;
    }

    .address {
        padding: 40px;
    }
}

@media only screen and (max-width: 1599px) {
    .email li.sendcode a {
        width: 34%;
        /*font-size: 12px;*/
        height: 50px;
    }

    section.dashboarddirect.accountdash label#eligible_4-error {
        top: 0 !important;
    }

    section.dashboarddirect.accountdash label#eligible_7-error {
        font-size: 16px;
    }

    section.dashboarddirect.realdash label#eligible_4-error {
        top: 0 !important;
    }

    .tobealigible.question1 label#eligible_7-error {
        bottom: 10px !important;
    }

    span.policy_number_error1 + .requested.dates {
        width: 500px;
    }

    .currentpolicy.totalmainnum .oilapplicationdetail div {
        width: 170px;
    }

    section#site-nav {
        /*padding: 50px 0px;*/
    }

    div#example2, div#example3 {
        width: 100%;
    }

    .directlogin img {
        width: 560px;
    }

    section.policynumber_detail {
        padding: 70px 0px;
    }

    .renewdate {
        width: 100% !important;
    }

    ul#pills-tab {
        margin: 10px 0px;
        margin-bottom: 20px !important;
    }

    .email {
        margin-bottom: 12px !important;
    }

    .getaquote {
        margin-top: 20px;
    }

    .address {
        padding: 20px;
    }

    ul.detailfilter.detail li {
        width: 100% !important;
    }

    ul.detailfilter.detail li select {
        width: 100%;
    }

    ul.detailfilter.detail .dropdown.apprasers {
        width: 100%;
    }

    .topheader {
        height: 25px;
    }

    .headerbottom {
        /* height: 25px; */
    }
    .headerbottom .container {
        margin: 0px 10px;
    }

    .Businesssection .col-lg-4:last-child {
        width: 20%;
    }

    .oilapplicationdetail div {
        /* width: 170px; */
    }

    .businessdetail ul {
        width: 38% !important;
    }

    .Businesssection .col-lg-4 {
        width: 40%;
    }

    .requested.dates {
        margin-left: 0;
    }

    .datescalender {
        margin-bottom: 58px;
    }

    .continuedetail.right button {
        margin-left: 0;
    }

    .procomment p,
    .procom p {
        margin-left: 0;
    }

    label#convenience_fee-error {
        left: 30%;
    }

    input#optioncheck {
        margin-top: 0;
    }

    .datescalender input {
        margin-bottom: 0 !important;
        margin-right: 10px;
    }

    .profilemaindetail:after {
        right: 20%;
    }

    ul.switch {
        padding-bottom: 50px;
    }

    ul.site {
        margin-top: 35px;
    }

    ul.detailfilter span {
        font-size: 16px;
    }

    ul.progresstick h4 {
        font-size: 16px;
    }

    ul.progresstick span {
        font-size: 16px;
        width: 30px;
        height: 30px;
    }

    .procom.requestinfo span {
        right: -50px;
        left: auto;
    }

    label#date-error {
        bottom: -61px;
    }

    p {
        font-size: 16px;
    }

    .directlogindetail {
        margin: 0 60px;
        max-width: 500px;
        padding: 30px;
        height: 100%;
        padding-top: 90px;
    }

    body .container {
        max-width: 1080px;
    }

    section.dashboarddirect .col-lg-2 {
        width: 300px;
    }

    section.dashboarddirect .col-lg-10 {
        width: calc(100% - 300px);
    }

    tr.lines th {
        font-size: 16px;
        padding: 20px 10px;
    }

    tr.real td {
        font-size: 16px;
    }

    .refresh {
        margin-left: 0px;
    }

    footer.footer {
        padding: 20px;
    }

    footer.footer h4 {
        font-size: 16px;
    }

    footer.footer p {
        margin-left: 10px;
        font-size: 16px;
    }

    table.lineofbusiness tbody td span {
        width: auto;
    }

    table.lineofbusiness th {
        font-size: 16px;
    }

    .agentheading h4 {
        font-size: 16px;
    }

    .agentheading p {
        font-size: 16px;
    }

    .filter h4 {
        font-size: 16px;
    }

    table.lineofbusinessdetail td {
        font-size: 16px;
    }

    ul.js-dropdown-list li {
        width: 100%;
    }

    .address p {
        font-size: 16px;
    }

    ul.progresstick.start.basicinfo {
        margin-top: 30px;
    }

    ul.detailfilter select {
        margin-top: 5px !important;
    }

    .Businesssection {
        margin: 20px 0px 20px;
    }

    .requestedinput h3 {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .requested.dates span {
        font-size: 16px;
    }

    .requesttool {
        display: flex;
        justify-content: flex-start;
    }

    .procom.requestinfo span {
        position: relative;
        top: 0;
        bottom: auto;
        left: 0;
        right: auto;
        /* transform: translate(10px ,10px); */
    }

    .requesttool .procom {
        top: 0 !important;
        position: relative;
    }

    ul.site li:after {
        display: none;
    }

    label#date-error {
        bottom: 0;
        top: auto;
        position: relative;
    }

    .procom.requestinfo p {
        left: 10px !important;
        bottom: auto;
        top: -90px;
        width: 440px;
    }

    /* body .container {
    transform: scale(0.8);
} */
    section.loginsec .container {
        transform: scale(1);
    }

    ul.site li p {
        line-height: 18px;
        font-size: 16px;
    }

    .businessdetail {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    ul.detailfilter.statedetail {
        margin-left: 30px;
    }

    .oilapplicationdetail label {
        position: relative;
        bottom: 0;
        top: auto;
    }

    .oilapplicationdetail input {
        margin-bottom: 10px;
    }

    .oilapplicationdetail {
        margin-bottom: 21px;
    }

    .add input {
        margin-bottom: 11px;
        width: 100%;
    }

    .add {
        margin-bottom: 30px;
    }

    .optionfee label {
        position: relative;
        left: auto;
    }

    label#address1-error {
        position: relative;
        top: 0px;
    }

    .oilapplicationdetail {
        margin-bottom: 5px;
    }

    .profiledetail h4 {
        margin-bottom: 0px;
        margin-top: 10px;
    }

    .mailingadd {
        padding: 10px 20px 0px 20px;
        margin-bottom: 10px;
    }

    .add {
        margin-bottom: 10px;
    }

    .tobealigible ul p {
        margin-bottom: 0;
    }

    ul.sign p {
        margin-top: 6px;
        padding-bottom: 10px;
    }

    .confirmdate span {
        margin-bottom: 30px;
    }

    .profilemaindetail {
        padding-top: 20px;
        padding-right: 0;
    }

    input[type="radio"] {
        margin-top: 0px !important;
    }

    input[type="checkbox"] {
        margin-top: 0;
    }

    label#eligible_4-error {
        left: 0;
        /* top: 0; */
        bottom: 8px;
        left: 8px;
    }

    .tobealigible.question1 label#eligible_7-error {
        bottom: 0;
        left: 0;
    }

    .tobealigible.question1.realerror label#eligible_7-error {
        left: 13px;
        bottom: 7px;
    }
}

@media only screen and (max-width: 1429px) {
    table.accordion-document {
        max-width: 100% !important;
        margin-right: 38px !important;
        position: relative;
    }

    .followingoption {
        padding-bottom: 25px;
    }

    label#established_date-error {
        bottom: -34px;
        /*font-size: 13px !important;*/
        /*width: 105%;*/
        /*left: 0;*/
    }

    p.clickpencil {
        position: absolute;
        right: 150px;
        top: -50px;
    }

    section.dashboarddirect .accordion-container {
        margin-right: 0;
    }

    .agentlist, .adminlist {
        margin-right: 30px;
    }

    .renewbtn {
        display: block;
    }

    body input[type="radio"] {
        width: auto !important;
    }

    ul.clientmain li {
        /* width: 25%; */
    }

    ul.clientmain input {
        min-width: 30px;
        width: 30px !important;
    }

    .error-msg-1 {
        font-size: 16px;
        margin: 0 !important;
    }

    .profiledetail input {
        width: 100% !important;
    }

    .ui-datepicker {
        z-index: 1000;
    }

    .ui.input input {
        width: 260px;
    }

    .datescalender .requested.dates {
        margin-left: auto;
    }

    .add input {
        width: 290px;
    }

    .requested.dates {
        margin-left: auto;
    }

    .continuedetail.right button {
        font-size: 16px;
    }

    .profilemaindetail:after {
        right: 24%;
    }

    label#convenience_fee-error {
        left: 34%;
        margin-left: 180px;
    }

    .optionfee input#optioncheck {
        margin-top: 0;
    }

    label#address1-error {
        top: 0;
    }

    label#eligible_4-error {
        bottom: 4px;
        font-size: 16px;
    }

    ul.switch {
        padding-bottom: 50px;
    }

    ul.progresstick:before {
        width: 43%;
    }

    body .container {
        max-width: 1200px;
    }

    .requestedinput h3 {
        font-size: 16px;
    }

    .requested.dates span {
        font-size: 16px;
    }

    ul.detailfilter.statedetail li:last-child {
        max-width: 100%;
        width: 100%;
    }

    .requested.dates {
        margin-left: 0;
    }

    .directlogindetail {
        margin: 0 30px;
        height: 651px;
    }

    body .container {
        max-width: 992px;
    }

    section.dashboarddirect .col-lg-2 {
        width: 270px;
    }

    aside ul a {
        padding: 15px;
    }

    thead.checktab tr th {
        font-size: 16px;
        padding: 10px;
    }

    tr.checkboxtable td {
        font-size: 16px;
    }

    table.table {
        width: 100%;
    }

    tr.restricticon td span {
        width: auto;
        height: 40px;
        margin-bottom: 0px;
    }

    .userinfo {
        margin-left: 0;
    }

    .newuser a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: auto;
    }

    .inactivate a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: auto !important;
    }

    .agentlist, .adminlist {
        margin-top: 50px;
    }

    .directlogindetail {
        /*padding: 50px;*/
        /*padding-top: 90px;*/
    }

    .content {
        padding: 25px;
    }

    ul.policydetail h4 {
        font-size: 16px;
    }

    ul.policydetail p {
        font-size: 14px;
    }

    .set a {
        font-size: 16px;
    }

    ul.detailfilter .dropdown {
        width: auto;
    }

    table.lineofbusiness tbody td span {
        width: auto;
    }

    table.lineofbusiness th {
        font-size: 16px;
        padding: 16px 13px;
    }

    table.accordion-document tbody td {
        /*padding-left: 20px;*/
    }

    table.accordion-document thead tr th {
        /*padding-left: 20px;*/
    }

    .profilemaindetail {
        padding-right: 50px;
    }

    .procom p {
        width: 300px;
    }

    .procom.requestinfo p {
        width: 300px;
        bottom: 40px;
        top: auto;
    }

    .yearpolicy input {
        width: 30px !important;
        min-width: 30px;
    }
}

@media only screen and (max-width: 1199px) {
    .fromyear.editdetail.directprofilemain p.clickpencil {
        top: -70px;
        left: auto;
    }

    .tocomplete ul input {
        width: auto !important;
    }

    label#convenience_fee-error {
        font-size: 16px;
    }

    .tocomplete h4 {
        margin-bottom: 20px;
    }

    ul.registerinput input {
        width: 100% !important;
    }

    .accordion-container {
        margin: 0 0px 40px;
    }

    .set a i {
        margin-left: auto;
    }

    .fromyear {
        margin: 70px 0px 20px;
    }

    section.dashboarddirect .col-lg-2 {
        width: 210px;
    }

    .dashboard li a {
        font-size: 16px;
    }

    section.dashboarddirect .col-lg-10 {
        width: calc(100% - 230px);
    }

    .set a {
        padding: 10px;
        display: flex !important;
        align-items: center;
    }

    .content {
        padding: 10px;
    }

    .dropdown.apprasers {
        width: 100% !important;
    }

    ul.detailfilter.detail li {
        width: 100%;
    }

    ul.detailfilter.statedetail {
        margin-left: 18px;
    }

    .address p {
        font-size: 16px;
    }

    .address {
        padding: 30px;
    }

    ul#pills-tab button {
        font-size: 16px;
    }

    .getaquote {
        margin-top: 30px;
    }

    .directlogindetail {
        padding: 30px;
        height: 640px;
        padding-top: 90px;
    }

    .directlogindetail {
        margin: 0 0px;
        height: 580px;
    }

    body .container {
        max-width: 960px;
    }

    section.dashboarddirect .col-lg-9,
    .proProfessionals .col-lg-9 {
        /* max-width: 90%; */
        /* flex: 0 0 90%; */
    }

    ul.progresstick:after {
        width: 92%;
    }

    .procom {
        /* right: -30px; */
    }

    .requestedinput h3 {
        font-size: 16px;
    }

    .requested.dates span {
        font-size: 16px;
    }

    ul.progresstick.start:before {
        width: 15%;
    }

    .directlogindetail span {
        font-size: 16px;
    }

    ul#pills-tab {
        margin: 10px 0px !important;
    }

    ul#pills-tab button {
        font-size: 16px;
    }

    .email {
        margin-bottom: 20px;
    }

    .getaquote {
        margin-top: 20px;
    }

    section.loginsec .col-lg-6:first-child {
        order: 1;
    }

    p.clickpencil {
        right: 0;
    }
}

@media only screen and (max-width: 991px) {
    p.clickpencil {
        max-width: 50%;
        top: -70px;
    }

    .agentlist, .adminlist {
        margin-right: 0;
    }

    div#empTable_wrapper .col-sm-12 {
        overflow: auto;
    }

    div#empTable_wrapper .row {
        display: block;
    }

    div#empTable_wrapper .row .col-sm-5 {
        width: 100%;
    }

    div#empTable_wrapper .row .col-sm-7 {
        width: 100%;
    }

    div#empTable_wrapper .row .col-sm-6 {
        width: 100%;
    }

    div#empTable_filter {
        margin-left: 0;
    }

    .realdash div#example2, .realdash div#example3 {
        margin-bottom: 13px;
    }

    .ui.calendar.dates.renewdate {
        max-width: 100%;
        margin-bottom: 15px;
    }

    .procomment p,
    .procom p,
    .procom2 p,
    .procprof p {
        top: 0;
    }

    a.changestate {
        left: 17px;
        bottom: -2px;
    }

    ul.policydetail li {
        width: 33%;
    }

    section.policynumber_detail {
        padding: 60px 0px;
    }

    .currently.add {
        padding: 0;
        margin: 20px 0px;
        border: none;
    }

    .requested.dates {
        margin-bottom: 0;
        margin-left: 10px !important;
    }

    .row.procomments .col-lg-9,
    .proProfessionals .col-lg-9 {
        max-width: 70%;
    }

    .profilemaindetail:after {
        display: none;
    }

    .row.procomments .col-lg-3,
    .proProfessionals .col-lg-3 {
        width: 30%;
    }

    ul.progresstick:before {
        width: 40%;
    }

    section.loginsec .col-lg-6:first-child {
        order: 1;
    }

    .directlogindetail {
        width: 100%;
        max-width: 100%;
    }

    .togglebtn.active a.open {
        /* display: none; */
        opacity: 0;
    }

    a.close {
        /* display: none; */
        opacity: 0;
    }

    .togglebtn.active a.close {
        /* display: block; */
        opacity: 1;
    }

    .error-msg-1,
    .error {
        font-size: 16px;
    }

    .email input {
        margin-top: 0 !important;
    }

    .warning p {
        margin: 0 10px;
    }

    button.btngreen.renew {
        width: 120px;
    }

    .warning {
        padding: 10px;
    }
}

@media only screen and (max-width: 767px) {
    section.dashboarddirect.realdash table.tableoption label#price-error {
        bottom: -22px !important;
    }

    section.dashboarddirect.realdash label#eligible_7-error {
        bottom: 0 !important;
    }

    .agentlist.mr-0 {
        margin-right: 0;
        overflow: auto;
        margin-top: 30px !important;
    }

    .agentlist.mr-0 div#tbl3_length {
        margin-top: 30px;
    }

    .fromyear.editdetail.directprofilemain.directpro label#phone-error {
        top: auto !important;
        left: 0;
        bottom: -20px;
    }

    .togglebtn {
        display: block;
    }

    .fromyear.editdetail.edituserdet.producercreate label#role_id-error {
        top: -5px;
    }

    .fromyear.editdetail.edituserdet.producercreate label#phone-error {
        top: -4px;
    }

    .fromyear.editdetail.edituserdet.producercreate label#agent_code-error {
        top: -3px;
    }

    .dropdown.apprasers
        select.js-dropdown-list.application.line_business.error {
        margin: 0;
    }

    .tobealigible label#price-error {
        bottom: -8px !important;
        line-height: 17px;
    }

    body input[type="radio"] {
        height: auto;
    }

    .dropdown.apprasers {
        margin-bottom: 11px;
    }

    .fromyear.editdetail.edituserdet.producercreate h4 {
        margin-bottom: 10px;
    }

    .fromyear.editdetail.edituserdet.producercreate .profilename {
        margin-bottom: 5px;
    }

    .fromyear.editdetail.edituserdet.producercreate label#password-error {
        top: auto;
        font-size: 16px;
    }

    li.lineofnuss {
        width: 100% !important;
    }

    .agentlist.agentdashboard ul.detailfilter li:last-child {
        width: 100%;
    }

    ul.detailfilter.detailselect .field {
        margin-bottom: 0 !important;
    }

    ul.detailfilter.detailselect button.btngreen.advsearch {
        margin-top: 10px;
    }

    .directprofile label#email-error {
        top: -8px;
        font-size: 16px;
    }

    .profilename {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }

    ul.detailfilter {
        display: block;
    }

    ul.detailfilter li {
        width: 100%;
    }

    ul.detailfilter .two.fields {
        display: flex !important;
        flex-wrap: nowrap;
    }

    ul.detailfilter li:last-child {
        width: 100%;
    }

    div#example_wrapper, div#upcoming_renewal_list_wrapper {
        overflow: auto;
        margin-top: 20px;
    }

    ul.detailfilter li:last-child .field {
        margin-right: 10px !important;
    }

    .errors h3 {
        font-size: 16px;
    }

    .procomment,
    .procom,
    .procom2,
    .procprof {
    }

    .procomment p,
    .procom p,
    .procom2 p,
    .procprof p {
        display: none !important;
    }

    .procomment p.active,
    .procom p.active,
    .procom2 p.active,
    .procprof p.active {
        display: block !important;
    }

    .proProfessionals .col-lg-3 {
        width: 10%;
    }

    .proProfessionals .col-lg-9 {
        max-width: 90%;
    }

    .procprof p.active {
        position: relative;
        position: relative !important;
        left: -488px;
        width: 380px;
        min-width: 430px;
        margin-top: 78px;
        display: block !important;
    }

    .procprof {
        position: relative;
        top: -15px;
    }

    .procprof span {
        top: 30px;
        position: relative;
    }

    tr.lines th {
        padding: 6px;
        font-size: 16px;
    }

    tr.real td {
        font-size: 16px;
        padding: 5px;
    }

    .errors h3 {
        font-size: 16px;
    }

    tr.lines th {
        padding: 6px;
        font-size: 16px;
    }

    tr.real td {
        font-size: 16px;
        padding: 5px;
    }

    .modal-header {
        /* position: absolute; */
        right: 8px;
        padding: 0;
        top: 10px;
    }

    .modal-content {
        padding: 10px;
    }

    .modalpolicyinfo.popup a {
        font-size: 16px;
        padding: 10px;
    }

    .modalpolicyinfo.popup .content.transfer {
        margin-top: 20px;
    }

    ul.policydetail li h4 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .kwt-file__drop-area {
        padding: 15px;
    }

    .policymaindate .ui.input.left.icon {
        margin-bottom: 20px;
    }

    .warning p {
        margin: 0;
    }

    .warning {
        padding: 10px;
    }

    .warning .form {
        margin-left: 0 !important;
    }

    form#policy-form {
        margin-left: 0;
    }

    button.btngreen.renew {
        width: 100px;
    }

    .warning {
        flex-wrap: wrap;
    }

    .warning p {
        width: 90%;
    }

    form#policy-form {
        margin: auto;
        margin-top: 10px;
    }

    label#price-error {
    }

    .tobealigible {
        position: relative;
    }

    .btnkwt-file {
        right: 0;
    }

    .kwt-file__choose-file {
        width: 40px;
        height: 40px;
    }

    span.kwt-file__choose-file svg {
        width: 17px;
    }

    a.uploadbtn {
        padding: 13px;
    }

    .kwt-file__drop-area input {
        height: 100%;
    }

    .directprofile h4 {
        font-size: 16px;
    }

    .fromyear.editdetail {
        margin-top: 50px;
    }

    .profilename input {
        font-size: 16px;
    }

    section.dashboarddirect .col-lg-2 {
        left: -100%;
        position: absolute;
        /* width: 0; */
        background: white;
        z-index: 9999;
        padding: 0;
        height: 100%;
        transition: all 0.5s;
    }

    section.dashboarddirect .col-lg-2.active {
        left: 5px;
        /* width: 210px; */
    }

    .togglebtn a {
        font-size: 16px;
        color: black;
    }

    .togglebtn {
        /* text-align: right; */
        margin-left: 13px;
        position: relative;
        top: 8px;
    }

    section.dashboarddirect .row {
        position: relative;
    }

    .togglebtn a {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 99999;
    }

    section.dashboarddirect .col-lg-10 {
        width: 100%;
        padding: 10px 25px;
    }

    .togglebtn.active a.open {
        /* display: none; */
        opacity: 0;
    }

    a.close {
        /* display: none; */
        opacity: 0 !important;
    }

    .togglebtn.active a.close {
        /* display: block; */
        opacity: 1 !important;
    }

    .dashboard {
        background: #f7f0d6;
    }

    footer.footer p {
        font-size: 16px;
        line-height: 20px;
        padding-left: 10px;
    }

    footer.footer h4 {
        font-size: 16px;
        line-height: 20px;
    }

    .fromyear {
        flex-wrap: wrap;
        margin-top: 40px;
    }

    ul.policydetail li {
        width: 50%;
    }

    .dashboard {
        padding-top: 50px;
    }

    .requested.dates {
        margin-bottom: 0 !important;
    }

    .row.procomments .col-lg-9 {
        width: 90%;
        max-width: 100%;
    }

    .row.procomments .col-lg-3 {
        width: 10%;
    }

    .procomment,
    .procom2 {
        position: relative;
        top: 11px;
    }

    .procomment span,
    .procom span {
        margin-right: 10px;
    }

    .procom {
        /* position: relative;
        top: 17px;
        left: 0; */
        position: static;
        margin-bottom: 30px;
    }

    .procom.active {
        position: relative;
    }

    .headerimg img {
        height: auto !important;
        width: auto !important;
    }

    .requested.dates {
        margin-bottom: 20px;
    }

    ul.progresstick h4 {
        font-size: 16px;
    }

    ul.detailfilter span {
        font-size: 16px;
        margin: 0 !important;
    }

    .requestedinput h3 {
        font-size: 16px;
    }

    .requested.dates span {
        font-size: 16px;
    }

    ul.progresstick span {
        font-size: 16px;
    }

    ul.detailfilter select {
        font-size: 16px;
    }

    div#DivIdToPrint {
        padding-right: 0;
    }

    .onlineapplication h4 {
        font-size: 16px;
    }

    .onlineapplication {
        margin: 30px 0px;
    }

    label#price-error {
        font-size: 16px;
        bottom: 0 !important;
        position: relative;
        bottom: -26px !important;
        top: auto !important;
        font-size: 16px;
    }

    table.tableoption {
        margin-bottom: 33px;
    }

    .tobeheading h4 {
        margin: 0;
    }

    .followingoption {
        padding: 11px;
    }

    label#convenience_fee-error {
        font-size: 16px;
        bottom: 10px !important;
        left: 0px;
        top: 15px;
    }

    .checkbox.switcher {
        margin-left: 10px;
    }

    .procom.requestinfo {
        margin-bottom: 0;
    }

    .procomments p {
        display: none;
    }

    .procomment span,
    .procom span,
    .procom2 span {
        top: 30px;
        bottom: auto;
        position: relative;
        left: -10px;
    }

    .procomment p.active,
    .procom2 p.active {
        display: block;
        position: relative;
        left: -488px;
        width: 380px;
        min-width: 430px;
        margin-top: 78px;
    }

    .procom p.active {
        display: block;
        position: static;
        /* left: -488px;
        width: 380px; */
        min-width: 430px;
        margin-top: 78px;
    }

    .review_title.text-center h2 {
        font-size: 16px;
        line-height: 1;
    }

    .onlineapplication.paymentunsuccess h4 {
        font-size: 16px;
        margin: 0;
    }

    .onlineapplication.paymentunsuccess h5 {
        font-size: 16px;
        line-height: 30px;
    }

    .onlineapplication.paymentunsuccess .retrypayment p {
        line-height: 21px;
    }

    .retrypayment {
        display: block;
    }

    .retrypayment a {
        margin-left: 0;
        max-width: 200px;
        font-size: 16px;
        margin-top: 15px;
    }

    .retrypayment {
        margin-top: 40px;
    }

    .onlineapplication.payment h4 {
        font-size: 16px;
        margin: 0;
    }

    ul.afterpayment {
        padding-left: 20px !important;
    }

    .onlineapplication.payment ul li {
        font-size: 16px;
        line-height: 29px;
        margin-bottom: 10px;
    }

    .onlineapplication.payment p {
        margin-bottom: 20px;
    }

    .btnlogin.file {
        flex-wrap: wrap;
        width: 95%;
    }

    .btnlogin.file input {
        width: 100%;
        margin-left: -0;
        order: -1;
        margin-bottom: 12px;
    }

    .onlineapplication.payment ul {
        margin-bottom: 20px;
    }

    button.registerbtn.expire {
        font-size: 16px;
    }

    .uploadfiles.mb-4 {
        margin-bottom: 70px !important;
    }

    .aftersuccessmail {
        margin-bottom: 10px;
    }

    .uploadfiles.mb-4 {
        left: 0;
        max-width: 90%;
    }
}

@media only screen and (max-width: 575px) {
    p.payment-failed_error {
        line-height: 23px;
        margin-top: 0;
    }

    .fromyear.editdetail.adminprosnew .profilename {
        margin-bottom: 10px;
    }

    .fromyear.editdetail.adminprosnew {
        margin-left: 0px;
        margin-right: 0px;
    }

    .fromyear.editdetail.adminprosnew .error {
        top: -7px !important;
    }

    .fromyear.editdetail.adminprosnew label#password-error {
        font-size: 16px;
    }

    form#profile-form {
    }

    .fromyear.editdetail.adminprosnew h4 {
        margin-bottom: 21px !important;
    }

    .aftersuccessmail {
        display: block;
    }

    section.dashboarddirect.realdash label#eligible_4-error {
        font-size: 16px;
    }

    .email li.sendcode input {
        width: 63%;
    }

    .email li.sendcode a {
        width: 34% !important;
        height: 50px !important;
        margin-left: 10px !important;
    }

    .email li.sendcode {
        display: flex !important;
    }

    span.logintext {
        padding: 20px;
        font-size: 16px;
        line-height: 18px;
    }

    section.dashboarddirect.realdash label#eligible_7-error {
        font-size: 16px;
        left: 0;
    }

    section.dashboarddirect.realdash table.tableoption label#price-error {
        bottom: -35px !important;
        left: -7px;
    }

    .fromyear.editdetail.agentprodetail label {
        top: 0 !important;
    }

    .fromyear.editdetail.agentprodetail label#confirm_password-error {
        top: auto !important;
    }

    .fromyear .search {
        margin-top: 10px;
    }

    .fromyear .from {
        margin-right: 10px;
    }

    .fromyear.editdetail.edituserdet.creatus h4 {
        margin-bottom: 10px;
    }

    .fromyear.editdetail.edituserdet.creatus .profilename {
        margin-bottom: 10px;
    }

    .fromyear.editdetail.edituserdet.creatus label#password-error {
        top: -9px;
        font-size: 16px;
    }

    .profiledetail .col-lg-9 {
        width: 100%;
    }

    .directprofile.agentpro .profilename {
        margin-top: 8px;
    }

    .directprofile.agentpro + .directprofile .profilename input {
        font-size: 16px;
    }

    .directprofile.agentpro + .directprofile .profilename {
        margin-top: 12px;
    }

    .fromyear.editdetail.edituserdet.producercreate label#phone-error {
        top: -3px;
    }

    div#exampleModal {
        z-index: 999999;
    }

    label#convenience_fee-error {
        margin-left: 0;
        bottom: -121px !important;
        top: auto;
        position: absolute;
        width: 100% !important;
        line-height: 17px;
    }

    .currentpolicy.totalmainnum.accounttotal div div {
        width: 100%;
    }

    .currentpolicy.totalmainnum input {
        width: 100% !important;
    }

    .fromyear.editdetail.directprofilemain input {
        margin-bottom: 0;
    }

    .fromyear.editdetail.directprofilemain p.clickpencil {
        top: -75px;
    }

    .fromyear.editdetail.directprofilemain {
        margin-top: 10px;
    }

    p.clickpencil {
        top: -83px;
        font-size: 16px;
    }

    .directprofile h4 {
        font-size: 16px;
    }

    .procprof span {
        left: -8px;
    }

    .agentheading h4 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .agentinput {
        margin-bottom: 20px;
    }

    .filter h4 {
        font-size: 16px;
        margin-bottom: 15px;
        line-height: 20px;
    }

    .agentheading {
        margin-bottom: 10px;
    }

    .ui.form span {
        margin-bottom: 10px !important;
    }

    .lineofbussinessheading h4 {
        font-size: 16px;
        margin: 10px 0px !important;
    }

    .lineofbussinessheading {
        margin: 10px 0px;
    }

    table.lineofbusiness th {
        font-size: 16px;
        padding: 10px;
    }

    table.lineofbusiness tbody td {
        font-size: 16px;
        padding: 10px;
    }

    table.tableoption.tableloss {
    }

    .followingoption {
        overflow: auto;
    }

    .yearpolicysyb input {
        /* width: 20px !important; */
        height: 20px !important;
    }

    .profiledetail input {
        margin-right: 8px;
    }

    .checkbox.switcher label {
        text-align: left;
    }

    .checkbox.switcher p {
        margin-bottom: 8px;
    }

    .onlineapplication h4 {
        font-size: 16px;
    }

    input.form-control.input-sm {
        width: 190px;
    }

    .errors {
        margin-top: 20px;
    }

    .reviewpage a {
        font-size: 16px;
    }

    .kwt-file__drop-area input {
        height: 100%;
    }

    .kwt-file__drop-area span {
        font-size: 16px;
    }

    .uploadfiles {
        margin-bottom: 70px;
    }

    .btnkwt-file {
        left: 0;
        bottom: -50px;
    }

    .requested.dates {
        width: 100%;
        margin-left: 0 !important;
    }

    .datescalender {
        flex-wrap: wrap;
    }

    ul.progresstick li h4 {
        display: none;
    }

    ul.progresstick li.active h4 {
        display: block;
        line-height: 19px;
    }

    ul.progresstick {
        align-items: flex-start;
        margin-bottom: 0;
    }

    ul.progresstick:before {
        width: 50%;
    }

    .profiledetail input {
        height: 50px;
        font-size: 16px;
    }

    .profiledetail h4 {
        font-size: 16px;
        margin-top: 0 !important;
    }

    .mailingadd {
        padding: 10px;
    }

    .procomment p {
        display: none;
    }

    ul.progresstick h4 {
        font-size: 16px;
    }

    ul.detailfilter span {
        font-size: 16px;
        margin: 0 !important;
    }

    .requestedinput h3 {
        font-size: 16px;
    }

    .requested.dates span {
        font-size: 16px;
    }

    ul.progresstick span {
        font-size: 16px;
        top: 0px !important;
    }

    ul.detailfilter select {
        font-size: 16px;
    }

    ul.progresstick.start.basicinfo h4 {
        display: none;
    }

    ul.progresstick.start.basicinfo li.active h4 {
        display: inline-flex;
    }

    ul.progresstick.start.basicinfo {
        align-items: flex-start;
    }

    ul.progresstick.start:before {
        width: 20%;
    }

    .businessdetail ul {
        width: 100% !important;
        margin-bottom: 0px;
    }

    .businessdetail {
        flex-wrap: wrap;
    }

    ul.detailfilter.statedetail {
        margin-left: 0;
    }

    .Businesssection .col-lg-4 {
        width: 100%;
    }

    .requested.dates {
        margin-top: 23px;
        margin-bottom: 20px !important;
    }

    .directlogin img {
        width: 100%;
    }

    .headerbottom h4 {
        font-size: 12px;
    }

    section.loginsec .col-lg-6:first-child {
        order: 1;
    }

    .directlogindetail {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    .address p {
        font-size: 16px;
        padding-bottom: 10px;
        line-height: 30px;
    }

    .address {
        padding: 20px;
    }

    li.sendcode {
        display: block !important;
    }

    li.sendcode a {
        margin-left: 0 !important;
        margin-top: 10px;
        font-size: 16px;
        height: 40px !important;
        width: 153px !important;
    }

    .procomment p.active,
    .procom p.active {
        min-width: 330px;
        left: -386px;
    }

    .ui.input input {
        width: 290px;
    }

    ul.policydetail li h4 {
        margin-bottom: 5px;
    }

    ul.policydetail li {
        margin-bottom: 10px;
    }

    .togglebtn {
        display: block;
    }

    table.accordion-document thead tr th {
        padding: 10px 5px;
        font-size: 16px;
    }

    table.accordion-document tbody td {
        padding: 10px 5px;
        font-size: 16px;
    }

    table.accordion-document tbody tr a {
        font-size: 16px;
    }

    table.accordion-document tbody td img {
        margin-right: 5px;
    }

    .modal-content {
        padding: 10px;
    }

    div#renewApplication {
        z-index: 999999;
    }

    .profilename {
        margin-bottom: 30px;
    }

    .profilename input {
        height: 47px;
    }

    .profilename a {
        width: 20px;
        height: 22px;
    }

    .fromyear.editdetail.directprofilemain .profilename label#name-error {
        position: absolute;
        bottom: -22px;
        top: auto;
    }

    .fromyear.editdetail.directprofilemain label#phone-error {
        top: auto;
        position: absolute;
        bottom: -21px;
        left: 0;
    }

    .directprofilemain .profilename label#email-error {
        position: absolute;
        top: auto;
        bottom: -24px;
    }

    .fromyear.editdetail.directprofilemain label#confirm_password-error {
        position: absolute;
        bottom: -20px;
    }
}

@media only screen and (max-width: 479px) {
    .email li.sendcode {
        display: block !important;
    }

    .email li.sendcode input {
        width: 100%;
    }

    .email li.sendcode a {
        width: auto !important;
        margin-left: 0 !important;
        height: 40px !important;
        margin-top: 10px;
    }

    section.dashboarddirect.accountdash label#eligible_9-error {
        font-size: 16px;
    }

    section.dashboarddirect.accountdash label#eligible_7-error {
        font-size: 16px;
        top: 0 !important;
    }

    section.dashboarddirect.accountdash label#eligible_4-error {
        font-size: 16px;
    }

    section.dashboarddirect.accountdash label#convenience_fee-error {
        bottom: -150px !important;
    }

    .fromyear.editdetail.directprofilemain.directpro p.clickpencil {
        top: -44px;
    }

    p.clickpencil {
        right: 0px;
        width: 100% !important;
        max-width: 100%;
        top: -45px;
        padding: 7px;
        font-size: 16px;
    }

    table.tableoption thead tr th {
        font-size: 16px;
    }

    table.tableoption tbody td {
        font-size: 16px;
    }

    table.tableoption td p {
        font-size: 16px;
    }

    body input[type="radio"] {
        height: auto;
    }

    ul.switch li {
        display: block;
    }

    .checkbox.switcher {
        margin: 0 !important;
        display: flex !important;
    }

    .agentlist div#example_wrapper, .adminlist div#upcoming_renewal_list_wrapper {
        margin-top: 0;
    }

    ul.detailfilter.detailmain .dropdown {
        margin-top: 0;
        margin-bottom: 8px;
    }

    div#example_filter, div#upcoming_renewal_list_filter {
        margin-top: 20px;
    }

    ul.detailfilter .two.fields {
        flex-wrap: wrap;
    }

    .fromyear.editdetail.directprofilemain label#confirm_password-error {
        position: absolute;
        bottom: -20px;
        top: auto !important;
        margin-left: 0 !important;
    }

    .fromyear.editdetail.directprofilemain .profilename label#name-error {
        position: absolute;
        bottom: -18px;
        top: auto !important;
    }

    .fromyear.editdetail.directprofilemain label#phone-error {
        position: absolute;
        bottom: -27px;
        top: auto;
        left: 0px;
    }

    .directprofilemain .profilename label#email-error {
        position: absolute;
        bottom: -20px;
        top: auto !important;
        font-size: 16px;
    }

    .tobealigible.question1 label#eligible_4-error {
        position: relative;
        bottom: 0px !important;
        top: auto !important;
    }

    .tobealigible label#eligible_7-error {
        position: relative;
        bottom: 0;
        top: auto !important;
    }

    table.tableoption label#price-error {
        bottom: -34px !important;
    }

    a.changestate {
        width: auto;
        font-size: 16px;
        bottom: -9px !important;
        bottom: 0;
    }

    .tobealigible.question1 label#eligible_7-error {
        bottom: -6px;
        font-size: 16px;
        position: relative;
    }

    .directprofile h4 {
        margin-bottom: 41px;
    }

    input.form-control.input-sm {
        width: 100%;
    }

    section.dashboarddirect label.error {
        font-size: 16px;
        top: -9px !important;
        top: auto !important;
    }

    label#eligible_4-error {
        left: 0;
        top: 0;
    }

    label#eligible_7-error {
        bottom: 0;
    }

    label#eligible_9-error {
        font-size: 16px;
    }

    label#price-error {
        bottom: -36px !important;
        width: 100% !important;
        line-height: 16px;
    }

    label#eligible_7-error {
        font-size: 16px;
        left: 0px;
    }

    .tobeheading {
        padding: 10px;
    }

    div#example2, div#example3{
        width: 100%;
    }

    .ui.calendar.dates.policymaindate {
        width: 100%;
    }

    span.himg {
        top: 80px;
        left: 10px;
    }

    .errors {
        margin-top: 20px;
    }

    .reviewpage a {
        font-size: 16px;
    }

    div#example_length, div#upcoming_renewal_list_length {
        display: block !important;
        margin-bottom: 80px;
    }

    .dt-buttons {
        top: 38px;
        left: 0px;
    }

    div#example_filter label, div#upcoming_renewal_list_filter label {
        width: 90%;
    }

    .warning .form {
        margin-left: 0 !important;
    }

    form#policy-form {
        margin-left: 0;
    }

    .warning p {
        width: 100%;
        font-size: 16px;
        line-height: 20px;
    }

    button.btngreen.renew {
        width: 80px;
        height: 31px;
        font-size: 16px;
    }
    @media (max-width: 568px) {
        button.btngreen.renew {
            font-size: 12px !important;
        }
    }
    .warning span {
        width: 25px;
        height: 25px;
        min-width: 25px;
        margin-bottom: 6px;
    }

    .warning .form {
        margin-left: 0 !important;
    }

    form#policy-form {
        margin-left: 0;
    }

    .warning p {
        width: 100%;
        font-size: 16px;
        line-height: 20px;
    }

    ul.policydetail li p {
        font-size: 16px;
    }

    .checkbox.switcher p {
        margin: 0;
        margin-left: 0px;
        margin-right: 5px;
    }

    ul.switch {
        padding: 1px 10px;
    }

    ul.policydetail li h4 {
        font-size: 16px;
    }

    .procomment p.active,
    .procom p.active {
        min-width: 330px;
        left: -362px;
    }

    ul#pills-tab button {
        font-size: 16px;
    }

    .directlogindetail {
        padding: 20px;
        padding-top: 80px;
    }

    .email input {
        height: 45px;
    }

    .email a {
        font-size: 16px;
    }

    .email {
        margin-bottom: 10px;
    }

    .getaquote a {
        font-size: 16px;
    }
    @media (max-width: 568px) {
        .getaquote a {
            font-size: 12px !important;
        }
    }

    ul.progresstick:after {
        width: 90%;
        border: 2px solid #e5e5e5;
    }

    .headerimg img {
        height: auto !important;
        width: auto !important;
    }

    ul.progresstick.start:before {
        border: 2px solid #8dc63f;
    }

    td#finalAmount {
        width: 88px;
    }

    .option {
        width: 87px;
    }

    .procom.requestinfo p {
        left: -170px !important;
        width: 220px;
        position: absolute;
    }

    td.totalAmount {
        width: 65px;
    }

    label#convenience_fee-error {
        margin-left: 0;
        bottom: -150px !important;
        top: auto !important;
        position: absolute;
        width: 100% !important;
        line-height: 17px;
    }

    ul.switch {
        padding-bottom: 19px;
    }

    .checkconfirm {
        margin-bottom: 45px;
    }

    .checkbox.switcher {
        margin-right: 10px !important;
    }

    label#terms-error {
        bottom: -37px;
        top: auto !important;
    }

    footer.footer {
        display: block;
        text-align: center;
        /* position: fixed; */
    }

    footer.footer p {
        text-align: center;
        margin-top: 10px;
        border: none;
    }

    footer.footer p:after {
        display: none;
    }

    .onlineapplication h4 {
        font-size: 16px;
    }

    .procom2 p.active {
        width: 100%;
        max-width: 100% !important;
        min-width: 300px;
        left: -380px;
    }

    ul.clientmain {
        overflow: auto;
        display: block;
        margin: 0;
    }

    ul.clientmain li {
        margin-bottom: 10px;
    }

    .totalmainnum .oilapplicationdetail {
        display: block !important;
    }

    section.dashboarddirect .userinfo {
        flex-wrap: wrap;
    }

    .userinfo .addnew {
        margin-top: 10px;
    }

    .userinfo .addnew a {
        padding: 7px;
        font-size: 16px;
    }

    button.inactive_user {
        font-size: 16px !important;
        padding: 7px;
    }
    @media (max-width: 568px) {
        button.inactive_user {
            font-size: 12px !important;
        }
    }

    div#tbl3_length {
        top: -30px;
        position: relative;
    }

    div#tbl3_filter {
        position: relative;
        top: -30px;
    }

    span.policy_number_error1 {
        line-height: 15px;
    }

    label#policy_number-error {
        line-height: 29px;
    }

    section.dashboarddirect label#address1-error {
        top: auto !important;
    }

    .twoyearnote p {
        font-size: 16px;
    }
}

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

/* .fromyear select {
  width: 110px;
  height: 46px;
  background: #edf5d7;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.02em;
  color: #000000;
  padding: 0;
  font-family: "Raleway";
} */

.fromyear.editdetail.directprofilemain label#phone-error {
    order: 1;
    top: 0;
    left: 10px;
}
.text_danger {
    color: red !important;
}
.btnred {
    font-size: 16px !important;
}
@media (max-width: 568px) {
    .btnred {
        font-size: 12px !important;
    }
}