/****************** 1024 - 778 - 480 - 320? *****************************/
/****************** wp max-w 782 - 600 - 400 *****************************/

/* <= 1024px */
@media all and (max-width: 1024px) {
    
    .e89-mobile-search .e89-searchform { margin-top: 20px; }
    
    body.float-header-all # { padding-top: 90px; }
    
    #commentform .comment-form-author, #commentform .comment-form-email, #commentform .comment-form-url {
        width: 100%; padding: 0; margin-bottom: 10px;
    }
    
    #e89-footer .col-3-b .column, #e89-footer .col-3-c .column {
        width: 30%;
    }
    
    #e89-footer .col-3-b .column.col-3, #e89-footer .col-3-c .column.col-1 {
        width: 40%;
    }
    
    #e89-footer .col-4-a .column, #e89-footer .col-4-b .column, #e89-footer .col-4-c .column, #e89-footer .col-4-b .column.col-4, #e89-footer .col-4-c .column.col-1 {
        width: 50%;
    }
    
    #e89-footer .col-5-b .column.col-5, #e89-footer .col-5-c .column.col-1 {
        width: 66.666%;
    }
    
    #e89-footer .col-5-a .column, #e89-footer .col-5-b .column, #e89-footer .col-5-c .column, #e89-footer .col-6-a .column {
        width: 33.333%;
    }
    
}

/* <= 778px */
@media all and (max-width: 778px) {
    
    .e89-mobile-search .e89-searchform { margin-top: 0; }
    body.float-header-all #e89-main { padding-top: 50px; }
    
    .e89-isotope-sizer, .e89-isotope-item {
        width: 50%;
    }
    .e89-isotope-item.e89-sticky {
        width: 100%;
    }
    
    .post-share .icon-whatsapp{
        display: inline-block;
    }
    
    .post-related .rel-box {
        width: 50%;
    }
    
    #e89-footer .col-2-b .column.col-1, #e89-footer .col-2-c .column.col-2 {
        width: 40%;
    }
    
    #e89-footer .col-2-b .column, #e89-footer .col-2-c .column {
        width: 60%;
    }
    
    #e89-footer .col-3-a .column, #e89-footer .col-3-b .column.col-3, #e89-footer .col-3-c .column.col-1, #e89-footer .col-5-b .column.col-5, #e89-footer .col-5-c .column.col-1 {
        width: 100%;
    }
    
    #e89-footer .col-3-b .column, #e89-footer .col-3-c .column, #e89-footer .col-5-a .column, #e89-footer .col-5-b .column, #e89-footer .col-5-c .column, #e89-footer .col-6-a .column {
        width: 50%;
    }
    
    body.float-header-all #wpadminbar {position: fixed;}
    
}

/* <= 480px */
@media all and (max-width: 480px) {
    
    .post-navigation .nav-previous, .post-navigation .nav-next {
        width: 100%;
        text-align: center;
    }
    .post-navigation a {
        padding: 10px 0;
    }
    .post-navigation .nav-previous i, .post-navigation .nav-next i {
        display: none;
    }
    
    .e89-audio-content.has-cover { padding-left: 0; background-size: cover; background-position: center; }
    .e89-audio-content .e89-mejs-container.wp-audio-shortcode { background: rgba(0, 0, 0, 0.7); }
    
    .e89-isotope-sizer, .e89-isotope-item {
        width: 100%;
    }
    
    .post-related .rel-box {
        width: 100%;
    }
    
    .comments-area .comment-list {
        padding: 20px;
    }
    .comments-area .comment-reply-link, .comments-area .comment-edit-link, #cancel-comment-reply-link {
        display: inline-block;
        margin-left: 10px;
    }
    .comments-area .comment-avatar, .comments-area .comment-data, .comment-list >.comment-respond, .comments-area .comment-list ul #reply-title:before {
        padding-top: 30px;
    }
    .comments-area .comment-author {
        margin-right: 0;
    }
    .comments-area .comment-navigation {
        padding: 0;
    }
    
    #e89-footer .column {
        padding: 0 20px;
    }
    
    #e89-footer .col-2-a .column, #e89-footer .col-2-b .column.col-1, #e89-footer .col-2-c .column.col-2, #e89-footer .col-2-b .column, #e89-footer .col-2-c .column, #e89-footer .col-3-b .column, #e89-footer .col-3-c .column, #e89-footer .col-4-a .column, #e89-footer .col-4-b .column, #e89-footer .col-4-c .column, #e89-footer .col-4-b .column.col-4, #e89-footer .col-4-c .column.col-1, #e89-footer .col-5-a .column, #e89-footer .col-5-b .column, #e89-footer .col-5-c .column, #e89-footer .col-6-a .column {
        width: 100%;
    }
    
}