@media (max-width: 1111px) {


    .ptt_box .main_frame {
        justify-content: center;
    }

    .ptt_box .home_box {
        width: 100% !important;
        padding: 10px;
        transition: 0.5s;
        position: absolute;
        left: 0;
        top: 0;
    }
    .home_box .buttons_box {
        justify-content: space-between !important;
    }


    .chat_box .card{
        background-color: transparent !important;
        border: none !important;
    }

    .participants_box .card{
        background-color: transparent !important;
        border: none !important;
    }

    .participants_box {
        width: 100% !important;
        position: absolute;
        right: -100%;
        transition: 0.5s;
        border-radius: 0 !important;
        padding: 0 !important;
    }

    .chat_box {
        width: 100% !important;
        position: absolute;
        right: -100%;
        transition: 0.5s;
        border-radius: 0 !important;
        padding: 0 !important;
    }

    .main_frame .chat_box .card {
        border-radius: 0 !important;
    }

    .main_frame .participants_box .card {
        border-radius: 0 !important;
    }


    .main_frame .home_box .top_part .change_channel_box .caption {
        left: 26px !important;
        font-size: 12px !important;
        width: 120px !important;
    }

    .main_frame .home_box .top_part .change_channel_box .arrow {
        left: 8px !important;
        top: 18px !important;
    }

    .main_frame .home_box .top_part .change_channel_box .icon {

    }

    .main_frame .home_box .top_part {
        padding: 0 5px !important;
    }

    .main_frame .home_box .buttons_box {
        gap: 0 !important;
    }

    .side_buttons {
        display: unset;
    }

    .chat_box .chatting_title .back {
        display: unset;
    }

    .participants_box .participants_title .back {
        display: unset;
    }

    .main_frame .home_box .top_part .change_channel_box {
        width: 180px !important;
    }

    .notif_box {
        bottom: 120px !important;
        width: 80% !important;
    }

    .main_frame .home_box .buttons_box .btn_card button {
        width: 50px !important;
        height: 50px !important;
    }

    .main_frame .home_box .buttons_box .btn_card {
        width: 62px !important;
    }

    .main_frame .home_box .buttons_box {
        height: 80px !important;
    }

    .participants_box .parti_list .parti_item .ptt_button {
        width: 60px !important;
        height: 60px !important;
    }

    .participants_box .parti_list .parti_item .disabled_ptt_button {
        width: 60px !important;
        height: 60px !important;
    }

    .settings_box{
        width: 90% !important;
    }

    .sos_over .sos_box {
        width: 100% !important;
    }

    .show_sos_over {
        width: 83% !important;
        top: 76px !important;
        height: 156px !important;
    }

    .show_sos_over .title{
        font-size: 16px !important;
    }

    .show_sos_over .sos_icon{
        width: 30px !important;
        height: 30px !important;
    }

    .show_sos_over .text_desc{
        font-size: 13px !important;
    }

    .map_speaking{
        min-width: 100px !important;
        line-height: 25px !important;
        padding: 5px 10px !important;
        font-size: 13px !important;
    }

    .close_map{
        right: 14px;
        top: 14px;
        width: 43px;
        height: 43px;
    }

    .map_ptt_btn {
        box-shadow: 0px 0px 10px #0b0e10;
        bottom: 25px;
    }

    #chat_btn{
        display: flex !important;
    }

    #participants_btn{
        display: flex !important;
    }
}

/*
@media (max-width: 1600px) {
    .participants_box{
        width: 30% !important;
    }

    .chat_box{
        width: 30% !important;
    }

    .home_box{
        width: 40% !important;
    }
}


@media (max-width: 1250px) {
    .participants_box{
        width: 35% !important;
    }

    .chat_box{
        width: 35% !important;
    }

    .home_box{
        width: 30% !important;
    }
    .main_frame .home_box .buttons_box .btn_card button {
        width: 50px !important;
        height: 50px !important;
    }

    .main_frame .home_box .buttons_box {
        height: 80px !important;
    }
}*/