@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

/* Endorsement table sizing
 * Fix width to be the size of the smallest dimension of the device - included for all devices
 * that have the responsive stylesheet (this stylesheet!) regardless of size
*/
.EndorsementsTableDiv {
    width: -12px;
}
/* Endorsement table sizing End */


@media screen and (max-width: 1025px) {
    #fullHeader img {
        left: 0 !important;
    }

    .pnlIntro, .qpSMEIntroText {
        width: 100%;
    }
    /* Tablet and POTENTIALLY phone */
    .pnlIntro, .qpSMEIntroText {
        width: 100%;
    }
    #NavContent {
        float: none;
        margin: 0 auto;
        width: 100%;
    }

    #CoreQuote {
        padding: 0;
        position: relative;
        background:none;
        min-height: 25em;
    }
    #fullHeader {
        margin:0 auto;
        float:none;
        width: 100%;
    }
    /*
        Start of sidebar
    */
    #containSidebar {
        width: 100%;
        margin: 0 0 0;
        padding: 0;
    }
    #sbPaymentOptions, #sbInfo, #sbSecurity {
        width: 30%;
        margin: 1.6%;
    }
    #sbTopBox {
        display: none;
    }


    /* SlideOver sidebar for moble devices */

    #mobileSidebar {
        position:fixed;
        top:0;
        right:0;
        z-index:9991;
        width:19em;
        padding:0 0 0 0.625em;
        text-align:left;
        height:100%;
        min-height:100%;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        -moz-border-radius: 0 0 0 0.250em;
        -webkit-border-radius: 0 0 0 0.250em;
        border-radius: 0;
    }
    #msTopPnl {
        padding:0 0 10px 0;
    }
    #mobileSidebar #infoButton {
        z-index:9992;
        display:block;
        position:fixed;
        right:auto;
    }
    #sbQuoteSummary, #sbQuotePolDocs, #sbContactInfo, #sbHelpInfo, #sbSubOurWebsiteLogos {
        background-size:auto 0.813em;
        background-repeat:repeat-x;
        margin:0;
        -moz-border-radius: 0.250em 0 0 0.250em;
        -webkit-border-radius: 0.250em 0 0 0.250em;
        border-radius: 0.250em 0 0 0.250em;
        padding: 0.938em;
        width:17.25em;
    }
    #sbOurWebsiteLogos {
        padding: 0;
    }
    #sbQuotePolDocs, #sbContactInfo, #sbHelpInfo {
        margin:2px 0 0 0;
    }
    #sbQuoteSummary h1, #sbQuotePolDocs h1, #sbContactInfo h1 {
        padding: 0 0 0.625em;
        margin: 0 0 0.500em;
    }
    #sbQuoteSummary.collapsed  h1, #sbQuotePolDocs.collapsed  h1, #sbContactInfo.collapsed  h1 {
        padding: 0;
        margin: 0;
        border-bottom:0;
    }

    #sbQuoteSummary.collapsed  #sbQuoteSummaryContents, #sbQuotePolDocs.collapsed  #sbQuotePolDocsContents, #sbContactInfo.collapsed  #sbContactInfoContents {
        display:none;
    }
    #sbQuoteSummary.collapsed, #sbQuotePolDocs.collapsed, #sbContactInfo.collapsed {
        padding: 0.938em 0.938em 0.625em 0.938em;
    }
    #sbQuoteSummaryContents {
        padding: 0 0.938em 0 0;
    }
    #sbQuoteSummaryContents th, #sbQuoteSummaryContents td {
        padding:0 0 0.438em 0;
        line-height: 1.25em;
    }
    .revealToggleWrap {
        display:block;
        float:right;
        padding:0.125em 0.938em;
        margin:-0.188em 0 0 0;
    }
    .revealToggle {
        display:block;
        width:20px;
        height:20px;
        background-image: url("/CoreQuote/shared/responsive/images/ms_more_info_sprite.png");
        background-repeat:no-repeat;
        background-position:-20px 0;
        color:transparent;
        text-indent:-500000px;
    }
    .collapsed .revealToggle {
        background-position:0 0;
    }
    #sbContactInfoContents p{
        margin: 0.5em 0;
    }
    .ms_OpeningHours {
        font-size: 0.875em;
    }
    .ms_OpeningHours strong {
        font-size: 16px;
        padding: 0 0 0.25em 0;
        display: block;
    }
    #sbContactInfoContents, #sbQuotePolDocsContents {
        width:100%
    }
    #sbContactInfoContents .opentime {
        padding: 0 0.938em 0 0;
    }
    .ms_sbDocLink:link, .ms_sbDocLink:visited {
        background: url("/CoreQuote/shared/responsive/images/policy_summary_icon.png") no-repeat scroll 0 0.355em transparent;
        display:block;
        text-decoration:none;
        padding:0.355em 0 0 1.42em;
    }
    .ms_sbDocLink:hover, .ms_sbDocLink:active {
        text-decoration:underline;
    }
    #sbQuotePolDocsContents li {
        margin:0 0 0.5em 0;
    }

    #msTelPnl, #msRefPnl {
        display: block;
        padding: 1em 0 0 0;
        margin: 0 1em 1em 0;
    }
    #msTelPnl {
        float: right;
    }
    #msRefPnl {
        width: 100%;
    }
    #msRefPnl span {
        width: 87.5%;
        cursor: default;
        word-break: break-all;
    }

    .telButton, #refButton, .accountButton {
        -webkit-border-radius: 0.188em;
        -moz-border-radius: 0.188em;
        border-radius: 0.188em;
        display: inline-block;
        font-weight: bold;
        padding: 0.563em 0.625em 0.438em;
        text-decoration: none;
        cursor: pointer;
        vertical-align: middle;
        width: auto;
        height: auto;
        line-height: normal;
    }

    #mobileSidebar .sbSection {
        margin: 0.5em 0 0.5em 0.05em !important;
    }

    /* EOF SlideOver sidebar for moble devices */

    #mobileSidebar {
        overflow-y: auto;
        overflow-x: hidden;
        display: none;
    }

    #mobileSidebar.showSummaryPanel {
        display: block;
    }

    #sbQuotePolDocs, #sbContactInfo {
        display: block;
    }

    /*
        End of sidebar
    */


    /*
        Start of payment method
    */
    .paymethLoz {
        min-width: 16.5em;
    }

    .payPanel {
        width: 100%;
    }

    .payControl {
        width: 100%;
        display: block;
    }
    /*
        End of payment method
    */

    .addCompControl {
        width: 100%;
    }

    .qpgControl {
        width: 100%;
    }

    .qpgBreakdown {
        margin-bottom: 2em;
    }
    .qpgBuynow {
        clear: both;
        margin-top: -2.188em;
        margin-bottom: 4em;
        left: 0;
        top: 0;
    }


    /* Info button definition */

    #infoButton {
        width:4.688em;
        height:3.750em;
        display:block;
        font-size:0.875em;
        font-weight:bold;
        -moz-border-radius: 0 0 0.250em 0.250em;
        -webkit-border-radius: 0 0 0.250em 0.250em;
        border-radius: 0 0 0.250em 0.250em;
        text-align:center;
        position:fixed;
        right:0.938em;
        padding:0.5em 0 0 0;
        text-decoration:none;
        z-index:9990;
        top: 0;
    }

    #infoButton img {
        padding:0.313em 0 0 0;
        margin:0;
    }
    /* EOF Info button definition */


    /* Footer fonts, etc.. on tablet and smartphone devices */

    .sbSubSection h1 {
        font-size: 1.063em;
        padding: 0 0 0.206em;
        font-weight:normal;
    }
    #sbInfo p, #sbSecurity p, #sbPaymentOptions p {
        font-size: 0.813em;
        margin: 0 0 0.462em;
        line-height: 1.308em;
    }
    p.openingHours {
        width: 17.231em;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: left;
        overflow: hidden;
    }
    .sbtelnum {
        font-size:2.385em;
        letter-spacing:-0.032em;
    }
    .openhour, .opentime {
        float: right;
        width: 49%;
        display:block;
    }
    .openhour {
        width:50%;
        float: left;
        text-align:right;
    }
    .openhour:after {
        content: " -"
    }

    /* Footer on tablet and smartphone devices */

    #sbLegalNote {
        padding: 0 0;
        width: 90%;
        margin: auto 5%;
    }
    #sbOurWebsiteLogos {
        display: none;
    }
    #mobileSidebar #sbOurWebsiteLogos {
        display: block;
    }

    #sbOurWebsite {
        width: 90%;
        margin: auto 5%;
        padding: 0 0 1em 0;
    }
    #sbSubOurWebsite {
        width: 100%;
    }

    #infoButton.displayBlock {
        display: block
    }

    .respHelpTxt {
        display:block;
        font-size: 0.8em;
    }
    .respHelpTxt .ttBody {
        font-size: 0.9em;
        color:#999999;
        Font-weight:normal;
    }
    .inError .respHelpTxt .ttBody {
        color:#CC0000 !important;
    }

    #SecurityNote {
        margin-bottom: 1em;
    }
    .conditionsBox .wording {
        width: auto;
        margin-left: 50px;
        margin-top: 12px;
        margin-bottom: 12px;
        float: left;
    }
    .conditionsBox .control.cbControl {
        position: absolute;
    }
    #NavContainer{
        width: auto;
    }
}
@media screen and (min-width: 700px) {

    /* Tablet and Desktop */
    #pnlQuestions {
        padding: 0;
        margin: 0 auto;
        float: none;
    }
    #NonDynamic {
        width: 100%;
    }
    p {
        font-size: 0.95em;
        line-height: 1.25em;
    }
    .qpgHeader, .addCompHeader, .payHeader, .confHeader, .termsHeader {
        margin-left:0;
        width:100%;
        position:relative;
    }
    #PayPanel {
        width: 100%
    }
}
@media screen and (min-width: 700px) and (max-width: 1025px) {
    /* layout for Tablet portrait mode only */
    #MainContainer {
        width: 100%;
    }
    #containHeader {
        margin: 0 auto;
    }
    #CoreQuote {
        float: none;
        margin: 30px auto 0 auto;
    }
    #containSidebar {
        text-align: center;
    }
    #sbUsefulInformation>h1, #containSidebar hr {
        display: none;
    }
    #mobileSidebar #sbUsefulInformation>h1, #containSidebar #mobileSidebar hr {
        display: block;
    }
    #containSidebar .sbSubSection {
        padding-top: 1em;
    }
    #mobileSidebar #sbInfo {
        padding-top: 0;
    }
    #fullHeader{
        width: 100%;
    }
    /* Footer layout on tablet devices */
    #sbUsefulInformation {
        width:37.75em;
        margin:0 auto;
        padding:0;
        float:none;
    }
    #sbPaymentOptions, #sbInfo, #sbSecurity {
        width: 12.083em;
        margin: 1.875em 0.25em;
    }

    .sbSecurityLogo {
        margin: 0;
    }
    /* EOF Footer layout on tablet devices */
}

@media screen and (max-width: 700px) {
    #pnlQuestions div {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .questionPnlContent {
        width: 100%;
    }
    .questionPnlContent .panel {
        width: 100%;
    }
    .questionGroup, .addRepeatRow, .questionPnlSplit {
        width: 100%;
    }
    .questionPnlContent fieldset .panel, fieldset .questionPnlSplit {
        width: 98%;
    }
    fieldset .questionPnlSplit {
        margin: 5px;
    }

    body {
        background-image: url("/mobile_header_background.png");
        background-repeat:repeat-x;
    }
    #BreadCrumbs {
        display: none;
    }
    #qpgPricePnlAdd {
        float: none;
        margin: auto;
        height: 5em;
        width: 100%;
    }
    .qpgPricePnl {
        float: left;
    }
    #qpgPricePnlAdd .qpgPricePnl:last-child {
        float:right;
    }
    .qpgTotalPnl {
        float: none;
        margin: 10px auto 0 !important;
        display: inline-block;
    }
    #qpgPricePlus {
        margin: 0.643em 0 0 -0.018em;
        text-align: center;
        width: 100%;
        position:absolute;
        font-size: 3.438em;
    }
    #qpgPriceEquals {
        margin-top: 0.5em;
        margin-left: -0.5em;
    }

    #NavContent {
        float: left;
        width: 100%;
    }

    #NavContent, #CoreQuote {
        width: 100%;
        padding: 0;
    }

    /*
        Start of sidebar
    */
    #containSidebar {
        text-align: center;
    }
    #sbUsefulInformation>h1 {
        display: none;
    }
    #sbPaymentOptions, #sbInfo, #sbSecurity {
        width: 100%;
        margin: 0;
    }
    /*
        End of sidebar
    */

    #mobileHeader {
        min-height: 5em;
        display: block;
    }
    #TopNav {
        display: none;
    }
    .accountDetails {
        display: block;
    }
    #fullHeader {
        display: none;
        width: 100%;
    }
    #containHeader img {
        margin: 0;
    }
    #MainContainer {
        width: 100%;
    }
    #CoreQuote {
        width:93%;
        margin: 0.5em auto 0 auto;
        float:none;
    }
    #NonDynamic {
        width: 100%;
    }
    p, li {
        /*font-size: 0.813em;*/
    }
    #sbQuoteSummaryContents .amenddetailsLink {
        font-size:1.364em;
    }
    #QuotePanel {
        width: 100%;
    }
    .qpgCircle, .step_number {
        margin-left:-0.313em;
    }
    .qpStep {
        margin: 0;
        padding: 1em 0 1.25em;
    }
    .qpgHeader h2, .addCompHeader h2, .payHeader h2 {
        font-size: 1.063em;
        font-weight: normal;
        margin-left: 1.529em;
        padding: 0.235em 0 0 0;
    }
    .payIntro p, .addCompIntro p, .qpgIntro p {
        font-size: 0.813em;
    }
    .payIntro, .addCompIntro, .qpgIntro {
        padding: 0 0 0.313em 0;
    }
    /*
        Start of Payment Method
    */
    .paymethLoz {
        width: 49%;
        min-width: 0;
        margin: 0.5em auto;
        padding-top: 0.5em;
    }
    .paymethPaymentImg, .paymethTitle {
        display: none;
    }
    .paymethNote {
        display: block;
        margin-bottom: 0.4em;
        margin-top: -0.5em;
        margin-left: 5%;
        margin-right: 5%;
        padding-left:0;
        padding-right:0;
        float: left;
        width: 90%;
    }
    .paymethShortTitle, .paymethPremium, .paymethFrequency {
        width: 100%;
        padding: 0;
    }
    .paymethShortTitle {
        display: block;
        font-size: 1em;
        font-weight: normal;
        line-height: 1em;
        text-align: center;
        padding-bottom: 0.250em;
    }
    .paymethPremium {
        font-size: 2.188em;
        letter-spacing: -0.086em;
    }
    .paymethFrequency {
        font-size: 0.750em;
        font-weight: bold;
        padding-bottom: 1em;
    }
    .paymethSelect {
        padding:0.118em 0 0 0;
    }
    .paymethCb {
        width: 30%;
    }
    .paymethLabel {
        width: 70%;
        padding:0;
    }

    /*
        End of Payment Method
    */

    /*
        Start Terms and Conditions
    */
    .qpgTC_wrapper .qpgOption {
        width: 85%;
    }
    .optionLabel label {
        margin-left: 0;
        width:100%;
        line-height:1.2em;
        font-size:0.944em;
        padding-top: 0.118em;
    }
    .optionCb {
        padding: 0.556em 0;
        margin: 0 0.5em;
    }
    /*
            End Terms and Conditions
    */
    /*
        Start Price Breakdown
    */
    #breakdownPnl .qpgControl {
        font-size: 0.875em;
    }
    .qpgPricePnl {
        width: 48%;
        margin: 0;
    }

    .qpgPricePnl_cost {
        margin-top: 0.1em;
    }
    .qpgBuynow {
        float: none;
        width: 100%;
        font-size: 1.7em;
        margin-bottom: 0em;
    }
    .qpgPricePnl_cost {
        font-size: 2.214em;
    }
    button.BuyNowButton {
        font-size: 2.1em;
    }
    a.CallUsButton {
        font-size: 1.9em;
    }
    .qpgPricePnl_title, .qpgPricePnl_title_monthly {
        font-size: 1em;
        line-height: 1em;
        padding: 0;
    }
    /*
        End Price Breakdown
    */

    /* Question panel overrides for phones */
    .panel {
        width: 100%;
        padding: 1% 3% 3%;
    }
    .panel.HeadingText {
        padding: 1% 3% 1% 1%;
    }
    .HeadingDiv p {
        padding-left:1%;
        padding-right:1%
    }
    .payStep {
        padding: 4% 3% 0 1%;
    }
    .pnlIntro, .qpSMEIntroText, #quoteWaiting p {
        padding-left:1%;
        padding-bottom:0;
    }
    #pnlCorrectAddress {
        width: 100%;
    }
    .PanelStyleNav {
        width:100%;
        padding: 8% 0 6%;
    }
    .questionPaymentPnlNav{
        width: 100%;
        padding: 0% 70px 10% 0%;
    }
    .payLogos {
        margin: 0;
    }
    .payLogos img {
        width: 60px;
        height: 23px;
    }
    .cardDetailsLogos img {
        width: 223px;
        height: 27px;
    }
    .wording {
        width: 100%;
    }
    .wording label {
        font-size: 0.9em;
    }

    .control {
        width: 100%;
    }
    #panel_Person-FullName_1 .control input, #panel_Person-FullName_1 .control select {
        float:left;
        clear:left;
    }
    .errrorMessage {
        width: 100%;
        font-size:0.722em;
    }
    .podecInnerList {
        margin-left: 0;
        margin-right: 0;
    }
    .questionSectionHeading_Edit {
        padding-top: 1.143em;
        padding-bottom: 0.714em;
    }

    #displayText_AddressInstruction .wording {
        padding: 0;
        font-weight: bold;
        font-size: 0.8em;
    }
    #displayText_AddressInstruction {
        padding: 1% 3% 3%;
    }
    input.SC1_style, input.SC2_style, input.SC3_style, input.controlDD, input.controlMM {
        width: 1.5em !important;
    }
    span.sortCodeDash {
        margin: 0 0.5em 0 0.5em;
    }
    input.controlYYYY {
        width: 3em !important;
    }
    /* EOF Question panel overrides for phones */

    /* Start Popup Panel*/
    #PopupPanel .errorMessage {
        padding-left: 1em;
        margin: 1em 0 0 1.563em;
    }

    #PopupPanel .confHeader {
        width: 90%;
    }

    #PopupPanel #displayText_ConfirmationIntro, #PopupPanel .confIntro {
        width: 86% !important;
    }

    #PopupPanel .Next {
        margin-right: 1em;
    }

    #PopupPanel .wording {
        width: 100%;
    }

    #PopupPanel .control {
        padding-left: 1em;
    }

    /* confirmation page for phones */
    #NonDynamic #displayText_ConfirmationIntro {
        background: none;
        margin-top: 0.6em;
    }
    /* End Popup Panel*/

    .errorMessage {
        width: 100%;
        padding: 0.625em 0;
        margin: 0 0 0.313em;
    }

    .errorMessage li {
        margin: 0 1.563em
    }

    #sbOurWebsite {
        padding-bottom:3.125em;
    }
    #panel_Payment-AddressLine {
        background-image:none;
    }

    #pnlQuestions {
        padding-top:0;
    }
    .formPanelContainer {
        width: 100%;
    }

    #PayPnl, #PayPanel {
        width: 100%
    }
    .paymethLoz hr {
        display:none;
    }
    .errorState {
        margin:0 -3% !important;
        padding-left:3% !important;
        padding-right:3% !important;
    }
    .qpgErrorMsgShown {
        visibility: visible;
        padding: 0;
        display: block;
        font-weight:bold;
        width:100%;
    }
    .qpgErrorIcon {
        display:none !important;
    }
    .qpgErrorText {
        width:100%;
        text-align:center;
        display:block;
        padding:0.938em 0 0;
    }

    #panel_Payment-CardSecurityNumber .control, #panel_Payment-CardIssueNumber .control {
        width: 7em;
    }
    #panel_Payment-CardSecurityNumber .control input, #panel_Payment-CardIssueNumber .control input {
        width: 2.625em !important;
    }

    #sbLegalNote {
        padding-top: 0;
    }

    #panel_Person-TermsConditions1_1 .control, #panel_Person-TermsConditions1_1 input {
        width: auto !important;
    }

    /* Start of Card Details Security panel */
    #SecurityNote {
        width: 94%;
        padding: 1% 3% 3%;
    }
    /* End of Card Details Security panel */

    select {
        max-width: 100% !important;
        width: auto !important;
    }

    .sbSubSection hr {
        width: 100%;
    }
    #pnlCardLogos {
        width: 100%;
    }
    #pnlCardLogos .spCardLogo img {
        width: auto;
    }
    .questionSectionHeading_Title {
        max-width: 75%;
        line-height: 1.1em;
    }
    /* opencustomerportalebroker Quote Page Styles */
    .qpSMEIntroText {
        width: 100%;
    }
    .qpgSumHeading {
        height: 40px;
    }
    #quoteSum {
        width: 100%;
    }
    .panelInsurer, .revealedInfo .panelInsurer {
        width: 32%;
        padding: 4px 0;
        border: none;
        margin: 0;
        background-color: inherit;
    }
    .quoteRowWrapper .panelInsurer {
        height: 52px;
    }
    .panelPremium, .revealedInfo .panelPremium {
        padding: 4px 0;
        margin: 0 auto;
        width: 51%;
        border: none;
        background-color: inherit;
    }
    .panelCompare {
        padding: 4px 0;
    }
    #_header .panelMoreInfo, #_header .panelBuy {
        display: none;
    }
    .panelMoreInfo, .revealedInfo .panelMoreInfo {
        clear: left;
        width: 32%;
        padding: 8px 4px;
        margin: 0 auto;
        border: none;
        background-color: inherit;
    }
    .MoreInfoButton {
        min-width: 83px;
        width: 100%;
    }
    .panelBuy, .revealedInfo .panelBuy {
        padding: 8px 8px;
        margin: 0 auto;
        width: 68%;
        border: none;
        background-color: inherit;
    }
    .panelBuy .Next {
        width: 100%;
    }
    .quotePnlSummary .Next, .quoteRowWrapper a.Next {
        width: 100%;
    }
    .quotePnlSummary {
        width: 100%;
    }
    .moreinfoWrapper {
        width: 100%;
        border: none;
        background: inherit;
        margin: 0;
    }
    .impInfoPnl {
        width: 100%;
    }
    .extraButtons, .moreinfoWrapper .sumDetailPnl {
        display: none;
    }
    .revealedInfo .hiddenPnl {
        width: 100%;
    }
    .impInfoPnl .sbtelnum a {
        width: 100%;
        padding: 4px 0;
    }
    .revealedInfo .panelCompare {
        background-color: transparent;
        border-top: none;
    }
    #comparisonPopup {
        left: 1px !important;
        width: 312px;
    }
    .QuoteXSSumTable td.xsSumColDesc, .QuoteXSSumTable th.subheader {
        width: 120px;
    }
    .QuoteXSSumTable th.xsSumCol, .QuoteXSSumTable td.xsSumCol {
        width: 85px;
    }
    .QuoteXSSumTable div.QuoteXSSumTableHeader {
        float: left;
    }
    /* opencustomerportalebroker Quote Page Styles End */

    #pnlDirectDebitForm .payHeader h2 {
        margin-left: 0;
    }
    #pnlDirectDebitForm .payHeader {
        width: 100%
    }
    #pnlDirectDebitForm .payLogos {
        right: 1em;
    }
    .paymethCb {
        font-size: 0em;
    }

    .questionGroup .questionGroup .questionPnlContent .panel {
        width: 96%;
    }
    #pnlImportantInformation, #conditionsBoxPanel {
        width: 100%;
    }

    .paymethLoz.paymethFull .paymethPremium {
        line-height: 1em;
    }

    #claimTypes {
        width: 385px;
        padding-top: 10px;
        margin: auto;
        float: none;
    }

    #claimDescription {
        width: 97%;
    }
    #dateHappened {
        width: 100px;
    }

    #submitClaim {
        width: 100%;
        margin-right: auto;
    }

    .claimSection .uploadError, .claimSection .uploadProcessing, .claimSection .uploadSuccess {
        width: 91%;
    }

    .claimSection .uploadError span, .claimSection .uploadProcessing span, .claimSection .uploadSuccess span {
        width: 100%;
        margin-left: 5px;
    }
    .claimSection .uploadError span.errorMessages {
        width: 80%;
    }
}

/*Compare function only available if screen size is 600px or above*/
.panelCompare, #comparisonPopup  {     display: none !important;     }     @media screen and (min-width: 601px) and (max-width: 700px) {     .panelPremium, .revealedInfo .panelPremium {     width: 68%;     }     }     @media screen and (min-width: 700px) {     .panelPremium, .revealedInfo .panelPremium {     width: 31%;     }     }

@media screen and (max-width: 599px) {
    .panelCompare, #comparisonPopup {
        display: none !important;
    }
    .panelPremium, .revealedInfo .panelPremium {
        width: 68%;
    }
    .paymethLoz {
        float: none;
        display: table;
        min-width: 14.5em;
    }
}
/*End compare visibility for screen sizes*/

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

}

@media screen and (max-width: 440px) {
    .Confirm {
        float: left;
        margin: 1.5em 0 0.5em 0;
        width: 100%;
    }

    .cardDetailsLogos img {
        width: 147px;
        height: 20px;
    }

    #claimTypes {
        width: 315px;
    }

    .claimType {
        margin-right: 0px;
        min-width: 135px;
        font-size: 0.9em;
        text-indent: 4px;
        padding-left: 5px;
    }

    .attachList div {
        float: none !important;
    }

    .removeAttachWrapper {
        /*width: 100px;*/
    }

    #removeAttach {
        margin-top: 3px;
    }
}

@media screen and (max-width: 450px) {
    .yesnoDialog.ui-dialog {
        width: 300px !important;
    }
    .yesnoDialog.ui-widget button.ui-button {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .yesnoDialog.ui-widget button.ui-button.dialogNo {
        background: url("/CoreQuote/shared/opencustomerportalebroker/images/button_ghosting.png") -360px 0px no-repeat, linear-gradient(to bottom, #EFEDED 0%, #EFEDED 100%);
    }
    .yesnoDialog.ui-widget button.ui-button.dialogYes {
        background: url("/CoreQuote/shared/opencustomerportalebroker/images/button_ghosting.png") -360px 0px no-repeat #fc6b45;
        background: url("/CoreQuote/shared/opencustomerportalebroker/images/button_ghosting.png") -360px 0px no-repeat, -moz-linear-gradient(top, #fc6b45 0%, #fc6b45 100%);
        background: url("/CoreQuote/shared/opencustomerportalebroker/images/button_ghosting.png") -360px 0px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fc6b45), color-stop(100%, #fc6b45));
        background: url("/CoreQuote/shared/opencustomerportalebroker/images/button_ghosting.png") -360px 0px no-repeat, -webkit-linear-gradient(top, #fc6b45 0%, #fc6b45 100%);
        background: url("/CoreQuote/shared/opencustomerportalebroker/images/button_ghosting.png") -360px 0px no-repeat, -o-linear-gradient(top, #fc6b45 0%, #fc6b45 100%);
        background: url("/CoreQuote/shared/opencustomerportalebroker/images/button_ghosting.png") -360px 0px no-repeat, -ms-linear-gradient(top, #fc6b45 0%, #fc6b45 100%);
        background: url("/CoreQuote/shared/opencustomerportalebroker/images/button_ghosting.png") -360px 0px no-repeat, linear-gradient(to bottom, #fc6b45 0%, #fc6b45 100%);
    }

}

@media screen and (max-width: 390px) {
    #pnlNoQuote_foot, #pnlNoQuote_foot .contactContent {
        width: 100%;
    }
    #pnlNoQuote_foot .contactContent {
        line-height: normal;
        text-align: center;
    }
    #pnlNoQuote_foot .contactContent span {
        display: block;
    }

    #claimTypes {
        width: 265px;
    }

    .claimType {
        padding: 5px;
        margin-right: 0px;
        min-width: 120px;
        font-size: 0.9em;
    }

}

#wording_Person-TermsConditions1_1 {
    width: 600px;
}
#displayText_TermsConditionsWording {
    font-size: 14px;
    font-weight: bold;
}
.resp_crumb:last-child {
    float: left !important;
    margin: 0 0 0 0.625em;
}