/* Medium screens (≤ 1200px) */
@media (max-width: 1200px) {
    .pwpt-container {
        max-width: 1140px;
    }

    .pwpt-profile {
        width: 152px;
        height: 152px;
    }

    .pwpt-site-title h3 {
        font-size: 28px;
    }

    .pwpt-text-contetn-wrapper {
        width: 76%;
    }
}

/* Tablet screens (≤ 992px) */
@media (max-width: 992px) {
    .pwpt-container {
        max-width: 960px;
    }
}

/* Small screens (≤ 768px) */
@media (max-width: 768px) {
    .pwpt-header-image-wrapper {
		min-height: 150px !important;
    }


    .pwpt-container {
        max-width: 720px;
        padding: 0 20px;
    }

    .pwpt-page-content-wrapper {
        width: 100%;
        max-width: 100%;
    }

    .pwpt-main-content-wrapper {
        flex-direction: column;
    }

    .pwpt-post-content {
        padding: 20px;
    }

    .pwpt-main-content-wrapper.sidebar-right {
        flex-direction: column;
    }

    .sidebar-middle .pwpt-left-sidebar-wrapper {
        position: relative;
        margin-bottom: 10px;
    }

    .pwpt-left-sidebar-wrapper {
        width: 100%;
        max-width: 100%;
        position: relative;
        top: 0;
    }

    .pwpt-header-image {
        height: auto;
        object-fit: contain;
        object-position: 0px 0px;
    }

    .pwpt-profile {
        border-radius: 50%;
        overflow: hidden;
        width: 120px;
        height: 120px;
        top: 10px;
        left: 50%;
        transform: translate(-50%, -50%);
		border: 3px #fff solid;
    }
	
	   body.darkmode .pwpt-profile {
		border: 3px #000 solid;
    }

    .pwpt-profile-pic {
        
    }

    .pwpt-text-contetn-wrapper {
        flex-direction: column;
        text-align: center;
        width: 100%;
        gap: 10px;
    }

    .pwpt-profile-info-wrapper {
        padding: 69px 0 30px;
        border-bottom: #D8D9D8 solid 2px;
    }

    .pwpt-button .button-class {
        background-color: #39B54A;
        color: #fff;
        padding: 10px 10px;
        width: 100%;
        display: block;
        min-width: 150px;
        text-align: center;
        border-radius: 15px;
        font-size: 14px;
    }

    .header-menu {
        display: none;
    }

    .pwpt-nav-menu-wrapper #menu-main-menu-1 .menu-item a {
        font-size: 18px;
        color: #808080;
    }

    .pwpt-mobile-menu {
        display: flex;
        align-items: center;
        gap: 30px;
        list-style: none;
        padding: 30px 0;
        text-align: center;
        justify-content: center;
    }

    .mobile-menu .menu-item {
        padding: 5px 0;
    }

    .pwpt-site-main {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .pwpt-entry-summary p {
        font-size: 15px;
    }

    .wp-post-image {
        object-fit: contain;
        height: auto;
    }

    .pwpt-emoji-reactions span {
        font-size: 16px;
    }

    .pwpt-interaction-stats-icon {
        width: 22px;
        height: 30px;
    }

    .pwpt-interaction-trigger-icon {
        width: 25px;
        height: 30px;
    }

    .pwpt-interactions-action-button {
        gap: 5px;
        padding: 8px 10px;
        color: #808080;
        font-size: 16px;
        font-weight: 400;
    }
	
	.pwpt-comment-input{
        font-size: 16px;
        font-weight: 400;
    }

    .pwpt-archive-page .pwpt-emoji-triggers {
        bottom: 26px;
    }

    .pwpt-share-links {
        padding: 10px 10px;
        left: 0;
    }

    .pwpt-share-link-item {
        font-size: 16px;
        line-height: 1.3;
    }

    .pwpt-single-post .pwpt-main-content-wrapper {
        flex-direction: column-reverse;
    }

    .wp-block-comments {
        margin: 30px auto;
        padding: 30px 20px;
    }

    .comment-respond {
        margin-top: 0px;
        padding: 0;
    }

    .pwpt-interactions-triggrer-row {
        padding: 10px 10px;
    }

    .pwpt-comment-input {
        max-width: 100%;
    }

    .pwpt-container.pwpt-main-content-wrapper.sidebar-middle .pwpt-left-sidebar-wrapper {
        max-width: 100%;
    }
	.pwpt-header-wrapper{
		background: linear-gradient(180deg, var(--primary-color) 0%, #8bd39500 50%)!important;
		}
}

/* Extra small screens (≤ 576px) */
@media (max-width: 576px) {
    .pwpt-container {
        max-width: 100%;
        padding: 0 10px;
    }

    .pwpt-emoji-reactions span {
        font-size: 20px;
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        min-width: 30px;
    }

    .pwpt-interaction-stats-icon {
        margin-left: 3px;
        width: 16px;
        height: 20px;
    }

    .pwpt-comment-row {
        padding: 0px 10px 20px;
    }

    .pwpt-interactions-count-row {
        flex-direction: column;
        gap: 10px;
    }
	
	  .pwpt-profile {
        border-radius: 50%;
        overflow: hidden;
        width: 100px;
        height: 100px;
        top: 10px;
        left: 50%;
        transform: translate(-50%, -50%);
		border: 3px #fff solid;
    }
	
	.pwpt-profile-info-wrapper {
        padding: 60px 0 30px;
        border-bottom: #D8D9D8 solid 2px;
    }
	
	 .pwpt-header-image-wrapper {
		min-height: 100px !important;
    }
	
	.pwpt-header-wrapper{
		background: linear-gradient(180deg, var(--primary-color) 0%, #8bd39500 45%)!important;
		}
}