@media (max-width: 767px) {

    .div-btn-option button {
        width: 97%;
        margin: 6px;
    }

    #eb-datetime {
        margin-top: 100px;
    }

    .row-tabs .nav-item .nav-link {
        display: inline-block;
    }

    .row-about img {
        height: 200px !important;
        margin: auto;
        width: 100%;
    }

    .passTemplate-left {
        padding: 0 100px 100px 10px;
    }

    .button-text {
        padding-left: 5px;
        width: 95%;
    }

    #eb-login .service-info {
        margin-top: 50px;
    }

    /*New Added Code*/
    .modalSLR .modal-dialog, .availableOption .modal-dialog, .successbookingModal .modal-dialog, .BkngNot .modal-dialog {
        margin: 20px auto;
    }

    /*.modal .modal-body {
        font-size: 16px;
    }*/
    /*END New Added Code*/
}

@media (max-width: 991px) {
}


@media (min-width: 768px) {
    .available-option {
        margin-left: 25%;
        margin-right: 25%;
    }

    .div-loadSites {
        padding-top: 150px;
    }
}

@media (min-width: 992px) {
    .pcLogin .modal-lg {
        max-width: 900px;
    }
}




@media (max-width: 576px) {
    .modal .modal-body form, .modal .modal-body button,
    .modal .modal-body input, .modal .modal-body label,
    #loginContent form, #loginContent button,
    #loginContent input, #loginContent label {
        font-size: 16px !important;
    }
}



@media (min-width: 992px)
{
.fines-modal .modal-lg{
max-width: 560px;
}
}