@media only screen and (max-width: 768px) {
	/* For mobile phones: */
	.text-fa{
		font-family:IRANSans;
	}
	[class*="col-"] {
		width: 100%;
	}
	#site-navigation .handheld-navigation ul.menu li button::after {
		content: "";
	}
	#masthead .site-branding {
		margin: 1px 0 0;
	}
	#masthead .site-branding img {
		max-width: 190px;
	}
	
	#masthead .main-navigation ul:not(.sub-menu){
		margin-top: 1em;
	}
	#masthead .main-navigation ul li{
		line-height: 1em;
	}
	#masthead .menu-toggle{
		background:transparent;
		border-color:transparent;
	}
	#main .container{
		width:auto;
	}
	#frm-search-tabs input[type="text"] {
		font-size: 0.5em;
	}
	#section-result .nav-fill .nav-item{
		width:100%;
	}
	#section-result .moreLink {
		font-size: 0.7em;
	}
	#cart img{
		display:unset;
	}
	#dynamic-advanced-search {
		width: 100%;
	}
	#booksResult div[class^="status-btn"] label{
		display:block;
	}
	#container-userpanel h2{
		font-size: 1.2em;
	}
	#container-userpanel .nav-tabs{
		margin:0;
	}
	#container-userpanel .nav-tabs .nav-item {
		font-size: 0.7em;
	}
	#container-userpanel .caption {
		font-size: 0.7em;
		min-width: 7em;
		display: inline-block;
	}
	#container-userpanel .value {
		font-size: 0.8em;
		display: inline-block;
	}
	#container-userpanel th {
		display: none;
	}
	#container-userpanel tr {
		display: grid;
	}
	
	.last-products {
		flex-flow: column;
		align-items: center;
	}
	
	#product-3599 div.woocommerce-product-gallery.images {
		display: none;
	}
	#giftCards {
		flex-flow: column;
	}
	#giftCards img {
		width: auto;
		margin: .5em 0;
		height: auto;
	}
	.dashboard-menu .menu-items {
	  flex-flow: column;
	  align-items: center;
	  display: none;
	}
	.head-dashboard {
	  flex-flow: column;
	  align-items: center;
	  text-align: center;
	}
	.dashboard-menu a {
	  text-align: right;
	}
	.dashboard-menu span {
	  font-size: 1em;
	}
	.d-mobile {
		display: flex !important;
		justify-content: center;
	}
	.d-mobile :is(button, div.dropdown-menu){
		width: 100%;
	}
	.dashboard-menu a:hover {
	  color: #8a2be2;
	}
	.shop img{
	  max-width: 21px;
	}
	.homepageTemplate .shop{
	  position: absolute;
	  right: 5px;
	}
	/*--------------------single product content------------------------*/
	.product-title {
	  font-size: 1em;
	}
	#summary-single-product {
	  flex-flow: column;
	}
	.right-summary-product, .left-summary-product,
	.left-summary-product .cart-button table {
	  width: 100%;
	}
	.left-summary-product .logos img {
	  max-width: 2.5em;
	}
	.left-summary-product .logos {
	  margin: 2em 0em;
	}
	.left-summary-product .cart-button > .price {
	  padding: 0;
	  white-space: nowrap;
	}
	.left-summary-product .variations_form.cart, .left-summary-product .cart-button tbody tr, .left-summary-product .single_variation_wrap .woocommerce-variation-add-to-cart {
	  align-items: unset;
	  flex-flow: column;
	}
	.left-summary-product .cart-button tbody td.value,
	.left-summary-product .cart-button select	{
	  max-width: none !important;
	}
	.left-summary-product .note {
	  margin-top: 2em;
	}
	.middle-summary-product {
	  max-width: 100%;
	}
	.left-summary-product .cart-button {
		display: none;
	}
	.cart-button.in-mobile{
		display: block !important;
	}
	.cart-button.in-mobile .price {
		font-size: 1em !important;
		white-space: nowrap;
		padding: .2em 1em;
		border-radius: .5em;
		border: solid 1px #ff1493;
		text-align: center;
	}
	.cart-button.in-mobile .single_add_to_cart_button {
	  width: 100%;
	}
	.cart-button.in-mobile select {
	  max-width: 100% !important;
	  width: 100%;
	  border: 0;
	}
	.right-summary-product .logos img {
	  max-width: 1.5em;
	}
	
	/*---search result page ------------*/
	.searchResult {
		flex-flow: column;
		align-items: center;
	}
	.searchResult .title {
	  margin: 1em 0;
	}
	
	
	#countEntry {
		position: unset;
		transform: unset;
	}
	/*-------------------------------------*/
	#comments {
		margin: 0;
	}
	.archive.category .item .d-flex{
		flex-flow: column;
		align-items: center;
	}
	.next-content h1 {
		margin: 0 1em 0;
		font-size: 1.5em;
	}
	.next_subtitle, .post_subtitle {
		margin: .5em 1em 2em;
		font-size: clamp(12px,1vh,16px);
	}
	h1.post-title {
	  padding: 0 1em;
	  font-size: 1.5em;
	  margin: 0;
	}
	/*-------------related post and product--------*/
	.related-products h3::before, 
	.related-products h3::after {
	  width: 8%;
	}
	.related-products .d-flex {
	  margin-top: 0em;
	}
	fieldset.related-post .columns {
	  flex-flow: column;
	}
	fieldset.related-post .columns .related-products {
	  width: 100%;
	  margin: 0 0 2em;
	}
	
	/*------ loop content style for category and tags ---------------*/
	.loop-header {
	  padding: 0 2em;
	}
	.item-loop .blog-thumb {
	  margin: 0 0 10px 0px;
	}
	.item-loop .post-share {
	  flex-flow: row;
	  justify-content: space-around;
	  width: 100%;
	}
	.loop-description {
	  padding: 0 2em;
	}
	.top-header-loop .loop-menu ul {
	  flex-flow: wrap;
	  justify-content: center;
	}
	.top-header-loop .taxonomy-description {
	  padding: 2em;
	  font-size: .7em;
	}
	.item-loop .d-flex {
	  flex-flow: column;
	  align-items: center;
	}
	.item-loop .post-headtitle {
	  width: auto;
	}
	.item-loop .post-meta span {
	  display: flex;
	  flex-flow: column;
	  align-items: center;
	}
	.item-loop .post-meta span.text-ltr {
	  flex-flow: column-reverse;
	}
	.item-loop .post-meta {
	  font-size: 13px;
	}
	.header-author > div {
		text-align: center;
		padding:0 !important;
	}
	.header-author img {
		margin: 0 auto 15px;
	}
	.header-author .content{
		margin: 0 !important;
	}
	/*-------------------------*/
	.sub-buttons {
	  flex-flow: column;
	  align-items: unset;
	}
	.sub-buttons label {
	  margin: 7px 0px;
	  width: 100%;
	  text-align: center;
	}
	/*---------------------------*/
	.grid-tags-container {
	  grid-template-columns: repeat(1, 1fr);
	}
	
	/*------------ibox-----------*/
	.label-gold {
		padding: 2px .5em;
		width: auto;
		justify-content: center;
	}
	#search-ibox, .sub-search-ibox {
		width: 100%;
	}
	.section-bg-left, .section-bg-right {
		padding-right: 0;
		flex-flow: column;
		min-height: unset;
		padding-bottom: 2em;
		background-position: top;
	}
	.section-bg-left .section-text-right,
	.section-bg-right .section-text-left {
		transform: translateZ(0) scale(.7) !important;
		max-width: 100% !important;
		position: unset;
		padding: 2em 2em 0;
	}
}