
@media screen and (max-width: 991.5px) {
    .section-title 
    {
        font-size:28px;
    }
 
    .listen-to-heart-main
    {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    .form-header-content
    {
        width: 100% !important;
    }

    .test-booking-main
    {
        background-size: 60% !important;
        background-position: bottom !important;
    }
    .select-wrapper:after {
        font-size: 35px;
        top: -20px;
    }
    .test-booking-new .booking-form .all-fields
    {
        text-align: start !important;
    }
    .test-booking-new .testing-form-card .card-body
    {
        padding: 30px !important;
    }
    .test-booking-new .booking-form .form-group,
    .test-booking-new .booking-form .form-group .city-div
    {
        display: block;
    }
    .test-booking-new .form-label
    {
        justify-content: flex-start !important; 
    }
    .test-booking-new .booking-form .all-fields 
    {
        margin: 30px 0px 30px !important;
        
    }
    .form-submit-btn
    {
        margin-left: 0px !important;
    }
    .g-recaptcha
    {
        margin-left: 0px !important;
    }
    .test-booking-new .testing-form-card::after
    {
        border-radius: 20px;
    }
    .heading-main {

        font-size: calc(29px + (31 - 29) * ((100vw - 300px) / (1600 - 300))) !important;
        text-align: center !important;
        padding: 0px 20px !important;
    }
    .second-heading,.second-heading-span {
        font-size: calc(17px + (19 - 17) * ((100vw - 300px) / (1600 - 300))) !important;
        text-align: center  !important;
    }
    .sub-title-text
    {
      display: none !important;
    }
    .testing-form-card
    {
        width: 100% !important;
    }
    #testBooking input::placeholder 
    {
        font-size: small !important;
    }

}

#testBooking input::placeholder 
{
    color: #777 !important;
}


@media (max-width: 767px) {
    .test-booking-form-main {
        padding-top: 20px !important;
    }
    .listen-to-heart-main {
        margin-top: 90px;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .listen-to-heart-main .banner-icon-down {
        width: 20px;
        margin-top: 30px;
    }
}

@media (min-width: 280px) and (max-width: 540px) {
    .test-booking-new .testing-form-card .card-body
    {
        padding: 15px 15px 50px !important;
    }
    .test-booking-main {
        background-size: contain !important;
    }
    .header-section .navbar .book-test {
        margin-right: -12px !important;
    }
    .btn-bt {
        display: block;
        position: fixed;
        bottom: 35px;
        left: 0;
        right: 0;
        text-align: center;
        z-index: 20;
    }
    .btn-bt .btn-bookTest {
        border: 1px solid #ffdd55 !important;
        background: #ffdd55 !important;
        /*color: #fff !important;*/
        border-radius: 30px;
        padding: 8px 30px;
        /*font-family: 'MuseoSans';*/
        font-weight: 400;
        text-decoration: none;
        color: var(--blue-color) !important;
    }
}
@media only screen and (min-width:600px) and (max-width:1024px){
    .header-section .navbar .nav-link {
        font-size: 12px !important;
        padding: 0 5px !important;
    }
}


@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait){
    .test-booking-new .testing-form-card .card-body {
        padding: 30px !important;
    }
    .header-section .navbar .nav-link {
        font-size: 14px;
        padding: 0 5px;
    }
}

