@media (max-width: 933px) {

    .grid-columns-0 {
        grid-template-columns: 1fr; /* One column */
        grid-template-rows: repeat(2, 1fr) !important; /* Two rows */
    }

    .grid-columns-1 {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .grid-columns-2 {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .grid-columns-3 {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .grid-columns-4 {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .grid-columns-5 {
        grid-template-columns: repeat(2, 1fr) !important;
    }


    .grid-columns-2 .user {
        min-height: 250px !important;
    }

    .grid-columns-3 .user {
        min-height: 250px !important;
    }

    .grid-columns-4 .user {
        min-height: 250px !important;
    }

    .grid-columns-5 .user {
        min-height: 250px !important;
    }


    .mini_video_list {
        height: 40% !important;
        /*width: 100% !important;
        display: inline-block !important;
        height: 90px !important;
        overflow-y: hidden !important;
        margin-bottom: 9px !important;*/
    }

    .mini_video_list .item {
        /* display: inline-block !important;
         margin-bottom: 0 !important;
         width: 100px !important;
         height: 80px !important;
         margin-right: 10px !important;
         padding: 4px !important;*/
    }

    .mini_video_list .item video {
        /* position: relative !important;*/
    }

    .main_screen_container {
        width: 100% !important;
        /*display: flex !important;*/
        align-items: center !important;
        overflow: hidden !important;
    }

    .bottom_part .video_part {
        padding: 0 !important;
        /*height: auto !important;*/
        width: 100%;
    }

    .bottom_part {
        height: 100% !important;
        padding: 5px 12px 5px 12px !important;
        width: 100% !important;
        overflow: hidden !important;
        margin: 0 !important;
        flex-direction: row-reverse !important;
    }

    .main_meet_card {
        /*height: 100vh !important;*/
        margin-top: 0 !important;
        overflow: hidden !important;
    }

    .main_col {
        margin: 0 !important;
        padding: 0 !important;
    }

    .meet_title {
        font-size: 12px !important;
        width: 180px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis;
    }

    .my_name {
        font-size: 12px !important;
        line-height: 20px !important;
        padding-right:33px !important
    }

    .my_name::after {
        transform: translate(5px, -5px) !important;
    }


    .top_part {
        min-height: 55px !important;
        padding: 10px 9px !important;
        border: none !important;
    }

    .top_part_meet {
        justify-content: space-between !important;
        gap: 0px !important;
    }

    #share_button {
        display: none;
    }
    #record_button {
        display: none;
    }
    #setting_button {
        /*display: none;*/
    }
    .meet_screen_minivid_container {
        height: calc(100% - 70px) !important;
    }

    .tool_bar .tools_box{
        gap: 0px !important;
    }
    .tool_bar .tools_box .item{
        width: 40px !important;
        height: 40px !important;
    }
    .top_part .main_cam {
        width: 30px !important;
        height: 30px !important;
    }

    .meet_timer {
       display: none !important;
    }

    #main_screen {
        display: flex !important;
        border-radius: 0 !important;
    }

    .top_part .separator {
        display: none;
    }

    .tool_bar {
        height: auto !important;
        margin-top: 0 !important;
    }

    .tools_box {
        height: auto !important;
        width: 100% !important;
        justify-content: space-between !important;
        justify-items: start;
        flex-wrap: wrap !important;
        gap: 0;
    }

    .tools_box div {
        min-width: 40px !important;
    }

    .tool_bar .address_box {
        display: none !important;
    }

    .sub_name {
        font-size: 10px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-left: 10px;
        padding-right: 10px;
    }

    .requests_box {
        bottom: 0px !important;
        left: 0px !important;
        width: 100% !important;
    }

    .raised_hand_notif {
        width: 100% !important;
    }

    .requests_box .req {
        width: 100% !important;
        background-color: rgba(0, 0, 0, 0.63) !important;
    }

    .chat_parti_part {
        display: none !important;
    }

    .chat_parti_part .tab_box {
        display: none !important;
        width: 100%;
    }

    .chat_list {
        height: 100% !important;
    }

    .mobile_tab_box {
        display: flex !important;
    }

    .participants_list {
        width: 100% !important;
    }

    .chat_list {
        width: 100% !important;
    }

    .chat_parti_part {
        width: 100% !important;
    }


    .mini_video_list .circle_name {
        width: 50px !important;
        height: 50px !important;
        font-size: 18px !important;
        line-height: 55px !important;
    }

    .mini_video_list .item .muted {
        width: 30px !important;
        height: 30px !important;
    }

    .mini_video_list .item {
        width: 49.5% ;
        min-width: 49.5% ;
    }


    .mini_video_list2 {
        height: 100% !important;
    }

    .setting_box .setting_container {
        width: 100% !important;
        top: unset !important;
    }

    .mic_list2{
        bottom: 40px !important;
    }

    .setting_button_2{
        display: unset !important;
    }

    .top_part_2{
        display: flex !important;
    }

    .leave_confirm_box{
        height: 60px !important;
    }

    .leave_confirm_box_showed{
        top: 7px !important;
        display: flex;
    }

    #share_prepare{
        font-size: 14px !important;
    }
}