@media screen and (max-width: 767px) {

  ul.answer-meta.user-action {
    width: 100%; /* usually you want full width on mobile */
    display: block;
    list-style: none;
  }

  .mce-notification.mce-notification-error {
    display: none;
  }

  .colorDiv[data-img] {
    height: auto !important; /* better for responsive */
  }

  .hero-section h1 {
    font-size: 8vw; /* increase text size on smaller screens */
  }

  .hero-section p {
    font-size: 4vw;
    line-height: 1.4;
  }

  .hero-section .hero-btn-first,
  .hero-section .hero-btn-second {
    font-size: 4vw;
  }

/*   .logo-header img {
    max-width: 50%;
} */

/* 	.logo-header img {
    max-width: 40vw !important;
	}

	.logo-header {
		width: 125px !important;
		} */

.hero-section .hero-btn {
    display: block;
    width: auto;
    padding: 10px 15px !important;
	}

.w-100.px-5.pb-4.mb-5.bg-warning {
    padding: 0px 10px !important;
}

.weekly-posting-rituals .card {
    padding-left: 10px !important;
}

.section-card {
    padding: 15px !important;
}

	.bounty-questions .card{
		padding-left: 10px !important;
	}

  .ak-card-footer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .ak-card-footer .answer-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
    margin: 0;
  }

  .ak-card-footer .answer-meta li {
    flex: 0 0 auto;
    font-size: 14px;
  }

  .ak-card-footer .discussion-header {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .ak-card-footer .author-img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
  }

  .ak-card-footer .discussion-meta {
    display: flex;
    flex-direction: column;
    font-size: 14px;
  }

  .ak-card-footer .discussion-meta a {
    font-weight: bold;
  }

  .ak-card-footer .post-date {
    font-size: 12px;
    color: #777;
  }

  .like-det {
	 display:none!important;
  }

    ul.answer-meta.user-action {
		padding-left: 10px !important;
		display: flex !important;
	}

	.tab-content {
		padding: 5px;
	}
	
	.footer-about {
		padding: 10px;
	}
	.footer-signup {
		padding: 30px 15px;
	}

	.wp-block-media-text.is-stacked-on-mobile {
			display: flex !important;
		}

	.wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__media {
			width: 20% !important;
		}

/* 	.et-menu {
		display: none;
	} */

	li.thread-item.d-flex {
		flex-direction: column;
	}

  .post-information.post-information-category {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .user-action {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    font-size: 14px;
    width: 100%;
  }

  .user-action > span,
  .user-action > div {
    display: flex;
    align-items: center;
  }

  .share-popup {
    display: inline-block;
    margin-left: 5px;
    font-size: 14px;
    white-space: nowrap;
  }

  .like-det {
    position: static !important;
    box-shadow: none;
    background: transparent;
    margin-left: 5px;
  }

  .avatar-mr {
    margin-top: 10px;
    margin-right: 10px;
  }

  .avatar {
    width: 40px !important;
    height: 40px !important;
  }

  .author-name,
  .times-create {
    font-size: 14px;
  }

  .undo-action {
    font-size: 14px;
    margin-top: 10px;
  }

  .d-flex.align-items-end {
    flex-direction: row;
    align-items: center;
    gap: 5px !important;
  }

  .post-information-category .thumb.avatar {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .user-badge {
    font-size: 12px;
    padding-top: 4px;
  }

	.footer-separator {
    border-right: 0px;
}

    .footer .container {
        margin-left: 0px !important;
        margin-bottom: 10px !important;
    }

.container {
       margin-left: 15px !important;
	}

.reply-overlay {
padding: 5px !important;
}

    .reply-item .control-thread {
        top: 0px !important;
    }

.single-thread .title-thread-header-outer {
    background: #fff;
    padding: 20px 30px;
}

.avatar-mr {
	margin:0px !important;
}

.copyright-wrap {
    text-align: center !important;
    color: #efefef;
    margin: 10px !important;
}

/* .search-text {
    background: white !important;
    border: 1px solid #ddd !important;
} */

.header-top {
    height: 75px !important;
    z-index: 9999;
}

.modal-body {
    padding: 25px !important;
}

.login-modal .modal-body {
    display: flex;
    flex-direction: column;
}

.login-fr {
    width: 100%;
    float: unset;
    height: auto;
    margin-right: 1px;
    padding: 10px !important;
    border: none;
}

.join {
    width: 100%;
    margin: 0px !important;
}

.btn-submit {
    text-align: left;
    padding: 8px!important;
}

.custom-soical-login-icons
 {
    text-align: left!important;
}

.logo-header img{
    max-width: 40vw !important;
	}


	.search-header input[type="text"] {
		height: 34px;
		padding: 5px 10px;
		border-radius: 0;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
		outline: none;
		font-size: 11px;
	}

		.search-header input[type="text"] {
			display: none;
			position: absolute;
			right: 65px !important;
			width: 265px !important;
	}

  .search_area .search-text {
    display: block !important;
    width: 100%;
  }

  .search_area form.d-flex {
    flex-direction: row !important;
  }

  .search_area .btn-mobile {
    display: none;
  }

  #search_preview {
    display: block;
  }

.list-post li .sticky-bar {
    width: 5px;
    position: absolute;
    top: 14px;
    height: 34px;
    left: 0;
}

.cnt-container {
    padding: 66px 0 0 0 !important;
}

.img-profile .avatar {
    width: 60px !important;
    height: 60px !important;
    border-radius: 50% !important;
    margin: 0 20px !important;
    float: left !important;
}

.infor-profile .text {
    float: left;
    margin-top: 5px;
    margin-left: 25px;
    min-width: 250px;
}

.infor-contact-profile {
     display: block !important;
     margin: 27px 20px !important;
}

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

li.highlights.thread-item.d-flex {
    margin: 10px 0px !important;
}

li.thread-item.d-flex {
    margin: 10px 0px !important;
}

.mobile-user-header {
    border: none !important;
	padding: 0px !important;
    gap: 10px !important;
	}


	.search-header input[type="text"] {
		display: block !important;
	}

	.btn-mobile {
		display: block;
	}

	span.icon {
		margin-right: 10px;
	}

	#modal_login {
		top: 70px !important;
	}
   
}