@media (max-width: 991px) {
    .rev {
        flex-wrap: wrap-reverse;
    }
    .elt-nav {
    justify-content: center;
}
    .elt-nav div {
        width: 100%;
        text-align: center;
    }

    .wheel-wrapper img {
        width: 60rem;
    }
}

/*tablette*/

@media (min-width: 768px) and (max-width: 991px) {
    .clr-bth {
        margin-bottom: auto;
    }
    [class*="col-"] {
        margin-bottom: 15px;
    }
    .navbar-header {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
    .navbar-brand {
        margin: 0 auto;
        float: none;
        padding: 15px;
        text-align: center;
    }
    .navbar-brand>img {
        display: inline-block;
        width: 120px;
    }
    .valign-abs-txt-nav {
        position: relative;
        clear: both;
        margin-bottom: 15px;
    }
    .navbar-right {
        float: none!important;
        margin: 0 auto;
        padding: 0px;
        clear: both;
        text-align: center;
    }
    .navbar-right .sub {
        width: 250px;
        height: 45px;
        padding: 0px;
    }
    .no-mrg {
        margin-bottom: 0;
    }
}


/*@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

}*/


/* smartphone */

@media (max-width: 767px) {

     /* Hide the date input arrow icon */
  input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
  }
  
  /* Display a pseudo-element with the placeholder text */
  input[type="date"]:before {
    content: attr(placeholder);
    color: #fff;
    padding: 0.6em;
  }
  
  /* Adjust the position of the pseudo-element */
  input[type="date"]:focus:before,
  input[type="date"]:valid:before {
    content: none;
  }

    h1 {
        font-size: 2.5rem;
    }

    .step-mob img{
        height: 28rem; 
    }

    .wheel-wrapper img {
        width: 32rem;
    }
    .succ-ic img {
        width: 60px;
    }
    .frame p {
        font-size: 15px;
    }
    .no-mrg {
        margin-bottom: 0!important;
    }
    .clr-bth {
        margin-bottom: auto;
    }
    [class*="col-"] {
        margin-bottom: 15px;
    }
    #contact-form [class*="col-"] {
        margin-bottom:0px;
    }
    .square-box {
        height: auto !important;
    }
    .navbar-header {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
    .navbar-brand {
        margin: 0 auto;
        float: none;
        padding: 15px;
        text-align: center;
    }
    .navbar-brand>img {
        display: inline-block;
        width: 120px;
    }
    .valign-abs-txt-nav {
        position: relative;
        clear: both;
        margin-bottom: 15px;
    }
    .navbar-right {
        float: none!important;
        margin: 32px 0px 0px 0px;
        padding: 0px;
        clear: both;
        text-align: center;
    }
    .navbar-right .sub {
        width: 250px;
        height: 45px;
        padding: 0px;
    }
}