/* No media query for `xs` since this is the default in Bootstrap */
.cursor-pointer,
.community-action {
	cursor: pointer;
}

html {
	scroll-behavior: smooth;
}

.container {
	overflow: hidden;
}

.brand-heading {
	background-color: #fe625a;
	color: white;
	font-family: 'Droid Sans', verdana;
	font-size: 1.4rem;
	font-weight: 400;
}

.border-top-bottom {
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
}

.product-main-image-col {
	text-align: center;
	text-align: -webkit-center;
}

.product-main-image-box {
	max-width: 200px;
	position: relative;
}

.product-main-image {
	min-width: 100%;
	max-width: 100%;
	max-height: 300px;
	min-height: 250px;
}

.product_type_band {
	position: absolute;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #000000;
	opacity: 0.7;
	bottom: 0;

	.band_text {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		margin-top: 10px;
		color: #FFFFFF;
		margin-left: 5px;
		float: left
	}

	.band_icon {
		border-radius: 50%;
		border: 1px solid #FFFFFF;
		padding: 7px;
		width: 20px;
		height: 18px;
		float: right;
		margin-right: 5px;
	}
}

.offer_ribbon {
	position: absolute;
	background: red;
	border: 5px solid white;
	height: 110px;
	width: 110px;
	border-radius: 60px;
	bottom: -18px;
	right: -20px;
	opacity: 0.95;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: 700;
	color: #FFFFFF;
	text-align: center;

	.ribbon-percent {
		margin-top: 14px;
	}

	.ribbon-title {
		font-size: 12px;
		z-index: -1;
	}
}

.offer_ribbon_arrow {
	width: 0px;
	height: 0px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #F29200;
	position: absolute;
	left: 88px;
	top: 18px;
	z-index: 1;
	-ms-transform: rotate(38deg);
	-webkit-transform: rotate(38deg);
	transform: rotate(55deg);
}

.ebook-badge-back {
	position: absolute;
	margin-top: -28px;
	right: 0;
	width: 25px;
	border-color: transparent transparent Black transparent;
	border-style: solid;
	border-width: 15px;
}

.ebook-badge {
	position: absolute;
	margin-top: -13px;
	z-index: 2;
	right: 0;
	width: 15px;
	background-color: #FF6600;
	width: 40px;
}

.offer_percentage {
	height: 13px;
	padding: 5px;
	width: auto;
	background: none repeat scroll 0% 0% #286EAC;
	color: #FFFFFF;
	margin: auto;
	margin-top: -6px;
}

.arrow_offer_percentage {
	width: 0px;
	height: 1px;
	border-top: 16px solid transparent;
	border-bottom: 13px solid transparent;
	border-right: 12px solid #286EAC;
	margin-left: -16px;
	margin-top: -9px;
}

.percentage_text {
	font-size: 12px;
	margin-top: -21px;
}

.special-event-image {
	position: absolute;
	margin-top: -18px;
	z-index: 2;
	width: 40px;
	left: -18px;
}

.product_name {
	font-family: 'Droid Sans', verdana;
	color: #494949;
	font-size: 1.4rem;
	font-weight: 400;
	word-break: break-word;
	text-rendering: optimizeLegibility;
	line-height: 32px !important;
}

.attributes {
	font-family: 'Droid Sans', verdana;
	font-size: 13px;
}

.attribute {
	padding-left: 0;
	margin: 5px 0;
	list-style: none;
}

.popup-option {
	display: none;
}

.shipping-info {
	display: flex;
	font-family: Verdana;
}

.center-on-mobile {
	justify-content: center;
	place-content: center;
}

.free_delevery_info {
	font-family: Verdana;
	font-size: 14px;
	color: #e6332a;
	font-weight: 800;
}

.button-section {
	min-width: 220px;
}

.primary-action-button {
	display: flex !important;
	align-items: center !important;
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	border-radius: 5px;
	opacity: 0.9;
	color: #FFFFFF;
	width: -webkit-fill-available;
	place-content: center;
	text-transform: uppercase;
	margin: 0px 20px;
}

.checkbox_heading_box {
	padding-left: 10px;
}

.primary-action-button img {
	padding-right: 10px;
}

.primary-action-button:hover {
	opacity: 1;
	color: #FFFFFF;
}

.primary-action-button img {
	width: 28px;
}

.button-primary {
	background: linear-gradient(#FAA329, #F6791F 90%);
}

.button-secondary {
	background-color: #fe625a;
}

.book-shelf {
	background-color: #a5a5a3;
}

.availability {
	font-size: 19px;
	color: #666666;
	font-family: Verdana;
}

.recommendation-row .sharetext {
	font-family: Verdana;
	font-size: 14px;
	color: #a4a4a4;
	padding: 2px 5px;
}

.recommendation-row .arrow_box {
	margin-left: auto;
}

.community-count {
	padding-left: 0;
	margin: 5px 0;
	list-style: none;
}

.community-count li {
	display: flex;
}

.selected-options {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px
}

.option-year-input {
	border: 1px solid #e3e3e3;
	background-color: #f9f9f9;
	color: #ff0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: center;
	letter-spacing: 1px;
}

.collapse-view {
	max-height: 10rem;
	overflow-y: hidden;
	transition: max-height 0.25s ease-out;
}

.collapse-view.expanded {
	max-height: 500rem;
	transition: max-height 0.35s ease-in;
}

.collapse-button {
	font-family: 'Droid Sans', verdana;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
	margin: 10px 5px;
}

.rating-star {
	display: flex;
	flex-direction: row-reverse;
	justify-content: left;
}

.rating-star>input {
	display: none;
}

.rating-star>label {
	position: relative;
	width: 1em;
	font-size: 1.5em;
	color: #FFD600;
	cursor: pointer;
}

.rating-star>label::before {
	content: "\2605";
	position: absolute;
	opacity: 0;
}

.rating-star>label:hover:before,
.rating-star>label:hover~label:before {
	opacity: 1 !important;
}

.rating-star>input:checked~label:before {
	opacity: 1;
}

.rating-star:hover>input:checked~label:before {
	opacity: 0.4;
}

.ribbon {
	position: absolute;
	left: -5px;
	top: -5px;
	overflow: hidden;
	width: 75px;
	height: 75px;
	text-align: right;
}

.ribbon span {
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	line-height: 20px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	width: 100px;
	display: block;
	background: #79A70A;
	background: linear-gradient(#F70505 0%, #8F0808 100%);
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	position: absolute;
	top: 19px;
	left: -21px;
}

.ribbon span::before {
	content: "";
	position: absolute;
	left: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid #8F0808;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #8F0808;
}

.ribbon span::after {
	content: "";
	position: absolute;
	right: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid transparent;
	border-right: 3px solid #8F0808;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #8F0808;
}

.ebook_preview {
	float: left;
	height: 31px;
	width: 75px;
	color: #FFFFFF;
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

#ebook_preview .bx-controls .bx-controls-direction a {
	top: 50% !important;
}

#ebook_preview .bx-wrapper .bx-viewport .bx-loading {
	display: none !important;
}

#ebook_preview .bx-wrapper .bx-viewport {
	height: 533px;
}

#ebook_preview .previewBook .slide {
	width: 260px;
}

.ebook_preview_action {
	float: right;
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: red;
	padding: 3px 5px;
	cursor: pointer;
}

/* copy */
.product_price .tax {
	font-family: Arial;
	color: #999999;
	font-size: 10px;
	font-weight: bold;
}

.bg-gray {
	background-color: #ededed;
}

.recommendation img {
	width: 50px;
}

.recommendation .text {
	font-family: Verdana;
	font-size: 12px;
	color: #a4a4a4;
	text-align: right;
}

.social-icon {
	border-radius: 50%;
	padding: 8px;
	width: 16px;
	height: 16px;
	text-align: center;
	text-decoration: none;
	margin: 5px;
	background-color: #999999;
	font-size: 18px;
	color: white;
}

.books_details {
	font-family: 'Droid Sans', verdana;
}

.author_name {
	font-family: 'Droid Sans', verdana;
	font-size: 17px;
	color: #e83231;
}

.product_detail td {
	font-size: unset !important;
}

.product_detail>* {
	margin: 1em 0 0.6em 0;
	margin-top: 35px;
}

.product_price.d-flex {
	font-family: 'Droid Sans', verdana;
	color: #656565;
}

.free_shiping_image_text {
	font-family: Verdana;
	font-size: 13px;
	color: #666666;
}

.sharetext {
	font-family: Verdana;
	font-size: 14px;
	color: #a4a4a4;
	padding: 3px 19px;
}

.smallthumb {
	font-family: 'Droid Sans', verdana;
	font-size: 15px;
}

.smallthumb img {
	width: 18%;
}

.rating_field {
	margin-bottom: 8px;
	font-family: 'Droid Sans', verdana;
	font-size: 14px;
	color: #494949;
}

.checkbox_heading {
	font-family: 'Droid Sans', verdana;
	font-weight: 600;
	font-size: 14px;
	color: #673a13;
}

.bg-attribute {
	background-color: #fef8f2;
}

.subwas {
	text-decoration: line-through;
}

/* copy */

.module {
	border: none;
	border-top: solid 1px #CCCCCC;
	border-radius: 0;
}

.card-header {
	background: none;
	padding-left: 0;
	padding-right: 0;
	cursor: pointer;
	border-bottom: none;
}

.card-body {
	padding: 0 10px 0 0;
	margin-bottom: 2em;
}

.card-header:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 1px;
	width: 75%;
	/* or 100px */
	border-top: 5px solid #000;
}

.card-header .title {
	font-family: "Droid Serif", Times, serif;
	font-size: 22px;
	border-bottom: none;
	color: #4c4c4c;
	padding: 0;
	float: left;
	text-align: left;
}

.card-header .accicon {
	float: right;
	font-size: 20px;
	width: 1.2em;
}

.card-header:not(.collapsed) .rotate-icon {
	transform: rotate(180deg);
}

.customers-reviews {
	padding-bottom: 20px;
	padding-top: 20px;
	border-bottom: dotted 1px #CCCCCC;
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}

.customers-reviews-first {
	align-self: center;
}

.customers-reviews-text {
	color: #4c4c4c;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 22px;
}

.customers-reviews-icon {
	color: orange;
	font-size: 45px;
}

.customers-rating {
	border-left: dotted 1px #CCCCCC;
	padding: 40px 30px;
	line-height: 22px;
}

.customers-rating-progress {
	border-left: dotted 1px #CCCCCC;
	line-height: 20px;
	padding-left: 10px;
}

.customers-rating-progress .rate-for {
	font-size: 12px;
	color: #4b4b4b;
	min-width: 35px;
}

.user-reviews {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	background-color: #f0f3ec;
	padding: 1rem !important;
	margin-bottom: 2px;
}

.user-reviews:hover {
	background-color: #e6e9e3;
}

.user-reviews .posted {
	font-size: 11px;
	color: #B1B1B1;
	margin-top: 5px;
	margin-bottom: 5px;
}

.user-reviews .info-text {
	font-size: 12px;
	color: #2D2D2D;
	margin-bottom: 5px;
}

.user-reviews .review-short {
	font-size: 16px;
	color: #4c4c4c;
	margin: 10px 0px;
}

.user-reviews .review-full {
	font-size: 14px;
	line-height: 20px;
	color: #4c4c4c;
}

.user-reviews-footer {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	background-color: #f6f6f6;
	padding: 10px;
	font-size: 12px;
	color: #2a2a2a;
}

.user-reviews-footer .text-right i {
	font-size: 20px;
	color: red;
}

.good-together {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}

.good-together .item i {
	font-size: 22px;
	color: #a5a5a3;
	padding: 0 10px;
}

.good-together .item img {
	width: 95px;
	height: 140px;
}

.good-together label {
	margin: 0 !important;
}

.good-together .item-title {
	font-size: 12px;
	font-weight: bold;
	color: #2a2a2a;
}

.good-together .item-text {
	font-size: 12px;
	color: #2a2a2a;
}

.good-together .total-price {
	font-weight: bold;
	color: #ea322a;
	font-size: 18px;
}

.good-together .buttons button {
	font-size: 12px !important;
	max-width: 175px;
}

/* this is product zoom css */
.product-main-image_div {
	position: relative;
	width: 85%;
	height: 100%;
	overflow: hidden;
}

.product-more-image_div img {
	width: 48px;
	height: 65px;
	padding-top: 4%;
}

.product-main-modal-image {
	position: relative;
	width: 310px;
	height: auto;
	transition: transform 0.5s ease-in-out;
	object-fit: contain;
	cursor: zoom-in;

}

#modal-dialog_id {
	max-width: 53%;
}

.product-more-image_div {
	display: initial;
}

.select_format_header_img {
	font-family: 'Droid Sans', verdana;
	font-size: 20px;
	cursor: pointer;
}

.double-click-to-zoom-message {
	font-family: 'Droid Sans', verdana;
	border-radius: 7px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #a5a5a3;
	color: white;
	padding: 11px;
	font-size: 12px;
	z-index: 10;
}

.card-widget {
	color: #4c4c4c;
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	text-align: left;
}

.card-widget .card-header-bottom-border {
	border-bottom: solid 6px #4c4c4c;
	color: #4c4c4c;
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	font-size: 20px;
	padding-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

.card-widget .card-header-bottom-border .title {
	float: left;
	font-size: 20px;
}

.card-widget .card-header-left-gradient {
	text-align: left;
	border-bottom: 2px solid transparent;
	border-image: linear-gradient(0.25turn, rgba(255, 0, 128), rgba(56, 2, 155, 0));
	border-image-slice: 1;
}

.card-widget .card-header-left-gradient .title {
	float: left;
	font-size: 20px;
	margin-right: 10px;
}

.card-widget .card-header-left-gradient .card-description {
	float: inline-start;
	margin-top: 3.5px;
	margin-bottom: 0;
}

.card-widget .card-header-center-gradient {
	text-align: center;
	border-bottom: 2px solid transparent;
	border-image: linear-gradient(0.25turn, rgba(56, 2, 155, 0), rgba(255, 0, 128), rgba(56, 2, 155, 0));
	border-image-slice: 1;
}

.card-widget .card-header-center-gradient .more {
	text-align: center;
	float: none !important;
	margin-bottom: 10px;
}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	.customers-rating-progress {
		border-left: none;
		border-top: dotted 1px #CCCCCC;
		margin-top: 20px;
		padding-top: 20px;
	}

	.good-together .item img {
		width: 75px;
		height: 100px
	}

	.avilable_text {
		font-size: 15px;
	}

	.avilable_text h5 {
		font-size: 15px;
	}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	.product_name {
		font-size: 1.1rem !important;
		word-break: break-word;
		text-rendering: optimizeLegibility;
		line-height: 22px !important;
	}

	.edition_info {
		font-size: 0.8rem !important;
	}

	.availability {
		justify-content: center;
		place-content: center;
	}

	.books_details {
		padding: 10px 15px;
	}

	.recommendation-row {
		padding: 20px 0px;
		max-width: none;
	}

	.recommendation-count {
		right: 20px;
	}

	.avilable_text {
		display: inline-flex;
		align-items: center !important;
	}

	.avilable_text h5 {
		margin: 5px;
	}

	.primary-action-button {
		margin: 0px 0px;
	}

	.community-count,
	.attribute {
		display: flex;
		list-style: none;
		overflow-x: scroll;
	}

	.community-count,
	.attribute {
		display: flex;
		list-style: none;
		overflow-x: scroll;
	}

	.community-count::after {
		content: ">";
		position: absolute;
		right: -5px;
		top: 5px;
		font-size: 30px;
		font-weight: bold;
		font-family: monospace;
		background-color: rgba(255, 255, 255, 0.5);
	}

	.community-count li {
		display: inline-block;
	}

	.attribute li {
		display: inline-block;
		margin-right: 15px;
		padding: 10px !important;
	}

	.community-count .sharetext,
	.community-count .arrow_box {
		display: none;
	}

	.border-right {
		border-right: none !important;
	}

	.card-widget .title {
		font-size: 15px !important;
	}

	.card-header .title {
		font-size: 14px;
	}

	.card-widget .card-description {
		font-size: 10px;
	}

	.good-together .item-text {
		text-align: center;
	}

	.popup-option {
		display: block;
	}

	.popup-option .option-first {
		border: 2px solid #ccc;
		border-radius: 4px;
		font-size: 14px;
		font-family: 'Droid Sans', verdana;
		display: inline-flex;
		align-items: center !important;
	}

	.popup-option .option-arrow {
		font-size: 26px;
		padding-left: 5px;
	}

	.preview-ribbon {
		background-color: #FF6600;
		border: none !important;
		font-size: 17px;
		font-family: 'Droid Sans', verdana;
		color: #FFF;
		display: inline-flex;
		align-items: center !important;
	}

	.ebook_preview_action {
		display: none;
	}

	.full-modal {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1050;
		display: none;
		width: 100%;
		height: 100%;
		overflow: hidden;
		outline: 0;
	}

	.full-modal-dialog {
		position: relative;
		pointer-events: none;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		display: flex;
	}

	.full-modal-content {
		position: relative;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
		pointer-events: auto;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid rgba(0, 0, 0, .2);
		border-radius: 0.3rem;
		outline: 0;
		height: auto;
		min-height: 100%;
		border-radius: 0;
	}

	.full-modal-header {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: start;
		align-items: flex-start;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding: 1rem 1rem;
		border-bottom: 1px solid #dee2e6;
		border-top-left-radius: 0.3rem;
		border-top-right-radius: 0.3rem;
		font-family: 'Droid Sans', verdana;
		font-size: 20px;
	}

	.full-modal-body {
		position: relative;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		padding: 1rem;
		background: #ededed;
		overflow-y: scroll;
	}

	.full-modal-body .options-body {
		background: #fff;
		border-top: #656565 solid 5px;
		background: #ffff;
		font-size: 15px;
	}

	.inavtive-collapse-view {
		max-height: none !important;
	}

	.inavtive-collapse-button {
		display: none;
	}

	#modal-dialog_id {
		max-width: 100%;
		margin: auto;
	}

	.product-main-modal-image {
		width: 310px;
		height: 430px;
	}

	#modal-content_id {
		position: fixed;
		left: 0px;
		top: 0px;
	}

	#full-image-modal-body {
		height: 605px;
	}
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	.product-main-image {
		max-width: 150px;
	}
}