/* Responsive */

/* Phone */

@media (max-width: 350px) {
  #contactDetailsNew #HomePhone {
    margin-right: 0px;
  }
  .stepbar-mobile-small {
    display: block;
  }
  .stepbar-mobile {
    display: none !important;
  }
  .availablePlans .planDetail .planDetailPremiumArea {
    float: none !important;
    margin-top: 15px;
  }
  .availablePlans .planDetail {
    text-align: left;
  }
  .availablePlans .planDetail .planDetailTitleArea {
    max-width: 100% !important;
    width: 100%;
  }
}
@media (max-width: 568px) {
  body {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  #header .questions {
    width: 200px;
    text-align: right;
    display: inline-block;
    margin-top: 60px;
  }
  .sidePanel {
    max-width: 100%;
  }
  .availablePlans {
    background-color: white;
    margin-bottom: 10px;
    width: auto;
    padding: 0px;
    border-bottom: 1px solid #cfcfcf;
  }
  .availablePlans .planDetail {
    width: auto;
    border-left: none;
    border-right: none;
  }
  .availablePlans .planDetail .planDetailTitle {
    text-align: left;
    margin-bottom: 0px;
  }
  .availablePlansContainer {
    display: none;
  }
  .availablePlansContainerSmall {
    display: block;
  }
  .availablePlans .planDetail .planDetailTitleArea {
    display: inline-block;
    float: left;
    max-width: 55%;
    vertical-align: top;
    text-align: left;
  }
  .availablePlans .planDetail .planDetailTitleArea .planName {
    font-size: 14px;
    font-weight: normal;
  }
  .availablePlans .planDetail .planDetailTitleArea h3 {
    margin-bottom: 3px;
  }
  .availablePlans .planDetail .planDetailPremiumArea {
    display: inline-block;
    float: right;
  }
  .fullContainerStep2 .quoteSummary .content > div,
  .fullContainerStep3 .quoteSummary .content > div,
  .fullContainerStep4 .quoteSummary .content > div {
    display: none;
  }
  .fullContainerStep2 .quoteSummary .content > div.quoteSummaryPremiums,
  .fullContainerStep3 .quoteSummary .content > div.quoteSummaryPremiums,
  .fullContainerStep4 .quoteSummary .content > div.quoteSummaryPremiums {
    display: inherit;
  }
  .fullContainerStep2 .quoteSummary .content > div.panelFooter,
  .fullContainerStep3 .quoteSummary .content > div.panelFooter,
  .fullContainerStep4 .quoteSummary .content > div.panelFooter {
    display: inherit;
  }
  .fullContainerStep2 .quoteSummary > .panelBody,
  .fullContainerStep3 .quoteSummary > .panelBody,
  .fullContainerStep4 .quoteSummary > .panelBody {
    padding-top: 0px!important;
  }
  .fullContainerStep2 #mainContent .sidePanel,
  .fullContainerStep3 #mainContent .sidePanel,
  .fullContainerStep5 #mainContent .sidePanel {
    display: block;
  }
  .fullContainerStep2 .rightColumn .sidePanel,
  .fullContainerStep3 .rightColumn .sidePanel,
  .fullContainerStep4 #mainContent .sidePanel,
  .fullContainerStep5 .rightColumn .sidePanel {
    display: none;
  }
  #travellerDetails .travellerNumber label {
    margin-top: 0px;
  }
  .expiry-date {
    display: block!important;
  }
  .expiry-date .control-label {
    float: none;
  }
  #header .questions {
    display: none;
  }
  .footer {
    margin-bottom: 20px;
  }
  .footer .disclaimerText {
    width: 100% !important;
  }
  .footer .logoFooter {
    display: none;
  }
  .logoFooterMobile {
    display: block;
    text-align: center;
    margin-bottom: 50px;
  }
}
@media (max-width: 665px) {
  #standard-title {
    margin-top: -10px;
  }
}
@media (min-width: 801px) and (max-width: 980px) {
  .traveller .travellerDateOfBirth {
    width: 160px;
  }
  .traveller .travellerName {
    width: 120px;
  }
}
/* Tablet */

@media (min-width: 569px) and (max-width: 800px) {
  
}
@media (max-width: 1000px) {
  #contactDetailsNew #Address,
  #contactDetailsNew #Address2 {
    width: 95%;
  }
  #contactDetailsNew #Suburb,
  #contactDetailsNew #Country,
  #contactDetailsNew #CustomerEmail {
    width: 195px;
  }
  #contactDetailsNew #Postcode {
    width: 75px;
  }
  #contactDetailsNew #State {
    width: 100px;
  }
  #contactDetailsNew #HomePhone {
    width: 148px;
  }
  #contactDetailsNew #MobilePhone {
    margin-right: 0px;
    width: 195px;
  }
  #contactDetailsNew #ConfirmCustomerEmail {
    margin-right: 0px;
    width: 195px;
  }
  .footer {
    width: 100% !important;
  }
}
@media (max-width: 962px) {
  .stepbar-tablet {
    display: block;
  }
  .stepbar {
    display: none !important;
  }
}
/* Desktop  */

@media (min-width: 801px) {
  .stepbar {
    display: block;
  }
  #header .questions {
    display: inline-block;
  }
  .question-title-small {
    display: none;
  }
  .bottomPanel {
    display: none;
  }
}
/* Tablet & Phone */

@media (max-width: 800px) {
  .stepbar {
    display: none;
  }
  .stepbar-tablet {
    display: none !important;
  }
  .stepbar-mobile {
    display: block;
  }
  .fullContainerStep2 .rightColumn {
    display: none;
  }
  .fullContainerStep2 .leftColumn {
    width: 100%;
    max-width: 100% !important;
  }
  .traveller .details {
    display: block;
    width: 100%;
  }
  .traveller .details input {
    max-width: 200px;
  }
  .traveller .detailText {
    padding-top: 0px;
  }
  #header .questions {
    display: none;
  }
  .question-title-small {
    display: block;
    padding-bottom: 15px;
    font-size: 16px;
  }
  .disclaimerText {
    width: 73% !important;
  }
}
/* Tablet & Dektop */

@media (min-width: 569px) {
  
}