/* ==================================================
   MULTI-SCREEN SUPPORT - Responsive Design
   ================================================== */

@media (max-width: 960px) {

    /* Ẩn tính năng của máy tính */
    #a-text-to-speech-box .hide-mobile,
    #a-ringtone-box .hide-mobile {
        display: none !important;
    }

    /* Giao dien mibile */

    #a-text-to-speech-box .td1,
    #a-ringtone-box .td1 {
        width: 20%;
        min-width: 80px;
    }

    #a-text-to-speech-box .speech-output button,
    #a-ringtone-box .speech-output button {
        font-size: 100% !important;
    }

    #a-text-to-speech-box .speech-output,
    #a-ringtone-box .speech-output {
        margin: 5px 0 !important;
        padding: 10px 5px !important;
    }

    #a-text-to-speech-box .speech-output-success,
    #a-ringtone-box .speech-output-success {
        -webkit-line-clamp: 6 !important;
        font-size: 95% !important;
        line-height: 1.4 !important;
    }

    #a-text-to-speech-box .success-text,
    #a-ringtone-box .success-text {
        display: none !important;
    }

    /* Bắt đầu css play audio touch */
    #a-text-to-speech-box .speech-history .atts-button-play,
    #a-ringtone-box .speech-history .atts-button-play,
    #a-text-to-speech-box .speech-history .atts-button-play-error,
    #a-ringtone-box .speech-history .atts-button-play-error {
        width: 35px !important;
        height: 35px !important;
    }

    #a-text-to-speech-box .speech-history .atts-icon-play,
    #a-ringtone-box .speech-history .atts-icon-play,
    #a-text-to-speech-box .speech-history .atts-icon-pause,
    #a-ringtone-box .speech-history .atts-icon-pause {
        width: 16px !important;
        height: 16px !important;
    }

    /* Kết thúc css play audio touch */
    .option-dropdown-container .atts-button-play,
    .option-dropdown-container .atts-button-play-error {
        width: 25px !important;
        height: 25px !important;
    }


    #a-text-to-speech-box .option-dropdown-list,
    #a-ringtone-box .option-dropdown-list {
        max-height: 300px !important;
    }

    #a-text-to-speech-box .option-dropdown,
    #a-ringtone-box .option-dropdown {
        min-width: 220px !important;
    }
}