/*************************************
* 0.0 Genéral
*   0.1 Menu
*   0.2 Pages error (404, 500 ...)
*
* 1.0 Process device
*   1.1 Steps device
*   1.2 Value device
*   1.3 Identify device
*   1.4 Condition device
*   1.5 Offer device
*   1.6 Personal informations
*   1.7 Review informations
*   1.8 FMIP enabled
*   1.9 Confirmed trade-in
*   2.0Ref1.0 Programm details
*
* 2.0 Tracking
*   2.1 Tracking details
*
* 3.0 Contact
*   3.1 Contacted
*
* 4.0 Homepage
*
* 5.0 Quotation
*
* 6.0 FAQ
*
* Footer
*
*
**************************************/

/*-- 0.0 Genéral --*/

@media screen and (max-width: 576px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
        padding-left: 0;
        padding-right: 0;
    }
    .step-card input[type="text"], .step-card input[type="date"], .step-card input[type="email"] {
        border-radius: 0px;
    }
}

/* 0.1 Menu */

/* 0.2 Pages error (404, 500 ...) */

@media screen and (max-width: 768px) {
    .error-centered {
        height: calc(100vh - 467px);
    }
    .errors-images-pages {
        width: 36px;
    }
    .noteligible-error.active--error {
        display: flex;
        flex-direction: column;
        padding: 0px 15px;
    }
}

@media screen and (max-width: 576px) {
    .error-centered {
        height: calc(100vh - 200px);
    }
    .errors-images-pages {
        width: 36px;
    }
}

/*-- 1.0 Process device --*/

/* 1.1 Steps device */

@media screen and (max-width: 1280px) {
    .steps-device {
        display: flex;
    }
    .steps-device span {
        display: none;
    }
    .steps-device .responsive-step {
        display: inline-block;
        margin-right: 15px;
        border: 1px solid #fff;
        border-radius: 50%;
        padding: 7px 14px;
    }
    .steps-device .step__in-progress .responsive-step {
        background: #fff;
        color: #003778;
    }
    .modal-dialog {
        max-width: 650px;
        margin: 10rem auto;
    }
}

@media screen and (max-width: 992px) {
    .steps-device {
        display: flex;
    }
    .modal-dialog {
        max-width: 650px;
        margin: 10rem auto;
    }
}

@media screen and (max-width: 768px) {
    .steps-device {
        display: none;
    }
    .step-card {
        background: #fff;
        padding: 30px 15px 15px;
    }
    .mobile__steps-device {
        display: flex;
    }
    .step-card .col-form-label {
        text-align: left;
    }
    .modal-dialog {
        max-width: 650px;
        margin: 10rem auto;
    }
    .step-card.p-less-side {
        padding: 20px 15px;
    }
    .step-card.w-border-bottom {
        border-bottom: 1px solid #d4d4d4;
    }
}

@media screen and (max-width: 576px) {
    .step-card {
        background: #fff;
        padding: 0px 20px 0px;
    }
    .button-title_modal__identify-device .model-img-close {
        position: absolute;
        top: 14px;
        right: 20px;
    }
    .steps-container {
        padding-right: 0px;
        padding-left: 0px;
    }
    .modal-dialog {
        max-width: 650px;
        margin: 10rem auto;
    }
}

/* 1.2 Value device */

@media (max-width: 576px) {
    .steps-container h1 {
        font-size: 26px;
    }
    .steps-container h3 {
        font-size: 22px;
    }
    .steps-container h1, .steps-container h3 {
        font-weight: 900;
        letter-spacing: -0.4px;
        line-height: 24px;
        margin-bottom: 30px;
    }
    .value-device__results.is-empty {
        min-height: 75px;
    }
    .skip__value-device {
        margin-top: 100px;
    }
    .search-device_results {
        margin-top: 10px;
        height: auto;
    }
    .desktop-version {
        display: none;
    }
    .mobile-version {
        display: block;
    }
    .steps-container .mobile-version__title-device-find {
        margin-right: 0px;
        font-size: 20px;
        margin-bottom: 10px;
    }
    .mobile-version__price-device-find {
        margin-left: 20px;
        font-size: 14px;
        line-height: 18px;
    }
    .text_value-device_hard-text {
        margin-top: 20px;
    }
    .selected__value-device ul {
        padding-inline-start: 20px;
    }
    .selected__value-device .selected__value-device__text {
        font-size: 13px;
        text-align: justify;
    }
}

/* 1.3 Identify device */

@media (max-width: 768px) {
    #model-device-loading {
        margin-top: 15px;
    }
    .explain-form__identify-value {
        display: none;
    }
    .step-card .form-group .infobulle-icon {
        display: none;
    }
    .explain-form__identify-value-responsive {
        display: block;
        position: relative;
        color: #555555;
        font-family: Arial;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 18px;
        border: none;
        width: 100%;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: transparent;
        margin-bottom: 0;
        margin-top: 10px;
    }
    .explain-form__identify-value-responsive:after, .explain-form__identify-value-responsive:before {
        display: none;
    }
    .explain-form__identify-value-responsive:after {
        display: none;
    }
    .explain-form__identify-value-responsive:before {
        display: none;
    }
    .infobulle-icon__wrapper {
        display: none;
    }
    .bottom_step-card .continue__bottom_step-card {
        margin-top: 0px;
    }
    .bottom_step-card.responsive--bottom_step-card--pless {
        padding: 30px 15px;
    }
    .step-card_errors div img, .step-card_confirmation div img {
        margin-bottom: 16px;
    }
}

@media (max-width: 576px) {
    .step-modal .modal-text_margin-lr-51 {
        margin-left: 0px;
        margin-right: 0px;
    }
    .step-modal .btn-modal_margin-lr-51 {
        margin-left: 0px;
        margin-right: 0px;
    }
    .step-card .col-form-label {
        text-align: justify;
        color: #111111;
        font-family: Arial;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 18px;
    }
    .step-card.padding-30 {
        padding: 30px 15px;
    }
    .imei-not-found_form__identify-device p {
        text-align: justify;
    }
    .explain-form__identify-value {
        margin-top: 10px;
    }
    .imei_link__modal {
        margin-top: 10px;
    }
    .step-card {
        border: none;
    }
    .step-card .form-group {
        margin-bottom: 0;
    }
    .required-fields-warning__identify-device {
        margin-bottom: 20px;
        color: #555555;
        font-family: Arial;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 18px;
    }
    .model__identify-device {
        padding: 30px 5%;
        margin-bottom: 30px !important;
        margin-left: 15px;
        margin-right: 15px;
        color: #FFFFFF;
        font-family: Arial;
        font-size: 18px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 22px;
        text-align: center;
        margin-bottom: 0px;
    }
    .model__identify-device__imei {
        color: #FFFFFF;
        font-family: Arial;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 18px;
        text-align: center;
    }
    .step-card input[type="text"]::placeholder, .step-card input[type="date"]::placeholder, .step-card input[type="email"]::placeholder {
        font-size: 18px;
    }
    .form__identify-device__explain-overwrite {
        margin-top: 40px;
        font-size: 16px;
        margin-bottom: 20px;
    }
    .bottom_step-card {
        border: none;
        border-radius: none;
        padding: 30px 0px 0px;
    }
    .bottom_step-card.w-mt {
        margin-top: 0;
    }
    .bottom_step-card .continue__bottom_step-card {
        margin-top: 0px;
    }
    .form__identify-device__manufacturer-model {
        margin-top: 30px;
    }
    .imei-error, 
    .imei-another-carrier, 
    .already-exist, 
    .manufacturer-model-error, 
    .radios-buttons-error, 
    .steps-error, 
    .date-purchase__after, 
    .confirmation-card {
        flex-direction: column;
        align-items: flex-start;
        padding: 0 15px;
    }
    .step-card_errors div img {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .bellnumber-error p, .imei-another-carrier p, .imei-error p, .manufacturer-model-error p, .already-exist p {
        color: #111111;
        font-family: Arial;
        font-size: 18px;
        letter-spacing: 0;
        line-height: 22px;
        margin-bottom: 10px;
    }
    .step-card_errors, .step-card_confirmation {
        padding: 25px 0px 10px;
        border-top: 1px solid #d4d4d4;
        border-bottom: 1px solid #d4d4d4;
        border-radius: 0px;
        margin-top: 30px;
        margin-bottom: 0px;
    }
    .loader-container-fluid.w-br-10 {
        border-radius: 0px;
    }
}

/* 1.4 Condition device */

@media (max-width: 768px) {
    .form_step-card_radio .checklabel {
        margin-left: 10px;
    }
    .condition-device_radio_field a {
        display: block;
        margin-bottom: 30px;
    }
    #purchase-date {
        width: 100%;
    }
    .form_step-card_radio p {
        margin-bottom: 25px;
    }
}

@media (max-width: 576px) {
    .form_step-card_radio {
        padding: 25px 15px;
    }
    .form_step-card_radio .checklabel {
        margin-left: 15px;
    }
    .condition-device_radio_field a {
        display: block;
        margin-bottom: 30px;
    }
    .form_step-card_radio p {
        color: #555555;
        font-family: Arial;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 18px;
        margin-bottom: 25px;
    }
    .device-bonus__condition-device h3 {
        margin-bottom: 15px;
    }
    .device-bonus__condition-device {
        margin-top: 30px;
        padding-top: 30px;
    }
    .step-card .form-group_w-mb-30 {
        margin-bottom: 0 !important;
    }
}

/* 1.5 Offer device */

@media (max-width: 992px) {
    .bottom_step-card__offer-device .text-right {
        text-align: center !important;
    }
    .bottom_step-card__offer-device .continue__bottom_step-card, .bottom_step-card__offer-device .refuse__bottom_step-card, .bottom_step-card__offer-device .back__bottom_step-card {
        display: inline-block;
    }
    .bottom_step-card__offer-device .back-button {
        text-align: center !important;
    }
}

@media (max-width: 768px) {
    .bottom_step-card .responsive-bottom--buttons__column {
        display: flex;
        flex-direction: column;
    }
    .bottom_step-card .responsive-bottom--buttons__column div {
        display: block;
        width: 100%;
    }
    .bottom_step-card .responsive-bottom--buttons__column div:first-child {
        margin-bottom: 15px;
    }
    .bottom_step-card .responsive-bottom--buttons__column.first-child__without--mb div:first-child {
        margin-bottom: 0;
    }
    .bottom_step-card .responsive-bottom--buttons__column div:last-child {
        margin-top: 30px;
        margin-bottom: 0;
    }
    .bottom_step-card .responsive-bottom--buttons__column div a {
        display: block;
        width: 100%;
    }
    .buttons__bottom--offer-device div:first-child {
        margin-right: 0;
    }
    .bottom_step-card .back__bottom_step-card {
        margin-left: 0;
        text-align: center;
    }
    .buttons-quote--responsive--mr_15 {
        margin-right: 15px !important;
    }
}

@media (max-width: 576px) {
    .price-line__offer-device .price__offer-device {
        padding-left: 0;
    }
    .quote-text__offer-device {
        padding-right: 10px;
    }
    .quote-text__offer-device strong {
        color: #555555;
        font-family: Arial;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 18px;
    }
    .price-line__offer-device .price__offer-device_big {
        font-size: 26px;
    }
    .text-quote__offer-device ul {
        padding-inline-start: 20px;
    }
    .bottom_step-card.offer-device__bottom {
        border: none;
        border-radius: 0;
    }
    .step-card h3.mb-45 {
        margin-bottom: 30px;
    }
    .price-line__offer-device {
        margin-bottom: 10px;
    }
    .price-line__offer-device:last-child {
        margin-bottom: 20px;
    }
    .details-price__offer-device {
        margin-bottom: 20px;
    }
    .text-quote__offer-device ul li {
        color: #555555;
        font-family: Arial;
        font-size: 12px;
        letter-spacing: 0;
        line-height: 14px;
        padding-left: 16px;
    }
}

/* 1.6 Personal informations */

@media (max-width: 1200px) {
    .explain-form__email--personalinformation {
        right: -50px;
    }   
}

@media (max-width: 992px) {
    .explain-form__email--personalinformation {
        right: -125px;
    }   
}

@media (max-width: 768px) {
    .explain-form__email--personalinformation {
        display: none;
    }   

    .explain-form__email--personalinformation-responsive {
        display: block;
    }
}

/* 1.7 Review informations */

@media (max-width: 1280px) {
    .trader__review-informations__inner, .device__review-informations__inner {
        min-height: 475px;
    }
}

@media (max-width: 992px) {
    .trader__review-informations__inner {
        margin-bottom: 15px;
    }
    .device__review-informations {
        padding-left: 0;
    }
}

@media (max-width: 768px) {
    .trader__review-informations {
        padding-right: 0;
    }
    .picture__review-informations__details img {
        width: 60px;
        height: 60px;
    }
    .checkboxes__review-informations .form-group {
        border: 1px solid #D4D4D4;
        background-color: #FFFFFF;
        box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);
        padding: 15px;
    }
    .checkboxes__review-informations .checkbox-inline {
        margin-bottom: 0;
    }
    .explain-accept-quote__review-informations {
        text-align: left;
    }
    .step-card.responsive-border-top {
        border-top: 1px solid #d4d4d4;
    }
}

@media (max-width: 576px) {
    .picture__review-informations__details img {
        width: 60px;
        height: 60px;
    }
    .terms-and-conditions__review-informations__wrapper {
        border-top: 1px solid #d4d4d4;
    }
    .terms-and-conditions__review-informations__wrapper, .form__review-informations {
        border-left: none;
        border-right: none;
    }
}

/*-- 1.7 Review informations --*/

@media (max-width: 576px) {
    .step-card.no-radius-bottom {
        border-radius: 0px;
    }
    .terms-and-conditions__review-informations__wrapper {
        padding: 20px 15px;
    }
    .form__review-informations {
        padding: 20px 15px;
    }
    .step-card.p-less-side {
        padding: 0;
        margin-left: 15px;
        margin-right: 15px;
    }
    .step-card.responsive-no-margin {
        margin-left: 0px;
        margin-right: 0px;
    }
    .step-card .second-title__review-informations {
        margin-left: 15px;
        margin-right: 15px;
    }
    .step-card .explain-before-return__review-informations {
        margin-left: 15px;
        margin-right: 15px;
    }
}

/* 1.8 FMIP enabled */

@media (max-width: 768px) {
    .step-card.w-mb-220 {
        margin-bottom: 60px;
    }
    .explain-fmip-enabled__fmip-enabled {
        padding-left: 0;
    }
    .step-card .how-to-disabled-fmip__fmip-enabled {
        padding-inline-start: 10px;
    }
    .continue__fmip-enabled {
        margin-left: 0;
        margin-bottom: 10px;
    }
}

/* 1.9 Confirmed trade-in */

@media (max-width: 768px) {
    .tradein-confirmed__confirmation {
        display: block;
    }
    .tradein-confirmed__confirmation img {
        margin-right: 0;
        margin-bottom: 15px;
    }
    .tradein-confirmed__paragraphe.pl-53 {
        padding-left: 0;
    }
    .step-card.border-top-bottom-mobile {
        border-top: 1px solid #d4d4d4;
        border-bottom: 1px solid #d4d4d4;
    }
    .print-confirmation-instructions__tradein-confirmed__wrapper {
        padding-left: 0;
        padding-right: 0;
    }
    .print-free-shipping__tradein-confirmed__wrapper {
        padding-left: 0;
        padding-right: 0;
    }
    .buttons__tradein-confirmed {
        display: none;
    }
    .button-tradein-confirmed__mobile {
        display: block;
        margin-top: 30px;
    }
    .step-card .link-to-trackin-repair__tradein-confirmed {
        margin: 45px 0px 20px 0px;
    }
}

@media (max-width: 576px) {
    .step-card_errors div img {
        margin-right: 0;
        margin-bottom: 10px;
    }
}

/* 2.0Ref1.0 Programm details */

@media (max-width: 768px) {
    .programm-explain-process {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .step-card__responsive--w-border {
        border: 1px solid #d4d4d4;
        margin: 0 15px;
    }
}

/*-- 2.0 Tracking --*/

@media (max-width: 768px) {
    .tracking-container {
        padding-left: 0;
        padding-right: 0;
    }
    .tracking-card .col-form-label {
        text-align: left;
    }
    .bottom_tracking-card {
        justify-content: start !important;
    }
    .tracking-container {
        padding-right: 0px;
        padding-left: 0px;
    }
    .bottom_tracking-card {
        border: none;
    }
    .bottom_tracking-card.w-mb-180 {
        margin-bottom: 0;
    }
    .bottom_step-card.bottom_step-card--tracking {
        padding-top: 14px;
    }
    .explain-form__tracking-email {
        display: none;
    }
    .explain-form__tracking-email--responsive {
        display: block;
        color: #555555;
        font-family: Arial;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 18px;
        margin-top: 10px;
    }
}

@media (max-width: 576px) {
    .tracking-card {
        border: none;
    }
    .tracking-card.border-bottom-mobile {
        border-bottom: 1px solid #d4d4d4;
    }
    .tracking-card.no-radius-mobile {
        border-radius: 0;
    }
}

/* 2.1 Tracking details */

@media (max-width: 576px) {
    .send-before__tracking-details {
        border: none;
        border-top: 1px solid #d4d4d4;
        border-bottom: 1px solid #d4d4d4;
        border-radius: 0;
    }
    .steps-card__tracking-details__wrapper {
        padding-left: 15px;
    }
    .steps-card__tracking-details p strong {
        color: #111111;
        font-family: Arial;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 18px;
    }
    .steps-card__tracking-details .tracking-details__explain-step {
        color: #555555;
        font-family: Arial;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 18px;
    }
    .steps-card__tracking-explain {
        flex-direction: column;
        align-items: flex-start;
        padding: 15px;
    }
    .steps-card__tracking-explain .steps-card__tracking-explain--title {
        color: #111111;
        font-family: Arial;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 18px;
    }
    .steps-card__tracking-explain .steps-card__tracking-explain--text {
        color: #555555;
        font-family: Arial;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 18px;
    }
    .steps-card__tracking-explain img {
        margin-right: 0;
        margin-bottom: 15px;
    }
    .tracking-card.p-less-side {
        padding: 0;
    }
    .tracking-card.p-less-side {
        padding: 0;
        margin-left: 15px;
        margin-right: 15px;
    }
    .contact-us__tracking-details {
        margin-left: 15px;
        margin-right: 15px; 
    }
}

/*-- 3.0 Contact --*/

@media (max-width: 768px) {
    .contact-container {
        padding-left: 0;
        padding-right: 0;
    }
    .contact-card.contact-card-grey {
        border-radius: none;
    }
    .contact-card.w-mb-315 {
        margin-bottom: 100px;
    }
    .bottom_contact-card {
        border: none;
    }
    .user-picture__contact {
        padding-right: 15px;
    }
    .user-picture__contact img {
        width: 100%;
        height: auto;
    }
}

@media (max-width: 576px) {
    .contact-card {
        border: none;
    }
    .contact-card .col-form-label {
        text-align: left;
    }
    .contact-card.w-mb-315 {
        margin-bottom: 50px;
    }
}

/* 3.1 Contacted */

@media (max-width: 768px) {
    .contact-message-send__contacted {
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: start;
    }
    .contact-message-send__contacted img {
        margin-bottom: 15px;
    }
    .contact-card .paragraphe__contacted {
        padding-left: 0;
    }
    .button__is-contacted {
        padding-left: 0;
    }
}

@media (max-width: 576px) {
    .button__is-contacted {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }
    .button__is-contacted div {
        margin-bottom: 30px;
    }
    .button__is-contacted div:last-child {
        margin-bottom: 0;
    }
    .button__is-contacted a {
        display: block;
    }
    .contact-card.border-top-bottom-mobile {
        border-top: 1px solid #d4d4d4;
        border-bottom: 1px solid #d4d4d4;
    }
    .contact-card.no-radius-mobile {
        border-radius: 0 !important;
    }
}

/*-- 4.0 Homepage --*/

@media (max-width: 768px) {
    .tradein-programs__blocks-bg__homepage {
        margin-bottom: 30px;
        text-align: center;
    }
}

@media (max-width: 576px) {
    .homepage-container {
        padding-left: 0;
        padding-right: 0;
    }
    .homequestion-container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .homequestion-container.no-padding {
        padding-left: 0px;
        padding-right: 0px;
    }
    .bg-blue_homepage a {
        display: none;
    }
    .bg-blue_homepage .bg-blue_homepage__link_mobile {
        display: block;
        color: #00549A;
        background: transparent;
        font-family: Arial;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 18px;
        padding: none;
    }
    .bg-blue_homepage.bg-blue_homepage__link_mobile a img {
        margin-left: 10px;
    }
    .bg-blue_homepage .bg-blue_homepage__link_mobile:hover {
        color: #00549A;
        text-decoration: none;
    }
    .bg-blue_homepage p {
        margin-bottom: 20px;
    }
    .how_it_works_img_block {
        text-align: left;
    }
    .how-works__homepage {
        padding: 45px 18px;
    }
}

/*-- 5.0 Quotation --*/

/*-- 6.0 Footer --*/

@media (max-width: 576px) {
    .faq--type_button .active::after {
        bottom: 10px;
    }
}

/*-- Footer --*/

@media (max-width: 768px) {
    footer .footer-inner {
        display: none;
    }
    footer .footer-inner-mobile {
        display: block;
    }
}