@font-face {
    font-family: proximanova-light;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/proximanova-light.ttf) format("truetype")
}

@font-face {
    font-family: proximanova-regular;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/proximanova-regular.ttf) format("truetype")
}

@font-face {
    font-family: proximanova-semibold;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/proximanova-semibold.ttf) format("truetype")
}

@font-face {
    font-family: proximanova-bold;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/proximanova-bold.ttf) format("truetype")
}

@font-face {
    font-family: proximanova-black;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/proximanova-black.ttf) format("truetype")
}

:root {
    --light-font: 'proximanova-light';
    --regular-font: 'proximanova-regular';
    --semibold-font: 'proximanova-semibold';
    --bold-font: 'proximanova-bold';
    --black-font: 'proximanova-black';
    --orange-color: #ff6500;
    --dark-grey: #2b2b2b;
    --green-color: #618037
}

body {
    font-size: 14px;
    font-family: proximanova-regular
}

header {
    width: 100%;
    float: left;
    position: relative
}

.header {
    border-bottom: 1px solid #d7d7d7;
    width: 100%;
    float: left
}

.top-part {
    width: 100%;
    float: left;
    position: relative;
    border-top: 3px solid #000;
    padding-top: 10px
}

.top_nav {
    width: 100%;
    float: right;
    text-align: right;
    position: relative
}

.top_nav>ul {
    padding: 0;
    width: 100%;
    float: left;
    margin: 0;
    display: flex;
    align-items: center;
    text-align: right;
    justify-content: flex-end
}

.top_nav>ul>li {
    display: inline-block;
    position: relative;
    margin-right: 10px
}

.top_nav ul .become_member {
    margin-right: 0
}

.btn_lang {
    border: 0;
    background: 0 0;
    padding: 0
}

.logo ul {
    float: right;
    margin-top: 15px
}

.logo ul li {
    list-style: none;
    display: inline-block
}

.logo_img {
    float: left
}

.btn_lang:focus {
    outline: 0;
    box-shadow: none
}

.report_icon {
    display: inline-flex;
    vertical-align: middle;
    line-height: 34px;
    margin-right: 20px;
    align-items: center
}

.report {
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    height: 40px;
    width: 35px;
    background-position: -15px -4px
}

.dropdown-menu {
    padding: 0;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .2)
}

.dot_dropdown.show .dropdown-menu {
    padding: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, .35)
}

.dropdown-menu a {
    line-height: 30px
}

.dropdown-item {
    margin-bottom: 0
}

.top_nav ul li.lang_dropdown {
    padding-right: 20px;
    margin-right: 0
}

.status_of_book a {
    color: #555;
    font-size: 14px;
    display: inline-flex
}

.status_of_book a:hover {
    color: #3a3a3a
}

.dropdown-menu.radio .dropdown-item {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    padding-left: 1rem;
    background: 0 0
}

.dropdown-menu.radio .dropdown-item:hover,
.wecome_text.dropdown a:hover,
.wecome_text.dropdown a:hover::after {
    background: 0 0;
    color: var(--orange-color)
}

.dropdown-menu.radio .dropdown-item.active {
    color: #00f
}

.navigation .navbar-nav .nav-link:hover {
    background: 0 0
}

.dropdown-menu.radio input {
    visibility: hidden;
    position: absolute;
    left: -30px
}

.dropdown-menu.radio i {
    font-weight: 400;
    font-style: normal;
    display: block
}

.dropdown-item.active {
    background-color: #555;
    color: #fff
}

.dropdown-toggle::after {
    content: "\f078";
    font-family: FontAwesome;
    border: 0;
    font-size: 9px;
    color: #717070;
    display: none
}

.btn_lang.dropdown-toggle::after,
.tooltip .arrow::after {
    display: none
}

.e-library-megamenu .dropdown-toggle::after {
    display: none
}

.wecome_text.dropdown a {
    font-size: 14px;
    color: #000;
    padding: 0 1rem;
    position: relative
}

.wecome_text.dropdown>a {
    padding: 0 1rem 0 0
}

.wecome_text.dropdown a:hover {
    background: 0 0
}

.select_text {
    font-family: var(--semibold-font);
    padding: 0 3px 0 2px;
    font-size: 14px
}

.notification {
    font-size: 18px;
    color: #000;
    margin-right: 20px;
    position: relative
}

.noti_dot {
    position: absolute;
    height: 6px;
    width: 6px;
    background: var(--orange-color);
    border-radius: 100%;
    right: 0;
    top: 0
}

.sign_in {
    margin-right: 10px
}

.right_div ul .sign_in {
    margin-right: 0
}

.delete_btn,
.signin_button {
    display: inline-block;
    color: #fff;
    background: var(--dark-grey);
    line-height: 34px;
    padding: 0 18px;
    border-radius: 3px;
    font-size: 14px;
    letter-spacing: .5px;
    position: relative;
    transition: all .3s linear;
    z-index: 1
}

.delete_btn:after,
.nextBtn:after,
.previuosBtn:after,
.signin_button:after {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, .5);
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    transition: all .3s linear;
    z-index: -1;
    border-radius: 3px
}

.delete_btn:hover:after,
.nextBtn:hover:after,
.previuosBtn:hover:after,
.signin_button:hover:after {
    transition: all .3s linear;
    width: 100%
}

.delete_btn:hover,
.nextBtn:hover,
.previuosBtn:hover,
.signin_button:hover {
    text-decoration: none;
    color: #fff
}

.become_member_button {
    display: inline-block;
    color: #fff;
    background: var(--orange-color);
    line-height: 38px;
    padding: 0 25px;
    border-radius: 3px;
    font-size: 16px;
    letter-spacing: .5px;
    position: relative;
    transition: all .3s linear;
    z-index: 1
}

.become_member_button:after {
    position: absolute;
    content: "";
    background: rgba(255, 255, 255, .09);
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    transition: all .3s linear;
    z-index: -1;
    border-radius: 3px
}

.become_member_button:hover:after {
    transition: all .3s linear;
    width: 100%
}

.become_member_button:hover {
    text-decoration: none;
    color: #fff
}

.navigation {
    width: 100%;
    float: left;
    position: relative;
    padding-bottom: 5px
}

.navigation .navbar-nav .nav-link {
    font-size: 16px;
    font-family: var(--light-font);
    letter-spacing: .5px;
    color: #000;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: .5rem;
    display: inline-block
}

.drop_icon {
    display: inline-block;
    margin-right: 1.275rem;
    cursor: pointer
}

.nav-item:hover .drop_icon,
.nav-item:hover .nav-link,
.nav-item:hover .nav-link::after {
    color: var(--orange-color)
}

.right_div ul {
    padding: 0;
    display: flex;
    margin: 0
}

.right_div ul li {
    display: inline-block;
    margin-right: 20px
}

.right_div ul li:last-child {
    margin-right: 0
}

.serach {
    font-size: 20px;
    font-family: var(--regular-font);
    color: #000;
    letter-spacing: .5px;
    display: inline-flex;
    line-height: 34px
}

.lets-find {
    font-size: 16px;
    line-height: 34px;
    color: #000
}

.lets-find:hover {
    text-decoration: none;
    color: #000
}

.serach:hover {
    color: #000;
    text-decoration: none
}

.myfav_btn {
    display: inline-block;
    color: #fff;
    background: var(--dark-grey);
    line-height: 34px;
    padding: 0 18px;
    border-radius: 3px;
    font-size: 14px;
    letter-spacing: .5px;
    position: relative;
    transition: all .3s linear;
    z-index: 1
}

.buynow_btn::after,
.download_btn::after,
.myfav_btn::after,
.read_btn::after,
.readlater_btn::after {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, .5);
    left: 0;
    top: 0;
    width: 0%;
    height: 102%;
    transition: all .3s linear;
    z-index: -1
}

.buynow_btn:hover:after,
.download_btn:hover:after,
.myfav_btn:hover:after,
.read_btn:hover:after,
.readlater_btn:hover:after {
    transition: all .3s linear;
    width: 100%
}

.buynow_btn:hover,
.download_btn:hover,
.myfav_btn:hover,
.read_btn:hover,
.readlater_btn:hover {
    text-decoration: none;
    color: #fff
}

.read_btn:hover {
    text-decoration: none;
    color: #fff;
    border-color: rgba(0, 0, 0, .5)
}

.buycopy_btn:after {
    position: absolute;
    content: "";
    background: rgba(255, 255, 255, .09);
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    transition: all .3s linear;
    z-index: -1;
    border-radius: 3px
}

.buycopy_btn:hover:after {
    transition: all .3s linear;
    width: 100%
}

.buycopy_btn:hover {
    text-decoration: none;
    color: #fff
}

.s-icon {
    margin-right: 12px;
    height: 24px;
    vertical-align: middle
}

.e-library-megamenu .dropdown {
    position: inherit
}

.dropdown-menu.megamenu {
    width: 100%;
    padding: 40px 40px 20px;
    box-shadow: 0 6px 5px rgba(0, 0, 0, .2)
}

.menu_title {
    font-family: var(--semibold-font);
    font-size: 16px;
    text-transform: uppercase
}

.links .dropdown-item {
    padding-left: 0;
    line-height: 22px;
	white-space: initial;
}

.links .dropdown-item:hover {
    background-color: transparent;
    color: var(--orange-color)
}

.see-all {
    color: var(--orange-color);
    position: relative
}

.see-all i {
    margin-left: 2px;
    transition: all .3s linear
}

.see-all:hover i {
    margin-left: 5px;
    transition: all .3s linear
}

.expand_search_bar {
    width: 100%;
    float: left;
    position: relative;
    left: 0;
    padding: 40px 0 0;
    background: #fff;
    border-bottom: 1px solid #ccc;
    top: 0
}

.search_form {
    position: relative;
    width: 100%;
    float: left
}

.search_input_block {
    width: 100%;
    float: left;
    position: relative
}

.search_form .serach_bar_full {
    width: 100%;
    height: 45px;
    border: 0;
    padding: 0 50px 0 0;
    border-bottom: 1px solid #ccc;
    font-size: 16px
}

.search_form .serach_bar_full:focus {
    box-shadow: none
}

[type=radio]:checked,
[type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

[type=radio]:checked+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: var(--dark-grey);
    font-size: 17px;
    font-family: var(--regular-font);
    font-weight: 400
}

[type=radio]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: var(--dark-grey);
    font-size: 17px;
    font-family: var(--regular-font);
    font-weight: 400
}

[type=radio]:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
    border: 1px solid var(--orange-color)
}

[type=radio]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff
}

[type=radio]:checked+label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: var(--orange-color);
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

[type=radio]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

[type=radio]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.form_search_icon {
    position: absolute;
    right: 0;
    border: 0;
    background: 0 0;
    height: 45px;
    top: 0;
    padding: 0;
    width: 50px
}

.advance_link {
    float: right;
    margin: 15px 0;
    font-size: 16px;
    color: #000
}

.advance_link:hover {
    text-decoration: none;
    color: var(--orange-color)
}

.reset {
    border: 0;
    position: absolute;
    background: 0 0;
    top: 0;
    right: 60px;
    padding: 0;
    height: 45px;
    display: none
}

.reset i {
    width: 30px;
    height: 30px;
    background: #eee;
    line-height: 30px;
    border-radius: 50px
}

.allbrowser {
    left: 0;
    margin-top: 15px;
    margin-bottom: 10px;
    text-align: left
}

.allbrowser a {
    display: inline-block;
    color: #fff;
    background: var(--dark-grey);
    line-height: 34px;
    padding: 0 18px;
    border-radius: 3px;
    font-size: 14px;
    letter-spacing: .5px;
    position: relative;
    transition: all .3s linear;
    z-index: 1
}

.e-library-megamenu .megamenu .allbrowser a:hover {
    color: #fff;
    background: var(--orange-color)
}

.allbrowser a:hover {
    color: #fff
}

.msg {
    margin-right: 5px
}

.wecome_text a i {
    font-size: 18px;
    margin-right: 5px
}

.mobileheader {
    width: 100%;
    float: left;
    position: relative;
    padding: 15px 0 0;
    border-top: 3px solid #000;
    border-bottom: 1px solid #ccc
}

.mobile_logo {
    text-align: center
}

.mobile-search {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0 10px
}

.m_left {
    flex-basis: calc(100% - 80px);
    display: inline-flex;
    align-items: center
}

.m_right {
    flex-basis: 80px
}

.mobile_search_form {
    width: 100%
}

.mobile_search_form .mobile_input_search_box {
    height: 40px;
    border: 0;
    width: 100%;
    font-size: 16px;
    font-family: var(--regular-font);
    color: #000
}

.mobile_search_form .mobile_input_search_box:focus {
    box-shadow: none
}

.mobile-search .serach_icon img {
    height: 24px;
    object-fit: contain
}

.mobile_navitation {
    height: 40px;
    width: 40px;
    float: right
}

.mobile_fav {
    float: left
}

.mobile_fav a {
    height: 40px;
    width: 40px;
    display: block;
    line-height: 40px;
    text-align: center;
    color: var(--gray-dark);
    border-radius: 5px;
    font-size: 20px
}

.mobile_button {
    text-align: center;
    border-bottom: solid 1px #ccc;
    padding: 10px 0
}

.mobile-sub .mobile_button a {
    display: inline-block;
    border-bottom: 0
}

.mobile-sub .mobile_button a.mobile_signin_button {
    background: var(--gray-dark)!important;
    color: #fff;
    border-radius: 5px;
    padding: 10px 25px
}

.mobile-sub .mobile_button a.mobile_become_member_button {
    background: var(--orange-color)!important;
    color: #fff;
    border-radius: 5px;
    padding: 10px 25px
}

footer {
    width: 100%;
    float: left;
    position: relative;
    background: #f0f0f0;
    padding: 30px 0;
    border-top: 1px solid #ccc
}

.footer-links ul {
    padding: 0;
    margin: 0;
    display: block
}

.footer-links ul li {
    display: block
}

.f_link_title {
    font-size: 15px;
    font-family: var(--semibold-font);
    text-transform: uppercase
}

.footer-links ul li a {
    font-size: 14px;
    line-height: 24px;
    color: #2f2f2f
}

.social-icon {
    width: 20px;
    text-align: left;
    margin-right: 5px
}

.footer-links ul li a:hover {
    color: var(--orange-color)
}

.site-visitor {
    font-size: 16px;
    font-family: var(--regular-font);
    color: #2f2f2f
}

.poweredby {
    font-size: 30px;
    font-family: var(--semibold-font);
    font-style: italic
}

.powerdb em {
    font-size: 14px;
    color: #000;
    padding-bottom: 10px;
    display: block
}

.powerdb p {
    margin-bottom: 8px
}

.section {
    width: 100%;
    float: left;
    position: relative;
    padding: 55px 0 0;
    z-index: 1
}

.author_detail_section {
    width: 100%;
    float: left;
    position: relative
}

.section_self {
    width: 100%;
    float: left;
    position: relative;
    padding: 45px 0 0
}

.focus_bg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 60%;
    background: #618037!important
}

.section_heading {
    width: 100%;
    position: relative;
    text-align: center;
    color: #fff;
    margin-bottom: 30px
}

.original-book .section_heading {
    display: flex;
    align-items: center
}

.section_title {
    font-size: 25px;
    font-family: var(--semibold-font);
    margin: 0
}

.color01 {
    color: #551382
}

.color02 {
    color: #05b3aa
}

.color03 {
    color: #1f0b79
}

.color03 {
    color: #900c3f
}

.seeall_btn {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    line-height: 30px;
    height: 30px;
    border: 1px solid #fff;
    padding: 0 10px;
    border-radius: 5px
}

.seeall_btn:hover {
    background: #fff;
    color: var(--green-color)
}

.bookself_ul {
    width: 100%;
    float: left;
    position: relative
}

.bookself_ul ul {
    padding: 0;
    margin-bottom: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.bookself_ul ul li {
    display: block;
    width: 15.8%;
    float: left;
    margin-right: 1.04%
}

.bookself_ul ul li:last-child {
    margin-right: 0
}

.book_block {
    width: 100%;
    float: left;
    position: relative
}

.book_card {
    width: 100%;
    float: left;
    position: relative;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15)
}

.titleHeaderBar {
    width: 100%;
    float: left;
    text-align: center;
    background: #fff;
    z-index: 1;
    position: relative
}

.titleHeaderBar a {
    display: block;
    font-size: 11px;
    padding: 2px 0;
    letter-spacing: .5px;
    text-transform: uppercase
}

.status_available {
    background: #313131;
    display: block;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    padding: 2px 0;
    letter-spacing: .5px
}

.status_available:hover {
    color: #fff
}

.book_cover_img {
    width: 100%;
    float: left;
    position: relative;
    background: #f5f5f5 url(../images/default-cover-img.png) no-repeat;
    transition: all .3s linear;
    background-size: contain;
    padding-top: 135%
}

.book_cover_img a {
    display: flex;
    opacity: 1;
    position: absolute;
    transition: all .3s linear;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    align-items: center
}

.book_cover_img a img {
    object-fit: cover;
    object-position: center;
    transition: all .3s linear;
    width: 100%;
    position: relative;
    z-index: 0
}

.book_cover_img a::after {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0;
    background: rgba(0, 0, 0, .5);
    transition: all .3s linear
}

.book_cover_img a:hover:after {
    opacity: 1;
    transition: all .3s linear
}

.book_info {
    width: 100%;
    float: left;
    position: relative;
    background: #fff;
    padding: 10px;
    height: 156px
}

.bookTitle {
    width: 100%;
    float: left;
    position: relative
}

.books_name {
    font-size: 14px;
    font-family: var(--semibold-font);
    font-weight: 400;
    overflow: hidden;
    height: 43px;
    max-width: calc(100% - 10px);
    display: block;
    margin-bottom: 8px
}

.by,
.by_hindi {
    font-size: 14px;
    font-family: var(--regular-font);
    float: left;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.by a,
.by_hindi a {
    color: #618037;
    margin-left: 3px
}

.extar_info,
.list_info {
    width: 100%;
    float: left;
    position: relative;
    padding: 5px 0
}

.book_info .extar_info ul,
.book_info .list_info ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.book_info .list_info ul li {
    display: inline-block;
    width: auto;
    position: relative;
    padding: 5px
}

.book_info .extar_info ul li {
    display: inline-block;
    width: auto;
    position: relative;
    padding: 1px
}

.book_info .extar_info ul li:first-child,
.book_info .list_info ul li:first-child {
    padding-left: 0
}

.book_info .extar_info ul li:last-child,
.book_info .list_info ul li:last-child {
    padding-right: 0
}

.book_info .extar_info ul li:last-child:after {
    display: none
}

.premium_text {
    color: #fff;
    font-size: 14px;
    font-family: var(--semibold-font);
    vertical-align: middle;
    text-align: center;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    bottom: 0;
    width: 100%
}

.prim_icon {
    background-image: url(../images/sprite.png);
    background-position: -340px -18px;
    width: 17px;
    height: 12px;
    display: inline-block;
    object-fit: cover;
    vertical-align: middle;
    margin-top: -3px
}

.book_lung {
    font-size: 14px;
    display: block;
    background: #a4a4a4;
    padding: 0 7px;
    color: #fff;
    border-radius: 50px
}

.status_of_book {
    width: 100%;
    float: left;
    position: absolute;
    font-size: 16px;
    font-family: var(--semibold-font);
    display: flex;
    align-items: center;
    bottom: 10px
}

.status_of_book_icon {
    height: 16px;
    object-fit: cover;
    margin-right: 5px;
    vertical-align: top;
    margin-top: 1px
}

.bookself_ul ul li .bookTitle .dropdown .icons li {
    height: 4px;
    width: 4px;
    line-height: 0;
    list-style: none outside none;
    margin-right: 0;
    margin-top: 3px;
    border-radius: 50%;
    pointer-events: none;
    background-color: #a4a4a4;
    display: block;
    float: none;
    margin-bottom: 0
}

.btn-left,
.btn-right {
    position: absolute;
    top: 0
}

.dot_dropdown {
    position: absolute;
    color: #ccc;
    top: 0;
    font-size: 16px;
    border: none;
    cursor: pointer;
    right: 0
}

.dot_dropdown .drop_icon {
    margin-right: 0
}

.dot_dropdown .dropdown-toggle::after {
    display: none
}

.dot_dropdown .dropdown-item {
    font-size: 14px;
    font-family: var(--regular-font);
    color: #666;
    padding-left: 14px
}

.dot_dropdown .dropdown-item:hover {
    background: 0 0;
    color: var(--orange-color)
}

.dropbtn:focus,
.dropbtn:hover {
    background-color: transparent
}

.dropdown {
    position: absolute;
    display: inline-block;
    right: 0;
    top: 0
}

.dropdown-content {
    display: none;
    position: relative;
    margin-top: 26px;
    background-color: #fff;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .1);
    z-index: 1;
    left: calc(100% - 17px)
}

#myDropdown.dropdown-content a {
    padding: 8px 16px;
    font-size: 14px;
    color: #666
}

#myDropdown.dropdown-content a:hover {
    color: var(--orange-color)
}

.dropdown-content a {
    color: #000;
    padding: 12px 16px;
    text-decoration: none;
    display: block
}

.e-library-megamenu .dropdown a:hover {
    background-color: transparent;
    color: var(--orange-color)
}

.show {
    display: block
}

.product-list .book_lung {
    font-size: 14px
}

.download,
.onlineview,
.premium,
.view,
.cite_tag {
    font-size: 14px;
    display: block;
    border: 1px solid #a4a4a4;
    padding: 0 10px;
    color: #a4a4a4;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: space-around
}

.online_reads {
    background-image: url(../images/detail-sprite.png);
    height: 25px;
    width: 25px;
    background-position: -141px -6px
}

.premium_img {
    background-image: url(../images/detail-sprite.png);
    height: 25px;
    width: 28px;
    background-position: -213px -6px
}

.download img,
.onlineview img,
.premium img,
.view img {
    margin-right: 3px;
    object-fit: cover;
    object-position: center;
    max-height: 16px
}

.search-bar {
    position: relative;
    width: 100%;
    float: left
}

.close_icon {
    position: absolute;
    top: -30px;
    right: 0
}

.close_icon a {
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-radius: 50px
}

.close_icon a:hover {
    background: rgba(0, 0, 0, .05)
}

.box--responsive {
    width: 100%
}

.ellip {
    display: block;
    height: 100%
}

.ellip-line {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.ellip,
.ellip-line {
    position: relative;
    overflow: hidden;
    max-width: 100%
}

.owl-carousel .item {
    height: auto;
    background: #fff;
    padding: 0
}

#advertisement-slider .owl-nav .owl-next,
#advertisement-slider .owl-nav .owl-prev,
.slider_section .owl-theme .owl-nav .owl-next,
.slider_section .owl-theme .owl-nav .owl-prev {
    height: 45px;
    width: 45px;
    background: rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    justify-content: space-around;
    transition: all .3s linear
}

.slider_section .owl-theme .owl-nav .owl-next:hover,
.slider_section .owl-theme .owl-nav .owl-prev:hover {
    background: var(--orange-color);
    transition: all .3s linear
}

.greenbtn {
    border-color: var(--green-color);
    color: var(--green-color);
    transition: all .3s linear;
    background: 0 0
}

.greenbtn:hover {
    background: var(--green-color);
    color: #fff
}

.category_block {
    text-align: center;
    width: 100%;
    float: left
}

.category_block a {
    display: block;
    text-align: center
}

.cat_icon {
    height: 130px;
    width: 130px;
    background-color: var(--orange-color);
    border-radius: 100px;
    margin: 0 auto
}

.cat_name {
    width: 100%;
    float: left;
    position: relative;
    margin: 25px 0 0 0;
    font-size: 16px;
    font-family: var(--regular-font)
}

.nub {
    display: block;
    font-size: 21px;
    font-family: var(--light-font)
}

.book_icon {
    background-image: url(../images/categories_icons.png);
    background-position: left center
}

.authors_icon {
    background-image: url(../images/categories_icons.png);
    background-position: left -222px center
}

.publishers_icon {
    background-image: url(../images/categories_icons.png);
    background-position: left -448px center
}

.categories_icon {
    background-image: url(../images/categories_icons.png);
    background-position: right -451px center
}

.languages_icon {
    background-image: url(../images/categories_icons.png);
    background-position: right -222px center
}

.subjects_icon {
    background-image: url(../images/categories_icons.png);
    background-position: right center
}

.category_block a:hover .cat_icon {
    background-color: var(--green-color)
}

.loadmore {
    width: 100%;
    float: left;
    text-align: center;
    padding: 55px 0
}

.loadmore a {
    font-size: 18px;
    font-family: var(--semibold-font);
    color: var(--green-color);
    text-transform: uppercase
}

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #000;
    background: rgba(0, 0, 0, .7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 1
}

#mark-as-favourite {
    position: fixed;
    bottom: 75px;
    right: 20px;
    background: var(--green-color);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 1
}

#mark-as-favourite i,
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 50%;
    top: 50%;
    font-size: 19px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    transform: translate(-50%, -50%);
    line-height: normal
}

#mark-as-favourite:hover,
#return-to-top:hover {
    background: rgba(0, 0, 0, .9)
}

#mark-as-favourite:hover i,
#return-to-top:hover i {
    color: #fff;
    top: 23px
}

.product_listing-section {
    padding: 10px
}

#dLabel,
#lang_label,
#page-label {
    width: 180px;
    height: 38px;
    border-radius: 4px;
    background-color: #fff;
    border: solid 1px rgba(0, 0, 0, .27);
    text-align: left;
    padding: 7.5px 15px;
    color: #4a4a4a;
    letter-spacing: 0;
    margin-top: -2px;
    font-size: 14px;
    font-family: var(--bold-font)
}

#page-label {
    width: 50px!important;
    position: relative;
    padding: 0 10px!important;
    float: left;
    height: 30px
}

.caret {
    float: right;
    margin-top: 9px;
    display: block
}

.Lang_menu,
.sortby_menu {
    width: 180px;
    padding: 0;
    margin: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.page_menu {
    min-width: 50px;
    width: 50px;
    padding: 0;
    margin: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.page button:focus,
.page button:hover,
.sortbydropdown button:focus,
.sortbydropdown button:hover {
    border: none;
    outline: 0
}

.page.open button#page-label,
.sortbydropdown.open button#dLabel,
.sortbydropdown.open button#lang_label {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .23);
    border: solid 1px #666;
    border-bottom: none
}

.page.open ul,
.sortbydropdown.open ul {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .23);
    border: solid 1px #666;
    border-top: none;
    height: 200px;
    overflow-y: scroll
}

.Lang_menu li,
.page_menu li,
.sortby_menu li {
    line-height: 1.5;
    letter-spacing: .7px;
    color: #666;
    font-size: 14px;
    cursor: pointer;
    padding: 7.5px 15px;
    border-top: solid 1px #f3f3f3
}

.Lang_menu li:hover,
.page_menu li:hover,
.sortby_menu li:hover {
    background-color: #ccc
}

.arrow {
    position: relative
}

.result_text {
    float: left;
    font-size: 18px;
    color: #4a4a4a;
    font-family: var(--regular-font);
    line-height: 40px
}

.sortby {
    float: right;
    display: flex;
    align-items: center;
    position: relative
}

.sortby_view {
    margin-right: 20px;
    display: flex;
    align-items: center
}

.viewbygrid {
    display: block;
    height: 40px;
    width: 40px;
    background: url(../images/grid-view-icon.png) no-repeat;
    background-size: 35px;
    background-position: center;
    margin-right: 8px
}

.viewbygrid.active {
    background: url(../images/grid-view-icon-select.png) no-repeat;
    background-size: 35px;
    background-position: center
}

.viewbylist {
    display: block;
    height: 40px;
    width: 40px;
    background: url(../images/list-view-icon.png) no-repeat;
    background-position-x: 0;
    background-position-y: 0;
    background-size: auto;
    background-size: 35px;
    background-position: center
}

.viewbylist.active {
    background: url(../images/list-view-icon-select.png) no-repeat;
    background-size: 35px;
    background-position: center
}

.selection_fitler_area {
    position: relative;
    width: 100%;
    float: left
}

.selection_fitler_area ul {
    padding: 0;
    margin: 0;
    float: left;
    width: calc(100% - 30%)
}

.selection_fitler_area ul li {
    display: inline-block
}

.selection_fitler_area ul li a {
    display: inline-block;
    background: #252525;
    margin-bottom: 8px;
    color: #fff;
    border-radius: 20px;
    font-size: 12px;
    padding: 0 12px;
    line-height: 22px;
    align-items: center;
    width: auto
}

.selection_fitler_area ul li a i {
    font-size: 10px;
    margin-right: 6px;
    padding: 3px;
    display: inline-block;
    line-height: 22px
}

.clear_selection {
    font-size: 12px;
    text-transform: uppercase;
    color: var(--orange-color);
    font-family: var(--regular-font);
    float: right
}

.productListing-filter-panel {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 25px
}

.accordion .card-header {
    cursor: pointer
}

.accordion.heading-right .card-title {
    position: absolute;
    right: 50px
}

.accordion.indicator-plus .card-header:after {
    font-family: FontAwesome;
    content: "\f068";
    float: right
}

.accordion.indicator-plus .card-header.collapsed:after {
    content: "\f067"
}

.card-header.collapsed .right-arrow {
    transform: translateY(-50%) rotate(-90deg)
}

.accordion.indicator-chevron .card-header:after {
    font-family: FontAwesome;
    content: "\f078";
    float: right
}

.accordion.indicator-chevron .card-header.collapsed:after {
    content: "\f077"
}

.accordion.background-none[class^=card] {
    background: 0 0
}

.filter_area .card {
    border: 0;
    background: 0 0
}

.filter_area .card-header {
    padding: 0;
    background: 0 0;
    position: relative
}

.filter_area {
    width: 100%;
    float: left;
    margin-top: 5px;
    padding-bottom: 30px
}

.filter_area .card-title {
    margin-bottom: 0;
    padding: 0;
    display: block;
    font-size: 15px;
    color: #4a4a4a;
    text-transform: uppercase;
    font-family: var(--semibold-font);
    line-height: 45px;
    padding: 0 5px
}

.filter_area .card-body {
    padding: 1rem
}

.accordian_details ul {
    padding: 0
}

.accordian_details ul li {
    display: block;
    position: relative
}

.accordian_details ul li a {
    display: flex;
    line-height: 28px;
    position: relative;
    font-size: 14px;
    font-family: var(--regular-font);
    align-items: center;
    justify-content: space-between;
    color: #4a4a4a
}

.accordian_details ul li a:hover {
    color: #000
}

.filter_area .accordion>.card .card-header {
    margin-bottom: 0
}

.product_listing_section {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 10px
}

.product_listing-section .breadcrumb {
    float: left;
    padding: .75rem 1rem .75rem 0
}

.edit_profile_section .breadcrumb {
    float: none
}

.title_ {
    font-size: 24px;
    font-family: var(--semibold-font);
    text-align: left;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    color: #4a4a4a
}

.listings {
    width: 100%;
    float: left;
    position: relative
}

.listings .bookself_ul ul li {
    display: block;
    width: 47%;
    float: left;
    margin-right: 0;
    margin-left: 4.2%;
    margin-bottom: 4.2%;
    max-width: 190px
}

.listings .bookself_ul ul li:nth-child(4n+1) {
    margin-left: 0;
    clear: left
}

.listings .extar_info ul li {
    width: auto
}

.mobile-filter {
    margin: 20px 0;
    width: 100%;
    position: relative;
    float: left;
    padding: 0 25px
}

.filter_text {
    width: 100%;
    height: 38px;
    border-radius: 4px;
    background-color: #fff;
    border: solid 1px rgba(0, 0, 0, .27);
    text-align: left;
    padding: 7.5px 15px;
    color: #4a4a4a;
    letter-spacing: 0;
    margin-top: -2px;
    font-size: 14px;
    font-family: var(--bold-font);
    display: block;
    position: relative
}

.filter_text:after {
    font-family: FontAwesome;
    content: "\f078";
    float: right;
    font-size: 14px
}

.newsletter-section {
    background-color: var(--green-color);
    float: left;
    position: relative;
    width: 100%;
    padding: 35px
}

.newsletter-section .newsletter-title {
    color: #fff;
    font-family: var(--semibold-font);
    font-size: 25px;
    margin-bottom: 20px
}

.newsletter {
    overflow: hidden;
    height: 40px;
    width: 400px;
    margin: 0 auto;
    position: relative
}

.newsletter input {
    width: 100%;
    border: 1px solid #fff;
    border-radius: 5px;
    height: 40px;
    padding: 10px 0 10px 15px;
    outline: 0;
    -moz-transition: border .2s ease;
    -o-transition: border .2s ease;
    -webkit-transition: border .2s ease;
    transition: border .2s ease
}

.newsletter input:focus {
    border: 1px solid #999
}

.newsletter input:focus+button {
    background-color: #000
}

.newsletter button {
    position: absolute;
    z-index: 999;
    right: 0;
    top: 0;
    height: 40px;
    border: none;
    background-color: var(--orange-color);
    -moz-transition: background-color .3s ease, width .3s ease;
    -o-transition: background-color .3s ease, width .3s ease;
    -webkit-transition: background-color .3s ease, width .3s ease;
    transition: background-color .3s ease, width .3s ease;
    color: #fff;
    padding: 0;
    margin: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 100px;
    text-align: center;
    cursor: pointer
}

.newsletter button:hover {
    width: 140px
}

.newsletter-section input[type=text],
input[type=email],
input[type=password],
select,
textarea {
    padding: 5px 5px;
    outline: 0;
    display: block;
    background: #fff;
    text-indent: 4px;
    color: #2c2c2c;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.description {
    margin: 1em auto 2.25em
}

.mobile-footer h1 {
    font-family: Pacifico, cursive;
    font-weight: 400;
    font-size: 2.5em
}

.mobile-footer ul {
    list-style: none;
    padding: 0
}

.mobile-footer ul .inner {
    padding-left: 1em;
    overflow: hidden;
    display: none
}

.mobile-footer ul .inner.show {
    display: none
}

.mobile-footer ul li {
    margin: .5em 0
}

.mobile-footer ul li a.toggle {
    width: 100%;
    display: block;
    border-bottom: 1px solid #ddd;
    color: var(--dark-grey);
    padding: .75em;
    transition: background .3s ease;
    font-size: 15px;
    font-family: var(--semibold-font);
    text-transform: uppercase;
    position: relative
}

.mobile-footer .accordion {
    padding: 10px
}

.mobile-footer .accordion .right-arrow {
    float: right
}

.mobile-footer .inner li {
    font-size: 16px;
    line-height: 24px;
    color: #2f2f2f;
    padding: 5px 0
}

.advertisement {
    float: left;
    position: relative;
    width: 100%;
    text-align: center
}

.section_self .bookself_ul {
    width: 90%;
    margin: 0 auto !important;
    float: none;
}

.most-download_section .book_cover_img a,
.new-entries_section .book_cover_img a,
.upcoming_section .book_cover_img a {
    display: block;
    opacity: 1;
    position: absolute;
    transition: all .3s linear;
    top: 0;
    left: 0;
    height: 100%
}

.most-download_section .book_cover_img a img,
.new-entries_section .book_cover_img a img,
.upcoming_section .book_cover_img a img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all .3s linear;
    width: 100%;
    position: relative
}

.listing-paginations {
    width: 100%;
    float: left;
    position: relative;
    padding: 25px 0
}

.page-link {
    color: #618037;
    font-size: 16px;
    font-family: var(--semibold-font);
    border: 0;
    padding: 0;
    border: 2px solid transparent;
    border-radius: 5px;
    margin-right: 2px;
    height: 35px;
    width: 45px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-around
}

.page-item.active .page-link {
    background: 0 0;
    color: #618037;
    border: 2px solid #618037
}

.page-link:hover {
    z-index: 2;
    background: 0 0;
    color: #618037;
    border: 2px solid transparent
}

.sign-in,
.sign-up {
    padding-bottom: 55px
}

.head-title {
    font-size: 40px;
    font-family: var(--bold-font);
    margin-bottom: 0
}

.head-sub {
    font-size: 16px;
    font-family: var(--regular-font)
}

span.error {
    display: none;
    font-size: 14px;
    font-family: var(--regular-font);
    color: red
}

.form-group {
    position: relative
}

.form-group+.form-group {
    margin-top: 30px
}

.textfield_gorup a {
    text-align: right;
    color: #0476e4;
    font-size: 16px
}

.e_form_div.form-wrapper {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 20px;
    max-width: 385px
}

.form-label {
    position: absolute;
    left: 0;
    top: 10px;
    color: #999;
    background-color: #fff;
    z-index: 10;
    padding: 0 10px;
    transition: font-size 150ms ease-out, -webkit-transform 150ms ease-out;
    transition: transform 150ms ease-out, font-size 150ms ease-out;
    transition: transform 150ms ease-out, font-size 150ms ease-out, -webkit-transform 150ms ease-out
}

.focused .form-label {
    -webkit-transform: translateY(-125%);
    transform: translateY(-90%);
    font-size: .75em;
    background: #fff!important;
    margin-bottom: 0;
    padding: 0 10px
}

.aboutus_belt .textfield_gorup.focused .custom_textbox {
    background: #fff;
    border: 1px solid #fff
}

.box-border .textfield_gorup.focused .custom_textbox {
    background: #ededed;
    border: 1px solid #e1e1e1
}

.edit_profile_section .profile_div .edit_div .edit_form .edit_select {
    width: 100%;
    height: 37px;
    font-family: var(--semibold-font);
    border: 1px solid transparent;
    background: 0 0;
    border: none;
    outline: 0!important;
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none
}

.edit_textbox {
    border: 1px solid transparent;
    width: 100%;
    background: 0 0;
    border-radius: 5px;
    padding: 3px 8px;
    color: #fff;
    font-family: var(--semibold-font);
    font-size: 16px
}

.pro_form .textfield_gorup {
    margin: 0!important
}

#myModal1 .aboutus_belt .textfield_gorup input.custom_textbox,
#myModal1 .aboutus_belt .textfield_gorup textarea {
    background-color: transparent!important;
    background: 0 0!important
}

#myModal1 .aboutus_belt .textfield_gorup.focused .custom_textbox {
    border-color: #d7d7d7!important;
    outline: 0!important
}

.textfield_gorup input.custom_textbox {
    border: 1px solid #e1e1e1;
    width: 100%;
    height: 47px;
    background: #ededed;
    border-radius: 5px;
    padding: 0 15px
}

.textfield_gorup .form-label {
    left: 15px;
    background: #ededed;
    font-size: 16px;
    font-family: var(--regular-font);
    font-weight: 400
}

.textfield_gorup.focused .custom_textbox {
    background: 0 0;
    border-color: #d7d7d7
}

input[type=email]:focus,
input[type=password]:focus,
input[type=text]:focus,
textarea:focus {
    box-shadow: none!important
}

input.custom_textbox:focus {
    box-shadow: 0 0 0 0 transparent
}

.form-input.filled {
    box-shadow: 0 2px 0 0 #90ee90
}

.signin_btn {
    background: #3a3a3a;
    display: block;
    width: 100%;
    border: 0;
    border-radius: 5px;
    line-height: 48px;
    color: #fff;
    font-size: 16px;
    margin: 30px 0
}

.exterlink {
    border-bottom: 1px solid #0476e4;
    color: #0476e4!important
}

.exterlink:hover {
    border-color: #000
}

.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: none!important
}

.e_form_div.form-wrapper.sign_up_div {
    max-width: 100%
}

.sign_up_div .form-group {
    margin-top: 0;
    margin-bottom: 30px
}

.pass-info {
    font-size: 13px;
    color: #222;
    opacity: .5
}

.sign-in-link {
    text-decoration: none;
    border-bottom: none
}

.signup_btn {
    background: #3a3a3a;
    display: block;
    width: 100%;
    border: 0;
    border-radius: 5px;
    line-height: 48px;
    color: #fff;
    font-size: 16px
}

.sign_up_div .textfield_gorup i {
    position: absolute;
    right: 30px;
    top: 17px;
    font-size: 14px;
    color: #5d5d5d
}

.sign_up_div .textfield_gorup .form-label {
    left: 25px
}

.formright_img {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.sign-in-link {
    text-align: right;
    color: #0476e4;
    font-size: 16px;
    margin-top: 5px;
    display: inline-block
}

.captcha-image {
    display: block;
    text-align: left
}

.listings .bookself_ul .extar_info ul li {
    width: auto;
    margin-left: 0
}

.right-arrow {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%)
}

.list_card {
    padding: 20px
}

.list_book_name {
    font-size: 20px;
    font-family: var(--semibold-font);
    font-weight: 400;
    max-width: calc(100% - 10px);
    display: block;
    margin-bottom: 8px
}

.product-list .specification {
    margin-top: 5px
}

.product-list .specification p {
    margin-bottom: 5px
}

.product-list .list_card .card-text p {
    margin: 10px 0 0 0;
    font-size: 16px
}

.product-list .list_card .card-text .readmore {
    color: var(--dark-grey);
    font-family: var(--semibold-font)
}

.product-list .list_card .downloads .download {
    float: left;
    margin-right: 15px
}

.down_icon {
    margin-right: 5px;
    height: 12px;
    display: inline-block;
    object-fit: cover;
    vertical-align: middle;
    margin-top: -3px
}

.list_book_info {
    padding-left: 0;
    padding-top: 0;
    height: auto;
    background-color: transparent
}

.action_button {
    margin-top: 0;
    text-align: center;
    padding: 0 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.buycopy_btn,
.download_btn,
.read_btn,
.readlater_btn {
    line-height: 40px;
    text-align: center;
    border-radius: 3px;
    font-size: 14px;
    letter-spacing: .5px;
    position: relative;
    transition: all .3s linear;
    z-index: 1;
    top: 0;
    right: 0;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-family: var(--semibold-font);
    overflow: hidden
}

.read_btn {
    display: inline-block;
    color: var(--dark-grey);
    width: 170px;
    border: 2px solid var(--dark-grey)
}

.download_btn {
    display: inline-block;
    color: #fff;
    background: var(--dark-grey);
    border: 2px solid var(--dark-grey);
    width: 170px
}

.readlater_btn {
    display: inline-block;
    color: #fff;
    background: var(--dark-grey);
    width: 170px
}

.buycopy_btn {
    display: inline-block;
    color: #fff;
    background: var(--orange-color);
    border: 2px solid var(--orange-color);
    width: 170px
}

.readlist,
.wishlist {
    line-height: 15px;
    position: relative;
    font-size: 14px;
    font-family: var(--semibold-font);
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 15px;
    margin-right: 10px;
    display: inline-flex;
    align-items: center
}

.readlist i {
    margin-right: 5px
}

.readlist img,
.wishlist img {
    margin-right: 5px
}

.product-list {
    margin-top: 10px
}

.detail_section .product-list .list_card .list_book_name {
    font-size: 24px
}

.detail_section .product-list .list_card .hindi_book_name {
    font-family: var(--semibold-font)
}

.product-list .list_card .hindi_book_name,
.product-list .list_card .list_book_name {
    font-size: 16px;
    color: var(--dark-grey)
}

.product-list .titleHeaderBar a {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc
}

.product-list .titleHeaderBar .status_available {
    border: none
}

.download img,
.onlineview img {
    vertical-align: middle
}

.product-list .dot_dropdown {
    position: absolute;
    color: #ccc;
    top: 0;
    font-size: 16px;
    border: none;
    cursor: pointer;
    right: 1%
}

.advanced_search,
.browse_subjects {
    position: relative;
    width: 100%;
    float: left;
    background-color: #fafafa
}

.browse_subjects .title {
    border-bottom: none!important;
    margin-bottom: 0!important
}

.advanced_search .title,
.browse_subjects .title {
    font-size: 26px;
    color: var(--dark-grey);
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px
}

.advanced_search_form label {
    font-size: 16px;
    font-family: var(--semibold-font);
    color: var(--dark-grey);
    line-height: 2;
    width: 100%;
    position: relative
}

.advanced_search_form .advanced_search_select::after,
.browse_subjects .advanced_search_select::after {
    content: "";
    background: url(../images/down-arrow.png);
    height: 7px;
    width: 13px;
    right: 0;
    top: 0;
    padding: 0 0 2px;
    position: absolute;
    cursor: pointer;
    pointer-events: none
}

.advanced_search_form input {
    height: 34px;
    width: 100%;
    border: 1px solid #ddd;
    padding: 0 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

.advanced_search_form select {
    height: 34px;
    width: 100%;
    border: 1px solid #ddd;
    padding: 0 5px;
    -webkit-appearance: none!important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    position: relative;
    background: url(../images/down-arrow.png) #fff no-repeat center right 17px;
    padding-right: 45px;
    font-size: 14px
}

.advanced_search_form .dropdown-arrow {
    position: absolute;
    top: 64%;
    right: 3%
}

.advanced_search_form .to {
    margin-top: 20px
}

.search_btn {
    display: inline-block;
    color: #fff!important;
    background: var(--orange-color);
    line-height: 34px;
    padding: 0 35px;
    border-radius: 3px;
    font-size: 14px;
    letter-spacing: .5px;
    position: relative;
    transition: all .3s linear;
    z-index: 1
}

.radio_button {
    margin-right: 10px
}

.radio_group {
    margin-bottom: 0
}

.tab-content {
    width: 100%
}

.browse_nav {
    align-items: center;
    justify-content: center;
    border-bottom: none;
    border-bottom: 1px solid #ccc
}

.browse_subjects .nav-tabs .nav-item.show .nav-link,
.browse_subjects .nav-tabs .nav-link.active {
    color: var(--orange-color);
    background-color: transparent;
    border-color: transparent
}

.browse_subjects .nav-tabs .nav-link:focus,
.browse_subjects .nav-tabs .nav-link:hover {
    border-color: transparent;
    color: var(--orange-color)
}

.browse_subjects .nav-tabs .nav-link {
    font-size: 14px;
    display: inline-block;
    text-transform: uppercase;
    font-family: var(--regular-font);
    color: var(--dark-grey);
    position: relative;
    line-height: 26px
}

.browse_subjects .nav {
    list-style: none;
    text-align: center;
    width: 100%;
    position: relative;
    float: left
}

.browse_subjects .nav li {
    display: inline-block
}

.browse_subjects .nav li a {
    display: block;
    padding: 15px;
    text-decoration: none;
    color: #aaa;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0 10px
}

.browse_subjects .nav li a,
.browse_subjects .nav li a:after,
.browse_subjects .nav li a:before {
    transition: all .5s
}

.browse_subjects .nav li a:hover {
    color: #555
}

.browse_subjects .nav.stroke li a {
    position: relative
}

.browse_subjects .nav.stroke li a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 0%;
    content: '.';
    color: transparent;
    background: var(--orange-color);
    height: 1px
}

.browse_subjects .nav.stroke li a.active:after,
.browse_subjects .nav.stroke li a:hover:after {
    width: 100%
}

#tab_dropdown {
    font-size: 14px;
    color: var(--dark-grey);
    font-family: var(--semibold-font);
    margin-bottom: 20px
}

#tab_dropdown,
#tab_dropdown option {
    font-size: 14px;
    color: var(--dark-grey);
    font-family: var(--semibold-font)
}

.browse_subjects .accordion-head i {
    font-size: 20px;
    float: right
}

.browse_subjects .accordion-head>.collapsed>i:before {
    content: "\f105"
}

.browse_subjects .card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 1px solid #ccc
}

.browse_subjects .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: none;
    border-radius: 0!important;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    -ms-border-radius: 0!important;
    -o-border-radius: 0!important
}

.browse_subjects .subject_heading {
    color: var(--dark-grey);
    font-size: 18px;
    font-family: var(--semibold-font)
}

.browse_subjects .seeall_link a {
    color: var(--orange-color);
    font-family: var(--semibold-font);
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 0;
    margin: 10px 0
}

.browse_subjects .desktop_view {
    margin-bottom: 20px;
    max-width: 1200px;
    margin: 0 auto
}

.browse_subjects .card-block {
    padding: 15px
}

.browsesubjectsitem {
    padding: 0
}

.browsesubjectsitem .browsesubjectslink {
    float: left;
    width: 100%;
    position: relative;
    padding: 10px;
    font-size: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex
}

.browsesubjectsitem .browsesubjectslink:hover {
    background-color: var(--dark-grey)
}

.browsesubjectsitem .browsesubjectslink:hover .browsesubjectname {
    color: #fff
}

.browsesubjectsitem .browsesubjectslink .browsesubjectcount {
    background-color: #fff;
    border: 1px solid #eee;
    margin-right: 5px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    width: 40px;
    text-align: center
}

.browsesubjectsitem .browsesubjectslink .browsesubjectname {
    font-size: 16px;
    color: var(--dark-grey)
}

.mob_audiobooks,
.mob_ebooks,
.mob_video {
    display: none
}

.back_link a {
    display: flex;
    align-items: center;
    font-family: var(--regular-font);
    font-size: 14px
}

.top_nav .back_link {
    position: absolute;
    top: 0;
    left: 0
}

.top_nav .back_link i {
    font-size: 18px;
    margin-top: -2px;
    display: inline-block;
    margin-right: 8px
}

.aboutus_section {
    float: left;
    width: 100%;
    position: relative
}

.aboutus_section .title h1,
.member_title h1,
.tab-pane .title h1 {
    font-size: 40px;
    font-family: var(--bold-font);
    margin-top: 10px
}

.aboutus_section .title h1 span,
.tab-pane .title h1 span {
    color: var(--orange-color)
}

.aboutus_section .content p {
    color: var(--dark-grey);
    font-family: var(--regular-font);
    font-size: 16px;
    margin-bottom: 10px
}

.aboutus_section .content ol {
    padding-left: 15px;
    color: var(--dark-grey);
    font-family: var(--regular-font);
    font-size: 16px
}

.breadcrumb {
    background-color: transparent;
    padding: 20px 0;
    margin-bottom: 0
}

.service_content {
    display: flex;
    align-items: center;
    padding: 20px 20px 20px 0;
    float: left
}

.shield_icon {
    float: left;
    padding: 10px;
    margin-right: 10px;
    font-size: 28px;
    height: 50px;
    width: 50px;
    text-align: center;
    background-color: var(--green-color);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%
}

.shield_icon:hover {
    background-color: var(--orange-color)
}

.service_name {
    float: left;
    font-family: var(--semibold-font);
    color: var(--dark-grey);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    text-align: left
}

.service_name h5 {
    margin-bottom: 0;
    font-size: 18px;
    width: 100%
}

.service_name h6 {
    margin-bottom: 0;
    font-size: 16px;
    width: 100%;
    font-family: var(--regular-font)
}

.aboutus_section .content {
    margin-bottom: 40px
}

.aboutus_section .content h3 {
    font-family: var(--semibold-font);
    color: var(--dark-grey);
    font-size: 18px
}

.aboutus_section .title h3 {
    font-size: 22px;
    font-family: var(--semibold-font);
    color: var(--dark-grey);
    text-transform: uppercase;
    margin-top: 10px
}

.contact_form .textfield_gorup textarea {
    padding: 10px 5px;
    outline: 0;
    display: block;
    background: #ededed;
    text-indent: 4px;
    color: #2c2c2c;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 5px;
    width: 100%;
    border: 1px solid #e1e1e1;
    resize: none
}

.contact_form .contact_address h3 {
    color: var(--dark-grey);
    font-size: 28px;
    font-family: var(--regular-font)
}

.contact_form .contact_address h4 {
    color: var(--dark-grey);
    font-size: 20px;
    font-family: var(--regular-font);
    margin-bottom: 0;
    margin-top: 20px
}

.contact_form .contact_address .cust_text {
    color: var(--dark-grey);
    font-size: 22px;
    font-family: var(--regular-font);
    margin-bottom: 0;
    margin-top: 0
}

.contact_form .div_title .cust_text {
    color: var(--dark-grey);
    font-size: 22px;
    font-family: var(--regular-font);
    margin-bottom: 10px;
    margin-top: 0
}

.aboutus_belt .form-group.focused label {
    display: none
}

.contact_form .contact_address address,
p {
    color: var(--dark-grey);
    font-family: var(--regular-font);
    font-size: 17px
}

.contactus_section {
    margin-bottom: 70px
}

.contact_form .contact_address span {
    color: var(--dark-grey);
    font-family: var(--semibold-font);
    font-size: 16px
}

.contact_form .contact_address a:hover {
    color: var(--orange-color)
}

.contact_form .div_title h4 {
    color: var(--dark-grey);
    font-family: var(--semibold-font);
    font-size: 18px;
    margin-bottom: 20px
}

.breadcrumb_ol .breadcrumb .active {
    color: var(--orange-color)
}

.terms_conditions_section .title h2 {
    color: var(--dark-grey);
    font-size: 28px;
    font-family: var(--semibold-font)
}

.mobile_view .advanced_search_select {
    width: 90%!important
}

.view i {
    margin-right: 5px
}

.belt_section {
    width: 100%;
    float: left;
    position: relative
}

.btn.contact-us {
    border: 2px solid #fff;
    margin-right: 15px;
    color: #fff
}

.contactus_btn {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

.belt_section {
    background-color: var(--green-color);
    padding: 30px 0
}

.belt_section .title {
    font-size: 45px;
    color: #fff
}

.belt_section p {
    color: #fff
}

.connect_section {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.connect_section p {
    margin-bottom: 0
}

.wecome_text .drop_arrow {
    font-size: 14px;
    margin-top: 2px
}

.download_sample {
    color: var(--orange-color);
    font-size: 16px;
    font-family: var(--semibold-font)
}

.download_sample:hover {
    color: var(--green-color);
    font-size: 16px;
    font-family: var(--semibold-font)
}

.listings .book_cover_img {
    width: 100%;
    float: left;
    position: relative;
    background: #f5f5f5 url(../images/default-cover-img.png) no-repeat;
    transition: all .3s linear;
    background-size: contain;
    padding-top: 140%
}

.readlist,
.wishlist {
    margin-top: 5px
}

.captcha_image {
    width: 100%;
    object-fit: cover;
    object-position: center
}

.aboutus_belt .form-group+.form-group {
    margin-top: 0!important
}

.aboutus_belt .textfield_gorup textarea {
    width: 100%;
    border: 1px solid #e1e1e1;
    resize: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background-color: #e1e1e1
}

.aboutus_belt .textfield_gorup .form-label {
    left: 15px;
    background: 0 0;
    font-size: 16px;
    font-family: var(--regular-font);
    font-weight: 400
}

.recaptcha {
    margin-bottom: 0!important;
    display: flex;
    align-items: center
}

.aboutus_belt .connect_section {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start
}

.aboutus_belt .connect_section .contactus_btn {
    margin-top: 20px
}

img {
    max-width: 100%
}

.browse_div {
    position: relative;
    float: left;
    width: 100%
}

.language_dropdown {
    position: absolute;
    top: 14.5%;
    right: 0
}

.browse_subjects .desktop_view .tab-content>.active {
    display: block;
    position: relative;
    width: 100%;
    float: left;
    margin-top: 30px
}

.edit_profile {
    width: 100%;
    position: relative;
    float: left;
    padding: 0 0 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    margin-bottom: 0
}

.welcome_text {
    font-size: 18px;
    font-family: var(--semibold-font);
    color: var(--dark-grey)
}

.premium_member {
    font-size: 15px;
    font-family: var(--regular-font);
    display: inline-block;
    margin-right: 10px;
    color: var(--dark-grey);
    margin-bottom: 0
}

.middot {
    color: #a1a1a1;
    height: 5px;
    width: 5px;
    background: #a1a1a1;
    display: inline-block;
    border-radius: 50px;
    position: relative;
    top: -2px
}

.edit_text {
    color: var(--orange-color);
    margin-left: 10px;
    display: inline-block
}

.personal_profile {
    float: left;
    width: 100%;
    position: relative;
    padding: 25px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.edit_profile .breadcrumb {
    padding: 20px 0 10px 0;
    margin-bottom: 0
}

.profile_text {
    font-family: var(--semibold-font);
    font-size: 24px;
    margin-bottom: 0;
    color: var(--dark-grey)
}

.textfield_gorup a {
    color: #fff
}

.textfield_gorup .forget_link {
    color: #0476e4!important
}

.edit_profile_form {
    padding: 45px 0;
    float: left;
    position: relative;
    width: 100%
}

.edit_profile_form .e_form_div.form-wrapper {
    margin-top: 0
}

.card-title[aria-expanded=true] .fa-angle-down,
.card-title[aria-expanded=true] a {
    color: var(--orange-color)!important
}

.card-title.collapsed .right-arrow {
    transform: translateY(-50%) rotate(-90deg)
}

.card-title[aria-expanded=true],
.card-title[aria-expanded=true] .fa-angle-down {
    color: var(--orange-color)!important
}

.profile_div {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 30px
}

.author,
.bookmarks,
.notification-table,
.transaction {
    float: left;
    width: 100%;
    position: relative;
    padding: 20px 0
}

.format_title,
.profile-text {
    font-size: 15px;
    font-family: var(--semibold-font);
    color: var(--dark-grey);
    margin-bottom: 5px
}

.edit p {
    font-size: 16px
}

.format_title {
    text-transform: uppercase
}

.icon-text {
    font-size: 16px;
    font-family: var(--regular-font);
    color: var(--dark-grey);
    margin-bottom: 0
}

.msg-icon-text {
    font-size: 14px;
    font-family: var(--regular-font);
    color: var(--dark-grey);
    margin-bottom: 0;
    margin-top: 3px
}

.edit {
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    margin-bottom: 20px;
    position: relative
}

.edit p {
    margin: 0
}

.edit_form {
    margin-bottom: 30px
}

.edit_form .textfield_gorup {
    margin-top: 10px
}

.fav_text .profile-text {
    margin: 0
}

.fav_checkbox label {
    color: var(--green-color);
    font-family: var(--semibold-font)
}

.favourite_section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px
}

.styled-checkbox {
    position: absolute;
    opacity: 0
}

.styled-checkbox+label {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0
}

.fav_checkbox {
    display: flex;
    float: right;
    align-items: center
}

.author .styled-checkbox+label::before,
.bookmarks .styled-checkbox+label::before,
.notification-table .styled-checkbox+label::before,
.transaction .styled-checkbox+label::before {
    margin-right: 0
}

.styled-checkbox+label::before {
    margin-right: 10px;
    content: '';
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    margin-top: -2px;
    border: 1px solid #ddd
}

.styled-checkbox:hover+label:before {
    background: #f35429;
    border-color: #f35429
}

.styled-checkbox:checked+label:before {
    background: #f35429;
    border-color: #f35429
}

.styled-checkbox:checked+label:after {
    content: '';
    position: absolute;
    left: 4px;
    top: 10px;
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.desktop_section,
.email_section,
.mobile_section {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f8f9fa;
    margin-bottom: 5px
}

.msg_div {
    padding: 20px 20px 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px
}

.profile_icon {
    width: 30px
}

.edit_profile_section {
    padding: 0
}

.profile-section {
    float: left;
    position: relative;
    width: 100%;
    height: 100%
}

.profile_panel {
    padding: 0 20px;
    margin-top: 10px
}

.bookmark_table thead {
    background-color: #dadada
}

.book_button {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.book_button .page {
    padding: 5px 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px
}

.items {
    display: flex;
    align-items: center;
    justify-content: center
}

.detail_section {
    position: relative;
    width: 100%;
    float: left;
    margin-top: 0
}

.detail_section .listings {
    margin-top: 0
}

.detail_button {
    margin-top: 25px
}

.wish_list {
    display: flex;
    align-items: center
}

.wish_list .wishlist {
    right: 0
}

.original_book {
    font-size: 14px;
    color: var(--dark-grey);
    text-align: center;
    text-transform: uppercase
}

.detail_section .listings .d_book_block .book_cover_img {
    width: 100%;
    float: left;
    position: relative;
    background: #f5f5f5 url(../images/default-cover-img.png) no-repeat;
    transition: all .3s linear;
    background-size: contain;
    padding-top: 130%
}

.email,
.facebook,
.message,
.twitter,
.whatsapp {
    color: #fff;
    width: 25px;
    height: 25px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    float: left;
    margin: 10px 10px 0 0
}

.facebook {
    background-color: #6081c4
}

.twitter {
    background-color: #43bdf0
}

.whatsapp {
    background-color: #26b383
}

.email {
    background-color: #0072c6
}

.message {
    background-color: #018afc
}

.email a,
.facebook a,
.message a,
.twitter a,
.whatsapp a {
    color: #fff;
    font-size: 20px
}

.formats {
    padding-top: 10px
}

.capsules ul {
    padding: 0;
    margin: 0
}

.capsules ul li {
    padding: 7px 7px 7px 0;
    list-style: none;
    display: inline-block;
    margin-bottom: 5px
}

.detail_capsule {
    color: var(--green-color);
    padding: 5px 22px;
    border: 1px solid var(--green-color);
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px
}

.detail_capsule:hover {
    background-color: var(--green-color);
    color: #fff
}

.share_with {
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 20px
}

#myCarousel .list-inline {
    white-space: nowrap;
    overflow-x: auto
}

#myCarousel .carousel-indicators {
    position: static;
    left: initial;
    width: initial;
    margin-left: initial
}

#myCarousel .carousel-indicators>li {
    width: 50px;
    height: initial;
    text-indent: initial
}

#myCarousel .carousel-indicators>li.active img {
    opacity: .7
}

.detail_cursor {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.detail_cursor .carousel-control-next-icon,
.detail_cursor .carousel-control-prev-icon {
    background-image: none
}

.detail_cursor .carousel-control-next-icon i,
.detail_cursor .carousel-control-prev-icon i {
    background-image: none;
    color: var(--dark-grey);
    font-size: 20px
}

.detail_cursor .carousel-control-prev {
    left: -20px
}

.detail_cursor .carousel-control-next {
    right: -20px
}

.detail_section .book_info .specification p {
    font-size: 15px
}

.author .table td:first-child,
.author .table th:first-child,
.author tbody tr td:first-child,
.author tbody tr td:last-child,
.author tbody tr td:nth-child(3n),
.author thead tr th:first-child,
.author thead tr th:last-child,
.author thead tr th:nth-child(3n),
.author_table tbody tr td:nth-child(3n),
.author_table tbody tr td:nth-child(5n),
.author_table thead tr th:nth-child(3n),
.author_table thead tr th:nth-child(5n),
.bookmark_table tbody tr td:nth-child(4n),
.bookmark_table thead tr th:nth-child(4n),
.bookmarks .table td:first-child,
.bookmarks .table th:first-child,
.notification-table .table td:first-child,
.notification-table .table td:last-child,
.notification-table .table th:first-child,
.notification-table .table th:last-child,
.pricing_table .table td:last-child,
.transaction tbody tr td:nth-child(6n+1),
.transaction thead tr th:nth-child(6n+1),
.transaction_table tr td:nth-child(5n),
.transaction_table tr th:nth-child(5n) {
    text-align: center
}

table.dataTable thead>tr>td.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc {
    padding-right: 25px
}

.author_table tbody tr td:nth-child(4n),
.author_table thead tr th:nth-child(4n),
.pricing_table .table th:last-child,
.transaction tr td:nth-child(3n),
.transaction tr th:nth-child(3n) {
    text-align: left
}

.bookmarks .table td,
.bookmarks .table th {
    border-top: none
}

.bookmarks .table-striped tbody tr:nth-of-type(2n) {
    background-color: rgba(209, 209, 209, .15)
}

.bookmarks .table-striped tbody tr:nth-of-type(2n+1) {
    background: 0 0
}

.edit_profile_section .e_form {
    margin-bottom: 0
}

.profile_panel .card .active {
    color: var(--orange-color)
}

.accordion>.card:last-of-type .card-header {
    border-bottom: none
}

.author .table td,
.author .table th,
.bookmarks .table td,
.bookmarks .table th,
.notification-table .table td,
.notification-table .table th {
    border-top: none;
    vertical-align: middle
}

.edit_profile_section .profile_div .edit_div .edit_form select {
    width: 100%;
    height: 38px;
    background: #ededed;
    border: none;
    outline: 0!important
}

.edit_profile_section .profile_div .edit_div .edit_form select option {
    background: #fff;
    color: var(--dark-grey);
    text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
    outline: 0!important
}

.edit_profile_section .profile_div .edit_div .edit_form select:focus {
    outline: 0!important
}

.edit p a {
    color: var(--green-color)
}

.notification_div {
    display: flex;
    align-items: flex-start;
    width: 100%;
    float: left
}

.bookimg {
    margin-right: 0;
    width: 32px;
    height: 32px;
    display: inline-block
}

.notification_info {
    color: #ddd
}

.remove {
    position: absolute;
    top: 0;
    right: 0
}

.notification_text {
    padding: 0 25px
}

.category_self_section .bookself_ul {
    width: 100%
}

.new_category_section {
    margin-bottom: 40px
}

.category-title {
    text-align: left;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.category-title .sub_title {
    color: #fff;
    font-size: 24px;
    display: inline-flex
}

.section .category-title .sub_title a {
    color: var(--dark-grey);
    display: inline-flex
}

.sub_title img {
    width: 16px
}

.membership {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.member_section {
    float: left;
    width: 100%;
    position: relative;
    padding: 0 0 55px
}

.group:after {
    content: "";
    display: table;
    clear: both
}

.grid-1-5 {
    min-height: 400px;
    position: relative;
    text-align: center;
    transition: all .2s ease-in-out;
    border-radius: 12px;
    border: 1px solid #ccc;
    margin: 0 .5%;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .08)
}

.grid-1-5:hover {
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, .1)
}

.grid-1-5:hover:nth-child(1),
.grid-1-5:hover:nth-child(5) {
    border: 1px solid #92edc1
}

.grid-1-5:hover:nth-child(2),
.grid-1-5:hover:nth-child(6) {
    border: 1px solid #a0d9f1
}

.grid-1-5:hover:nth-child(3),
.grid-1-5:hover:nth-child(7) {
    border: 1px solid #fa88a5
}

.grid-1-5:hover:nth-child(4),
.grid-1-5:hover:nth-child(8) {
    border: 1px solid #fee084
}

.grid-1-5 .heading {
    padding: 10px 20px;
    margin-bottom: 0;
    border-radius: 10px 10px 0 0
}

.grid-1-5:nth-child(1) .heading,
.grid-1-5:nth-child(5) .heading {
    background-color: #76dda6;
    border: 1px solid #76dda6;
    color: #fff
}

.grid-1-5:nth-child(2) .heading,
.grid-1-5:nth-child(6) .heading {
    background-color: #81c9e2;
    border: 1px solid #81c9e2;
    color: #fff
}

.grid-1-5:nth-child(3) .heading,
.grid-1-5:nth-child(7) .heading {
    background-color: #ed7797;
    border: 1px solid #ed7797;
    color: #fff
}

.grid-1-5:nth-child(4) .heading,
.grid-1-5:nth-child(8) .heading {
    background-color: #f4d378;
    border: 1px solid #f4d378;
    color: #fff
}

.grid-1-5:nth-child(1) .price-tag,
.grid-1-5:nth-child(5) .price-tag {
    color: #76dda6
}

.grid-1-5:nth-child(2) .price-tag,
.grid-1-5:nth-child(6) .price-tag {
    color: #81c9e2
}

.grid-1-5:nth-child(3) .price-tag,
.grid-1-5:nth-child(7) .price-tag {
    color: #ed7797
}

.grid-1-5:nth-child(4) .price-tag,
.grid-1-5:nth-child(8) .price-tag {
    color: #f4d378
}

.grid-1-5:nth-child(1) .button,
.grid-1-5:nth-child(5) .button {
    border: 1px solid #76dda6;
    color: #76dda6
}

.grid-1-5:nth-child(2) .button,
.grid-1-5:nth-child(6) .button {
    border: 1px solid #81c9e2;
    color: #81c9e2
}

.grid-1-5:nth-child(3) .button,
.grid-1-5:nth-child(7) .button {
    border: 1px solid #fa88a5;
    color: #fa88a5
}

.grid-1-5:nth-child(4) .button,
.grid-1-5:nth-child(8) .button {
    border: 1px solid #f4d378;
    color: #f4d378
}

.grid-1-5:hover:nth-child(1) .button,
.grid-1-5:hover:nth-child(5) .button {
    box-shadow: 2px 4px 5px 0 rgba(146, 237, 193, .75);
    -webkit-box-shadow: 2px 4px 5px 0 rgba(146, 237, 193, .75);
    -moz-box-shadow: 2px 4px 5px 0 rgba(146, 237, 193, .75)
}

.grid-1-5:hover:nth-child(2) .button,
.grid-1-5:hover:nth-child(6) .button {
    box-shadow: 2px 4px 5px 0 rgba(160, 217, 241, .75);
    -webkit-box-shadow: 2px 4px 5px 0 rgba(160, 217, 241, .75);
    -moz-box-shadow: 2px 4px 5px 0 rgba(160, 217, 241, .75)
}

.grid-1-5:hover:nth-child(3) .button,
.grid-1-5:hover:nth-child(7) .button {
    box-shadow: 2px 4px 5px 0 rgba(250, 136, 165, .75);
    -webkit-box-shadow: 2px 4px 5px 0 rgba(250, 136, 165, .75);
    -moz-box-shadow: 2px 4px 5px 0 rgba(250, 136, 165, .75)
}

.grid-1-5:hover:nth-child(4) .button,
.grid-1-5:hover:nth-child(8) .button {
    box-shadow: 2px 4px 5px 0 rgba(254, 224, 132, .75);
    -webkit-box-shadow: 2px 4px 5px 0 rgba(254, 224, 132, .75);
    -moz-box-shadow: 2px 4px 5px 0 rgba(254, 224, 132, .75)
}

.grid-1-5 .validity,
.valid-period .validity {
    color: var(--dark-grey);
    font-family: var(--semibold-font)
}

.member_section .heading h2 {
    font-size: 22px;
    margin-bottom: 0
}

.pricing {
    margin-bottom: 0;
    padding: 7px
}

.price-tag {
    font-family: var(--semibold-font);
    font-size: 30px;
    margin-top: 10px
}

.member_section ul {
    list-style-type: none;
    padding: 0
}

.member_section ul li {
    color: var(--dark-grey);
    font-size: 16px;
    padding: 10px 15px
}

.grid-1-5 .button {
    background-color: #fff;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    padding: .75em 1.5em;
    margin-bottom: 0;
    text-decoration: none;
    border-radius: 25px;
    width: 140px;
    margin: 0 auto
}

.small,
sup {
    font-size: .6125em
}

.rupee {
    font-size: 16px;
    color: #515151
}

.change {
    position: absolute;
    top: 55px;
    right: 0;
    color: var(--orange-color)
}

.change:hover {
    text-decoration: underline
}

.edit_profile_section .edit {
    border-bottom: none
}

.table-responsive .table-bordered {
    border: 1px solid #dee2e6;
    overflow: auto
}

.page-item.disabled .page-link {
    color: var(--green-color);
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: transparent
}

.dataTables_wrapper .page-item {
    padding: 10px
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #ededed;
    opacity: 1
}

#datepicker>span:hover {
    cursor: pointer
}

#Arya:focus {
    color: #fff
}

.table .table thead th {
    text-align: center
}

.bookviewed .table td:last-child,
.bookviewed .table th:last-child {
    text-align: center
}

.bookmarks .table td:nth-child(2),
.bookmarks .table th:nth-child(2){
    text-align: center
}

.bookmarks .table td:nth-child(6),
.bookmarks .table th:nth-child(6){
    text-align: center
}
.td_img {
    height: 40px;
    object-fit: cover;
    object-position: center
}

table.table-bordered.dataTable td,
table.table-bordered.dataTable th {
    font-size: 13px
}

.transaction .table td:nth-child(5n+1),
.transaction .table th:nth-child(5n+1) {
    text-align: center
}

.profile_div.table-responsive {
    border: none;
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 0
}

.table-responsive {
    overflow-x: auto;
    min-height: .01%;
    margin-bottom: 20px
}

.profile_div.table-responsive {
    overflow-x: unset!important
}

.list-group {
    padding-left: 0;
    margin-bottom: 20px;
    margin-top: 20px
}

.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.list-group-item {
    position: relative;
    display: flex;
    padding: 7px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
    align-items: center;
    justify-content: space-between
}

.list-group-item>.badge {
    float: right
}

.edit_badge {
    border: 1px solid var(--orange-color);
    color: #2b2b2b;
    background-color: #fff;
    border-radius: 25px
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 0;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #f4a137;
    border-radius: 25px;
    position: relative;
    border: transparent
}

.badge .form-control:focus {
    color: #495057;
    background-color: transparent;
    border-color: transparent;
    outline: 0;
    box-shadow: none
}

.edit-text a {
    position: absolute;
    top: 10px;
    right: 0;
    color: var(--orange-color);
    font-size: 16px;
    font-family: var(--semibold-font);
    opacity: 1
}

.form-control:focus {
    color: #495057;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(212, 212, 212, .25)
}

.edit_select {
    padding: 5px 5px;
    outline: 0;
    display: block;
    background: 0 0;
    text-indent: 0;
    color: #fff;
    font-family: var(--semibold-font);
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-appearance: none!important;
    font-size: 16px
}

.badge .form-control:disabled,
.form-control[readonly] {
    background-color: transparent;
    opacity: 1
}

.profile-sub-div .badge {
    display: inline-block;
    min-width: 10px;
    padding: 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #717070;
    border-radius: 25px
}

.accordion-body,
.accordion-header {
    background: #fff
}

.accordion-header {
    padding: .75em 1.5em;
    background: 0 0;
    color: var(--dark-grey);
    cursor: pointer;
    font-size: 18px;
    letter-spacing: .1em;
    transition: all .3s;
    font-family: var(--semibold-font)
}

.accordion__item {
    border-bottom: 1px solid #ddd
}

.accordion__item .accordion__item {
    border-bottom: 1px solid rgba(0, 0, 0, .08)
}

.accordion-body {
    background: #fcfcfc;
    color: #353535;
    display: none
}

.accordion-body__contents {
    padding: 1.5em 1.5em;
    font-size: .85em
}

.accordion__item.active:last-child .accordion-header {
    border-radius: none
}

.accordion:first-child>.accordion__item>.accordion-header {
    border-bottom: 1px solid #ddd
}

.accordion__item>.accordion-header:after {
    content: "\f054";
    font-family: FontAwesome;
    font-size: 16px;
    float: right;
    position: relative;
    top: -2px;
    transition: .3s all;
    transform: rotate(0)
}

.accordion__item.active>.accordion-header:after {
    transform: rotate(90deg)
}

.textfield_gorup .sortbydropdown #dLabel,
.textfield_gorup .sortbydropdown .dropdown-select .sortby_menu.show {
    width: 100%!important
}

.profile_div .textfield_gorup {
    margin-bottom: 0
}

.profile_div .textfield_gorup input.custom_textbox {
    height: 35px
}

.box-border .list-group-item {
    padding-right: 7px
}

.box-border .list-group-item .sortbydropdown #dLabel {
    font-family: var(--regular-font);
    background-color: #ededed;
    border: 1px solid #e1e1e1;
    color: #212529
}

.save_btn {
    margin-bottom: 30px
}

.profile_bg .textfield_gorup .custom_textbox,
.profile_bg .textfield_gorup .sortbydropdown #dLabel {
    background-color: #ffcdac;
    border: 1px solid #ffcdac
}

.pricing-button .button {
    color: var(--orange-color);
    border: 1px solid var(--orange-color);
    border-radius: 25px;
    padding: 8px 15px;
    font-size: 16px;
    font-family: var(--semibold-font)
}

.pricing-button .button:hover {
    color: #fff;
    background-color: var(--orange-color);
    border: 1px solid var(--orange-color)
}

.pricing_table .free h4 {
    color: var(--dark-grey);
    font-size: 18px
}

.pricing_table .table tbody tr,
.pricing_table .table thead tr {
    border-bottom: 1px solid #ddd
}

.pricing_table .table tbody td,
.pricing_table .table thead th {
    border: 0
}

.price span {
    font-size: 16px
}

.valid-period {
    font-size: 16px
}

.hindi_book_name {
    font-size: 16px
}

.demo h1 {
    margin: 0 0 25px
}

.demo h3 {
    margin: 10px 0
}

pre {
    background-color: #fff
}

@media only screen and (max-width:780px) {
    .demo {
        width: 100%;
        margin-bottom: 5%
    }
    .how-use {
        display: none;
        float: left;
        width: 300px
    }
}

#tabInfo {
    display: none
}

section .section-title {
    text-align: center;
    color: #000;
    margin-bottom: 50px;
    text-transform: uppercase
}

hr.less,
hr.more {
    padding: 0;
    border: none;
    border-top: 1px solid #ddd;
    color: #333;
    text-align: center;
    position: relative;
    cursor: pointer;
    z-index: -1;
    margin-top: 30px;
    display: none
}

.desicription {
    display: block;
    height: 31px;
    width: 31px;
    margin: 0 auto;
    margin-top: 0;
    margin-top: -36px;
    z-index: 9999;
    background: #fff;
    padding: 0 10px;
    cursor: pointer;
    background-image: url(../images/detail-sprite.png);
    background-position: -43px 0
}

.category-title .next {
    background-image: url(../images/detail-sprite.png);
    height: 31px;
    width: 31px;
    background-position: -97px -7px
}

.next_white {
    background-image: url(../images/detail-sprite.png);
    height: 31px;
    width: 31px;
    background-position: -166px -6px
}

.original-book {
    position: relative;
    float: left;
    width: 100%;
    background-color: #f1f0f0;
    padding-bottom: 55px;
    margin-top: 20px
}

.original-book .section_title {
    color: var(--dark-grey);
    text-align: left;
    font-family: var(--semibold-font);
    font-size: 22px;
    display: inline-flex
}

#expand {
    margin-bottom: 20px;
    padding: 10px;
    overflow: hidden;
    max-height: 150px;
    transition: max-height 1s ease
}

#button {
    background-size: cover;
    border: none;
    transform: rotate(0);
    transition: 1s -webkit-transform
}

#button.opened {
    transform: rotate(-180deg);
    transition: 1s -webkit-transform
}

#expand.show {
    max-height: 1000px
}

.js .slider-single>div:nth-child(1n+2) {
    display: none
}

.js .slider-single.slick-initialized>div:nth-child(1n+2) {
    display: block
}

.slider-single h3 {
    line-height: 20rem
}

.slider-nav h3 span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.slider-nav .slick-slide {
    cursor: pointer
}

.slick-slide.is-active h3 {
    color: #c00;
    background-color: #fff
}

#page .column {
    width: 100%;
    padding: 0;
    min-height: 350px
}

.slider-nav .slick-slide {
    padding: 10px
}

.slider-nav div img {
    width: 40px;
    height: 60px
}

.slider-nav .slick-slide {
    padding: 10px 10px 0 0
}

.report_issue_modal .modal-title {
    margin: 0;
    text-align: left;
    font-family: var(--semibold-font);
    font-size: 20px
}

.stepwizard-step p {
    margin: 10px 0 25px 0
}

.stepwizard-row {
    display: table-row
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative
}

.stepwizard-step button[disabled] {
    opacity: 1!important
}

.stepwizard-step::before {
    top: 20px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 60%;
    height: 1px;
    background-color: #ccc;
    left: 33%
}

.stepwizard-step:nth-child(4)::before {
    background-color: transparent
}

.stepwizard-step {
    display: table-cell;
    position: relative
}

[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer
}

[data-tooltip]:after,
[data-tooltip]:before {
    visibility: hidden;
    opacity: 0;
    pointer-events: none
}

[data-tooltip]:before {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-bottom: 5px;
    margin-left: -80px;
    padding: 7px;
    width: 160px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #333;
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 14px;
    line-height: 1.2
}

[data-tooltip]:after {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    border-top: 5px solid #000;
    border-top: 5px solid hsla(0, 0%, 20%, .9);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0
}

[data-tooltip]:hover:after,
[data-tooltip]:hover:before {
    visibility: visible;
    opacity: 1
}

.box-border.table-responsive {
    overflow-x: auto
}

.detail_button .read_btn {
    width: 140px;
    float: left;
    margin-right: 5px
}

.detail_button .download_btn {
    width: 100px;
    float: left;
    margin-right: 5px
}

.detail_button .readlater_btn {
    width: 170px
}

.detail_button .buycopy_btn {
    width: 140px
}

.find_book_wizzard_modal .modal-dialog {
    max-width: 700px!important;
    margin: 1.75rem auto
}

#m-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 10px 20px 10px 10px;
    border: 2px solid#ddd;
    border-radius: 3px
}

.modal-text {
    font-size: 18px;
    font-family: var(--semibold-font);
    margin: 20px 0 10px 0;
    color: #2b2b2b
}

#modal_textarea {
    width: 100%;
    padding: 10px;
    border: 2px solid #ddd;
    border-radius: 3px;
    margin-bottom: 20px
}

.modal-footer {
    justify-content: flex-start
}

.modal-header .close {
    padding: 1.5rem 1.5rem;
    margin: -1rem -1rem -1rem auto;
    color: #fff;
    opacity: 1
}

.modal-body,
.modal-footer,
.modal-header {
    padding: 16px 30px;
    align-items: center
}

.md-cancel {
    color: #0aa6ff;
    margin-left: 10px;
    text-decoration: none;
    font-size: 16px
}

.shadow-sm {
    box-shadow: none!important
}

.specification a:hover {
    color: var(--green-color)
}

.wizard_title {
    font-size: 20px!important
}

.stepwizard-step .btn-default {
    background: #ddd;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    -webkit-appearance: none
}

.stepwizard-step .btn-primary {
    background: var(--green-color);
    border-color: var(--green-color)
}

.setup-content {
    position: relative
}

.wizard_img {
    padding-bottom: 85px
}

.wizard_foot {
    padding: 15px 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0
}

.setup-content .nextBtn,
.setup-content .previuosBtn {
    float: right
}

.setup-content .previuosBtn {
    margin-right: 15px
}

.setup-content .radio_group .radio_button {
    margin-bottom: 15px
}

.step_title {
    color: var(--dark-grey);
    font-size: 20px;
    margin-bottom: 10px;
    font-family: var(--semibold-font)
}

.modal-header {
    background: var(--orange-color);
    color: #fff
}

#wizzard_modal .modal-dialog .modal-content .modal-footer {
    background: #fff;
    border-top: none;
    padding: 0
}

.wizard_colunm {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.setup-content .fav_checkbox {
    float: none;
    margin-bottom: 20px
}

.setup-content .fav_checkbox label {
    color: var(--dark-grey);
    font-family: var(--regular-font);
    font-size: 16px
}

.btn-primary.focus,
.btn-primary:focus {
    box-shadow: none
}

.wizard_filter_area ul {
    margin-bottom: 0
}

.wizard_filter_area ul li a {
    display: inline-block;
    background: 0 0;
    margin-bottom: 8px;
    color: var(--dark-grey);
    border-radius: 20px;
    border: 1px solid #d7d7d7;
    font-size: 14px;
    padding: 0 12px;
    line-height: 22px;
    align-items: center;
    width: auto
}

.wizard_filter_area ul li a i {
    color: var(--dark-grey);
    font-size: 12px;
    line-height: 22px
}

.wizard_filter_area ul {
    padding-left: 0
}

.wizard_filter_area ul li {
    display: inline-block
}

.wizard_capsule {
    border: 1px solid #d7d7d7;
    border-radius: 10px;
    padding: 10px 20px;
    width: 100%;
    position: relative;
    float: left;
    margin-bottom: 10px
}

.nextBtn,
.previuosBtn {
    display: inline-block;
    line-height: 34px;
    border-radius: 3px;
    font-size: 16px;
    padding: 0 40px;
    letter-spacing: .5px;
    position: relative;
    transition: all .3s linear;
    z-index: 1
}

.nextBtn {
    background: var(--dark-grey);
    color: #fff;
    border: 1px solid var(--dark-grey)
}

.previuosBtn {
    border: 1px solid #ddd;
    color: var(--dark-grey);
    background: 0 0
}

.textfield_gorup textarea {
    width: 100%;
    outline: 0;
    border: 1px solid #ddd
}

.modal-footer .signin_btn {
    margin: 0!important
}

.feedback_modal .modal-dialog,
.report_issue_modal .modal-dialog {
    max-width: 600px
}

#wizzard_error_txt,
#wizzard_error_txt-2,
#wizzard_error_txt-3 {
    color: red;
    font-size: 14px
}

.multipleChosen {
    width: 300px
}

.stepwizard-step .completed {
    background: var(--orange-color);
    border-color: var(--orange-color);
    color: #fff
}

.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    width: 100px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #ddd!important;
    border-radius: 4px;
    cursor: text;
    width: 100%!important
}

.member_section .breadcrumb {
    padding: 10px 0
}

#step-4 .textfield_gorup {
    margin-bottom: 20px
}

.author_accordion {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 30px
}

.seeall_link {
    position: absolute;
    top: 0;
    right: 0;
    color: var(--orange-color);
    font-size: 16px;
    font-family: var(--semibold-font)
}

.seeall_link:hover {
    color: var(--orange-color)
}

.browseimage {
    float: left;
    margin-right: 10px
}

.browseimage img {
    width: 35px;
    object-fit: cover;
    display: table-cell;
    vertical-align: middle
}

.card_link {
    position: relative;
    float: left;
    width: 100%;
    color: var(--dark-grey);
    font-size: 18px
}

.right-arrow {
    float: right
}

.author_accordion .card-link .right-arrow {
    transform: translateY(-50%) rotate(-90deg)
}

.author_detail_section .focus_bg {
    height: 300px
}

.author_detail_section {
    background-color: #f1f0f0;
    padding-bottom: 50px
}

.author_image {
    display: flex;
    align-items: center
}

.author_image img {
    border-radius: 100%;
    object-fit: cover;
    object-position: center;
    border: 10px solid var(--green-color);
    width: 190px;
    min-height: 190px
}

.author_detail a {
    font-size: 16px;
    color: var(--green-color)
}

.author_detail a:hover {
    color: var(--orange-color)
}

.subtext_div {
    background: #fff;
    padding: 30px;
    border-radius: 8px;
    margin-top: 100px;
    width: 100%;
    position: relative
}

.author_description {
    margin-top: -125px
}

.subtext_div .heading {
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.subtext_div .total_views {
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column
}

.subtext_div .total_views h4 {
    font-size: 24px;
    color: #fff;
    font-family: var(--semibold-font);
    white-space: nowrap
}

.subtext_div .total_views .view_counter {
    color: #fff;
    font-size: 18px
}

.subtext_div .original-book {
    background-color: #fff;
    margin-top: 0;
    padding-bottom: 0;
    float: none!important
}

.subtext_div .original-book .section {
    padding: 0
}

.subtext_div .original-book .advertisement {
    padding: 55px 0
}

.subtext_div .original-book .loadmore {
    padding-bottom: 25px
}

.author_title {
    font-size: 20px
}

.author_name {
    font-size: 30px;
    font-family: var(--semibold-font);
    color: var(--dark-grey);
    margin-bottom: 5px
}

.subtext_div .description {
    padding: 0 20px
}

.subtext_div .breadcrumb_ol {
    padding: 0 20px
}

.subtext_div .description p {
    margin-bottom: 15px
}

.subtext_div .description .less-button,
.subtext_div .description .more-button {
    color: var(--dark-grey);
    font-size: 16px;
    font-family: var(--semibold-font)
}

.moretext {
    display: none;
}

.form_search_icon .search_icon,
.m_left .serach_icon,
.right_div .search_icon {
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-position: -130px -9px;
}

.right_div .librery {
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    background-position: -66px -4px
}

.status_of_book .book_icon {
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    background-position: -192px -15px
}

.status_of_book .hold_image,
.wishlist .hold_image {
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    background-position: -304px -13px
}

.total_counter {
    width: 190px;
    min-height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: var(--orange-color);
    border-radius: 100%;
    border: 10px solid var(--green-color)
}

.donate .title {
    padding: 0
}

.donate_money .title,
.information .title {
    padding: 10px 0;
    border-bottom: 1px solid #d7d7d7!important;
    margin-bottom: 10px!important
}

.information,
.donate_money {
    border: 1px solid #ddd;
    padding-bottom: 30px;
    border-radius: 7px;
}

.donate_money .radio_group,
.information .radio_group {
    padding: 0 15px;
    margin-top: 25px;
}

.donate_money .radio_group .radio_button,
.information .radio_group .radio_button {
    margin-bottom: 25px;
}

.donate_money .title h3,
.information .title h3 {
    color: var(--dark-grey);
    font-family: var(--regular-font);
    margin-bottom: 0
}

.donate_money ul {
    display: flex;
    align-items: center;
    padding: 0
}

.donate_money ul li {
    display: inline-flex;
    align-items: center;
    padding: 10px;
    background: var(--green-color);
    border-radius: 5px;
    margin-right: 20px
}

.donate_money ul li a {
    color: #fff
}

.donate_money ul li a i {
    margin-right: 5px
}

.donate_money .donate_input {
    border: 1px solid #e1e1e1;
    width: auto;
    height: 47px;
    background: 0 0;
    border-radius: 5px;
    padding: 0 15px
}

.validation {
    font-size: 20px;
    color: red
}

.donate_form .donate_form-group {
    margin-bottom: 50px
}

.donate_money .donate_form-group i {
    color: var(--dark-grey);
    margin: 0 5px 0 12px
}

.donate_form .donate_form-group .custom_textbox {
    width: 100%;
    position: relative;
    margin-right: 20px;
    background: 0 0;
    height: 47px;
    border: 1px solid #d7d7d7;
    padding: 0 15px;
    border-radius: 5px
}

#donate_book {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 20px;
    background: 0 0
}

.donate_form-group .textfield {
    margin-bottom: 20px
}

.donate_section {
    background: transparent;
}

.donate_section .desktop_view .tab-content>.active {
    margin: 50px 0px;
}

.donate_section .desktop_view .tab-content .tab-pane .contact_form p {
    margin-top: 20px;
    padding: 0 10px 0 0;
}

.donate_section .contact_form .sign_up_div .textfield_gorup .form-label {
    line-height: 28px;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.donate_section .desktop_view .browse_div {
    position: relative;
    float: none;
}

.donate_section .desktop_view .browse_div .language_dropdown {
    position: relative;
    margin-bottom: 10px;
    width: 262px;
}

.donate_section .desktop_view .browse_div .language_dropdown .sortbydropdown #lang_label {
    width: 262px;
}

.donate_section .desktop_view .browse_div .language_dropdown .sortbydropdown .Lang_menu {
    width: 100%;
}

#alphabetical .book_info {
    height: auto;
}

#alphabetical .book_cover_img {
    padding-top: 141%;
}

.donate_container .information button {
    margin-top: 30px;
}

.accordionExample .card-header {
    padding: 15px 0;
}

.accordionExample .card-header:last-child {
    border-bottom: 0!important;
}

.accordionExample .card-header .btn {
    padding: 0;
}

.accordionExample .card-header .btn:focus {
    border: none;
    outline: none;
    box-shadow: none;
}

.accordionExample .card-header .card_link {
    font-size: 16px;
    letter-spacing: 0;
}

.faq,
.donner {
    font-size: 20px;
    color: var(--dark-grey);
}

.donner_div {
    margin-top: 15px;
}

.donner {
    margin-bottom: 15px;
}

.accordionExample .card-body {
    padding: 10px 0;
}

.donate_container .information {
    margin-top: 0px;
    position: relative;
    float: left;
    width: 100%;
}

.donate_container .e_form_div.form-wrapper {
    margin-top: 0;
}

.country_dropdown {
    margin-bottom: 30px;
    font-size: 24px;
}

.appeal_text p {
    font-size: 15px;
}

.donate_container hr {
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
    width: 100%;
    float: left;
    position: relative;
    margin-top: 60px;
}

.amount {
    margin-bottom: 15px;
}

.amount span {
    font-family: var(--semibold-font);
    font-size: 20px;
}

.info_title {
    color: #fff;
    background: var(--green-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    font-size: 20px;
    border-radius: 5px 5px 0 0;
}

.info_button {
    padding: 0 15px;
}

.information .info_button {
    padding: 0;
}

.info_button .become_member_button,
.info_button .previuosBtn {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    line-height: 46px;
}

.information .contact_form {
    padding: 25px 15px;
}

.info_field .info_textbox {
    border: 1px solid #fff!important;
    width: 100%;
    height: 47px;
    background: #ededed;
    border-radius: 5px;
    padding: 0 15px;
}

.donate_section .e_form_div {
    margin-top: 0;
}

.item_img .product_img {
    width: 100px;
}

.quantity a {
    display: block;
    margin-top: 5px;
    color: var(--orange-color);
}

.viewcart_card,
.order_card {
    border-radius: 5px;
}

.order_summry {
    margin: 0 0 15px 0;
    border-bottom: 1px solid #ddd;
}

.order_summry .order_title {
    font-size: 24px;
    font-family: var(--semibold-font);
    color: var(--orange);
}

.order_summry .sub_total,
.order_summry .estimated_tax {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.order_summry .sub_total span,
.order_summry .estimated_tax span {
    font-size: 16px;
    margin-bottom: 10px;
    color: var(--dark-grey);
}

.order_total {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.order_total .total_title {
    font-size: 20px;
    font-family: var(--regular-font);
    color: var(--dark-grey);
}

.order_total span {
    font-size: 18px;
    font-family: var(--semibold-font);
    color: var(--dark-grey);
}

.order_card .become_member_button {
    margin-top: 20px;
    width: 100%;
    text-align: center;
    font-size: 18px;
}

.product_table,
.viewcart_card .table-responsive {
    margin-bottom: 0;
}

.product_table td,
.product_table th {
    font-size: 16px;
}

.product_table td span {
    font-family: var(--semibold-font);
}

.product_table th {
    border-top: 1px solid transparent;
}

.product_table .quantity span {
    width: 50px;
    padding: 5px 0px;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    display: block;
    text-align: center;
}

.product_table thead th span i {
    font-size: 10px;
    margin: 0 2px;
}

.product_table thead th:nth-child(2),
.product_table thead th:nth-child(3),
.product_table tbody td:nth-child(2),
.product_table tbody td:nth-child(3),
.product_table tbody th:nth-child(2),
.product_table tbody th:nth-child(3) {
    text-align: center;
}

.product_table tbody tr:last-child td:nth-child(1) span {
    float: right;
}

.viewcart_section {
    margin-bottom: 30px;
}

.donner_div ul {
    padding-left: 15px;
}

.donner_div ul li {
    font-size: 16px;
}

.questions {
    margin-top: 20px;
}


/* .result_link {
	margin-bottom: 10px;
} */

.result_link a,
.headline a {
    color: #00f;
    text-decoration: underline;
}

.lang_docsource {
    color: var(--green-color);
    display: inline-block;
}

a.cite_tag {
    text-decoration: none;
    color: var(--orange-color);
}

a.page_tag {
    color: var(--orange-color);
    text-decoration: none;
}

.subcontent_div {
    margin-bottom: 15px;
    display: flex;
    align-content: center;
    justify-content: flex-start;
}

.subcontent_div .browseimage {
    margin-top: 5px;
    float: none;
}

.subcontent_div .browseimage img {
    width: 90px;
}

.content_section .productListing-filter-panel {
    margin-top: 0!important;
}

.sub_div {
    margin-bottom: 10px;
}

.cite_tag {
    display: inline-block;
}

.cite_tag a {
    color: #a4a4a4;
}

.result_div .subcontent_div .browseimage img {
    width: 30px;
}

.category_self_section .focus_bg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 60%;
    background: #618037 !important;
}

.addtofavourite_section {
    position: relative;
    float: left;
    width: 100%;
    margin: 60px 0 20px;
}

.mark_as_favourite .heading .author_detail .title_name {
    font-size: 28px;
}

.transaction_section .browse_subjects {
    background: transparent;
}

.remain {
    width: 100%;
    position: relative;
    float: left;
    text-align: right;
    margin-top: 15px;
    font-size: 18px;
}

.browse_subjects .desktop_tab .tab-content>.active {
    display: block;
    position: relative;
    width: 100%;
    float: left;
    margin-top: 0px;
}


/* Changes 12 dec */

.mark_as_favourite .heading {
    padding: 20px 60px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: -1px 0px 14px rgba(0, 0, 0, .1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 9;
    left: 50%;
    transform: translateX(-50%);
    top: -30px;
}

#favourite-on-scroll {
    position: fixed;
    bottom: 80px;
    right: 20px;
    background: #000;
    background: rgba(0, 0, 0, .7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 1;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}

.search_result_title {
    padding: 10px;
    background: #f9f9f9;
    border-radius: 5px;
    font-size: 16px;
    color: #000000;
    margin-bottom: 15px;
}

.page_tag .cite_tag {
    margin: 10px 10px 20px 0;
}

.page_tag .cite_tag a {
    text-decoration: none;
}

.search__edited {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    padding-bottom: 10px;
}

.search__edited input {
    border: none;
    width: 100%;
}

.search__edited .form_search_icon {
    position: relative;
    height: auto;
}

.padding-80 {
    padding-top: 80px;
}

@media (max-width: 767px) {
    .mark_as_favourite .heading {
        position: relative;
    }
}
.browsesubjectsitem .browsesubjectslink .browseauthor{
    width: calc(100% - 60px);
}
.browsesubjectsitem .browsesubjectslink .browsesubjectname {
    overflow: hidden;
    text-overflow: ellipsis;
}
#page .slick-slide img{
    max-width: 100%;
    width: auto;
    margin: auto;
}

#page .row{
    width: 100%;
}
.d-xs-block {
    display: none !important;
}
.d-xs-none {
    display : block !important;
}