@media (max-width:600px) {

    

    .tabrecall_app {
        /* ---------------- common style start ---------------- */
        .container {
            padding: 0 10px !important;
        }
    
        .wm_text {
            font-size: 14px;
        }
    
        .msg_header_container {
            flex-direction: column;
            padding: 10px 0;
            align-items: start !important;
            margin-bottom: 10px;
        }
    
        .msg_header {
            flex-direction: column;
            align-items: start !important;
            gap: 10px;
        }
    
        .parentIconUploader,
        .parentMusicUploader {
            flex-direction: column;
    
        }
    
        .header_time {
            padding: 4px;
            gap: 10px;
        }
    
        .header_time>.tabrecall_text {
            font-size: 12px;
        }
    
        .iconUploadButton,
        .musicUploadButton {
            width: 100% !important;
        }
    
        .music_preview_div>img,
        .icon_preview_div>img {
            width: 30px;
        }
    
        .uploadedIconContainer,
        .uploadedMusicContainer {
            width: 100% !important;
            align-items: start;
        }
    
        .msg_container {
            padding-bottom: 24px;
        }
    
        /* ---------------- common style ends ---------------- */

        /* Tab Preview */
        .browser-tabs {
            display: flex;
            flex-wrap: wrap;
            /* Allow tabs to wrap */
            padding: 8px 8px 0;
            gap: 4px;
        }

        .tab {
            flex: 1 1 120px;
            /* Grow/Shrink/Basis */
            display: flex;
            align-items: center;
            padding: 8px 12px;
            border-radius: 8px 8px 0 0;
            font-size: 12px;
            font-weight: 500;
            min-width: 100px;
            max-width: 220px;
            position: relative;
            overflow: hidden;
        }

        .tab-title {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            flex: 1;
        }
        /* Tab Preview Ends */


        .header {
            flex-direction: column;
            gap: 20px;
        }
    
        .header_left {
            gap: 4px;
        }
    
        .header_right {
            justify-content: space-between;
            align-items: center;
        }
    
        label {
            width: 38px;
            height: 20.5px;
        }
    
        label:after {
            width: 16px;
            height: 16px;
        }
    
        label:before {
            width: 38px;
            height: 20.5px;
        }
    
        /* ================  message section start ================*/
        input[type=text] {
            height: 10%;
        }
    
        /* ================  message section end ================*/
    
        /* ================  icons section start ================*/
        .iconUploadContainer,
        .musicUploadContainer {
            width: 100%;
        }
    
        /* ================  icons section end ================*/
    
        /* ================  music section start ================*/
        .uploadedMusic>img,
        .uploadedIcons>img {
            height: 60%;
            width: 60%;
        }
    
        /* ================  music section end ================*/
    }
}

// @media screen (max-width: 360px) and (max-width: 480px) {
    @media (min-width: 360px) and (max-width: 480px) {
    /* Tab Preview */
    .tabrecall_app {
        .main_tab_preview {
            .tab {
                font-size: 10px;
                padding: 6px 8px;
                min-width: unset;
            }
        
            .tab-icon {
                width: 14px;
                height: 14px;
                font-size: 8px;
            }
        
            .close-button {
                width: 14px;
                height: 14px;
                font-size: 10px;
            }
        }
        .tabrecall_app_inner {
            .parentIconUploader, .parentMusicUploader {
                grid-template-columns: 1fr;
                button {
                    margin: 0;
                }
            }
            .uploadedIconContainer {
                flex-direction: column;
                align-items: center;
            }
        }

        
    }
    /** Tab Preview Ends */
}