@media (max-width: 992px) {
    .menu {
        display: none;
    }
    .header-more-action {
        display: none;
    }

    .menu.active {
        display: flex;
        position: fixed;
        top: 0;
        flex-direction: column;
        left: 0;
        width: 100%;
        height: 100%;
        background: white;
        z-index: 99;
        padding: 10px;
    }

    .menu.active .list-menu {
        flex-direction: column;
        align-items: start;
        margin-top: 54px;
        align-items: stretch;
    }
    .sub-menu {
        display: none;
        position: fixed;
        top: 52px;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 6px;
        background-color: white;
        border: 1px solid #e5e7eb;
    }
    .sub-menu.close {
        display: none !important;
    }

    .sub-menu.active {
        display: block !important;
    }
    .menu.active .list-menu .item-menu {
        margin-bottom: 10px;
        margin-left: 0;
        border-bottom: 1px solid  rgb(229, 231, 235) ;
        padding-bottom: 10px;
        margin-right: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 20px;
    }

    .card-item__button {
        margin-top: 4px;
    }
    .card-item__tags{
        margin-bottom: 2px;
    }
    h2.aitool-category__title{
        font-size: 30px;
    }

    a.link-tag{padding: 8px 12px;}
    
    h1.text-title {
        font-size: 36px;
    }

    .input-search {
        width: 100%;
    }
    h2.on-youtube__title {
        font-size: 36px;
    }
    button.tabs-feature__button.btn {
        padding: 6px 10px;
        font-size: 16px;
        gap: 4px;
    }
    ul.tabs-feature__list {
        gap: 8px;
    }
    ul.features-more__list {
        gap: 8px;
        justify-content: start;
    }
    p.footer-logo__description {
        width: unset;
    }
    .footer-signup {
        flex-direction: column;
        align-items: stretch;
    }
    .footer-signup__button.btn.signup {
        width: 100%;
    }

    .header-mobile {
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        background-color: white;
        z-index: 1;
    }
    .popup-filter-content,
    .popup-signup-content,
    .popup-review-content {
        min-width: unset;
        width: 100%;
    }

    button.btn.popup-filter-actions__clear-btn {
        width: 100%;
    }

    button.btn.popup-filter-actions__apply-btn {
        width: 100%;
    }

    .popup-filter-actions {
        flex-direction: column;
        gap: 10px;
    }
    h1.text-title {
        color: #1e293b;
        margin-top: 18px;
        line-height: 40px;
    }

    .content-website__title {
        font-size: 30px;
        font-weight: 600;
    }
    .detail-promote-actions {
        gap: 20px;
    }
    p.detail-promote-title {
        font-size: 24px;
    }
    h2.tool-detail-title {
        font-size: 24px;
    }
    .detail-promote {
        background-image: unset;
    }
    .btn.detail-review-btn {
        width: 100%;
    }
    #popup-signup p.info-text {
        width: 90%;
    }.popup-video-content{
        width: 100%;
        min-width: unset;
       align-items: center;
    }
    #video-frame{
        width: 100%;
        min-width: unset;
        margin: 0;
    }
}

@media (max-width: 767.98px) {
    .category-item__image img {
        width: 100%;
        height: 100%;
    }
    .questions .mw-60 {
        max-width: 100%;
    }
    .questions .accordion {
        max-width: 100%;
    }
}