/* Media Query */

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width:481px),
screen and (max-width: 600px) {
    .sideBar_mobile_con {
        display: block !important;
    }

    .navbar_menu_modal_con {
        display: none;
    }

    /* login_signup modal */
    .login_modal_wrap,
    .signup_modal_wrap {
        padding: 100px 20px;
        width: 100% !important;
        min-height: 100vh !important;
    }

    .login_modal_wrap>.member_loginSignup,
    .signup_modal_wrap>.member_loginSignup {
        bottom: 100px;
    }

    /* navbar */
    .nav_space {
        width: 8px;
    }

    .navSearch {
        margin: 0 10px;
    }

    .navlogin_dropdown_con {
        display: none;
    }

    /* header */
    .header {
        padding: 20px 18px;
    }

    .header>.header_Social_link {
        padding: 50px 0px;
        width: 30px !important;
    }

    .follow_tag {
        left: 30px
    }

    .header>.websiteTitle {
        display: flex;
        margin-left: 50px;
        padding: 100px 0 0;
        width: calc(100% - 80px);
    }

    .header>.websiteTitle>img {
        width: 100%;
    }

    .lastestBlog_feed {
        display: none;
    }

    /* catagories */
    .blog_postsPrev_container {
        padding: 20px 10px;
    }

    .catagories_btn {
        width: 100%;
    }

    .catagories_active {
        display: none;
    }

    .catagories_table>div>div {
        width: 30% !important;
    }

    .catagories_table ul li:after {
        display: none;
    }


    /* main page blog posts [.blog_postsPrev_container] */

    .blog_postsPrev {
        flex-direction: column;
        width: 400px !important;
        height: 380px;
    }

    .blogP_size_big {
        height: 100% !important;
    }

    .blogP_size_smallBgC>.blog_postPrev_content>.blog_postPrev_tag {
        top: -240px;
    }

    /* reset password & update password page */
    .forgot_password_wrap,
    .update_password_wrap {
        /* min-height: 100%; */
        align-items: flex-start !important;
    }

    .forgot_password_con,
    .update_password_con {
        flex-direction: column;
    }

    .forgot_password_poster,
    .update_password_poster {
        width: 100% !important;
        min-height: 250px !important;
        padding: 0px 30px;
    }

    .forgot_password_poster img,
    .update_password_poster img {
        width: 100%;
    }

    .forgot_password_poster>.qoute,
    .update_password_poster>.qoute {
        font-size: 16px;
        text-align: center;
    }

    .forgot_password_form_con,
    .update_password_form_con {
        width: 100% !important;
        min-height: calc(100vh - 250px) !important;
        /* height: 500px !important; */
        padding: 50px 20px;
    }

    /* login & signup page */
    .login_wrapper,
    .signup_wrapper {
        flex-direction: column;
    }

    .login_poster,
    .signup_poster {
        width: 100%;
        min-height: 250px !important;
        padding: 0px 50px;
    }

    .login_poster img,
    .signup_poster img {
        width: 100%;
    }

    .login_poster>.qoute,
    .signup_poster>.qoute {
        font-size: 16px;
        text-align: center;
    }

    .login_form_con,
    .signup_form_con {
        width: 100%;
        min-height: calc(100vh - 250px);
        padding: 30px 20px;
    }

    .login_form_con>.member_loginSignup,
    .signup_form_con>.member_loginSignup {
        bottom: 30px;
        transform: translate(-50%, 0%);
    }

    .dashboard_mobile_bottom_navbar {
        display: flex;
    }

    /* dashboard page */
    .dashboard_dummy_sidebar,
    .dashboard_sidebar {
        display: none;
    }

    .dashboard_wrapper {
        padding: 30px 15px;
    }

    .dashboard_con {
        width: 100% !important;
        margin-left: 0px !important;
    }


    /* dashboard -- navbar */
    .dashboard_navbar .siteLogo {
        display: flex;
    }

    .menu_btn {
        display: none;
    }

    .dashboard_searchbar {
        width: 180px;
    }


    .dashboard_contentSpace_forBottom_navbar {
        display: block;
    }

    /* dashboard page -- create blog prev modal*/
    .dashboard_modal_main_blog_preveiw_wrap {
        width: 95%;
    }

    .blog_mini_image_upload_wrap {
        width: 95%;
    }

    .blog_mini_image_upload_con {
        height: 300px;
    }

    .blog_mini_image_dropzone_icon {
        font-size: 30vw;
    }

    .blog_mini_image_dropzone_text {
        font-size: 25px;
    }

    /* dashboard page -- main */
    .dashboard_analytics_overveiw_con {
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    }

    .dashboard_analytics_overveiw_title {
        font-size: 20px;
    }

    .dashboard_analytics_overveiw_value_wrap {
        font-size: 30px;
    }

    .dashboard_analytics_overveiw_value {
        margin-left: 10px;
    }

    .dashboard_content2 {
        flex-direction: column !important;
    }

    .dashboard_blog_post_overveiw {
        display: none;
    }

    .dashboard_veiws_overveiw_con {
        margin-left: 0px !important;
        width: 100% !important;
    }

    /* dashboard page -- create blog */
    .dashboard_create_blog_MainSec1 {
        flex-direction: column !important;
    }

    .dashboard_create_blog_MainSec1>.dashboard_create_blog_sec1 {
        width: 100% !important;
    }

    .dashboard_create_blog_MainSec1>.dashboard_create_blog_sec2 {
        margin-top: 20px;
        margin-left: 0px;
        width: 100%;
    }

    .dashboard_create_blog_sec2_sub_section1,
    .dashboard_create_blog_sec2_sub_section2,
    .dashboard_create_blog_sec2_sub_section3 {
        width: 100%;
    }

    .blog_create_mainBtn {
        padding: 12px 20px;
        font-size: 17px;
    }

    /* dashboard page -- create blog (text editor image insert modal)*/
    .imgUrl_dataModal_content,
    .createUrl_dataModal_content {
        width: 90%;
    }


    /* dashboard page -- blog (publish, draft & trash, submitted for reveiw)*/

    .dashboard_userMgnt_seachbar_wrap {
        margin-bottom: 15px;
        width: 100% !important;
    }

    .dashboard_userMgnt_pagination_con {
        justify-content: center;
        margin: 30px 20px 0;
        width: 100% !important;
    }

    .dashboard_userMgnt_pagination_btn,
    .dashboard_userMgnt_pagination_count {
        margin: 3px 8px;
        width: 30px;
        height: 30px;
        font-size: 15px;
    }

    .dashboard_userMgnt_pagination {
        width: 30px;
        height: 30px;
    }

    .dashboard_blog_sec1,
    .dashboard_blog_sec2 {
        width: 100% !important;
    }

    /* publish & submitted for reveiw */
    .dashboard_blog_sec1 {
        margin-right: 0px !important;
        margin-bottom: 20px !important;
        width: 100% !important;
    }

    .dashboard_blog_published_blog_prev,
    .dashboard_blog_subFreveiw_blog_prev {
        height: 350px !important;
    }

    .dashboard_blog_published_blog_prev .published_blog_prev_image_con,
    .dashboard_blog_subFreveiw_blog_prev .subFreveiw_blog_prev_image_con {
        height: 180px !important;
    }

    /* draft & trash  */
    .dashboard_blog_sec2>.dashboard_blog_con {
        height: 240px !important;
    }

    .dashboard_blog_draft_blog_prev,
    .dashboard_blog_trash_blog_prev {
        width: 350px !important;
        height: 150px !important;
    }

    .dashboard_blog_draft_blog_prev .draft_blog_prev_thumbnail_img,
    .dashboard_blog_trash_blog_prev .trash_blog_prev_thumbnail_img {
        width: 130px !important;
    }

    .dashboard_blog_draft_blog_prev .draft_blog_prev_content,
    .dashboard_blog_trash_blog_prev .trash_blog_prev_content {
        width: calc(100% - 130px);
    }

    /* dashboard page -- user management*/
    .userTable_cell_hide {
        display: none;
    }

    /* user profile modal*/

    .dashboard_userMgnt_userProfile_modal_wrap {
        width: 95%;
    }

    .userProfile_cover {
        background-size: 100%;
    }

    .userProfile_details_con {
        flex-direction: column !important;
        bottom: 0px;
        left: 0px;
        width: 100%;
        padding: 30px;
        transform: translate(0%, 60%);
    }

    .userProfile_text {
        display: flex;
        justify-content: center;
        align-items: center;

        width: 100% !important;
        margin-top: 20px;
        padding: 0 25px;
    }

    .userProfile_text_name {
        color: #ffffff;
        font-size: 25px;
        color: var(--themec);
    }

    .userProfile_text_role {
        background: #ff2200c4;
        width: 50px;
        margin-top: 0px;
        margin-left: 20px;
        font-size: 8px;
    }

    .userProfile_blog_stats {
        display: none;
    }

    .userProfile_info_con {
        margin: 150px 0 30px;
        padding: 0 30px;
    }

    .info_about,
    .info_contact {
        margin: 10px !important;
    }

    .userProfile_info_head {
        margin: 0 10px 10px !important;
    }

    .info_details_con {
        flex-direction: column !important;
    }

    .info_details_sec1 {
        width: 100% !important;
        padding: 0 10px !important;
    }

    .info_details_sec2 {
        width: 100% !important;
        margin-top: 10px !important;
    }

    .info_details_sec2_userMiniBlog_con {
        margin: 10px 0;
    }

    .info_details_sec2_userMiniBlog_con {
        padding: 0 !important;
    }

}

@media only screen and (max-width: 600px) {}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {}

@media only screen and (min-width: 1367px) and (max-width: 1980px) {

    .dashboard_blog_published_blog_prev .published_blog_prev_image_con,
    .dashboard_blog_published_blog_prev .published_blog_prev_image_con {
        height: 120px !important;
    }

    .dashboard_blog_draft_blog_prev,
    .dashboard_blog_trash_blog_prev {
        width: 450px !important;
        height: 200px !important;
    }

    .dashboard_blog_draft_blog_prev .draft_blog_prev_thumbnail_img,
    .dashboard_blog_trash_blog_prev .trash_blog_prev_thumbnail_img {
        width: 200px !important;
    }

    .dashboard_blog_draft_blog_prev .draft_blog_prev_content,
    .dashboard_blog_trash_blog_prev .trash_blog_prev_content {
        width: calc(100% - 200px);
    }
}

/* Media Query */