@media (max-width: 1499px) {
    .dashboard_main .main_container .main_right_section {
        padding: 40px 30px;
    }
}   

@media (max-width: 1399px) {

}

@media (max-width: 1199px) {
    .pending_request .request_panel .btn_container .btn {
        font-size: 14px;
        padding: 8px 20px;
    }
}

@media (max-width: 1024px) {
    .main_right_section .main_title h1 {
        font-size: 35px;
    }
}

@media (max-width: 991px) {

    p {
        font-size: 16px;
    }

    .dashboard_main .main_container .sidebar_main {
        left: -280px;
    }

    .dashboard_main .sidebar_main.close {
        left: 0px;
        width: 280px;
    }

    .dashboard_main .main_container .main_right_section {
        width: calc(100%) !important;
    }

    .dashboard_main .sidebar_main.close .sidebar_menu ul li a {
        font-size: 16px;
    }
}

@media (max-width: 767px) {

    .mobile {
        display: block !important;
    }

    .desktop {
        display: none !important;
    }

    .dashboard_main header {
        padding: 15px 20px;
    }

    .dashboard_main header .logo-box img {
        max-width: 110px;
    }

    .dashboard_main header .header_part .right_box .user_name {
        display: none;
    }

    .dashboard_main .main_container {
        padding-top: 89px;
    }

    .main_right_section .main_title h1 {
        font-size: 30px;
    }

    .dashboard_main header .notify_drop {
        top: 75px;
    }

    .loginCommon_design .center_form_box {
        padding: 20px;
    }

    .logo-box a img {
        max-width: 150px;
    }

    .loginCommon_design .center_form_box .form-group {
        margin-bottom: 15px;
    }

    .loginCommon_design .form_box .flexThree, 
    .loginCommon_design .form_box .flexTwo {
        flex-wrap: wrap;
        gap: 0;
    }

    .loginCommon_design .form_box .flexThree .form-group,
    .loginCommon_design .form_box .flexTwo .form-group {
        width: calc(100%);
    }

    .upcoming_evet .event_listing .event_box .img_box img {
        width: 180px;
        height: 150px;
    }

    .pending_request .request_panel {
        flex-wrap: wrap;
    }

    .profile_form_box .flexThree {
        flex-wrap: wrap;
        gap: 0;
        column-gap: 15px;
    }

    .profile_form_box .flexThree .form-group {
        width: calc(50% - 10px);
    }

    .edit_profile_main .profile_header .btn_box .btn_common {
        font-size: 14px;
        padding: 6px 20px;
    }

    .profile_form_box .btn-box .btn {
        min-width: auto;
    }

    .dashboard_main .main_container .sidebar_main {
        min-height: calc(100vh - 89px);
    }
    
}

@media (max-width: 575px) {

    h4 {
        font-size: 22px;
    }

    h5 {
        font-size: 18px;
    }

    p {
        font-size: 14px;
    }

    .main_right_section .main_title h1 {
        font-size: 26px;
    }

    .sidebar {
        width: 100%;
    }

    .chat-section {
        display: none;
    }

    .chat-section.open {
        display: flex;
    }

    .chat-header .close {
        display: block;
    }

    .commonLabel {
        font-size: 14px;
    }

    .common-btn {
        font-size: 14px;
        padding: 6px 15px;
        min-height: 40px;
    }

    .pending_request .request_panel .btn_container .btn {
        font-size: 13px;
        padding: 6px 15px;
    }

    .pending_request.past_request .event_status span {
        font-size: 13px;
        min-width: 100px;
    }

    .chathostory_section .sidebar {
        width: 100%;
        border-right: none;
    }

    .message {
        max-width: 90%;
    }

    .payment_tab .nav-tabs {
        gap: 10px;
    }

    .payment_tab .nav-tabs .nav-link {
        padding: 6px 20px;
    }

    .profile_form_box .flexThree .form-group {
        width: calc(100%);
    }

    .event_brief .brief_details .flex_box {
        flex-wrap: wrap;
        gap: 0;
    }

    .event_brief .brief_details .flex_box .box_box {
        width: calc(100%);
    }

    .event_brief .btn_container {
        flex-wrap: wrap;
    }

    .dashboard_main .main_container .main_right_section {
        padding: 40px 20px;
    }

    .booking_date.white_box {
        padding: 20px 10px !important;
    }
}

@media (max-width: 479px) {
    .pending_request .request_panel {
        padding: 10px;
    }
}