@media(max-width:1550px) {
    body {
        font-size: var(--font-size-small);
    }

    h2 {
        font-size: 45px;
        line-height: 50px;
    }

    h3 {
        font-size: 28px;
    }

    p {
        line-height: 1.5;
    }

    p+p {
        margin-top: 15px;
    }

    .step-label {
        font-size: 16px;
    }

    .field-group input:not([type="checkbox"]):not([type="radio"]),
    .field-group select,
    select,
    .field-group textarea,
    .step-content .btn,
    .form-footer .btn,
    #buddypress .submit input[type=submit],
    #buddypress .drag-drop-buttons input[type=button],
    #buddypress a.button,
    .avatar-history- action,
    #buddypress .drag-drop-button,
    .friendship-button a,
    #previous-next input[type=button],
    .form-footer .btn,
    #buddypress input[type=submit],
    #previous-next input[type=button],
    .drag-drop-button,
    #buddypress .drag-drop-buttons input[type=button],
    #buddypress a.button,
    .avatar-history-action,
    .load-more a {
        font-size: var(--font-size-small) !important;
        line-height: 21px;
    }

    .form-footer .btn,
    #buddypress input[type=submit],
    #buddypress .drag-drop-buttons input[type=button],
    #buddypress a.button,
    .avatar-history-action,
    a.ac-reply-cancel,
    #buddypress .acf-form .acf-button-group label.selected {
        padding: 8px 15px !important;
        line-height: 21px;
    }

    .stepper .step-circle {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }

    .step {
        gap: 10px;
    }

    .step-line {
        margin: 0 10px;
    }

    .hero-banner-content h1 {
        font-size: 70px;
        line-height: 70px;
    }

    .hero-banner-content p {
        font-size: 20px;
    }

    .hero-banner-content .subheading-home {
        font-size: 20px;
    }

    section:not(.section-hero-banner) {
        padding: 75px 0;
    }

    .dinner-group-card {
        min-height: 440px;
    }

    h1 {
        font-size: 50px;
    }

    .section-virtual-community .explore-membership-wrapper>div:first-child {
        padding-left: 75px;
    }

    .single-page-wrapper h1 {
        font-size: 36px;
        line-height: 40px;
    }

    .single-page-wrapper .post-inner h3 {
        font-size: 26px;
    }

    .buddypress-custom-sidebar {
        flex: 0 0 275px;
        max-width: 275px;
    }

    .is-sidebar-wrapper.wrapper .page-wrapper {
        flex: 0 0 calc(100% - 295px);
        max-width: calc(100% - 295px);
    }

    .container {
        padding: 0 20px;
    }

    .owl-nav button.owl-prev {
        left: -45px;
    }

    .owl-nav button.owl-next {
        right: -45px;
    }

    a#dinner-event-create {
        height: 41px;
    }

    .is-sidebar-wrapper.wrapper {
        padding: 30px 0;
    }

    .header-center-recipe svg {
        max-height: 150px;
        width: 200px;
    }
}

@media(max-width:1199px) {
ul#friend-list li {
		flex: 0 0 calc(50% - 10px);
	}
    .header-center-recipe svg {
        max-height: 90px;
        width: 160px;
    }

    .header-center-recipe {
        padding: 0;
    }

    .header-left-recipe .site-branding img {
        height: 85px;
    }

    .dinner-group-wrapper .section-content {
        padding: 0 40px;
    }

    .toggle-drawer svg {
        max-width: 26px;
    }

    h2 {
        font-size: 40px;
        line-height: 45px;
    }

    h4 {
        font-size: 22px;
    }

    section:not(.section-hero-banner),
    .single-page-wrapper {
        padding: 55px 0;
    }

    .section-explore {
        padding-bottom: 55px !important;
    }

    .section-content h2 {
        margin-bottom: 22px;
    }

    .section-content .testimonial-title {
        margin-bottom: 22px;
        font-size: 40px;
        line-height: 45px;
    }

    .section-dinner-parties .section-content {
        margin: 0 auto 25px;
    }

    .custom-logo {
        height: 100px;
    }

    .hero-banner-content h1 {
        font-size: 60px;
        line-height: 60px;
    }

    .hero-banner-content p {
        font-size: 16px;
    }

    .hero-banner-content .subheading-home {
        font-size: 16px;
    }

    .explore-membership-wrapper>div:first-child {
        padding-right: 75px;
    }

    .dinner-group-card {
        min-height: 390px;
    }

    .join-now-wrapper .section-content {
        padding: 40px;
    }

    .theme-dinner-group-wrapper figure .reveal-holder:first-child,
    .section-testimonials figure .reveal-holder:first-child,
    .explore-membership-wrapper figure .reveal-holder:first-child {
        min-width: 320px;
    }

    .theme-dinner-group-wrapper .section-content {
        padding-right: 50px;
    }

    .theme-dinner-group-wrapper:nth-child(even) .section-content {
        padding-left: 50px;
    }

    .testimonials-wrapper .section-media figure img,
    .theme-dinner-group-wrapper figure img,
    .testimonials-wrapper .section-wrapper,
    .explore-membership-wrapper figure img {
        min-height: 470px;
    }

    .icon-wrap {
        width: 50px;
        height: 50px;
        min-width: 50px;
        padding: 10px;
    }

    .icon-with-list {
        gap: 15px;
    }

    .our-features-group-wrapper .section-content {
        flex: 0 0 35%;
        padding-right: 50px;
    }

    .testimonials-wrapper .section-content {
        padding-right: 50px;
    }

    .icon-with-list label, .icon-with-list h3 {
        font-size: 16px;
    }

    .section-our-features-group .section-media ul {
        gap: 25px 15px;
    }

    .section-our-features-group .section-media ul li {
        flex: 0 0 calc(25% - 15px);
        max-width: calc(25% - 15px);
    }

    .testimonials-item p {
        font-size: 16px;
    }

    .footer-get-in-touch li a {
        font-size: var(--font-size-small);
    }

    .footer-logo img {
        height: 120px;
    }

    .explore-membership-wrapper>div:first-child {
        padding-right: 50px;
    }

    .section-virtual-community .explore-membership-wrapper>div:first-child {
        padding-left: 50px;
    }

    .additional-features-group-wrapper ul li div img {
        max-width: 55px;
    }

    .single-page-wrapper h1 {
        font-size: 30px;
        line-height: 36px;
    }

    .single-page-wrapper .post-inner h3 {
        font-size: 24px;
    }

    .buddypress #buddypress div.item-list-tabs#subnav ul {
        gap: 12px;
    }

    .buddypress #buddypress div.item-list-tabs#subnav ul,
    article.bp_group #object-nav ul {
        padding: 0 15px !important;
    }

    .buddypress-custom-sidebar {
        flex: 0 0 250px;
        max-width: 250px;
    }

    .is-sidebar-wrapper.wrapper .page-wrapper {
        flex: 0 0 calc(100% - 270px);
        max-width: calc(100% - 270px);
    }

    .buddypress .container {
        padding: 0 20px;
    }

    ul#groups-list li,
    ul#members-list li,
    ul#member-list li {
        flex: 0 0 calc(50% - 5px);
    }

    .post-list.related-blogs-slider {
        padding: 0 30px;
        margin: 0;
    }

    .related-blogs-slider .owl-nav button.owl-prev {
        left: 0px !important;
    }

    .related-blogs-slider .owl-nav button.owl-next {
        right: 0px !important;
    }

    .post-column-list article {
        flex: 0 0 calc(50% - 8px);
        max-width: calc(50% - 8px);
    }




    .buddypress .header-center ul a {
        padding: 20px 15px;
    }

    .buddypress .header-center ul a img {
        height: 22px;
    }


}

@media(max-width:1024px) {
    .main-pages.left-sidebar-btm {
        display: block;
    }

    .left-sidebar-menu.buddypress .item-list-tabs {
        padding: 20px 12px;
    }

    .left-sidebar-menu.buddypress .item-list-tabs ul {
        align-items: initial !important;
    }

    /* 	sidebar css */
    .member-sidebar {
        width: 75px;
    }

    .sidebar-open .member-sidebar {
        width: 250px;
    }

    .buddypress .site-header,
    .buddypress main {
        margin-left: 75px;
    }

    .sidebar-open.buddypress .site-header,
    .sidebar-open.buddypress main {
        margin-left: 75px;
    }

    .sidebar-open .left-sidebar-menu.buddypress {
        width: 100%;
    }

    .member-sidebar .item-list-tabs li a {
        font-size: 0;
        width: 50px;
        padding: 10px;
    }

    .sidebar-open .custom-overlay {
        opacity: 1;
        visibility: visible;
    }

    .sidebar-open .member-sidebar .site-branding .custom-logo-link.small-logo {
        display: none;
    }

    .member-sidebar .item-list-tabs .count,
    .left-sidebar-btm {
        display: none;
    }

    .sidebar-open .member-sidebar .item-list-tabs .count,
    .sidebar-open .left-sidebar-btm {
        display: block;
    }

    .member-sidebar .item-list-tabs li a label {
        opacity: 0;
        transform: translateX(-100%) scale(0);
    }

    .member-sidebar img.custom-logo {
        padding: 10px;
        height: 110px;
    }

    .sidebar-open .member-sidebar .item-list-tabs li a {
        font-size: 14px;
        width: 100%;
    }

    .sidebar-open .member-sidebar .item-list-tabs li a label {
        opacity: 1;
        transform: translateX(0%) scale(1);
    }

    .buddypress.sidebar-open .member-sidebar .toggle-sidebar {
        display: block;
        position: absolute;
        right: 20px;
        top: 20px;
    }

    .header-left .nav-menu,
    .header-right,
    .header-right .membership-menu,
    .header-left,
    .header-right,
    .header-right .membership-menu {
        gap: 15px;
    }

    .user-avatar img {
        width: 30px;
        border-radius: 5px !important;
        min-width: 30px;
    }

}

@media(max-width:991px) {
	.single-rsvp-list .post-main-wrapper {
    align-items: initial;
}
	.single-rsvp-list .post-main-wrapper .buddypress-custom-sidebar {
    padding-left: 0;
}
    .rsvp-menu-wrapper {
        gap: 32px 45px;
    }

    .rsvp-menu-wrapper .rsvp-menu-items {
        flex: 0 0 calc(50% - 23px);
    }

    .single-page-wrapper .post-inner .rsvp-menu-items h3 {
        font-size: 20px;
        line-height: 36px;
    }

    .related-recipes-main .post-column-list article {
        margin: 7px;
    }

    .related-recipes.single-recipe-page {
        flex: 0 0 calc(100% + 15px);
        margin: 0 -7px;
        padding: 0 30px;
    }

    .header-center-recipe svg {
        max-height: 65px;
    }

    .header-left-recipe .site-branding img {
        height: 70px;
    }

    .post-inner {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .single-recipes-list .buddypress-custom-sidebar {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        padding-top: 40px;
    }

    .post-type-archive-recipes-list .post-list>article .post-thumbnail,
    .tax-recipes-cat .post-list>article .post-thumbnail {
        max-width: 246px;
        flex: 0 0 246px;
    }

    .post-type-archive-recipes-list .post-list>article .post-content,
    .tax-recipes-cat .post-list>article .post-content {
        flex: 0 0 calc(100% - 316px);
        max-width: calc(100% - 316px);
    }

    .post-type-archive-recipes-list .post-list>article .post-content,
    .tax-recipes-cat .post-list>article .post-content {
        flex: 0 0 calc(100% - 276px);
        max-width: calc(100% - 276px);
    }

    .post-type-archive-recipes-list .post-list>article .post-thumbnail img,
    .tax-recipes-cat .post-list>article .post-thumbnail img {
        min-height: 275px;
    }

    .related-recipes.single-recipe-page .post-thumbnail img {
        height: 420px;
    }

    .post-type-archive-recipes-list .post-list>article,
    .tax-recipes-cat .post-list>article {
        padding-top: 25px;
    }

    .theme-dinner-group-wrapper .section-wrapper,
    .explore-membership-wrapper {
        min-height: 470px;
    }

    .owl-nav button span {
        background: no-repeat center / 15px;
    }

    .owl-nav button.owl-next {
        right: -35px;
    }

    .owl-nav button.owl-prev {
        left: -35px;
    }

    .related-recipes-slider .owl-nav button.owl-next {
        right: -25px;
    }

    .related-recipes-slider .owl-nav button.owl-prev {
        left: -25px;
    }

    .header-drawer {
        width: 250px;
        transform: translateX(-250px);
    }

    .header-drawer-center .nav-menu a {
        font-size: 20px;
    }


    h1 {
        font-size: 42px;
    }

    .hero-banner-content h1 {
        font-size: 50px;
        line-height: 50px;
    }

    .hero-banner-content p {
        font-size: 14px;
    }

    .hero-banner-content .subheading-home {
        font-size: 14px;
    }

    .custom-logo {
        height: 85px;
    }

    h2 {
        font-size: 32px;
        line-height: 36px;
    }

    .section-content .testimonial-title {
        font-size: 32px;
        line-height: 36px;
    }

    h3 {
        font-size: 24px;
    }

    .dinner-group-card {
        min-height: 340px;
        padding: 20px;
    }

    .join-now-wrapper {
        flex-direction: column;
    }

    .join-now-wrapper img {
        height: 100%;
        max-height: 400px;
    }

    .theme-dinner-group-wrapper .section-content {
        padding-right: 25px;
    }

    .icon-wrap {
        width: 45px;
        height: 45px;
        min-width: 45px;
    }

    .theme-dinner-group-wrapper figure .reveal-holder:first-child,
    .section-testimonials figure .reveal-holder:first-child,
    .explore-membership-wrapper figure .reveal-holder:first-child {
        min-width: 285px;
    }

    .theme-dinner-group-wrapper:nth-child(even) .section-content {
        padding-left: 30px;
    }

    .our-features-group-wrapper .section-content {
        flex: 0 0 100%;
        padding-right: 0px;
        text-align: center;
    }

    .our-features-group-wrapper {
        flex-wrap: wrap;
        gap: 30px;
    }

    .section-our-features-group .section-media ul li img {
        max-width: 40px;
    }

    .section-our-features-group .section-media ul li p {
        max-width: 100%;
    }

    .additional-features-group-wrapper ul li div h4 {
        font-size: 18px;
    }

    .explore-membership-wrapper>div:first-child,
    .create-event-wrapper>div:first-child {
        padding-right: 35px;
    }

    .section-virtual-community .explore-membership-wrapper>div:first-child {
        padding-left: 35px;
    }

    .innerpage-bg {
        min-height: 300px;
    }

    .explore-membership-wrapper>div {
        flex: 0 0 50%;
        order: 2;
    }

    .create-event-wrapper>div {
        flex: 0 0 50%;
    }

    .section-virtual-community .explore-membership-wrapper>div:first-child {
        padding-left: 0;
    }

    .post-list>article {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .single-page-wrapper h1 {
        font-size: 26px;
        line-height: 32px;
    }

    .single-page-wrapper .post-inner h3 {
        font-size: 22px;
    }

    .post-main-wrapper {
        flex-direction: column;
        gap: 40px;
    }

    .post-main-wrapper #sidebar {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
    }

    .page-header.is-single-page {
        flex-direction: column;
        gap: 10px;
    }

    .post-meta span,
    .post-metas span {
        font-size: 14px;
    }

    .explore-membership-wrapper .reveal-holder {
        width: 100%;
    }

    .testimonials-wrapper .section-media figure img,
    .theme-dinner-group-wrapper figure img,
    .testimonials-wrapper .section-wrapper,
    .explore-membership-wrapper figure img {
        min-height: 360px;
        height: 470px;
    }

    body .pmpro .pmpro_card {
        padding: 20px;
    }

    .rsvp-list-wrapper {
        padding: 30px;
        padding-bottom: 45px;
    }



    /* dashboard css */
    .is-sidebar-wrapper {
        flex-wrap: wrap;
    }

    .buddypress-custom-sidebar {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #sidebar>ul,
    .buddypress-sidebar-wrapper {
        position: initial;
        margin: 0;
    }

    .is-sidebar-wrapper.wrapper .page-wrapper {
        flex: 0 0 100%;
        max-width: 100%;
        padding-bottom: 0;
    }

    .is-sidebar-wrapper.wrapper .page-wrapper #buddypress .item-body {
        margin: 20px 0 0;
    }

    .lightbox .activity-right {
        width: 340px;
    }

    .lightbox .activity-left {
        width: calc(100% - 340px);
    }

    /* 	    .buddypress .header-left,
    .buddypress .header-right {
        flex: 0 0 50%;
    } */

    .buddypress .header-left {
        flex: 0 0 5%;
    }

    .category-tabs {
        justify-content: start;
    }

}

@media(max-width:782px) {
ul#friend-list li {
    flex: 0 0 calc(100% - 10px);
}
    .customize-support .header-drawer {
        top: 46px;
    }

    .customize-support .header-drawer-center {
        height: calc(100dvh - 186px);
    }

    .customize-support .left-sidebar-menu.buddypress .item-list-tabs {
        max-height: calc(100dvh - 290px);
        min-height: calc(100dvh - 290px);
    }

    .customize-support .recipe-category.fixed {
        top: 46px;
    }

    #buddypress #item-header-cover-image #item-header-avatar,
    .bp-user #buddypress #item-header #item-header-cover-image #item-header-avatar,
    #buddypress div#item-header #item-header-cover-image #item-header-content {
        width: initial;
        text-align: left;
    }

    .customize-support.site-header {
        top: 46px;
        padding: 10px 0;
    }

    body .mfp-wrap {
        top: 46px !important;
        height: calc(100dvh - 46px) !important;
    }

    .lightbox .lightbox-activity-container,
    .customize-support .member-sidebar {
        height: calc(100dvh - 46px);
    }

    .customize-support .site-header {
        top: 46px;
    }

}

@media(max-width:767px) {

.form-footer .btn, #buddypress input[type=submit], #buddypress .drag-drop-buttons input[type=button], #buddypress a.button, .avatar-history-action, a.ac-reply-cancel, #buddypress .acf-form .acf-button-group label.selected {
        font-size: 12px !important;
        line-height: 19px;
        padding: 7px 10px !important;
    }

	.theme-dinner-group-wrapper .reveal-holder:first-child, .theme-dinner-group-wrapper .reveal-holder:first-child .reveal-block {
		border-bottom-left-radius: 15px;
	}
	.theme-dinner-group-wrapper:nth-child(even) .reveal-holder:first-child, .theme-dinner-group-wrapper:nth-child(even) .reveal-holder:first-child .reveal-block {
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
}
    .rsvp-list-wrapper {
        min-height: 520px;
    }

    .single-page-wrapper .post-inner .rvsp-header h3 {
        font-size: 25px;
    }

    .single-page-wrapper .rvsp-header h1 {
        font-size: 40px;
        line-height: 50px;
    }

    .single-page-wrapper .post-inner .rvsp-header h4 {
        font-size: 14px;
    }

    .single-rsvp-list .single-page-wrapper .post-inner {
        padding: 15px;
        border-radius: 8px;
    }

    .rvsp-list-meta {
        font-size: 12px;
        gap: 3px;
    }

    .post-type-archive-recipes-list .post-list>article .post-thumbnail,
    .tax-recipes-cat .post-list>article .post-thumbnail,
    .post-type-archive-recipes-list .post-list>article .post-content,
    .tax-recipes-cat .post-list>article .post-content {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .post-type-archive-recipes-list .post-list>article,
    .tax-recipes-cat .post-list>article {
        gap: 16px;
        flex-wrap: wrap;
    }

    .content-wrapper.content-wrapper-first {
        flex-wrap: wrap;
		gap:15px;
    }

    .content-first-left,
    .content-wrapper.content-wrapper-first .right {
        flex: 0 0 100%;
    }

    .recipe-pre-detail {
        gap: 10px;
        flex-wrap: wrap;
        justify-content: center;
    }


    .post-type-archive-recipes-list .header-left-recipe,
    .single-recipes-list .header-left-recipe,
    .tax-recipes-cat .header-left-recipe,
    .post-type-archive-recipes-list .header-right,
    .single-recipes-list .header-right,
    .tax-recipes-cat .header-right {
        flex: 0 0 20%;
    }

    .post-type-archive-recipes-list .site-header,
    .single-recipes-list .site-header,
    .tax-recipes-cat .site-header {
        padding: 15px 0;
    }

    .header-left-recipe .site-branding img {
        height: 55px;
    }

    .header-center-recipe svg {
        max-height: 50px;
        width: 100px;
    }

    .explore-membership-wrapper>div,
    .create-event-wrapper>div {
        flex: 0 0 100%;
        width: 100%;
    }

    select {
        min-width: 100px;
        font-size: 14px;
    }

    h3 {
        font-size: 22px;
    }

    h1 {
        font-size: 35px;
    }

    h4 {
        font-size: 19px;
    }

    .hero-banner-content h1 {
        font-size: 20px;
        line-height: 1;
        margin-bottom: 5px;
    }
    .hero-banner-content .subheading-home {
        font-size: 10px;
    }
    .custom-logo {
        height: 50px;
    }

    section:not(.section-hero-banner),
    .single-page-wrapper {
        padding: 45px 0;
    }

    .section-explore {
        padding-bottom: 45px !important;
    }

    .owl-dots {
        margin-top: 30px;
    }

    .section-dinner-parties iframe {
        width: 100%;
        height: 330px;
    }

    .explore-membership-wrapper>div:first-child,
    .testimonials-wrapper .section-content,
    .create-event-wrapper>div:first-child {
        padding-right: 0;
        width: 100%;
    }

    .section-dinner-parties .section-content {
        max-width: 100%;
    }

    .explore-membership-wrapper,
    .create-event-wrapper {
        flex-direction: column;
        gap: 30px;
    }

    .front-profile>svg {
        width: 32px;
        height: 32px;
    }

    .join-now-card a,
    .explore-membership-wrapper a {
        margin-top: 20px;
    }

    .theme-dinner-group-wrapper .section-wrapper,
    .testimonials-wrapper .section-wrapper,
    .explore-membership-wrapper {
        flex-direction: column;
        gap: 30px;
        height: auto;
    }

    .theme-dinner-group-wrapper .section-content {
        padding-right: 0;
        flex: 0 0 100%;
        width: 100%;
    }

    .theme-dinner-group-wrapper .section-wrapper .section-media,
    .theme-dinner-group-wrapper:nth-child(even) .section-wrapper .section-media,
    .testimonials-wrapper .section-wrapper .section-media,
    .explore-membership-wrapper .section-media {
        position: initial;
        width: 100%;
    }

    .theme-dinner-group-wrapper:nth-child(even) .section-wrapper {
        flex-direction: column;
    }

    .theme-dinner-group-wrapper:nth-child(even) .section-content {
        padding-left: 0;
    }

    .theme-dinner-group-wrapper+.theme-dinner-group-wrapper {
        margin-top: 40px;
    }

    .section-our-features-group .section-media ul li {
        flex: 0 0 calc(50% - 15px);
        max-width: calc(50% - 15px);
        text-align: center;
    }

    .footer-up {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 30px;
    }

    .footer-content:last-child {
        text-align: center;
    }

    .footer-social-media {
        justify-content: center;
    }

    .site-footer {
        padding: 45px 0 0;
    }

    .footer-down {
        padding: 10px 0;
        margin-top: 45px;
    }

    .footer-down p {
        flex-direction: column;
    }

    .theme-dinner-group-wrapper figure,
    .theme-dinner-group-wrapper:nth-child(even) figure,
    .testimonials-wrapper .section-media figure,
    .explore-membership-wrapper figure {
        gap: 15px;
    }

    .join-now-wrapper .section-content {
        padding: 30px;
    }

    .footer-down p {
        font-size: 12px;
    }

    .testimonials-slider {
        padding-top: 20px;
    }

    .theme-dinner-group-wrapper figure img,
    .testimonials-wrapper .section-media figure img {
        height: 400px;
        min-height: 400px;
    }

    .theme-dinner-group-wrapper figure .reveal-holder+.reveal-holder img,
    .testimonials-wrapper .section-media figure .reveal-holder+.reveal-holder img {
        max-height: 320px;
        height: 100%;
        min-height: 320px;
    }

    .additional-features-group-wrapper ul {
        flex-direction: column;
        gap: 20px;
        padding: 10px 0 30px;
    }

    .additional-features-group-wrapper ul li {
        flex: 0 0 100%;
        width: 100%;
        max-width: 300px;
    }

    .innerpage-bg {
        min-height: 270px;
    }

    .post-list>article {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }

    .index-inner-wrapper {
        margin-bottom: 15px;
    }

    .post-thumbnail img {
        height: 200px;
    }

    .page-numbers {
        font-size: 14px;
        line-height: 21px;
        gap: 8px;
        padding: 9px 12px;
        min-width: 41px;
    }

    .post-categories a {
        font-size: 12px;
    }

    .single-page-wrapper h1 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 15px;
    }

    .single-page-wrapper .post-inner h3 {
        font-size: 20px;
    }

    .post-meta span,
    .post-metas span {
        font-size: 12px;
    }

    p#breadcrumbs {
        font-size: 12px;
    }

    .post-navigation a {
        font-size: 14px;
        padding: 10px 12px;
        padding-left: 32px !important;
        background-size: 8px !important;
        border-radius: 5px;
    }

    .post-navigation .next-post a {
        padding-left: 15px !important;
    }

    .comment-respond form input:not([type="checkbox"]):not([type="submit"]),
    .comment-respond form textarea {
        min-height: 40px;
    }

    .theme-dinner-group-wrapper figure .reveal-holder:first-child,
    .section-testimonials figure .reveal-holder:first-child,
    .explore-membership-wrapper figure .reveal-holder:first-child {
        min-width: 285px;
        width: 100%;
    }

    .reveal-holder+.reveal-holder {
        display: none;
    }

    .theme-dinner-group-wrapper figure img,
    .testimonials-wrapper .section-media figure img {
        width: 100%;
    }

    .post-list>article {
        margin-bottom: 25px;
    }

    .buddypress .header-left .main-navigation {
        display: none;
    }

    #buddypress .activity div.activity-meta a {
        font-size: 0 !important;
        gap: 0;
        padding: 8px 10px !important;
    }
    #buddypress .activity div.activity-meta a.bptk-report-button {
        font-size: inherit !important;
    }

    .lightbox .lightbox-activity-container {
        flex-wrap: wrap;
    }

    .lightbox .activity-left,
    .lightbox .activity-right {
        width: 100%;
        height: 50%;
    }

    .lightbox .activity-right {
        border-radius: 10px 10px 0 0;
    }

    button.mfp-close {
        background: rgba(var(--color-white));
        opacity: 1;
        border-radius: 5px;
        right: 10px;
        top: 10px;
    }

    .lightbox .prev,
    .lightbox .next {
        padding: 16px;
        width: 40px;
        height: 40px;
        border-radius: 5px;
    }

    #buddypress #activity-stream .activity-inner.new-blog-post p a img {
        max-height: 250px;
    }

    .bp-group-preview-cover,
    .bp-member-preview-cover {
        min-height: 100px;
    }

    .bp-group-preview-cover img,
    .bp-member-preview-cover img {
        height: 100px;
    }

    #buddypress ul.item-list>li+li {
        margin-top: 15px;
    }

    #buddypress #item-body form#whats-new-form {
        margin-bottom: 15px;
    }

    .sidebar-card,
    .buddypress div#item-header,
    .buddypress #buddypress div.item-list-tabs#subnav ul,
    .buddypress #buddypress div.item-list-tabs#object-nav ul,
    .step-content,
    #buddypress .profile,
    #buddypress ul.item-list>li,
    #buddypress #item-body form#whats-new-form,
    #buddypress form#members-invitation-form,
    #create-group-form .item-body,
    #settings-form.standard-form,
    .settings.data #item-body,
    form#notifications-bulk-management,
    form#invitations-bulk-management,
    form#messages-bulk-management,
    form#send_message_form,
    #group-settings-form,
    form#send-invite-form,
    form#acf-form .dinner-party-group,
    .messages .scheduled-wrap,
    .menu-items,
    .rsvp-single .page-wrapper,
    .menu-header,
    .blog .post-inner,
    .single-post .post-inner,
    .page-code-of-ethics .page-wrapper article,
    .post-list.related-blogs-slider article,
    .archive.tag .post-inner,
    .archive.category .post-inner {
        padding: 15px !important;
        border-radius: 8px;
    }

    .post-type-archive-recipes-list .post-list>article .post-thumbnail>a,
    .post-thumbnail>a,
    .about-me img.avatar,
    .recipe-top-img img,
    .recipes-thumbnail img {
        border-radius: 8px;
    }

    .buddypress #buddypress #header-cover-image,
    .buddypress #buddypress #profile-header-cover-image {
        border-radius: 5px 5px 0 0;
        height: 130px;
    }

    .buddypress #buddypress div#item-header #item-header-cover-image #item-header-content,
    body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-actions {
        margin-top: 150px !important;
    }

    .buddypress #buddypress #item-header-cover-image #item-header-avatar a {
        width: 100px;
        height: 100px;
        border-radius: 10px;
    }

    .buddypress #buddypress #item-header-cover-image {
        padding: 0 15px;
        gap: 15px;
    }

    .buddypress .site-header,
    .buddypress main {
        margin-left: 75px;
    }

    .buddypress .container,
    .container {
        padding: 0 15px;
    }

    .buddypress-notify-menu .count {
        top: -10px;
        width: 18px;
        height: 18px;
    }

    .buddypress #buddypress .standard-form input[type=text],
    .buddypress #buddypress .standard-form textarea,
    #buddypress .standard-form input[type=email],
    #buddypress .standard-form input[type=password],
    .acf-form .acf-field input[type=text],
    .acf-form .acf-field input[type=time],
    .acf-form .acf-field input[type=date],
    .acf-field input[type=number],
    .field-group input:not([type="checkbox"]):not([type="radio"]),
    .field-group select,
    .field-group textarea,
    .acf-form .acf-field select,
    .acf-form .acf-field .acf-input>textarea,
    .buddypress #buddypress .standard-form input[type=tel],
    #buddypress .profile select {
        min-height: 40px;
        padding: 7px 12px !important;
    }

    .buddypress #buddypress #activity-stream .activity-inner img.avatar {
        width: 60px !important;
        height: 60px !important;
    }

    .header-left,
    .header-right {
        flex: 0 0 25%;
    }

    .toggle-drawer svg {
        max-width: 24px;
    }


    .buddypress .header-left {
        flex: 0 0 10%;
    }

    .buddypress #buddypress div.item-list-tabs#subnav ul,
    .buddypress #buddypress div.item-list-tabs#subnav ul,
    article.bp_group #object-nav ul {
        display: block;
        padding: 10px 15px !important;
    }

    .buddypress #buddypress div.item-list-tabs#subnav ul li,
    .buddypress #buddypress div.item-list-tabs#subnav ul li.last {
        float: initial;
    }

    .activity-images {
        margin: 0 -15px;
    }

    .buddypress div#item-header {
        padding-bottom: 15px !important;
    }

    .lightbox .activity-right {
        padding: 20px 15px
    }

    .lightbox .activity-meta.custom-comment a {
        gap: 0px;
        font-size: 0;
    }

    .mfp-close {
        width: 36px;
        height: 36px;
        line-height: 36px;
        font-size: 24px;
    }

    .step-content h3,
    #buddypress .profile h2,
    .scheduled-wrap h3,
    .settings.data #item-body h2 {
        font-size: 18px;
    }

    .dinner-event #buddypress div.item-list-tabs#subnav ul,
    .recipes #buddypress div.item-list-tabs#subnav ul {
        padding: 0 10px !important;
    }

    .acf-form .acf-field-group>.acf-label label,
    .acf-form .acf-field-repeater.acf-field-671217c537ad3>.acf-label label {
        font-size: 18px;
        padding-bottom: 15px;
    }

    .acf-form .acf-fields>.acf-field+.acf-field.acf-field-button-group {
        margin-top: 25px;
    }

    #buddypress .acf-actions a.acf-button {
        padding: 2px 8px !important;
        font-size: 12px !important;
    }

    ul#groups-list li,
    ul#members-list li,
    ul#member-list li {
        flex: 0 0 calc(100% - 0px);
    }

    .buddypress #buddypress div.item-list-tabs#subnav ul li.last {
        margin-top: 15px;
    }

    .item-cover-image {
        margin: 0 -15px;
        margin-top: -15px;
    }

    .dir-search-wrap {
        padding: 5px 10px;
        border-radius: 5px;
    }

    .related-recipes {
        flex: 0 0 calc(100% - 0px);
    }

    .post-list {
        margin: 0 0px;
    }

    .recipes-content-header .right {
        float: none;
        margin-left: 0;
        margin-bottom: 20px;
    }

    .recipes-thumbnail img {
        max-width: 100%;
        max-height: 200px;
		min-height:200px;
    }

    .recipes-tags {
        gap: 15px;
        flex-wrap: wrap;
    }

    #signup-modal .modal-content {
        max-width: calc(100% - 30px);
        margin: 0;
        max-height: calc(100% - 30px);
        padding: 16px;
        border-radius: 8px;
    }

    .modal-content .modal-header h2 {
        font-size: 22px;
        line-height: 30px;
    }

    #signup-modal .close-button svg {
        width: 14px;
    }

    .modal-content .row {
        flex-direction: column;
        gap: 0;
    }

    .row.justify-center {
        align-items: center;
    }

    .acf-editor-wrap iframe {
        max-height: 200px;
    }

    #buddypress ul#groups-list li div.item-title,
    #buddypress ul#groups-list li h3,
    #buddypress ul#groups-list li h4,
    #buddypress ul#members-list li div.item-title,
    #buddypress ul#members-list li h3,
    #buddypress ul#members-list li h4 {
        font-size: 16px;
    }

    #buddypress #members-list.item-list .item-avatar img.avatar,
    #buddypress #groups-list.item-list .item-avatar img.avatar {
        width: 60px !important;
        height: 60px !important;
    }

    .item-cover-image {
        height: 85px;
    }

    #create-group-form .left-menu img {
        max-width: 55px !important;
    }

    #buddypress form.standard-form #group-create-body .main-column {
        margin-left: 65px;
    }

    #group-create-body h4 {
        font-size: 16px;
    }

    .custom-radio [type="radio"]:checked+label:before,
    .custom-radio [type="radio"]:not(:checked)+label:before {
        width: 16px;
        height: 16px;
    }

    .custom-radio [type="radio"]:checked+label:after,
    .custom-radio [type="radio"]:not(:checked)+label:after {
        width: 10px;
        height: 10px;
    }

    input[type="checkbox"]+label:before {
        width: 16px;
        height: 16px;
    }

    input[type="checkbox"]:checked+label:after {
        top: 6px;
        left: 7px;
        width: 4px;
        height: 8px;
        border-width: 0 1px 1px 0;
    }

    #buddypress div#message p,
    #sitewide-notice p,
    #sitewide-notice strong:first-child {
        padding: 7px 10px;
    }

    #buddypress div#message p,
    #sitewide-notice #message,
    #buddypress p.warning,
    body.profile_page_bp-profile-edit.modal-open #TB_ajaxContent p.warning,
    body.users_page_bp-profile-edit.modal-open #TB_ajaxContent p.warning,
    div.bp-avatar-status p.success,
    div.bp-cover-image-status p.success {
        border-radius: 5px;
    }

    #buddypress .standard-form div.submit {
        padding: 20px 0 0;
    }

    .acf-fields>.acf-tab-wrap .acf-tab-group li a {
        padding: 6px;
        font-size: 0;
        width: 42px;
        height: 42px;
    }

    .acf-fields>.acf-tab-wrap .acf-tab-group li a:before {
        margin-top: 0;
        font-size: 14px;
    }

    .acf-item-row .acf-input .acf-fields .acf-field {
        flex: 0 0 calc(50% - 8px);
        max-width: calc(50% - 8px);
    }

    .acf-form .acf-fields>.acf-tab-wrap .acf-tab-group {
        margin: 10px 0;
    }

    .member-sidebar {
        width: 0;
        overflow: hidden;
    }

    .buddypress .site-header,
    .buddypress main {
        margin-left: 0;
    }

    .sidebar-open.buddypress .site-header,
    .sidebar-open.buddypress main {
        margin-left: 0;
    }

    a#dinner-event-create {
        border-radius: 5px;
    }

    .buddypress-notify-menu ul a svg {
        height: 18px;
        width: 18px;
    }

    .toggle-sidebar svg {
        width: 20px;
    }

    .acf-image-uploader .hide-if-value p {
        padding: 15px 0;
    }

    .post-column-list article,
    .post-column-list article .post-thumbnail a {
        border-radius: 8px;
    }

    .recipe-list-content h4 {
        font-size: 16px;
    }

    .sidebar-blogs a img {
        border-radius: 5px;
    }

    .media-preview-item img,
    .media-preview-item video {
        height: 60px;
        width: 60px;
        border-radius: 5px;
    }

    #media-preview {
        gap: 12px;
    }

    #buddypress .dir-search-wrap div.dir-search form input[type=submit],
    #buddypress .item-list-tabs div.message-search input#messages_search_submit {
        height: 40px;
        border-radius: 5px;
    }

    #buddypress .item-list-tabs div.message-search input#messages_search {
        min-height: 40px;
        border-radius: 5px;
        padding: 10px;
    }

    .owl-nav button span {
        background: no-repeat center / 12px;
    }

    body .pmpro .pmpro_card.pmpro_login_wrap,
    body .pmpro .pmpro_card.pmpro_lost_password_wrap {
        margin: 0 auto !important;
    }

    body .pmpro .pmpro_card {
        padding: 15px;
        margin: 10px auto !important;
        border-radius: 8px;
    }

    .pmpro .pmpro_section input,
    .pmpro .pmpro_section select,
    .pmpro_form_submit .pmpro_btn-cancel {
        font-size: 14px !important;
        padding: 10px 15px !important;
    }

    .pmpro .pmpro_section .pmpro_form_field-password-toggle button {
        bottom: 11px;
        right: 11px;
    }

    .pmpro .pmpro_font-x-large {
        font-size: 22px;
    }

    .pmpro .pmpro_font-large {
        font-size: 20px;
    }

    #pmpro_order_single-items h3.pmpro_font-large {
        padding-bottom: 15px;
    }

    .pmpro_actions_nav:not(#pmpro_login .pmpro_actions_nav) a {
        font-size: 14px;
        padding: 15px 12px;
        border-radius: 5px;
    }

    .pmpro_actions_nav:not(#pmpro_login .pmpro_actions_nav) {
        gap: 10px;
    }

    .pmpro .pmpro_card.pmpro_login_wrap .pmpro_spacer,
    .pmpro .pmpro_card.pmpro_lost_password_wrap .pmpro_spacer {
        margin: 7px;
        min-height: 1px;
    }

    .acf-form table .acf-field-group>.acf-label>label {
        font-size: 15px;
        padding-bottom: 5px;
    }

    .acf-item-row .acf-input .acf-fields .acf-field.acf-field-6719ec521d479 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .buddypress .post-navigation a,
    .buddypress .comment-respond form input:not([type="checkbox"]):not([type="submit"]),
    .buddypress .comment-respond form textarea,
    .buddypress .print-wrapper .btn {
        border-radius: 5px;
    }

    .create-event-wrapper .section-media figure {
        top: 90px;
    }

    .create-event-wrapper .section-media figure:nth-child(2) {
        top: 110px;
    }

    .create-event-wrapper .section-media figure:nth-child(3) {
        top: 130px;
    }

    .post-navigation {
        flex-wrap: wrap;
    }

    .post-navigation>div {
        width: 100%;
    }

    .buddypress main {
        margin-top: 65px;
    }


    .sidebar-main-navigation {
        display: block;
    }

    .buddypress .site-header {
        padding: 10px 0 !important;
    }

    /*     .buddypress .header-right {
        flex: 0 0 90%;
    } */

    .buddypress .site-header .header-center {
        display: none;
    }

    .recipe-list-content {
        padding: 10px 15px;
    }

    .related-recipes.single-recipe-page .post-thumbnail img {
        height: 360px;
    }

    .post-type-archive-recipes-list .post-list>article .post-thumbnail img,
    .tax-recipes-cat .post-list>article .post-thumbnail img {
        min-height: 230px;
    }

    .custom-modal .modal-content {
        border-radius: 8px;
    }
	
	
	@media print  {
    .buddypress-custom-sidebar,
    .left-sidebar-menu,
    .buddypress-custom-sidebar,
    #masthead,
    #wpadminbar,
    .print-wrapper,
    .innerpage-bg,
    .header-wrapper,
    #sidebar,
    .site-footer,
    .post-navigation-wrapper,
    .recipe-bp-menu,
    .related-recipes.single-recipe-page,
    .single-recipe-left h3.single-recipe,
    div.top-header,
    .recipe-category,
    .content-first-left h3.post-title,
    .content-first-left span.post-date,
    .content-first-left p.recipe-pre-dtl, .recipe-top-img {
        display: none !important;
    }

    .ingredients-items {
        margin-top: 0 !important;
    }

    .wrapper {
        padding: 0 !important;
    }

    .recipes-content-header .left ul {
        margin-top: 15px;
    }

    body.bp-user,
    body.groups,
    body.buddypress {
        background: transparent;
    }

    .single-page-wrapper,
    .wrapper {
        padding: 0;
    }

    .buddypress .container {
        padding: 0;
    }

    .buddypress main,
    html {
        margin-top: 0 !important;
    }

    p {
        font-size: 14px;
        line-height: 20px;
    }

    p+p {
        margin-top: 10px;
    }
	
	    .recipe-pre-detail {
        justify-content: start;
    }
	    .content-first-left {
        flex: initial;
    }
	.content-wrapper.content-wrapper-first .right {
		    flex: 0 0 206px;
	}
		
		.recipes-content-wrapper input[type="checkbox"]+label {
    font-size: 12px;
}
		.content-wrapper ul li, .method-items ul li {
    padding: 8px 0;
}
		.recipes-content-wrapper .method-items, .recipes-content-wrapper .notes {
    margin-top: 15px;
}
}
}

@media(max-width:649px) {
    .related-recipes-main .post-column-list article {
        margin: 0;
    }
}

@media(max-width:600px) {
    .custom-modal .modal-content {
        max-width: calc(100% - 30px);
    }

    .innerpage-bg {
        min-height: 230px;
    }

    .rsvp-menu-wrapper {
        gap: 25px 0px;
        flex-direction: column;
        align-items: center;
        margin-top: 25px;
    }

    .rsvp-menu-wrapper .rsvp-menu-items {
        flex: 1;
        max-width: 400px;
        width: 100%;
    }

    .create-event-wrapper .section-media figure {
        top: 60px;
    }

    .create-event-wrapper .section-media figure:nth-child(2) {
        top: 80px;
    }

    .create-event-wrapper .section-media figure:nth-child(3) {
        top: 100px;
    }

    .rsvp-list-wrapper {
        padding: 20px;
        padding-bottom: 35px;
    }

    .rvsp-list-meta span {
        font-size: 12px;
    }

    .acf-item-row .acf-input .acf-fields .acf-field {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .acf-item-radio-row .acf-radio-list {
        gap: 10px 15px;
        flex-wrap: wrap;
    }

    body {
        font-size: 12px;
    }

    .buddypress #buddypress div#item-header img.avatar {
        border-radius: 50%;
    }

    #buddypress #create-group-form div.item-list-tabs ul {
        gap: 0px;
        align-items: self-start;
        border-radius: 5px;
        flex-direction: column;
        padding: 10px 15px;
    }

    #buddypress div.item-list-tabs ul li {
        width: 100%;
    }

    #buddypress #reply-title small a span,
    #buddypress a.bp-primary-action span {
        font-size: 9px;
        width: 16px;
        height: 16px;
    }

    .customize-support.buddypress .site-header {
        top: 0;
    }

    .lightbox .lightbox-activity-container,
    .customize-support .member-sidebar {
        height: calc(100dvh - 0px);
        top: 0;
    }

    .buddypress main {
        margin-top: 65px;
    }

    .customize-support.buddypress main {
        margin-top: 15px;
    }

    .buddypress .user-profile {
        border-radius: 5px;
        gap: 0;
        padding: 5px;
    }

    .user-avatar img {
        width: 22px;
        min-width: 22px;
    }

    .submenu {
        top: 40px;
    }

    .user-profile .user-name {
        font-size: 0;
    }

    .user-profile svg {
        display: none;
    }

    #buddypress #activity-stream .activity-header p a:first-child,
    #buddypress #activity-stream .activity-header p a:nth-child(3),
    #buddypress div.activity-comments div.acomment-meta a:first-child,
    #buddypress div.activity-comments div.acomment-content,
    #buddypress .activity-inner>p,
    #buddypress #activity-stream .activity-header p {
        font-size: 12px;
    }

    #buddypress div.activity-comments div.acomment-meta {
        font-size: 12px;
        line-height: 15px;
    }

    #buddypress div.activity-comments ul li>ul {
        margin-left: 10px;
        padding-left: 0px;
    }

    #buddypress div.activity-comments div.acomment-content {
        margin: 5px 0 0 0px;
    }

    #buddypress .acomment-options {
        margin: 5px 0 5px 0px;
    }

    .buddypress #buddypress #item-header-cover-image #item-header-avatar a {
        width: 60px;
        height: 60px;
        border-radius: 50%;
    }

    .user-display-name,
    .buddypress #buddypress div#item-header div#item-meta>p {
        font-size: 14px;
        justify-content: center;
    }

    .buddypress #buddypress #item-header-cover-image {
        gap: 10px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .buddypress #buddypress #header-cover-image,
    .buddypress #buddypress #profile-header-cover-image {
        height: 100px;
    }

    .buddypress #buddypress div#item-header #item-header-cover-image #item-header-content,
    body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-actions {
        margin-top: 0px !important;
        text-align: center;
    }

    #buddypress #item-header-cover-image #item-header-avatar,
    .bp-user #buddypress #item-header #item-header-cover-image #item-header-avatar {
        margin-top: 70px !important;
    }


    .field-group input:not([type="checkbox"]):not([type="radio"]),
    .field-group select,
    select,
    .field-group textarea,
    .step-content .btn,
    .form-footer .btn,
    #buddypress .submit input[type=submit],
    #buddypress .drag-drop-buttons input[type=button],
    #buddypress a.button,
    .avatar-history- action,
    #buddypress .drag-drop-button,
    .friendship-button a,
    #previous-next input[type=button],
    .form-footer .btn,
    #buddypress input[type=submit],
    #previous-next input[type=button],
    .drag-drop-button,
    #buddypress .drag-drop-buttons input[type=button],
    #buddypress a.button,
    .avatar-history-action,
    .load-more a {
        font-size: 12px !important;
        line-height: 19px;
        padding: 7px 10px !important;
    }

    a#dinner-event-create {
        padding: 10px 15px;
        height: 38px;
    }

    .post-column-list article {
        flex: 100%;
        max-width: 100%;
    }

    .recipe-list-content h4 {
        font-size: 14px;
    }

    .recipe-list-content .post-excerpt p {
        -webkit-line-clamp: 1;
        font-size: 12px;
    }

    .post-column-list article .post-thumbnail a {
        border-radius: 8px;
    }

    .customize-support .left-sidebar-menu.buddypress .item-list-tabs {
        max-height: calc(100dvh - 240px);
        min-height: calc(100dvh - 240px);
    }

    #buddypress .standard-form div.submit {
        padding: 10px 0 0;
    }

    span#pmpro_submit_span {
        width: 100%;
    }

    .buddypress #buddypress .standard-form input[type=text],
    .buddypress #buddypress .standard-form textarea,
    #buddypress .standard-form input[type=email],
    #buddypress .standard-form input[type=password],
    .acf-form .acf-field input[type=text],
    .acf-form .acf-field input[type=time],
    .acf-form .acf-field input[type=date],
    .acf-field input[type=number],
    .field-group input:not([type="checkbox"]):not([type="radio"]),
    .field-group select,
    .field-group textarea,
    .acf-form .acf-field select,
    .acf-form .acf-field .acf-input>textarea,
    .buddypress #buddypress .standard-form input[type=tel],
    #buddypress .profile select {
        font-size: 12px;
    }

    .customize-support .recipe-category.fixed {
        top: 0px;
    }

    .recipes-content-wrapper input[type="checkbox"]+label {
        font-size: 12px;
    }
}

@media(max-width:489px) {
    .top-header-left form input.search-field {
        padding: 0 5px;
        max-width: 160px;
        font-size: 12px;
    }

    .section-dinner-parties iframe {
        height: 240px;
    }

    .modal-content .modal-header h2 {
        font-size: 20px;
        line-height: 28px;
    }

    .tooltip-container::before {
        white-space: normal;
        font-size: 10px;
        text-align: center;
    }

    .signup_details.tooltip-container::before {
        min-width: 120px;
    }

    .top-header-right ul {
        gap: 10px;
    }

    .top-header-right ul svg {
        width: 16px;
        height: 16px;
    }

    .front-profile>svg {
        width: 28px;
        height: 28px;
    }

    .category-tabs a {
        padding: 8px 8px 8px;
        font-size: 12px;
    }

    .category-tabs {
        gap: 6px;
    }
}

@media(max-width:320px) {
    #buddypress li div.item {
        margin-left: 0;
    }
}

@media print {
	body {
	-webkit-print-color-adjust: exact;
	}

    .buddypress-custom-sidebar,
    .left-sidebar-menu,
    .buddypress-custom-sidebar,
    #masthead,
    #wpadminbar,
    .print-wrapper,
    .innerpage-bg,
    .header-wrapper,
    #sidebar,
    .site-footer,
    .post-navigation-wrapper,
    .recipe-bp-menu,
    .related-recipes.single-recipe-page,
    .single-recipe-left h3.single-recipe,
    div.top-header,
    .recipe-category,
    .content-first-left h3.post-title,
    .content-first-left span.post-date,
    .content-first-left p.recipe-pre-dtl, .recipe-top-img {
        display: none !important;
 		-webkit-print-color-adjust: exact;
		visibility: hidden !important;
    }

    .ingredients-items {
        margin-top: 0 !important;
    }

    .wrapper {
        padding: 0 !important;
    }

    .recipes-content-header .left ul {
        margin-top: 15px;
    }

    body.bp-user,
    body.groups,
    body.buddypress {
        background: transparent;
    }

    .single-page-wrapper,
    .wrapper {
        padding: 0;
    }

    .buddypress .container {
        padding: 0;
    }

    .buddypress main,
    html {
        margin-top: 0 !important;
    }

    p {
        font-size: 14px;
        line-height: 20px;
    }

    p+p {
        margin-top: 10px;
    }
	
	    .recipe-pre-detail {
        justify-content: start;
    }
	    .content-first-left {
        flex: initial;
    }
	.content-wrapper.content-wrapper-first .right {
		    flex: 0 0 206px;
	}
}