/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    /*#collapseOne-hidden {
        display: none;
    }*/

    #collapseTwo-hidden {
        display: none;
    }
    /*#collapseTwo-show {
   display:none;
}*/
    #collapseThree-hidden {
        display: none;
    }

    #collapseFour-hidden {
        display: none;
    }

    #collapseFour-show {
    }

    #collapseFive-hidden {
        display: none;
    }

    #collapseFive-show {
    }

    #collapseSix-hidden {
        display: none;
    }

    #collapseSix-show {
    }

    #quote-continue-button {
    }

    #quote-cancel-button {
        display: none;
    }

    #quote-update-button {
        display: none;
    }

    #ad-hor {
        display: none;
    }

    #call-us {
        width: 32%;
        margin: -20px;
    }

    .mobile-quote {
        display: none;
    }
}

@media only screen and (max-width : 1200px) {
    #collapseOne-hidden {
        display: none;
    }

    #collapseTwo-hidden {
        display: none;
    }
    /*#collapseTwo-show {
   display:none;
}*/
    #collapseThree-hidden {
        display: none;
    }

    #collapseFour-hidden {
        display: none;
    }

    #collapseFour-show {
    }

    #collapseFive-hidden {
        display: none;
    }

    #collapseFive-show {
    }

    #collapseSix-hidden {
        display: none;
    }

    #call-us {
        width: 100%;
    }

    .mobile-quote {
        display: none;
    }

    ul.toggleSwitchMore.chkOtherVehicle {
        grid-template-columns: repeat(1, minmax(120px, 1fr)) !important;
    }
}

@media only screen and (max-width : 1024px) {
    .protected {
        margin-right: 50px;
    }

    .protected-input {
        width: 90%;
        margin-top: -43px;
    }

    .voucher-input {
        width: 90%;
        float: right;
        margin-top: 0;
    }

    .voluntary-input {
        width: 90%;
        float: right;
        margin-top: 0;
    }

    .voluntary {
        margin-right: 50px;
    }

    .quote-button {
        margin-right: 80px;
    }

    #ad-hor {
        display: none;
    }

    #call-us {
        width: 33%;
        margin-left: -21px;
    }

    #l-text {
        padding-right: 100px;
        margin-left: -10px;
    }

    #live-btn {
        margin-left: -33px;
    }

    #call-btn {
        margin-left: -12px;
    }

    .ncb-switch {
        width: 150px;
        margin-top: -5px;
        float: left;
    }

    .apncb {
        margin-top: -7px;
    }

    .pad-text {
        margin-left: 0;
        padding: 20px;
    }
}

@media only screen and (max-width : 980px) {
    .protected-input {
        width: 90%;
        margin-top: 0;
    }

    #cover-timeDD {
        width: 35%;
        float: left;
    }

    #cover-timeMM {
        width: 35%;
        float: left;
    }

    #call-us {
        width: 59%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .policy-option {
        display: none;
    }

    .talk {
        width: 62%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .options {
        width: 62%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .mobile-quote {
        display: none;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .chkOtherVehicle li {
        min-width: 60% !important;
        text-align: center;
    }

    .btn-custom-darken {
        float: right;
    }

    .tablet {
        width: 50%;
        padding: 2px, 2px, 2px, 2px;
    }

    /*.tablet-center {
        margin-left:20%;
    }*/

    .dob {
        width: 150px;
    }

    #DD {
        width: 35%;
        float: left;
    }

    #MM {
        width: 30%;
        float: right;
    }

    #YY {
        width: 35%;
        float: right;
    }

    .long-label {
        text-align: left !important;
    }

    .policyDD {
        width: 35%;
        float: left;
    }

    .policyMM {
        width: 30%;
    }

    .policyYY {
        width: 35%;
        float: right;
    }

    .paymentDD {
        width: 35%;
        float: left;
    }

    .paymentMM {
        width: 30%;
    }

    .paymentYY {
        width: 35%;
    }

    .proposalDD {
        width: 25%;
    }

    .proposalMM {
        width: 25%;
    }

    .proposalYY {
        width: 25%;
    }

    .pricing-table {
        width: 60%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    #panel-default-992 {
        margin-right: -30px;
    }

    .pricing-table li {
        text-align: center;
    }

    .policy-input {
        width: 120%;
    }

    .quote-button {
        width: 100%;
    }

    ul.myits4women-list {
        padding: 10px;
    }

        ul.myits4women-list li {
            text-align: left;
        }

    #payment-top {
        display: none;
    }

    .process {
        margin-top: 40px;
    }

    #retrieve-quote-panel {
        margin-top: 20px;
    }

    #ad-left {
        display: none;
    }

    #ad-right {
        display: none;
    }

    #ad-hor {
        display: inherit;
    }
    /*.bg-shade-l-a {
       display:none;
   }*/

     .sm-input {
        width: 100px;
    }

       .talk {
        width: 62%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .options {
        width: 62%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .form-with-phrase {
        display: block;
    }

    .marketing-banner-image {
        margin: auto 0;
    }

        .marketing-banner-text p {
            margin: 0;
        }

        .marketing-banner-text img {
            margin-left: 0;
        }

    .discount-card {
        display: none !important;
    }

    #sectionOneForm {
        width: 100%;
    }

}

@media only screen and (max-width : 800px) {
    .protected-input {
        width: 90%;
        margin-top: 0;
    }

    #ad-left {
        display: none;
    }

    #ad-right {
        display: none;
    }

    #ad-hor {
        display: inherit;
    }

    .tablet {
        width: 50%;
    }

    #call-us {
        width: 61%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-left: 130px;
    }

    #l-text {
        width: 74%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-left: 130px;
        margin-bottom: 40px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .btn-custom-darken {
        float: right;
    }

    .tablet {
        width: 50%;
    }

    .pricing-table {
        margin-left: 0px;
    }

        .pricing-table .plan {
            margin-right: 0;
        }

    .pricing-table {
        width: 60%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    #panel-default-992 {
        margin-right: 0;
    }

    .protected-input {
        width: 90%;
        margin-top: 0;
    }

    #cover-timeDD {
        margin-bottom: 20px;
    }

    #cover-timeMM {
        margin-bottom: 20px;
    }

    #ad-left {
        display: none;
    }

    #ad-right {
        display: none;
    }

    #ad-hor {
        display: inherit;
    }

    .policyMM {
        width: 50%;
        padding-top: 10px;
    }

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

    .talk {
        width: 58%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .options {
        width: 58%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .div-table {
        display: block;
    }

    .div-table-row {
        display: block;
        border-bottom: 2px solid #ccc;
        padding: 5px 0px;
    }

    .div-table-cell, .div-table-head {
        display: block;
        border: none;
        padding: 5px;
        width: 100%;
        text-align: center !important;
    }

    .div-table-heading {
        display: none;
    }

    .div-table-foot {
        display: block;
    }

    .div-table-body {
        display: block;
    }

    .div-table-cell:nth-child(1) {
        display: block;
        font-weight: bold;
    }

    .IE_DPA_CheckBox {
        display: block;
        margin-bottom: 0;
    }
        .IE_DPA_CheckBox div {
            margin-bottom: 24px;
            margin-right: 0;
        }

    #tblCoverSummaryContactDetails tr {
        display: flex;
        flex-direction: column;
    }

        #tblCoverSummaryContactDetails tr > td:first-child {
            display: none;
        }
}

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

    .desktop-quote {
        display: none;
    }

    .mobile-quote {
        display: block;
    }

    .mobile-form {
        width: 50%;
    }

    .add-button-wrapper {
        text-align: center;
    }
}

@media only screen and (max-width : 640px) {
    .protected-input {
        width: 90%;
        margin-top: -30px;
    }

    .voucher-input {
        width: 60%;
        float: right;
        margin-top: -30px;
    }

    #DD {
        width: 100%;
        float: left;
        margin-bottom: 20px;
    }

    #MM {
        width: 100%;
        float: right;
        margin-bottom: 20px;
    }

    #YY {
        width: 100%;
        float: right;
    }

    .policyMM {
        width: 50%;
        padding-top: 10px;
    }

    #call-us {
        width: 106%;
        margin: -15px;
    }

    #l-text {
        width: 115%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px;
    }

    .pricing-table {
        width: 104%;
    }

    .ncb-switch {
        float: left;
    }

     .talk {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .options {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

      .policy {
        width: 100%;
    }

    .slider-labels {
        display: block;
    }

        .slider-labels label.question-label {
            width: 100%;
            margin-bottom: 16px;
        }

    #dotsys-logo {
        margin-top: 75px !important;
    }

    .btn-continue {
        margin-bottom: 20px !important;
    }

    .registration-ui.registration-uk input {
        font-size: 20px !important;
        letter-spacing: normal;
    }
}

@media only screen and (max-width : 600px) {
    .process {
        margin-left: -16px;
    }
    .protected-input {
        width: 90%;
        margin-right: -10px;
        margin-left: 10px;
    }

    #cover-timeDD {
        width: 100%;
        margin-bottom: 20px;
    }

    #cover-timeMM {
        width: 100%;
        margin-bottom: 20px;
    }

    .left-pm {
        width: 100%;
        margin-left: 100px;
    }

    .right-pm {
        width: 100%;
        margin-left: -120px;
    }

    .smallText {
        font-size: 12px;
    }

    #call-us {
        width: 108%;
        margin: -15px;
    }

    .pricing-table {
        width: 105%;
    }

    #l-text {
        width: 120%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px;
    }

    .marketing-banner-logo.logo-large {
        min-height: 44px;
        min-width: 49px;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    input[type="date"] {
        max-width: 50% !important;
    }

    .chkOtherVehicle li {
        min-width: 60% !important;
        text-align: center;
    }

    .tablet {
        width: 100%;
    }

    .pricing-table {
        width: 105%;
    }

    .protected-input {
        width: 80%;
        margin: 0 0 0 40px;
        padding-left: 0;
    }

    .voluntary-input {
        width: 90%;
        margin-top: 0;
    }

    .protected-input {
        width: 75%;
        margin-top: 0;
        margin-right: -10px;
    }

    .voucher-input {
        width: 60%;
        float: right;
        margin-top: 0;
    }

    .policyDD {
        width: 100%;
    }

    .policyMM {
        width: 50%;
        padding-top: 10px;
    }

    .policyYY {
        width: 100%;
        padding-top: 10px;
    }

    .proposalDD {
        width: 40%;
    }

    .proposalMM {
        width: 40%;
    }

    .proposalYY {
        width: 35%;
    }
    
    .date-divider {
        display: none;
    }

    .coverDD {
        width: 100%;
    }

    .coverMM {
        width: 100%;
        padding-top: 10px;
    }

    .loginDD {
        width: 100%;
    }

    .loginMM {
        width: 100%;
        padding-top: 10px;
    }

    .left-pm {
        width: 100%;
        margin-left: 60px;
    }

    .right-pm {
        width: 100%;
        margin-left: -71px;
    }

    .smallText {
        font-size: 12px;
    }

    #call-us {
        width: 108%;
        margin: -15px;
    }

    #l-text {
        width: 120%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px;
    }

    .mobile-text {
        font-size: 13px;
    }

    .mobile-form {
        width: 100%;
    }

    .progress {
        margin: 1px;
    }

    .progress-complete {
        border-right: 1px solid white;
    }

    .progress-incomplete {
        border-right: 1px solid white;
    }
}

@media only screen and (max-width : 400px) {
    body {
        overflow-x: clip;
    }

    #divRelationshipToProposer ul.toggleSwitchMore {
        grid-template-columns: repeat(1, minmax(120px, 1fr));
    }
}

@media only screen and (max-width : 360px) {
    .protected-input {
        width: 75%;
        margin-top: -30px;
    }

    .voucher-input {
        width: 60%;
        float: right;
        margin-top: -30px;
    }

    a.button-sm {
        font-size: 12px !important;
    }

    .process {
        max-width: 300px;
    }

    .accordion-toggle strong {
        display: none;
    }

    .chatonline {
        display: none;
    }

    .chkOtherVehicle label {
        font-size: 10px !important;
    }

    .policyDD {
        width: 100%;
    }

    .policyMM {
        width: 50%;
        padding-top: 10px;
    }

    .policyYY {
        width: 100%;
        padding-top: 10px;
    }

    .proposalDD {
        width: 30%;
        padding: 0 8px;
    }

    .proposalMM {
        width: 30%;
        padding: 0 8px;
    }

    .proposalYY {
        width: 35%;
        padding: 0 8px;
    }

    .coverDD {
        width: 100%;
    }

    .coverMM {
        width: 100%;
        padding-top: 10px;
    }

    .left-pm {
        width: 100%;
        margin-left: 5px;
    }

    .right-pm {
        width: 100%;
        margin-left: -10px;
    }

    .bci-mobile {
        display: none;
    }

    .smallText {
        font-size: 12px;
    }

    .sm-text {
        font-size: 8px;
    }

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

    .sm-input {
        width: 100px;
    }

    .cal-btn {
        margin-top: 90px;
        margin-left: -50px;
    }

    #call-us {
        width: 109%;
        margin: -15px;
    }

    #l-text {
        width: 130%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px;
    }

    #live-btn {
        margin-left: -25px;
    }

    #call-btn {
        margin-left: -5px;
    }

    .btn-modal1 {
        margin-left: 18px;
    }

    .add-all {
        font-size: 0px;
        padding: -10px;
    }

    .show-grid-well {
        margin-right: 50px;
    }

    #test {
        display: none;
    }

    .mobile-form {
        width: 100%;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
    #contact-number {
        width: 100%;
    }

    #DD {
        width: 100%;
    }

    #MM {
        width: 100%;
        padding-top: 10px;
    }

    #YY {
        width: 100%;
        padding-top: 10px;
    }

    .policyDD {
        width: 100%;
    }

    .policyMM {
        width: 100%;
        padding-top: 10px;
    }

    .policyYY {
        width: 100%;
        padding-top: 10px;
    }

    .coverDD {
        width: 100%;
    }

    .coverMM {
        width: 100%;
        padding-top: 10px;
    }

    .pricing-table {
        width: 100%;
    }

    .voluntary-input {
        width: 90%;
        margin-top: -30px;
    }

    .protected-input {
        width: 75%;
        margin-top: -50px;
        margin-right: -20px;
    }

    .voucher-input {
        width: 60%;
        float: right;
        margin-top: -30px;
    }

    .left-pm {
        width: 100%;
        margin-left: -13px;
    }

    .right-pm {
        width: 100%;
        margin-left: 15px;
    }

    .payment-btn {
        width: 80%;
    }

    .smallText {
        font-size: 12px;
    }

    #call-us {
        width: 110%;
        margin: -15px;
    }

    .pricing-table {
        width: 108%;
    }

    #l-text {
        width: 130%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px;
    }

   #live-btn {
        margin-left: -34px;
    }

    #call-btn {
        margin-left: -14px;
    }

    .btn-modal {
        margin-left: 10px;
    }

    .btn-modal1 {
        margin-left: 10px;
    }

    .sm-text {
        margin-left: -10px;
    }

    .mobile-form {
        width: 100%;
    }
}