@media (max-width:2025px) {

    .reactify-documentation-icon i{
        font-size: 30px !important;
    }
}

@media (max-width:1450px) {

    .reactify_settings_title{
        font-size: 11px;
        padding: 0px;
    }


    .reactify-dashboard-container {
    margin: 20px 15px 0px 0px;
    }

    .reactify-dashboard-container .reactify-documentation-image{
        width: 10%;
    }  

    .reactify-react-emoji-wrapper, #reactify-emojis-container, .reactify-react-emoji-wrapper {
        gap: 12px;
        margin: 20px 0px 20px;
    }

    .reactify-dashborad-emoji-wrap img {
        width: 70%;
        margin: 0 auto 30px;
    }


    .reactify-description{
        font-size:12px;
    }


    .reactify-emoji-popup-wrapper .emoji-radio-option{
        padding: 10px 8px;
        margin: 10px 4px;
    }


    .reactify-react-percentage::after, .reactify-react-count::after{
        bottom:-25%;
    }

}
@media (max-width:1025px) {

    .reactify-react-emoji, .reactify-emoji-metabox {
        width: 12%;
    }

    .reactify-emoji-popup-wrapper .emoji-radio-option {
        margin: 10px 6px;
    }

    .reactify-switch-title {
        font-size: 13px;
    }
    .reactify_settings_title, .reactify-switch-wrap, .reactify-reaction-post-title, .reactify-reaction-type, .reactify-save-button {
        font-size: 13px;
        gap:0px;
    }
}


@media (max-width:768px) {
.reactify-wraper{
    display: block;
}

.reactify-react-emoji-wrapper, #reactify-emojis-container, .reactify-react-emoji-wrapper{
    gap: 10px;
}

.reactify-react-emoji, .reactify-emoji-metabox {
    width: 28%;
}
}

@media (max-width:660px) {
    .reactify-react-emoji, .reactify-emoji-metabox {
        width: 40%;
    }

    .reactify-react-emoji-wrapper, #reactify-emojis-container, .reactify-react-emoji-wrapper {
        gap: 14px;
    }

    .wp-react-container .add-emoji-btn {
        right: 2px;
    }

    .reactify-dashboard-container .reactify-features-wrapper{
        grid-template-columns: 100%;
    }

    .reactify-dashboard-container .reactify-reaction-container{
        margin-bottom: 30px;
    }

    .reactify-dashboard-title{
        line-height: 1.5;
    }

}