/* Small devices (landscape phones, 320px and up) */
@media (min-width: 320px) {
    .totalPanelContainer, #totalPanel {
        width: 100%;
        max-width:440px;
    }
    
    .bookingPhone, .bookingEmail, .bookingName{
        margin: 0 1em;
        width: 92%!important;
        padding: 0;
        max-width: 500px;
    }

    .totalPrice, .totalSelectedTime {
        width: 100%;
    }

    .serviceTable {
        width: 90%!important;
    }    

    .bookingContainer {
        width: auto;
    }

    .totalPanelContainer {
        width: auto;
    }

    html.rd-navbar-fixed-linked .page {
        padding-top: 0;
    }

    .bookingContainer {
        margin-top: 0;
    }
    
    html.rd-navbar-fixed-linked .page {
        padding-top: 0;
    }

    .bookingEmailTitle, .bookingPhoneTitle {
        text-align: center;
    }

    .g-recaptcha {
        top: 62px;
    }

    #bookingStep3 {
        min-height: 590px;
    }

}

/* Small devices (landscape phones, 375px and up) */
@media (min-width: 375px) {
    
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .totalPanelContainer {
        width: 95%;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .serviceTable {
        width: 90%!important;
    }    

    .bookingPhone, .bookingEmail, .bookingName{
        width: 100%!important;
        margin: 0 auto;
    }

    .g-recaptcha {
        top: -30px;
    }

    .bookingContainer {
        width: 700px;
    }

    .totalPanelContainer {
        width: 440px;
    }

    .bookingContainer {
        margin-top: 115px;
    }
    
    html.rd-navbar-fixed-linked .page {
        padding-top: 56px;
    }

    .bookingEmailTitle, .bookingPhoneTitle {
        text-align: right;
        width: 200px;
    }

    .g-recaptcha {
        top: 8px;
    }

    #bookingStep3 {
        min-height: 540px;
    }

    .bookingName, .bookingEmail, .bookingPhone {
        width: 250px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    
      
}

/* Extra large devices (large desktops, 2000px and up) */
@media (min-width: 2000px) {


}

/* Extra large devices (large desktops, 2500px and up) */
@media (min-width: 2500px) {
  
}

/* Extra large devices (large desktops, 3000px and up) */
@media (min-width: 3500px) {

}

/* Extra large devices (large desktops, 4500px and up) */
@media (min-width: 4500px) {

}

/* Extra large devices (large desktops, 5000px and up) */
@media (min-width: 5000px) {
  
}