/* Mobile CSS modifications */
/* Mobile CSS modifications */
.mobileOnly {
  display: none;
}
.mobilefont {
}
.helpTextAlign {
  text-align: right;
}

/* Mobile media query */
/*@media screen and (max-device-width: 640px)*/

@media only screen and (max-device-width: 640px) and (min-device-width: 100px),
  only screen and (min-width: 100px) and (max-width: 640px) {
  .QuoteProtectionCheckbox {
    margin-left: 0;
    margin-top: 0;
  }

  /* Back/Next/Save for later button section - display flex for div */
  .mobileButtonFlexSection > div {
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;
    flex-direction: column-reverse;
    zoom: 0.85;
  }

  .Footer_Text {
    width: 95%;
    margin: auto;
    padding: 0 0 37px 0;
  }

  .LeftColumnButton {
    width: 100%;
  }
  .MiddleColumnButton {
    width: 100%;
  }
  .RightColumnButton {
    width: 100%;
  }

  /* mobile screen set-up */
  .TabletMobileHeading {
    font: 19px/24px genesis-regular, "arial";
    display: block;
    text-align: center !important;
    padding-top: 1em;
    color: #0c0c0c;
  }

  *[id="COL_B04C9004F228F46D91900"] {
    width: 1% !important;
    display: none !important ;
  }
  *[id="row_HEAD_6ECC9F06C056C404185858"] {
    display: none !important;
  }

  /* mobile screen set-up */
  /* classes defined in edge */
  *[class="floating-section"] {
    width: 90% !important;
    top: 30px !important;
  }
  .WebOnly {
    display: none !important;
  }

  *[class="TabletAndMobileOnly"] {
    display: block;
  }

  .mobileOnly {
    display: block;
  }

  *[class="LeftQuestionColumn"] {
    width: 100% !important;
    border-bottom: 1px solid #b0b7bb !important;
    padding-bottom: 25px !important;
  }
  *[class="RightQuestionColumn"] {
    width: 100% !important;
  }

  .repeatBg {
    background-image: none !important;
    background-repeat: none !important;
    background-position: none !important;
    margin: none;
  }
  .ReasonsToChooseForColumn1 {
    width: 100% !important;
    padding: 20px 20px 20px 20px !important;
    border-bottom: 1px solid #b0b7bb;
  }
  .ReasonsToChooseForColumn2 {
    width: 100% !important;
    padding: 20px 20px 20px 20px !important;
    border-bottom: 1px solid #b0b7bb;
  }
  .ReasonsToChooseForColumn3 {
    width: 100% !important;
    padding: 20px 20px 20px 20px !important;
    border-bottom: 1px solid #b0b7bb;
  }
  .ReasonsToChooseForColumn4 {
    width: 100% !important;
    padding: 20px 20px 20px 20px !important;
  }
  .QuoteFormSection {
    width: 95% !important;
    margin: 0 auto;
  }
  .MainContentSection {
    width: 96%;
    margin: 0 auto;
    float: none !important;
    padding-top: 10px;
  }
  *[class="mobileUnderline"] {
    padding: 10px 0px 25px 0px;
    border-bottom: 1px solid #b0b7bb;
  }

  *[id="FMT_6D7B2FCB6A0C8AA6235288"] {
    width: 100% !important;
  }
  /*compare our cover complete section size */
  *[id="FMT_6D7B2FCB6A0C8AA6235300"] {
    width: 92% !important;
  }

  *[class="tickStyle"] {
    padding: 28px !important;
  }

  *[id="FMT_24E831715D1830B758258"] {
    margin: 0px 0px 20px 0px !important ;
  }
  /* Need help hiding and change position start */

  #p4_BUT_7514CAD9B0FB2A0364349 {
    width: 50% !important;
  }
  #p4_BUT_7514CAD9B0FB2A0364360 {
    width: 50% !important;
  }
  /*
	
	/* Need help hiding and change position end */
  /* cookie formatting */
  *[id="FMT_7514CAD9B0FB2A0363707"] {
    display: none !important;
  }

  *[id="FMT_7514CAD9B0FB2A0363688"] {
    display: block !important;
  }
  *[class="tabletCookie"] {
    display: block !important;
  }
  /*carousal modifications for mobile */

  *[id="FMT_CB2A7EA525071E3854484"] {
    display: block !important;
  }
  /* Removal & change of Current phase style in header */
  *[class="FEAturesSeparatorStyle"] {
    display: none !important;
  }
  *[class="FEAturesVisitedStepStyle  "] {
    display: none !important;
  }
  *[class="FEAturesFutureStepStyle  "] {
    display: none !important;
  }
  *[class="FEAturesCurrentStepStyle  "] {
    float: none !important;
    text-align: center !important;
    /*padding-top:20px !important ;*/
    margin-top: 0px !important ;
  }
  /* Changes using EDGE IDs for header and footer start */
  /* Heading middle part */
  *[id="row_HEAD_CB6ED4BC492BAA55160498"] {
    display: none !important;
  }
  *[id="HEAD_7514CAD9B0FB2A0354417"] {
    display: block !important;
  }
  /* Removal of Links in header for mobile */

  *[id="COL_B04C9004F228F46D91611"] {
    display: none !important;
    width: 3% !important;
  }

  .SlideoutColumn {
    width: 48%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 5.5em;
    /* float: right !important; */
  }

  /* Decrease header section size */
  *[id="FMT_1985742775EFD05634602"] {
    height: auto !important;
  }
  /* LandRover Logo size change */
  *[id="TXT_B04C9004F228F46D91564"] {
    height: 15px !important;
    padding: 5px 0 15px 2.5% !important;
    margin: 0 !important;
  }

  /* Header suppression for mobile */
  *[id="row_HEAD_B04C9004F228F46D73799"] {
    display: none !important;
  }

  /* Tablet/mobile help section display */
  *[id="FMT_7514CAD9B0FB2A0365538"] {
    display: block !important;
  }
  /* Floating Right sidemenu display removal */
  *[id="FMT_7D4F2E8D5B199E9D983182"] {
    display: none !important;
  }
  *[class="TabletHeading"] {
    display: block !important ;
    width: 90% !important ;
    font-size: 20px !important ;
    color: #e4e8e8 !important ;
    text-align: center !important ;
    padding-top: 30px !important ;
    padding-left: 1.75% !important ;
    font-family: LandRoverWeb-Demi !important ;
  }

  .mobileHeadingStyle {
    display: none !important;
  }

  /* Button style for application navigation in mobile */
  .mobileButton {
    width: 100% !important ;
    height: 40px !important ;
  }
  .mobileSaveButton {
    width: 80% !important ;
    height: 40px !important ;
  }
  .ProgButtonColumn {
    width: 25% !important;
  }
  .SaveButtonColumn {
    width: 50% !important;
  }
  .SlateBlueBorder {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  /* Address search column in vehicle details page */
  *[id="COL_14828543DCC5C68D55831"] {
    width: 75% !important;
    padding-bottom: 25px !important;
  }
  *[id="COL_14828543DCC5C68D55835"] {
    width: 21% !important;
    padding-bottom: 25px !important;
  }
  *[id="COL_14828543DCC5C68D55839"] {
    width: 100% !important;
    border-bottom: 1px solid #b0b7bb !important;
    margin-top: 0 !important;
  }
  *[id="row_QUE_0CB2ABDF4631708364313"] {
    display: none;
  }

  /*LRQuote*/
  .LRQuoteYourExcessesColumn1 {
    width: 100%;
  }
  .LRQuoteYourExcessesColumn2 {
    width: 100%;
    margin: 2% 0;
  }
  /*LRQuote*/
  /* Quote page column changes */
  #SPC_E9B7B62CF6790D6A49803 {
    display: none !important;
  }
  #row_BUT_E9B7B62CF6790D6A49834 {
    padding-left: 0px !important;
  }
  #row_BUT_C422EB1DBAC4C53039205 {
    padding-left: 0px !important;
  }
  #COL_C422EB1DBAC4C53040030 {
    width: 65% !important;
  }
  #COL_C422EB1DBAC4C53040034 {
    width: 35% !important;
  }
  #COL_C422EB1DBAC4C53040022 {
    width: 65% !important;
  }
  #COL_C422EB1DBAC4C53040026 {
    width: 35% !important;
  }
  .mobileSuppressColumn {
    display: none !important;
  }

  /* How can we help page - Existing customer modifications */
  /* Proof of NCD page */
  #p4_BUT_72B07A27C4DF071B36757 {
    text-align: left !important;
    float: none !important;
    padding-top: 30px !important;
  }

  /*Policy documents page */
  .mobileLeftPolicyLink {
    width: 30% !important;
    float: left !important;
  }
  .mobileRightPolicyLink {
    width: 70% !important;
    float: left !important;
  }

  /* Summary page read only section changes */
  .mobileMainSumColumn {
    width: 90% !important;
  }
  .mobileSummaryColumn {
    width: 86% !important;
    padding-bottom: 8px !important;
  }
  /* Summary Editable section changes */
  .SummaryButtonColumn {
    margin-top: 48px !important;
  }
  .SummaryLeftQuestionColumn {
    width: 70% !important;
  }
  /*#COL_F20815B0A3D18A56112152{width:80% !important;}*/
  .coloumnWidth60Percent {
    width: 100%;
  }
  #COL_1559201C049E196359813 {
    display: block !important;
  }
  #COL_2FC81E79DA1F27D543741 {
    display: none !important;
  }

  /* Payment page */
  #row_BUT_820A677763093AA383393 {
    display: none !important;
  }
  .PaymentSelectButtonStyle {
    background-color: #0c121c;
    color: #ffffff;
    border: 1px solid #0c121c;
    padding: 10px 10px 10px 10px;
  }
  .PaymentSelectButtonStyle:hover {
    background-color: #0c121c;
    color: #ffffff;
    margin: auto;
    padding: 10px 10px 10px 10px;
  }
  .PaymentSectionStyle {
    padding: 10px;
  }
  #COL_E650FA48AF71FC1883769 {
  }

  /*Thank You page */

  .ThankyouSubsectionRow1Column1Width {
    width: 5%;
  }
  .ThankyouSubsectionRow1Column2Width {
    width: 94%;
  }
  .ThankyouSubsectionColumn2Width {
    width: 85%;
  }
  .ThankyouSubsectionRow1Column3Width {
    width: 89%;
    justify-content: start;
    margin-left: 5%;
  }

  /*Quote page extra protection */
  #FMT_C9C3CD700C67F03071829 {
    display: none !important;
  }
  #FMT_C9C3CD700C67F03071813 {
    display: block !important;
  }
  #FMT_C9C3CD700C67F03074778 {
    display: none !important;
  }
  #FMT_C9C3CD700C67F03074930 {
    display: block !important;
  }
  #FMT_0663DCA75353D455104991 {
    display: none !important;
  }
  #FMT_C9C3CD700C67F03075546 {
    display: block !important;
  }

  .ExtraProtectTextWithTick {
    background: transparent url("../../../images/K1/M&C_Kia_tracker_tick.png")
      no-repeat scroll left center;
    padding: 20px 0px 30px 38px;
    height: 31px;
    color: rgb(51, 51, 51);
    font: 18px/14px genesis-regular, "arial";
    vertical-align: middle;
    letter-spacing: -0.3px;
  }
  .ExtraProtectTextWithHelpIcon {
    padding: 0;
    height: 31px;
    vertical-align: middle;
    letter-spacing: -0.3px;
  }
  /*Help section*/
  .NeedHelpColumn {
    display: none;
  }
  .DealerFormFieldsWrapper {
    margin: 0;
  }

  .DealerLoginConfirmationCol1 {
    width: 5%;
  }
  .DealerLoginConfirmationCol2 {
    width: 95%;
  }
  .BlueButton {
    padding: 5px 12px 5px 12px;
  }

  /*   Popup body size */
  .FloatPopupSection {
    padding: 10px !important;
    top: 50px !important;
    height: inherit !important;
    width: inherit !important;
  }
  .CompleteAnswerDropDown,
  .CompleteAnswerTextFieldWithHelp {
    width: 88%;
  }
  .ClaimTableCol1 {
    width: 100%;
  }
  .ClaimTableCol2 {
    width: 100%;
  }
  .ClaimTableCol3 {
    width: 20%;
  }
  .NeedHelpOpeningHours {
    width: 100%;
  }
  .RowRadioButtonAnswer {
    width: auto;
  }
  .ConvictionsTableCol1 {
    width: 100%;
  }
  .ConvictionsTableCol2 {
    width: 50%;
  }
  .ConvictionsTableCol3 {
    width: 50%;
  }
  /*Phase header text style to overlay on image*/
  .PhaseHeaderStyle {
    padding-left: 1em;
  }

  .BannerButtons {
    margin-top: 35% !important;
  }

  .quote-options-box {
    display: none;
  }
}

@media only screen and (max-device-width: 768px) and (min-device-width: 100px),
  only screen and (min-width: 100px) and (max-width: 768px) {
  /*Compare Cover Table*/
  .CompareTableContentText {
    font: 16px/20px genesis-regular;
    padding: 5px 0;
  }
  .CompareCoverTableColumn1 {
    width: 54%;
  }
  .CompareCoverTableColumn2 {
    width: 23%;
  }
  .CompareCoverTableColumn3 {
    width: 23%;
  }
  .CompareCoverTableHeader {
    font: 3.5vw genesis-regular, "arial";
    letter-spacing: -0.3px;
    padding: 0;
  }
  .CompareTableRow1Col2HeaderText,
  .CompareTableRow1Col3HeaderText {
    font: 13px/16px genesis-regular, "arial";
    text-transform: none;
    padding: 7px 0;
  }
  /*Compare Cover Table*/

  .CurrentInsurerDesc {
    padding: 10px;
  }

  .HomeImageFlexSection {
    flex-flow: column;
    padding: 0;
  }

  .section-two-img-wrapper {
    width: 100%;
  }

  .section-two-content {
    width: 100%;
    padding: 0 1em;
  }

  .TopLogoColumn {
    width: 50% !important;
  }

  .section-two-img-mobile {
    display: block;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
  .LogoIcon {
    width: 10rem;
    margin: 0;
  }

  .pageHeading {
    font-size: 20px;
    line-height: 24px;
  }

  .paymentRedSection,
  .paymentWhiteSection,
  .promotionalCodeSection {
    padding: 10px;
  }

  .UnselectedPaymentTextColumn,
  .SelectedPaymentTextColumn {
    width: 100%;
  }

  /* payment page voucher code question */

  .VoucherCodeQuestionColumn {
    width: 100%;
    padding-bottom: 1em;
  }

  .VoucherCodeQuestion {
    width: 100%;
    padding-bottom: 1em;
  }

  .VoucherCodeApplyButtonColumn {
    width: 100%;
  }

  .PaymentFindPostCodeButton {
  }

  /* .ProgressBarSection {
    display: none;
  } */

  .tickImagedisplay {
    padding: 0 !important;
  }

  .cover-section-wrapper, .cover-section-flex-wrapper {
	  padding: 2rem;
  }

  .std-cover-section {
    width: 100%;
  }
  .optional-cover-section {
    width: 100%;
    margin: 0;
    display: none;
  }

  .cover-details-img {
    display: none;
  }

  .HomeImageSection .hero-gold-border .border-frame {
    left: 2em;
    right: 2em;
    bottom: 3.5em;
  }

  .HomePageBanner .accordionItem {
    display: block;
    background: #ffffffbf;
	color: #000;
  }

  .accordionItemHeading .FAQQuestionText {
	  text-transform: uppercase;
  }

  .accordionItemHeading,
  .open .accordionItemContent {
    margin: 0;
    padding: 0.5em;
  }

  .accordionItemHeading.open:before,
  .accordionItemHeading.close:before {
    color: #000;
  }

  .accordionItemHeading.open .accordionItemContent {
    padding: 1em;
  }

  .banner-new-vehicle-btn,
  .ps-option-retrieve-btn,
  .CarouselNewQuoteButton {
    margin: 0.5em 0;
  }

  .HomePageBanner {
    top: 5%;
    left: 6%;
    max-width: 16rem;
    padding: 1em;
  }

  .LogoSection {
    padding: 0 0 0 1em;
  }

  .ps-banner-button-group,
  .std-flex-section {
    display: none;
  }

  .section-three-header {
    font: 1.25rem "genesis-regular", "arial";
    top: 4.5em;
    left: 1em;
  }

  .carousel-Header1 {
    font-size: 1.5rem;
  }
  
  .cover-flex-footer-details {
    width: 100%;
  }
  
  #Footer {
	  padding: 2em;
  }
  
  .std-mobile-flex {
    width: 100%;
    color: #fff;
  }

  .cover-flex-footer-details {
    display: block;
  }
  .cover-flex-mobile-footer {
    display: flex;
    justify-content: space-between;
	background: #141414;
  }

  .flex-section-information,
  .flex-section-insurance {
    padding: 0rem 0rem 0rem 1rem;
    /* width: 100%; */
  }
  .std-cover-flex-section {
    width: 100%;
	padding: 0;
  }
  
  .LeftColumn {
    width: 100%;
    padding: 5px 0;
  }

  .RightColumn {
    width: 100%;
  }
  
  .ProgressBarSection {
	justify-content: center;
  }
}

/* To Avoid popup width affecting through media query changed screen width and applied popup properties for mobile separately */
@media only screen and (max-width: 576px) {
  .ResultsTable {
    zoom: 0.5; /* Chrome */
    transform-origin: 0;
  }
  /*#FloatPopupDiv{width:98% !important ;padding:10px !important;top:50px !important;left:1% !important; height: inherit !important; }*/

  .popupbody {
    overflow-y: auto;
    padding: 0 10px 0 10px;
    margin: 0;
  }
}

@media only screen and (min-width: 320px) and (max-width: 736px) and (orientation: portrait) {
  .CompareCoverTableColumn2 {
    height: 70px;
  }

  .PaymentComodoSecureHelpColumn {
    width: 25%;
  }

  .CardTypeHeading,
  .CardsLogoColumn {
    width: 100%;
  }

  .ps-banner-button-group > div {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
  }

  .quote-options-box {
    margin-top: 1rem;
  }

  .optional-cover-section {
    display: none;
  }

  .CompareCoverSubHeading {
    font: 1.5rem "genesis-regular", "arial";
    text-transform: uppercase;
    margin-bottom: 0;
    color: #fff;
  }
  .FAQContentText {
    /* color: #fff;
    font: 14px/1.5 genesis-regular, "arial"; */
  }

  .ge-banner-new-vehicle-btn {
    min-width: 141px;
  }

  .center-con-bottom-top {
    display: flex;
    height: 6vh;
    position: absolute;
    align-items: center;
    background: #141414;
    width: 100%;
    margin: -1% 0 0 0;
    justify-content: center;
  }

  .text-scroll-top {
    padding: 0;
    margin: 0;
    position: absolute;
    height: 0px;
    /* top: 217%; */
    left: 84%;
    color: #fff;
    background: #000;
  }

  .ge-startQuote {
    float: right !important;
    padding: 3% 0;
    width: 47% !important;
  }

  .bottom-round {
    position: absolute;
    width: 17px !important;
    height: 13px !important;
  }

  .HomePageImage .PhaseHeaderImage {
    height: 115vh;
  }
}

@media only screen and (max-device-width: 1025px) and (min-device-width: 768px) {
}

/*480px portrait mode */
@media only screen and (min-device-width: 320px) and (max-device-width: 320px) and (orientation: portrait),
  only screen and (min-width: 320px) and (max-width: 320px) and (orientation: portrait) {
  .CompleteAnswerDropDown,
  .CompleteAnswerTextFieldWithHelp,
  .BasicAnswerTextFieldWithHelp,
  .BasicAnswerTextField,
  .BasicAnswerDropDown {
    width: 86%;
  }
}

/* Iphone 4 Landscape mode */
@media only screen and (min-device-width: 320px) and (max-device-width: 640px) and (orientation: landscape) {
  .ps-banner-button-group > div {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
  }

  .banner-new-vehicle-btn {
    margin: 0;
    margin-top: 1rem;
  }

  .quote-options-box {
    margin-top: 1rem;
  }
}

/* IPHONE 6 */
@media only screen and (max-device-width: 480px) and (orientation: landscape) {
}

/* Nexus 6P  and 5X */
@media only screen and (min-device-width: 667px) and (max-device-width: 736px) and (orientation: landscape) {
  .HomePageBanner {
    max-width: 37rem !important;
    left: 6% !important;
  }
}

/* Portrait and Landscape */
@media only screen and (min-device-width: 360px) and (max-device-width: 375px) {
  .HomePageBanner {
    top: 5%;
    left: 8%;
    max-width: 19rem;
    padding: 1em;
  }

  .HomePageImage .PhaseHeaderImage {
    height: 93vh;
  }
}

/* Iphone 6+ - Pixel */
@media only screen and (min-device-width: 411px) and (max-device-width: 414px) {
  .HomePageBanner {
    max-width: 21rem;
  }

  .HomePageImage .PhaseHeaderImage {
    height: 77vh;
  }
}

/* Iphone 4 Landscape mode */
@media only screen and (min-device-width: 320px) and (max-device-width: 640px) and (orientation: landscape) {
  .stickyButtonsSection {
    padding: 1% 18%;
  }

  .PaymentComodoSecureHelpColumn {
    width: 15%;
  }
  .cover-details-img {
    display: none;
  }
  .cover-section-wrapper {
    flex-flow: column wrap;
  }

  .std-cover-section {
    width: 100%;
  }

  .quote-options-box {
    margin-top: 1rem;
  }

  .HomePageBanner {
    max-width: 30rem;
  }
}

/* Iphone 6 to Nexus 6P */
@media only screen and (min-device-width: 667px) and (max-device-width: 823px) and (orientation: landscape) {
  .TabletMobileHeading {
    font: 22px/24px genesis-regular, "arial";
    display: block;
    text-align: center !important;
    padding-top: 1em;
    color: #0c0c0c;
  }

  .PaymentComodoSecureHelpColumn {
    width: 15%;
  }

  .HangingIcon {
    left: 46%;
  }

  .BannerButtons {
    width: 56% !important;
  }
  .cover-details-img {
    display: none;
  }

  .std-cover-section {
    width: 100%;
  }

  .quote-options-box {
    display: none;
  }

  .HomePageBanner {
    max-width: 39rem;
    left: 10%;
  }

  .optional-cover-section {
    display: none;
  }

  .section-three-header {
    font: 1.5rem "genesis-regular", "arial";
    top: 6.5em;
    left: 2em;
  }

  .HomePageBanner .accordionItem {
    display: block;
    background: #ffffffbf;
	color: #000;
  }
  .carousel-Header1 {
    font-size: 1.5rem;
  }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  #p1_GRP_85E5223F01D4ADF985848 {
    top: 75%;
  }
  .HomeImageFlexSection {
    flex-flow: column;
  }

  .section-two-img-wrapper,
  .section-two-content {
    width: 100%;
  }

  .section-two-img-mobile {
    display: block;
  }
  .cover-flex-mobile-footer {
    display: flex;
    justify-content: space-between;
	background: #141414;
  }
  .carousel-Header1 {
	font-size: 1.5rem;
  }
  .ProgressBarSection {
	justify-content: center;
  }
  .carousel-Header1 {
    font-size: 1.5rem;
  }
}