@media (min-width: 767px) {
	.mobile-device {
		display: none;
	}
}

@media (max-width: 767px) {

	.mobile-device {
		display: block;
	}

	.media-user-review {
		display: none !important;
	}

	#description {
		display: none !important;
	}

	.mb-tab-contents {
		display: none !important;
	}

	.desktop-view {
		display: none !important;
	}

	#books {
		padding-left: 30px;
	}

	.mb-20 {
		margin-bottom: 10px;
	}

	.mu-10 {
		margin-top: 10px;
	}

	.page-align {
		margin-left: 4px;
		margin-top: 9px;
	}

	.icons-list {
		float: inherit;
		margin-top: 12px;
		margin-left: 6px;
	}

	.mobile-align {
		padding-right: 10px;
		padding-left: 10px;
	}

	.accordion {
		width: 100% !important;
		border: 1px solid #e1e1e1;
		overflow: hidden;
		background: #fff;
		padding: 0px;
		color: #000;
	}

	.accordion-item {
		border-bottom: 1px solid #ccc;
	}

	.accordion-header {
		background-color: #fff;
		padding: 10px;
		cursor: pointer;
		position: relative;
	}

	.accordion-content {
		padding: 10px;
		display: none;
	}

	.accordion-item.active .accordion-content {
		display: block;
	}

	.accordion-item.active .accordion-header {
		color: var(--rp-primary-color-dark) !important;
		font-weight: 600;
	}

	.pl-md-4,
	.px-md-4 {
		margin-left: 0px !important;
		padding-left: 0px !important;
	}

	.accordion-header i {
		position: absolute;
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
		transition: transform 0.3s ease;
	}

	.align-items-center {
		align-items: flex-start !important;
	}

	.accordion-item.active .accordion-header i {
		transform: translateY(-50%) rotate(90deg);
	}

	.pr-1 {
		display: inline-block !important;
	}

	.icons-list {
		float: inherit;
	}
	.media-body-content .item-list 
	{  
		display: flex!important;
		row-gap: 10px;
		flex-direction: column ! important;
		align-items: self-start ! important;
	}

	.border-box {
		margin: 0px !important;
	}

	.border-box .body-content {
		height: 130px !important;
		margin-bottom: 20px;
	}
}
.fa-shopping-cart:before {
	content: "\f07a";
	color: var(--rp-primary-color-dark);
}

.display-block {
	display: block !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .pl-md-4, .px-md-4 {
        margin-left: 0px !important;
        padding-left: 0px !important;
    }
}