@media only screen and (max-width: 1237px) {

    .button-div-change-password > div {

        width: 239px !important;
        margin-top: 15px !important;
    }
}


    @media only screen and (max-width: 1150px) {

        .works-profile {

            width: 79%;
        }

    }


    @media only screen and (max-width: 1015px) {

        .works-profile {

            width: 75%;
        }

    }

    @media only screen and (max-width: 900px) {

        .works-profile {

            width: 72%;
        }


    }
    @media only screen and (min-width: 767px) {

        .background-black {
            display: none !important;
        }

        .profile-left {

            width: 218px !important;
        }
    }
    @media only screen and (max-width: 767px) {

        .py-4 .container{

            width: 95% !important;
        }

        .works-profile {

            width: 90%;
        }

        .profile-left {

            width: 30px;
            overflow: hidden;
        }

        .profile-left li img {
            margin-right: 4px;
        }

        .home-div {
            margin-right: 35px !important;
        }

        .works-profile {
            margin-right: 40px !important;
        }

        .profile-right > div > div:last-child {
            margin-top: 0px !important;
        }

        .profile-right .booking-body-ticket .booking-top{

            margin-top: 30px !important;

        }
        .booking-text-ticket{
            width: 60% !important;
        }
        .button-service {

            margin-top: 10px !important;
        }

        .section-request > li {
            height: 35px;
        }

        .profile-right > header {
            height: auto;
            border-bottom: none;

        }

        .menu-li-right {
            display: block;
            background-color: #1b8e99 !important;
        }

        .profile-left li {

            width: 28px !important;
            overflow: hidden;
        }

    }

    @media only screen and (max-width: 1135px) {

        .ok-banner {

            display: none !important;
        }
    }

    @media only screen and (max-width: 767.98px) {

        .nav-item figure {
            margin-left: 0px;
            margin-top: 2px;
        }
    }

@media only screen and (max-width:650px) {

    .schedule-header th{

        font-size: 12px;
    }
    .accept-request .booking-text{
        width: 44% !important;
    }
    .booking-top{

        margin-top: 2px !important;
    }
    .user-booking{
        margin-right: 12px;
    }

    .booking-user-div {
        width: 102px;
        height: 100px;}
    .booking-text>p{
        margin-bottom: 0px;
    }


    .booking-text{

        line-height: 25px;
    }

    .booking-down{

        height: auto;
        padding-bottom: 15px;
    }
}






    @media only screen and (max-width: 526px) {

        .addpic {
            margin-top: 20px !important;
            margin-right: 26px;
        }

        .times-button{
            float: none;
        }
    }


    .product-price > a {
        width: 70px;
        height: 30px;
        color: #FFFFFF;
        background-color: #37ACFB;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 25px;
        border-radius: 4px;
        line-height: 25px;
        margin-bottom: 5px;

    }

    .new-request {

        box-shadow: 2px 2px 5px #111111;

    }