@media screen and (max-width: 455px) {
    .header {
        padding: 15px 0;
      }
      #data_table_paginate>a, 
      #data_table_paginate>a:hover, 
      #data_table_paginate>a:focus, 
      #data_table_paginate>a:active {
        padding: 2px 5px !important;
    }
    .dataTables_wrapper 
    .dataTables_paginate
     .paginate_button {

      padding: -0.5em 0em !important;
      }
      .jouer {
        height: 100vh;
        background-size: cover;
        background-position: 0 -96px;
      }
    
      .form-label {
        font-size: 14px;
      }
    
      .boxChoix {
        float: none;
        height: 309px;
      }
    
      .boxLeft.showImage,
      .boxMiddle.showImage,
      .boxRight.showImage {
        width: 100%;
      }
    
      .boxLeft.showImage {
        background: url(../images/car/4.jpg) no-repeat !important;
      }
      .boxMiddle.showImage {
        background: url(../images/car/5.jpg) no-repeat !important;
      }
      .boxRight.showImage {
        background: url(../images/car/6.jpg) no-repeat !important;
      }
    
      .btnChoisir {
        width: 140px;
        right: -100%;
        height: 60px;
        font-size: 21px;
      }
    
      .home {
        width: 220px;
      }
    
      .gainBox .gain br {
        display: none;
      }
    
      .btnChoisir.showImage,
      .choix span.nameChoix.showImage,
      .home.showAnimate {
        right: 40px;
        left: initial;
      }
    
      .choix span.nameChoix {
        top: 25px;
        bottom: initial;
      }
      .form-group + .form-group {
        padding: 0 0 !important;
    }
    
    .save, .home, .choixBtn, .choixBtnDevis {
      padding: 10px 40px;
    }
    .slogon {
      margin-top: -1.5rem !important;
      width: 70% !important;
    }
    .car-logo{
         width: 100% !important;
        margin: auto;
    }
    .logo-slogon {
      margin-bottom: 50px;
    }
    .bold_title {
      font-size: 15.48pt;
    }
    .join {
      font-size: 16.47px;
    }
    .instructions {
      font-size: 16.47px;
      letter-spacing: 0px;
    }
    .footer-div {
      padding: 15px 45px;
    }
    .image-row {
      margin-top: -12px;
    }
    .connect_with_porsche {
      font-size: 17.47px;
      font-weight: 700;
    }
    .details {
        padding: 0 0;
    }
}
@media screen and (max-width: 599px) and (min-width: 456px) {
    .header {
        padding: 15px 0;
      }
    
      .jouer {
        height: 100vh;
        background-size: cover;
        background-position: 0 -96px;
      }
    
      .form-label {
        font-size: 14px;
      }
    
      .boxChoix {
        float: none;
        height: 309px;
      }
    
      .boxLeft.showImage,
      .boxMiddle.showImage,
      .boxRight.showImage {
        width: 100%;
      }
    
      .boxLeft.showImage {
        background: url(../images/car/4.jpg) no-repeat !important;
      }
      .boxMiddle.showImage {
        background: url(../images/car/5.jpg) no-repeat !important;
      }
      .boxRight.showImage {
        background: url(../images/car/6.jpg) no-repeat !important;
      }
    
      .btnChoisir {
        width: 140px;
        right: -100%;
        height: 60px;
        font-size: 21px;
      }
    
      .home {
        width: 220px;
      }
    
      .gainBox .gain br {
        display: none;
      }
    
      .btnChoisir.showImage,
      .choix span.nameChoix.showImage,
      .home.showAnimate {
        right: 40px;
        left: initial;
      }
    
      .choix span.nameChoix {
        top: 25px;
        bottom: initial;
      }
      .form-group + .form-group {
        padding: 0 0 !important;
    }
    
    .save, .home, .choixBtn, .choixBtnDevis {
      padding: 10px 40px;
    }
    .slogon {
      margin-top: -1.5rem !important;
      width: 70% !important;
    }
    .car-logo{
        width: 100% !important;
        margin: auto;
    }
    .logo-slogon {
      margin-bottom: 50px;
    }
    .bold_title {
      font-size: 15.48pt;
    }
    .join {
      font-size: 16.47px;
    }
    .instructions {
      font-size: 16.47px;
      letter-spacing: 0px;
    }
    .footer-div {
      padding: 15px 45px;
    }
    .image-row {
      margin-top: -12px;
    }
    .connect_with_porsche {
      font-size: 17.47px;
      font-weight: 700;
    }
    .details {
        padding: 0 0;
    }
}
@media screen and (max-width: 767px) and (min-width: 600px) {
    .header {
        padding: 15px 0;
      }
    
      .jouer {
        height: 100vh;
        background-size: cover;
        background-position: 0 -96px;
      }
    
      .form-label {
        font-size: 14px;
      }
    
      .boxChoix {
        float: none;
        height: 309px;
      }
    
      .boxLeft.showImage,
      .boxMiddle.showImage,
      .boxRight.showImage {
        width: 100%;
      }
    
      .boxLeft.showImage {
        background: url(../images/car/4.jpg) no-repeat !important;
      }
      .boxMiddle.showImage {
        background: url(../images/car/5.jpg) no-repeat !important;
      }
      .boxRight.showImage {
        background: url(../images/car/6.jpg) no-repeat !important;
      }
    
      .btnChoisir {
        width: 140px;
        right: -100%;
        height: 60px;
        font-size: 21px;
      }
    
      .home {
        width: 220px;
      }
    
      .gainBox .gain br {
        display: none;
      }
    
      .btnChoisir.showImage,
      .choix span.nameChoix.showImage,
      .home.showAnimate {
        right: 40px;
        left: initial;
      }
    
      .choix span.nameChoix {
        top: 25px;
        bottom: initial;
      }
      .form-group + .form-group {
        padding: 0 0 !important;
    }
    
    .save, .home, .choixBtn, .choixBtnDevis {
      padding: 10px 40px;
    }
    .slogon {
      margin-top: -1.5rem !important;
      width: 70% !important;
    }
    .car-logo{
        width: 86% !important;
        margin: auto;
    }
    .logo-slogon {
      margin-bottom: 80px;
    }
    .bold_title {
      font-size: 14.48pt;
    }
    .join {
      font-size: 16.47px;
    }
    .instructions {
      font-size: 16.47px;
      letter-spacing: 0px;
    }
    .footer-div {
      padding: 15px 45px;
    }
    .image-row {
      margin-top: -12px;
    }
    .connect_with_porsche {
      font-size: 17.47px;
      font-weight: 700;
    }
    .details {
        padding: 0 0;
    }
}
@media screen and (max-width: 928px) and (min-width: 768px) {
    .header {
        padding: 15px 0;
      }
    
      .jouer {
        height: 100vh;
        background-size: cover;
        background-position: 0 -96px;
      }
    
      .form-label {
        font-size: 14px;
      }
    
      .boxChoix {
        float: none;
        height: 309px;
      }
    
      .boxLeft.showImage,
      .boxMiddle.showImage,
      .boxRight.showImage {
        width: 100%;
      }
    
      .boxLeft.showImage {
        background: url(../images/car/4.jpg) no-repeat !important;
      }
      .boxMiddle.showImage {
        background: url(../images/car/5.jpg) no-repeat !important;
      }
      .boxRight.showImage {
        background: url(../images/car/6.jpg) no-repeat !important;
      }
    
      .btnChoisir {
        width: 140px;
        right: -100%;
        height: 60px;
        font-size: 21px;
      }
    
      .home {
        width: 220px;
      }
    
      .gainBox .gain br {
        display: none;
      }
    
      .btnChoisir.showImage,
      .choix span.nameChoix.showImage,
      .home.showAnimate {
        right: 40px;
        left: initial;
      }
    
      .choix span.nameChoix {
        top: 25px;
        bottom: initial;
      }
      .form-group + .form-group {
        padding: 0 90px;
    }
    
    .save, .home, .choixBtn, .choixBtnDevis {
      padding: 10px 40px;
    }
    .slogon {
      margin-top: -1.5rem !important;
      width: 70% !important;
    }
    .car-logo{
        width: 76% !important;
        margin: auto;
    }
    .logo-slogon {
      margin-bottom: 60px;
    }
    .bold_title {
      font-size: 15.48pt;
    }
    .join {
      font-size: 16.47px;
    }
    .instructions {
      font-size: 16.47px;
      letter-spacing: 0px;
    }
    .footer-div {
      padding: 15px 45px;
    }
    .image-row {
      margin-top: -12px;
    }
    .connect_with_porsche {
      font-size: 17.47px;
      font-weight: 700;
    }
    .details {
        padding: 0 90px;
    }
}
@media screen and (max-width: 991px) and (min-width: 929px) {
    .header {
        padding: 15px 0;
      }
    
      .jouer {
        height: 100vh;
        background-size: cover;
        background-position: 0 -96px;
      }
    
      .form-label {
        font-size: 14px;
      }
    
      .boxChoix {
        float: none;
        height: 309px;
      }
    
      .boxLeft.showImage,
      .boxMiddle.showImage,
      .boxRight.showImage {
        width: 100%;
      }
    
      .boxLeft.showImage {
        background: url(../images/car/4.jpg) no-repeat !important;
      }
      .boxMiddle.showImage {
        background: url(../images/car/5.jpg) no-repeat !important;
      }
      .boxRight.showImage {
        background: url(../images/car/6.jpg) no-repeat !important;
      }
    
      .btnChoisir {
        width: 140px;
        right: -100%;
        height: 60px;
        font-size: 21px;
      }
    
      .home {
        width: 220px;
      }
    
      .gainBox .gain br {
        display: none;
      }

    
      .btnChoisir.showImage,
      .choix span.nameChoix.showImage,
      .home.showAnimate {
        right: 40px;
        left: initial;
      }
    
      .choix span.nameChoix {
        top: 25px;
        bottom: initial;
      }
      .form-group + .form-group {
        padding: 0 100px;
    }
    
    .save, .home, .choixBtn, .choixBtnDevis {
      padding: 10px 40px;
    }
    .slogon {
      margin-top: -1.5rem !important;
      width: 70% !important;
    }
    .car-logo{
        width: 86% !important;
        margin: auto;
    }
    .logo-slogon {
      margin-bottom: 80px;
    }
    .bold_title {
      font-size: 15.48pt;
    }
    .join {
      font-size: 16.47px;
    }
    .instructions {
      font-size: 16.47px;
      letter-spacing: 0px;
    }
    .footer-div {
      padding: 15px 45px;
    }
    .image-row {
      margin-top: -12px;
    }
    .connect_with_porsche {
      font-size: 17.47px;
      font-weight: 700;
    }
    .details {
        padding: 0 100px;
    }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
    .header {
        padding: 15px 0;
      }
    
      .jouer {
        height: 100vh;
        background-size: cover;
        background-position: 0 -96px;
      }
    
      .form-label {
        font-size: 14px;
      }
    
      .boxChoix {
        float: none;
        height: 309px;
      }
    
      .boxLeft.showImage,
      .boxMiddle.showImage,
      .boxRight.showImage {
        width: 100%;
      }
    
      .boxLeft.showImage {
        background: url(../images/car/4.jpg) no-repeat !important;
      }
      .boxMiddle.showImage {
        background: url(../images/car/5.jpg) no-repeat !important;
      }
      .boxRight.showImage {
        background: url(../images/car/6.jpg) no-repeat !important;
      }
    
      .btnChoisir {
        width: 140px;
        right: -100%;
        height: 60px;
        font-size: 21px;
      }
    
      .home {
        width: 220px;
      }
    
      .gainBox .gain br {
        display: none;
      }
    
      .btnChoisir.showImage,
      .choix span.nameChoix.showImage,
      .home.showAnimate {
        right: 40px;
        left: initial;
      }
    
      .choix span.nameChoix {
        top: 25px;
        bottom: initial;
      }
      .form-group + .form-group {
        padding: 0 120px;
    }
    
    .save, .home, .choixBtn, .choixBtnDevis {
      padding: 10px 40px;
    }
    .slogon {
      margin-top: -1.5rem !important;
      width: 70% !important;
    }
    .car-logo{
        width: 86% !important;
        margin: auto;
    }
    .logo-slogon {
      margin-bottom: 80px;
    }
    .bold_title {
      font-size: 15.48pt;
    }
    .join {
      font-size: 16.47px;
    }
    .instructions {
      font-size: 16.47px;
      letter-spacing: 0px;
    }
    .footer-div {
      padding: 15px 45px;
    }
    .image-row {
      margin-top: -12px;
    }
    .connect_with_porsche {
      font-size: 17.47px;
      font-weight: 700;
    }
    .details {
        padding: 0 120px;
    }
}
@media screen and (max-width: 1365px) and (min-width: 1200px) {
    .form-group + .form-group {
        padding: 0 180px;
    }
    .save, .home, .choixBtn, .choixBtnDevis {
      padding: 12px 40px;
    }
    .footer-div {
      padding: 15px 45px;
    }
    .image-row {
      margin-top: -12px;
    }
    .connect_with_porsche {
      font-size: 17.47px;
      font-weight: 700;
    }
    .details {
        padding: 0 170px;
    }
        .form-group + .form-group {
            padding: 0px 180px;
        }
}
@media screen and (max-width: 1440px) and (min-width: 1366px) {
    .save, .home, .choixBtn, .choixBtnDevis {
        padding: 12px 40px;
      }
      .footer-div {
        padding: 15px 45px;
      }
      .image-row {
        margin-top: -12px;
      }
      .connect_with_porsche {
        font-size: 17.47px;
        font-weight: 700;
      }
}