/*============================================
   Display 1199.98px
 ===========================================*/
@media only screen and (min-width: 991.98px) and (max-width: 1199.98px)
    .blog-listing-single-item-one
        .blog-listing-single-item-content
            padding: 20px
            .blog-listing-single-item-info
                li
                    font-size: 16px
                    a
                        font-size: 16px
            .blog-listing-single-item-excerpt
                p
                    font-size: 16px
            .blog-listing-single-item-title
                a
                    font-size: 30px
    .blog-sidebar-one
        ul
        .sidebar-single-widget
            padding: 20px
            .sidebar-single-widget-title
                h3
                    font-size: 1.55rem
            .echohealth-search-from
                button
        .widget_recent_entries
            ul
                li
                    font-size: 16px
                    a
                    &:last-child
                        a
        .widget_recent_comments
            ul
                li
                    font-size: 16px
                    &:last-child
                    .comment-author-link
                        a
        .widget_archive,
        .widget_meta,
        .widget_pages,
        .widget_rss,
        .widget_nav_menu,
        .widget_categories
            ul 
                li
                    font-size: 16px !important
                    a
        .widget_archive,
        .widget_categories
            ul
                li
                    &::after
                    ul
        .widget_rss
            ul
                li
                    .rsswidget
                        font-weight: 700
        .widget_text
            p
                font-size: 16px
        .widget_nav_menu
            ul
                li
                    ul
                        padding-left: 15px
/*============================================
   Display 1120.98px
 ===========================================*/
@media only screen and (min-width: 992px) and (max-width: 1120.98px)
    .header-one-area
        .echohealth-site-title
            a
        .echohealth-site-description
            font-size: 15px
    .header-one-area
        .header-one
            .header-one-logo-area
                width: 250px
                .header-one-logo    
                    a
                    img
            .header-one-menu-area
                .header-one-menu
                    ul
                        li
                            margin: 0px 15px
                            a
                                font-size: 16px
/*============================================
   Display 991.98px
 ===========================================*/
@media only screen and (min-width: 300px) and (max-width: 991.98px)
    .header-deign-two
        .display-none-sm
            display: none
        .header-info-button
            display: none
    .blog-listing-area-one
        padding: 80px 0
    .button-two
        padding: 10px 40px
    .header-top-one-area
        padding: 15px 15px
        .header-top-one
            .header-top-one-left
                .header-top-info
                    p
                        font-size: 15px
            .header-top-one-right
                .header-top-phone
                    i
                    span
                .header-top-action
                    a
    .header-one-area
        padding: 25px 15px
        .header-one
            .header-one-logo-area
                .header-one-logo    
            .header-one-menu-area
                display: none
                .header-one-menu
            .header-one-menu-toggle-area
                display: flex
                justify-content: center
                align-items: center
    .blog-sidebar-one
        margin-top: 30px
        .sidebar-single-widget
    table
        max-width: 320px
    .blog-listing-single-item-one
        .blog-listing-single-item-content
            .blog-listing-single-item-title
                a
                    font-size: 35px
/*============================================
   Display 767.98px
 ===========================================*/
@media only screen and (min-width: 300px) and (max-width: 767.98px)
    .header-top-one-area
        .header-top-one
            flex-wrap: wrap
            .header-top-one-left
                margin-bottom: 10px
                .header-top-info
                    p
                        text-align: center
            .header-top-one-right
                justify-content: center
                .header-top-phone
                    i
                    span
                .header-top-action
                    a
    .blog-listing-single-item-one
        .blog-listing-single-item-content
            .blog-listing-single-item-title
                a
                    font-size: 24px
                    line-height: 34px
                    font-weight: 700
            .blog-listing-single-item-info
                li
                    a,
                    span
                        font-size: 15px
            .blog-listing-single-item-excerpt
                p
                    font-size: 16px
            .blog-listing-single-item-read-more
                a
                    font-size: 16px
                    i
                        top: 3px
    .blog-sidebar-one
        ul
        .sidebar-single-widget
            padding: 20px
            .sidebar-single-widget-title
                h3
                    font-size: 1.30rem
            .echohealth-search-from
                button
        .widget_recent_entries
            ul
                li
                    font-size: 16px
                    a
                    &:last-child
                        a
        .widget_recent_comments
            ul
                li
                    font-size: 16px
                    &:last-child
                    .comment-author-link
                        a
        .widget_archive,
        .widget_meta,
        .widget_pages,
        .widget_rss,
        .widget_nav_menu,
        .widget_categories
            ul 
                li
                    font-size: 16px !important
                    a
        .widget_archive,
        .widget_categories
            ul
                li
                    &::after
                    ul
        .widget_rss
            ul
                li
                    .rsswidget
                        font-weight: 700
        .widget_text
            p
                font-size: 16px
        .widget_nav_menu
            ul
                li
                    ul
                        padding-left: 15px
    .wp-block-cover-image
        .wp-block-cover__inner-container
            width: calc(100% - 20px)
    .wp-block-cover
        .wp-block-cover__inner-container
            width: calc(100% - 20px)
    .wp-block-pullquote
        padding: 20px
    .comments-area-me
        .comment-box
            &:last-child
                .comment
            a
                &:hover
            .author-thumb
                position: relative
                margin-bottom: 10px
            .date
            .name
        .reply-comment
        .comment
            padding: 0px 0px 0px 10px
        .time
        .text
        .reply-btn
            &:hover
        .comment-info
        .comment-respond
        .group-title
            h4
        .children
            padding-left: 10px

/*============================================
   Display 575.98px
 ===========================================*/
@media only screen and (min-width: 300px) and (max-width: 575.98px)
    .comments-area-me
        .comment-box
            .comment-box
                margin-left: 5px
    .header-top-one-area
        .header-top-one
            .header-top-one-left
                .header-top-info
                    p
            .header-top-one-right
                justify-content: space-between
                .header-top-phone
                    i
                    span
                        display: none
                .header-top-action
                    a
    .blog-listing-area-one
        padding: 50px 0
    .blog-listing-single-item-one
        .blog-listing-single-item-thumbnail
            .blog-listing-single-item-thumbnail-link
                img
            .post-date
                padding: 4px 13px
                left: 10px
                bottom: 10px
                top: auto
                border-radius: 5px
                background: $colorLightThree
                border-bottom: 1px solid $colorLightTwo
                svg
                    wdith: 15px
                p
                    font-size: 15px
        .blog-listing-single-item-content
            .blog-listing-single-item-title
            .blog-listing-single-item-info
                .post-comment-one,
                .post-by-one
                    display: none
                li
                    &::after
                        display: none
    .blog-single-preview-one
        .blog-single-preview
            .blog-listing-single-item-content
                .blog-listing-single-item-title
                    font-size: 24px
                    line-height: 34px
                .blog-listing-single-item-info
                .blog-listing-single-item-editor > h2
                    font-size: 1.5rem
                .blog-listing-single-item-editor
                .blog-listing-single-item-metainfo
                    .blog-listing-single-item-tags
                        h5
                        .blog-listing-single-item-tags-list