/* Custom css file (Rishit - 10-11) */
.mb-header-wrapper,
.popup-header .icon-back-icon,
.mobile-menu,
.mb-reading-lists-action,
.mb-header-network-wrapper, 
#mobile-search-popup {
    display: none;
}

.network-table-wrapper {
    overflow-y: unset;
}
.mb-network-table-scroll {
    overflow: scroll;
    height: calc(100% - 74px);
    max-height: 100vh;
}
.my-bookshelf-grid-item-thumb img {
    object-fit: fill;
}

/* profile page Start */
.recent-additions-books-list-item-content-title a { 
    height: auto;
    width: auto;
    font-family: 'Montserrat';
}
.network-profile-tab .my-bookshelf-page-content-inner .my-bookshelf-grid-item {
    width: calc(100% / 7 - 20px) !important;
}
.profile-details-page-wrapper .mb-recent-additions-books-list-item {
    display: none;
}
.network-profile-tabs-filter a .icon-grid:before {
    color: unset;
}
@media (min-width: 1600px) {
    .network-profile-tab .my-bookshelf-page-content-inner .my-bookshelf-grid-item {
        width: calc(100% / 6 - 35px) !important;
    }
    .network-profile-followers {
        width: calc(100% / 2 - 10px) !important;
    }
    .network-profile-followers-wrapper.list-active .network-profile-followers {
        width: calc(100% / 1 - 0px) !important; 
    }
    .network-profile-tab .my-bookshelf-page-content-inner .my-bookshelf-grid {
        gap: 20px 30px !important;
    }
    .recent-additions-books-list-item-content-title h5 a {
        font-size: 20px !important;
        line-height: 24px !important;
    }
}
@media (max-width: 1599px) { 
    .mb-network-table-scroll table #network-users-tbody .network-user-info .network-user-name  { 
        width: calc(100% - 60px);
    }
    .network-profile-tab .my-bookshelf-page-content-inner .my-bookshelf-grid {
        gap: 20px 35px !important;
    }
    .recent-additions-books-list-item-content-title h5 {
        max-width: 40% !important;
        font-size: 24px !important;
        line-height: 30px !important;
    }
    .recent-additions-books-list-item-content-title h5 a { 
        font-size: 24px !important;
        line-height: 30px !important;
    }
    .recent-additions-books-list-item-thumb {
        width: 15%;
        height: 100%;
        overflow: hidden;
    }
    .recent-additions-books-list-item-content {
        width: calc(100% - 18%);
    }
    .recent-additions-books-list-item-thumb img {
        object-fit: fill;
    }
    .my-bookshelf-details-wrapper-right {
        padding: 25px;
    }
    .profile-details-page-wrapper .my-bookshelf-grid-item-thumb {
        height: 170px;
    }
    .recent-additions-books-list-item-content-title h5 a {
        font-size: 20px !important;
        line-height: 24px !important;
    }

    .network-follow-btn:hover {
        background: var(--secondary-color) !important;
        border-color: var(--secondary-color) !important;
    }
    
    .network-follow-btn:active { 
        background: var(--primary-color) !important;
        border-color: var(--primary-color) !important;
    }
}
@media (min-width: 1367px) and (max-width: 1599px) {
    .network-profile-followers {
        width: calc(100% / 2 - 10px) !important;
    }
    .network-profile-followers-wrapper.list-active .network-profile-followers {
        width: calc(100% / 1 - 0px) !important; 
    }
    
}
@media (min-width: 1201px) and (max-width: 1366px) {
    .recent-additions-books-list-item-content-title h5 a {
        font-size: 20px !important;
        line-height: 25px !important;
    }
    .recent-additions-books-list-item-content-author-date span, 
    .recent-additions-books-list-item-content-author-date p, 
    .recent-additions-books-list-item-content-bookshelve p {
        font-size: 14px !important;
    }
    .network-profile-tab .my-bookshelf-page-content-inner .my-bookshelf-grid-item {
        width: calc(100% / 5 - 20px) !important;
    }
    .network-profile-tab .my-bookshelf-page-content-inner .my-bookshelf-grid {
        gap: 20px 25px !important;
    }
    .profile-details-page-wrapper .my-bookshelf-reading-lists a {
        width: calc(100% / 2 - 13.4px);
    }
 
    .network-profile-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-details-wrapper .my-bookshelf-details-wrapper-left {
        width: 300px !important;
    }
    .network-profile-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-details-wrapper .my-bookshelf-details-wrapper-right {
        width: calc(100% - 330px) !important;
    }
    .network-profile-tabs ul li a { 
        padding: 8px 20px !important;
    }
    .network-profile-tabs-filter {
        gap: 15px !important;
    }
    .network-profile-tabs-filter a {
        font-size: 22px !important;
    }
    .sort-dropdown a {
        font-size: 16px !important;
    }
    .network-profile-followers { 
        width: calc(100% / 2 - 10px) !important;
    }
    .network-profile-followers-wrapper.list-active .network-profile-followers {
        width: calc(100% / 1 - 0px) !important; 
    }
    .network-profile-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-details-wrapper .my-bookshelf-details-wrapper-left .network-profile-common p, 
    .network-profile-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-details-wrapper .my-bookshelf-details-wrapper-left .network-profile-common .network-profile-link {
        flex-wrap: wrap;
        overflow-wrap: anywhere;  
        word-break: break-all; 
    }
}
@media (max-width: 1200px) {
    .profile-details-page-wrapper  .network-profile-tab .my-bookshelf-page-content-inner .my-bookshelf-grid-item {
        width: calc(100% / 4 - 20px) !important;
    }
    .network-profile-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-details-wrapper .my-bookshelf-details-wrapper-left {
        width: 270px !important;
    }
    .network-profile-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-details-wrapper .my-bookshelf-details-wrapper-right {
        width: calc(100% - 300px) !important;
    }
    .network-profile-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-details-wrapper .my-bookshelf-details-wrapper-left .network-profile-common p, 
    .network-profile-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-details-wrapper .my-bookshelf-details-wrapper-left .network-profile-common .network-profile-link {
        overflow-wrap: anywhere;  
        word-break: break-all;  
    }
    .network-profile-followers {
        width: calc(100% / 2 - 10px) !important;
        /* width: 100% !important; */
    }
    .network-profile-followers a {
        padding: 12px 15px !important;
    }
    .network-profile-followers-wrapper.list-active .network-profile-followers {
        width: calc(100% / 1 - 0px) !important; 
    }
    .network-profile-tabs ul li a {
        padding: 10px 12px !important;
    }
    .network-profile-tabs-filter a {
        font-size: 20px !important; 
    }
    .sort-dropdown {
        min-width: 90px;
    }
    .sort-dropdown a {
        font-size: 14px !important;
    }
    .profile-details-page-wrapper .about-me-content h4 { 
        font-size: 22px;
    }
    .profile-details-page-wrapper .my-bookshelf-heading h2 {
        font-size: 22px;
    }


    .network-profile-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-details-wrapper .my-bookshelf-details-wrapper-right {
        margin-bottom: 15% !important;
    }
    .mb-profile-settings-btn a i {
        font-size: 45px !important;
    }
    .network-profile-followers-wrapper {
        gap: 10px !important;
        flex-direction: row;
    }

    .network-profile-followers {
        flex-direction: column;
    }
    .network-profile-followers-right {
        display: flex;
        align-items: center;
        width: calc(100% - 72px);
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }
    .network-profile-followers-name {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .network-profile-followers a {
        padding: 12px 15px !important;
    }

    .network-profile-followers-wrapper.list-active .network-profile-followers {
        flex-direction: row;
        justify-content: space-around;
    }
    .network-profile-followers-wrapper.list-active .network-profile-followers .network-profile-followers-right {
        flex-direction: row;
        width: calc(100% - 82px);
    }
    .network-profile-followers-wrapper.list-active .network-profile-followers .network-profile-followers-name {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .network-profile-followers-wrapper.list-active .network-profile-followers .network-profile-followers-thumb {
        width: 50px;
        height: 50px;
    }
}
@media (max-width: 1024px) {
    .network-profile-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-details-wrapper .my-bookshelf-details-wrapper-left .network-profile-common span {
        font-weight: var(--font-weight-500) !important;
        font-size: 14px !important;
        line-height: 18px;
    }
    .network-profile-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-details-wrapper .my-bookshelf-details-wrapper-left .network-profile-common p,
    .network-profile-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-details-wrapper .my-bookshelf-details-wrapper-left .network-profile-common .network-profile-link {
        font-weight: var(--font-weight-600) !important;
        font-size: 16px !important;
    }
    .network-profile-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-details-wrapper .my-bookshelf-details-wrapper-left {
        width: 100% !important;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
    }
    
    .network-profile-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-details-wrapper .my-bookshelf-details-wrapper-left .mb-profile-details-thumb {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-content: center;
        flex-wrap: wrap;
    }
    .network-profile-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-details-wrapper .my-bookshelf-details-wrapper-left .mb-profile-details-thumb .network-profile-thumb { 
        width: 180px;
        height: 180px;  
    }
    .network-profile-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-details-wrapper .my-bookshelf-details-wrapper-left .network-profile-common { 
        width: 45% !important;
        background: var(--soft-ivory);
        padding: 10px;
        /* margin: 10px; */
        /* border-radius: 10px; */
    }
    
    
    .network-profile-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-details-wrapper .my-bookshelf-details-wrapper-right {
        width: 100% !important;
    }
    .recent-additions-books-list-item-content-title h5 { 
        max-width: 50% !important;    
    }
    .profile-details-page-wrapper .my-bookshelf-grid-item a {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .network-profile-tab .my-bookshelf-page-content-inner .my-bookshelf-reading-lists .my-bookshelf-reading-lists-inner .my-bookshelf-reading-lists-slider .my-bookshelf-swiper-container .swiper-slide .reding-lists-slider-item {
        width: 109.5px !important;
        height: 150px !important;
    }
    .network-profile-tabs ul li a {
        padding: 12px 20px !important;
    }
    .network-profile-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-details-wrapper .my-bookshelf-details-wrapper-left .network-profile-name { 
        width: 100%;
        flex-direction: column;
        align-items: center;
    }

    
}
@media (max-width: 768px) {
    .network-profile-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-details-wrapper .my-bookshelf-details-wrapper-left .public-bookshelf-link {
        /* width: 100% !important;   */
    }
    .recent-additions-books-list-item-content-title h5 {
        max-width: 35% !important;
    }
    .recent-additions-books-list-item-content-title a {
        font-size: 12px !important;
        padding: 12px 15px !important;
    }
    .recent-additions-books-list-item-content-title h5 a { 
        padding: 0px !important;
        font-size: 16px !important;
    }
    .recent-additions-books-list-item-content-author-date span, 
    .recent-additions-books-list-item-content-author-date p, 
    .recent-additions-books-list-item-content-bookshelve p {
        font-size: 14px !important;
    }
    .profile-details-page-wrapper .network-profile-tab .my-bookshelf-page-content-inner .my-bookshelf-grid-item {
        width: calc(100% / 3 - 20px) !important;
    }
    .profile-details-page-wrapper .network-profile-tabs ul {
        overflow: scroll !important;
        width: 100%;
    }
    .profile-details-page-wrapper .network-profile-tabs {
        flex-wrap: wrap;
        flex-direction: column;
        gap: 10px;
        align-items: stretch;
    }
    .profile-details-page-wrapper .network-profile-tabs .network-profile-tabs-filter { 
        /* display: flex; */
        margin-left: auto;      
    }


    .network-profile-followers {
        flex-direction: column;
    }
    .network-profile-followers-right {
        display: flex;
        align-items: center;
        width: calc(100% - 72px);
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }
    .network-profile-followers-name {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .network-profile-followers a {
        padding: 12px 15px !important;
    }


    .network-profile-followers-wrapper.list-active .network-profile-followers {
        flex-direction: row;
        justify-content: space-around;
    }
    .network-profile-followers-wrapper.list-active .network-profile-followers .network-profile-followers-right {
        flex-direction: row;
        width: calc(100% - 82px);
    }
    .network-profile-followers-wrapper.list-active .network-profile-followers .network-profile-followers-name {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .network-profile-followers-wrapper.list-active .network-profile-followers .network-profile-followers-thumb {
        width: 50px;
        height: 50px;
    }
    .network-profile-followers-wrapper {
        gap: 10px !important;
        flex-direction: row;
    }
    
}
@media (max-width: 576px) {
    /* var(--secondary-color) */
    /* .network-follow-btn:hover {
        background: var(--secondary-color) !important;
        border-color: var(--secondary-color) !important;
    }
    
    .network-follow-btn:active { 
        background: var(--primary-color) !important;
        border-color: var(--primary-color) !important;
    } */

    .network-profile-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-details-wrapper .my-bookshelf-details-wrapper-right {
        margin-bottom: 15% !important;
    }
    .mb-profile-settings-btn a i {
        font-size: 45px !important;
    }
    .network-profile-followers-wrapper {
        gap: 10px !important;
        flex-direction: row;
    }

    .network-profile-followers {
        flex-direction: column;
    }
    .network-profile-followers-right {
        display: flex;
        align-items: center;
        width: calc(100% - 72px);
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }
    .network-profile-followers-name {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .network-profile-followers a {
        padding: 12px 15px !important;
    }

    .network-profile-followers-wrapper.list-active .network-profile-followers {
        flex-direction: row;
        justify-content: space-around;
    }
    .network-profile-followers-wrapper.list-active .network-profile-followers .network-profile-followers-right {
        flex-direction: row;
        width: calc(100% - 82px);
    }
    .network-profile-followers-wrapper.list-active .network-profile-followers .network-profile-followers-name {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .network-profile-followers-wrapper.list-active .network-profile-followers .network-profile-followers-thumb {
        width: 50px;
        height: 50px;
    }
}
@media (max-width: 440px) {
    .profile-details-page-wrapper .network-profile-tab .my-bookshelf-page-content-inner .my-bookshelf-grid-item {
        width: calc(100% / 2 - 20px) !important;
    }
    .network-profile-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-details-wrapper .my-bookshelf-details-wrapper-left .network-profile-common {
        width: 100% !important;
    }
    .network-profile-tabs ul li a {
        padding: 12px 15px !important;
    }
    .profile-details-page-wrapper .about-me-content h4 {
        font-size: 20px;
    }
    .profile-details-page-wrapper .recent-additions-books-list-item {
        display: none;
    }
    .profile-details-page-wrapper .mb-recent-additions-books-list-item {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
        border-bottom: 1px solid rgba(34, 39, 54, 0.16);
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    .profile-details-page-wrapper .mb-recent-additions-books-list-item .recent-additions-books-list-item-thumb {
        width: 86px;
        height: 124px;
        overflow: hidden;
    }
    .profile-details-page-wrapper .mb-recent-additions-books-list-item .recent-additions-books-list-item-content {
        width: calc(100% - 102px);
        gap: 8px;
        display: flex;
        flex-direction: column;
    }
    .profile-details-page-wrapper .mb-recent-additions-books-list-item .recent-additions-books-list-item-content h5 {
        font-weight: var(--font-weight-500);
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -0.25px;
        color: var(--secondary-color);
    }
    .profile-details-page-wrapper .mb-recent-additions-books-list-item .recent-additions-books-list-item-content h5 a { 
        background: transparent;
        font-weight: var(--font-weight-600);
        text-decoration: none;
        padding: 0;
        color: var(--secondary-color);
        border-radius: 0;
        font-weight: var(--font-weight-500);
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.25px;
        color: var(--secondary-color);
        margin: 0;
    }
    .profile-details-page-wrapper .mb-recent-additions-books-list-item .recent-additions-books-list-item-content .add-to-bookshelf-btn {
        background: var(--secondary-color);
        font-weight: var(--font-weight-600);
        /* font-size: 14px; */
        font-size: 11px;
        line-height: 18px;
        letter-spacing: -0.25px;
        color: var(--white-color);
        text-decoration: none;
        /* padding: 10px 20px; */
        padding: 10px 10px;
        border-radius: 40px;
    }


    .network-profile-followers {
        flex-direction: column;
        gap: 5px;
    }
    .network-profile-followers-right {
        display: flex;
        align-items: center;
        width: 100% !important;
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }
    .network-profile-followers-name {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .network-profile-followers .network-profile-followers-thumb {
        width: 50px;
        height: 50px;
    }
    .network-profile-followers .network-profile-followers-right .network-profile-followers-name ul {
        gap: 5px;
        flex-direction: column;
        padding: 5px 0;
    }
    .network-profile-followers .network-profile-followers-right  .network-profile-followers-name ul li::before {
        background: #ffffff00;
    }
    /* network-profile-followers-thumb */

    .network-profile-followers-wrapper.list-active .network-profile-followers {
        flex-direction: row;
        justify-content: space-around;
    }
    .network-profile-followers-wrapper.list-active .network-profile-followers .network-profile-followers-right {
        flex-direction: row;
        width: calc(100% - 70px) !important;
    }
    .network-profile-followers-wrapper.list-active .network-profile-followers .network-profile-followers-name {
        display: flex;
        flex-direction: column;
        /* align-items: center; */
    }

    .network-profile-followers-wrapper.list-active .network-profile-followers .network-profile-followers-thumb {
        width: 50px;
        height: 50px;
    }
}
/* profile page End */

/* Setting page Start */
.mb-user-settings {
    display: none;
}
@media (min-width: 1600px) {
    .book-details-wrapper.user-settings-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-heading h1 {
        font-size: 48px !important; 
        line-height: 65px !important;
    }
    .book-details-wrapper.user-settings-wrapper form#userProfileform .sign-up-right {
        width: 100%;
    }
    .book-details-wrapper.user-settings-wrapper .sign-up-form {
        margin: 0 !important;
    }
    .book-details-wrapper.user-settings-wrapper .user-settings-profile-info {
        margin-bottom: 0px;
    }
    .my-bookshelf-details-wrapper-heading {
        margin-bottom: 30px;
    }
    .book-details-wrapper.user-settings-wrapper .user-profile-form-group-fields {
        flex-direction: row;
    }
    .book-details-wrapper.user-settings-wrapper .user-information-form .user-profile-form-group-fields.user-profile-form-group-fields .form-group {
        width: calc(50% - 15px) !important;
    }

    .book-details-wrapper.user-settings-wrapper .user-settings-profile-info {
        margin-bottom: 0px;
    }
    .book-details-wrapper.user-settings-wrapper form#userProfileform .my-bookshelf-details-wrapper-inner-content {
        margin-top: 40px;
    }
    .book-details-wrapper.user-settings-wrapper form#userProfileform .sign-up-form.user-information-form .profile-info-section .profile-info-inner-section {
        width: 100%;
        justify-content: space-between;
    }
    .book-details-wrapper.user-settings-wrapper .user-information-form .form-group {
        width: 47% !important;
    }
    .book-details-wrapper.user-settings-wrapper .form-group-button {
        margin-top: 18px;
    }
    .book-details-wrapper.user-settings-wrapper .user-information-form .form-group-textarea {
        width: 100% !important;
    }
    .book-details-wrapper.user-settings-wrapper .user-information-form .form-group input {
        width: 100% !important;
    }
    .book-details-wrapper.user-settings-wrapper form#userProfileform .sign-up-form.user-information-form .profile-info-section .form-group.form-group-textarea textarea {
        width: 100%;
    }
    
    .user-settings-wrapper .user-settings-apps .affiliate-input-wrapper {
        width: 800px;
    }
    .user-settings-wrapper .user-settings-apps .affiliate-input-wrapper .add-code-btn { 
        margin-left: auto;
    }
    
}
@media (max-width: 1599px) {
    .user-settings-wrapper .my-bookshelf-page-content h1 {
        font-size: 42px !important;
    } 

    .user-settings-wrapper .user-settings-apps .connect-amazon-wrapper, 
    .user-settings-wrapper .user-settings-apps .connect-linkedin-wrapper, 
    .user-settings-wrapper .user-settings-apps .connect-twitter-wrapper { 
        width: 100% !important;
    }
    .user-settings-wrapper .user-privacy-settings .setting-item, 
    .user-settings-wrapper .user-notification-settings .setting-item {
        width: 80% !important;
    }
    .user-settings-wrapper .user-profile-form-group-fields {
        flex-direction: column;
    }
    .user-settings-wrapper .user-information-form .user-profile-form-group-fields.user-profile-form-group-fields .form-group {
        width: 100% !important;
    }
    .user-settings-wrapper form#userProfileform .sign-up-right {
        width: 100%;
    }
    .user-settings-wrapper form#userProfileform .my-bookshelf-details-wrapper-inner-content {
        margin-top: 40px;
    }
    .user-settings-wrapper form#userProfileform .sign-up-form.user-information-form .profile-info-section .profile-info-inner-section {
        width: 100%;
    }
    .user-settings-wrapper .user-information-form .form-group {
        width: 47% !important;
    }
    .user-settings-wrapper form#userProfileform .sign-up-form.user-information-form .profile-info-section .form-group.form-group-textarea textarea {
        width: 100%;
    }
    .user-settings-wrapper .user-information-form .form-group input {
        width: 100% !important;
    }
    .user-settings-wrapper .user-information-form .form-group-textarea {
        width: 100% !important;
    }
    .user-settings-wrapper .user-settings-apps .connect-amazon-btn .con-amazon-btn,
    .user-settings-wrapper .user-settings-apps .connect-linkedin-btn .con-linkedin-btn, 
    .user-settings-wrapper .user-settings-apps .connect-twitter-btn .con-twitter-btn {
        padding: 15px 18px !important;
    }
    .user-settings-wrapper .help-page-content {
        width: 100%;
    }
    .user-settings-wrapper .user-settings-profile-info {
        margin-bottom: 0px;
    }
    .user-settings-wrapper .subscription-plan-grid {
        gap: 10px;
    }
    .user-settings-wrapper .subscription-plan-grid .plan-grid-item { 
        min-width: 25%;
    }
    .user-settings-wrapper .subscription-plan-grid .discount-label { 
        display: flex;
        flex-direction: column;
    }
    .user-settings-wrapper .subscription-plan-grid .plan-grid-item p {
        font-size: 24px;
    }
    .user-settings-wrapper .subscription-plan-table-content-left {
        width: 25%;
    }
    .user-settings-wrapper .subscription-plan-table-content-right {
        width: 75%;
    }
    .user-settings-wrapper .subscription-plan-table-content-right {
        display: flex;
        justify-content: space-between;
        width: 70%;
        gap: 20px;
    }
    .user-settings-wrapper .plan-grid-item .free-plan-feature-description {
        gap: 70px;
    }
    .user-settings-wrapper .user-help .help-faq-wrapper {
        width: 100%;
    }

    .user-settings-wrapper .user-settings-apps .affiliate-input-wrapper {
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
    }
    .user-settings-wrapper .user-settings-apps .affiliate-input-wrapper .add-code-btn { 
        margin-left: auto;
    }
}
@media (max-width: 1200px) { 
    /* Setting page Css Start */
    .user-settings-wrapper .my-bookshelf-inner-wrapper {
        padding-right: 0px;
    }
    .user-settings-wrapper .my-bookshelf-page-header {
        padding-right: 30px;
    }
    .user-settings-wrapper .my-bookshelf-page-content-inner {
        padding-bottom: 0px;
    }
    .user-settings-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-heading h1 {
        font-size: 26px !important;
        line-height: 40px !important;
        height: 30px !important;
    }
    .user-settings-wrapper form#userProfileform .sign-up-right {
        width: 100%;
    }
    .user-settings-wrapper  .user-information-form .user-profile-form-group-fields.user-profile-form-group-fields .form-group {
        width: 100% !important;
    }
    .user-settings-wrapper form#userProfileform .sign-up-form.user-information-form .profile-info-section .profile-info-inner-section {
        width: 100%;
    }
    .user-settings-wrapper form#userProfileform .my-bookshelf-details-wrapper-inner-content {
        margin-top: 40px;
    }
    .user-settings-wrapper .user-information-form .form-group {
        width: 47% !important;
    }
    .user-settings-wrapper .user-information-form .form-group-textarea {
        width: 100% !important;
    }
    .user-settings-wrapper .user-information-form .form-group input {
        width: 100% !important;
     }
    .user-settings-wrapper form#userProfileform .sign-up-form.user-information-form .profile-info-section .form-group.form-group-textarea textarea {
        width: 100%;
    }
    .user-settings-apps .connect-amazon-btn .con-amazon-btn {
        padding: 14px 12px !important;
    }
    .user-settings-apps .connect-linkedin-btn .con-linkedin-btn {
        padding: 14px 18px !important;
    }

    .user-privacy-settings .setting-item, 
    .user-notification-settings .setting-item {
        width: 100% !important;
    }
    .user-settings-wrapper .my-bookshelf-details-wrapper-left .users-settings-navbar li a { 
        padding: 15px 14px;
    }
    .user-settings-wrapper .sign-up-form {
        margin: 0 !important;
    }
    .user-settings-wrapper .my-bookshelf-details-rating p {
        font-size: 14px;
        line-height: 20px;
        opacity: 50%;
    }
    .user-settings-wrapper .user-profile-form-group-fields {
        flex-direction: column;
    }
    .user-settings-wrapper .user-settings-profile-info {
        margin-bottom: 0px;
    }
    .user-settings-wrapper .form-group-button {
        margin-top: 18px;
    }
    .user-settings-wrapper .user-settings-apps .connect-amazon-wrapper, 
    .user-settings-wrapper .user-settings-apps .connect-linkedin-wrapper, 
    .user-settings-wrapper .user-settings-apps .connect-twitter-wrapper {
        width: 100%;
    }
    
    .user-settings-wrapper .subscription-plan-grid .discount-label,
    .user-settings-wrapper .discount-info { 
        font-size: 12px;
    }
    .subscription-plan-grid .plan-grid-item h3,
    .subscription-plan-grid .plan-grid-item p {
        margin-bottom: 10px;
    }
    .user-settings-wrapper .subscription-plan-grid .plan-grid-item {
        min-width: 146px;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    .user-settings-wrapper .plan-grid-item .free-plan-feature-description {
        display: flex;
    }
    .user-settings-wrapper .subscription-plan-table-content-left {
        width: calc(100% - 500px);
        padding: 10px 10px;
    }
    .user-settings-wrapper .subscription-plan-table-content-right {
        width: 485px;
        padding: 10px 23px;
        gap: 95px;
    }
    .user-settings-wrapper .subscription-plan-table-content {
        justify-content: space-around;
    }
    /* Setting page Css End */
}
@media (max-width: 1024px) {
    .user-settings-wrapper .my-bookshelf-details-wrapper-left {
        width: 220px;
    }
    .user-settings-wrapper .my-bookshelf-details-wrapper-right {
        width: calc(100% - 250px);
    }
    .user-settings-wrapper .user-settings-apps .connect-amazon-wrapper, 
    .user-settings-wrapper .user-settings-apps .connect-linkedin-wrapper, 
    .user-settings-wrapper .user-settings-apps .connect-twitter-wrapper {
        width: 100% !important;
    }

    .user-settings-wrapper .my-bookshelf-details-wrapper .my-bookshelf-details-wrapper-left {
        display: none;
    }
    .user-settings-wrapper .my-bookshelf-details-wrapper .my-bookshelf-details-wrapper-right {
        width: 100%;
    }
    .user-settings-wrapper .mb-user-settings {
        display: flex;
    }
    .user-settings-wrapper .mb-user-settings-lists-action {
        display: flex;
    }
    .user-settings-wrapper .user-settings-lists-action-btn {
        /* background: url(../images/menu-dots.svg); */
        background: url(../images/menu-dots.svg) no-repeat center;
        background-image: url(../images/menu-dots.svg);
        /* background-size: contain; */
        background-color: #FDFCF6;
        width: 46px;
        height: 46px;
        border-radius: 50%;
    }
    .user-settings-wrapper .user-settings-lists-action-dropdown {
        background: #FDFCF6;
        top: 29%;
        right: 15px;
        padding: 15px;
        position: absolute;
        display: none;
        z-index: 8;
        width: 35%;
    }
    .user-settings-wrapper .user-settings-lists-action-dropdown ul {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        width: 100% !important; 
    }
    .user-settings-wrapper .my-bookshelf-page-header,
    .user-settings-wrapper .my-bookshelf-page-content-inner {
        padding-right: 15px !important;
    }

    .user-settings-wrapper .mb-user-settings .user-settings-lists-action-dropdown .users-settings-navbar ul {
        list-style: none !important;
        margin: 0 !important;
        padding: 10px 0 0 !important;
        display: flex !important;
        justify-content: space-between !important;
        
    }
    .user-settings-wrapper .mb-user-settings .user-settings-lists-action-dropdown .users-settings-navbar ul li {
        list-style: none;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }
    .user-settings-wrapper .mb-user-settings .user-settings-lists-action-dropdown .users-settings-navbar ul li.active a {
        border-left: 2px solid var(--primary-color) !important;
        color: var(--primary-color) !important;
    }
    .user-settings-wrapper .mb-user-settings .user-settings-lists-action-dropdown .users-settings-navbar ul li a {
        font-family: 'Montserrat' !important;
        width: 100% !important;
        font-size: 16px !important;
        line-height: 100% !important;
        font-weight: var(--font-weight-600) !important;
        height: auto !important;
        padding: 10px 10px !important;
    }
    .user-settings-wrapper .referral-table-wrapper table.referral-table thead tr th {
        z-index: 4;
    }
}
@media only screen and (max-width: 768px) {
    /* .user-settings-wrapper .user-profile-image {
        width: 100%;    
    }
    .user-settings-wrapper .user-profile-form-group-fields {
        width: 80%;    
        align-items: center;
    }
    .user-settings-wrapper  .user-profile-upload-btn {
        width: 80%;
    } */
    .user-settings-wrapper .user-information-form .form-group {
        width: 100% !important;
    }
    .user-settings-wrapper .referral-table-wrapper .mb-referral-table {
        overflow: scroll;
    }
    .book-details-wrapper.user-settings-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-heading h1 {
        font-size: 24px !important;
    }
    .user-settings-wrapper .user-settings-lists-action-dropdown {
        top: 32%;
    }

    #userProfileform .user-profile-img-size { 
        max-width: 170px !important; 
        max-height: 170px !important;
        width: 170px !important; 
        height: 170px !important;
    }
    #userProfileform .user-profile-image {
        width: 230px;
    }
    #userProfileform .user-profile-form-group-fields { 
        width: calc(100% - 245px);
    }
    #userProfileform .user-profile-upload-btn label {
        font-size: 13px;
    }

    .user-settings-apps .amazon-logo-text, .user-settings-apps .linkedin-logo-text, .user-settings-apps .twitter-logo-text {
        width: 40% !important;
    }
    .user-settings-apps .connect-amazon-wrapper, 
    .user-settings-apps .connect-linkedin-wrapper, 
    .user-settings-apps .connect-twitter-wrapper { 
        margin-bottom: 30px;
    }
    .user-settings-apps .connect-linkedin-wrapper, .user-settings-apps .connect-twitter-wrapper {
        margin-top: 30px !important;
    }
    .user-settings-wrapper .subscription-plan-table-content-right {
        display: flex;
        justify-content: space-between;
        width: 70%;
        gap: 0px;
    }
    .user-settings-wrapper .subscription-plan-table-content {
        justify-content: space-between;
    }
    .user-settings-wrapper .subscription-plan-table-content-left {
        width: 30%;
        padding: 10px 10px;
    }

    .user-settings-wrapper #userContactform .sign-up-right {
        width: 100%;
    }
    /* .user-settings-wrapper #userContactform .sign-up-right .user-information-form {
        width: 100%;
    }
    .user-settings-contact-info */
    .user-settings-wrapper #userContactform .sign-up-right .user-information-form .user-settings-contact-info .contact-info-inner-section {
        width: 100%;
    }
    .user-settings-wrapper .d-flex .mb-notification-list-details-header {
        display: none !important;
    }


}
@media (max-width: 576px) {
    .user-settings-wrapper .form-group-button {
        margin-top: 35px;
    }
    .user-settings-wrapper .my-bookshelf-details-wrapper .my-bookshelf-details-wrapper-left {
        display: none !important;
    }
    .user-settings-wrapper .my-bookshelf-page-header, .user-settings-wrapper .my-bookshelf-page-content-inner {
        padding: 0px 15px !important;
    }
    .user-settings-wrapper .user-settings-lists-action-dropdown {
        top: 10%;
        right: 15px;
        width: 50%;
    }
    .user-settings-wrapper .sign-up-frm .form-group label, .form-group-button .btn, .form-group-signup-text {
        font-size: 14px;
        line-height: 20px;
        z-index: 1;

    }
    .reading-lists-wrapper .reading-lists-inner-wrapper .my-bookshelf-reading-lists-full {
        padding-bottom: 18%;
    }
    .popup-overlay.show .popup-box .sign-up-right.create-reading-list-form .sign-up-form.user-information-form .sign-up-frm .form-group label{
    z-index: 1;
    }
    .user-settings-wrapper .my-bookshelf-details-wrapper .my-bookshelf-details-wrapper-right {
        margin-bottom: 15%;
    }
    .user-settings-wrapper.privacy-settings .user-privacy-settings .setting-item div.bookshelf-share {
        width: 90%;
    }
    .user-settings-wrapper.privacy-settings .user-privacy-settings .setting-item div.checkbox {
        width: 10%;
    }
    .user-settings-wrapper .user-privacy-settings .setting-item.hide-birth-year, 
    .user-settings-wrapper .user-privacy-settings .setting-item.bookshelf-sharing {
        align-items: center;
    }
    .user-settings-wrapper .user-settings-apps .connect-amazon-wrapper, 
    .user-settings-wrapper .user-settings-apps .connect-linkedin-wrapper, 
    .user-settings-wrapper .user-settings-apps .connect-twitter-wrapper {
        flex-direction: column;
    }
    .user-settings-wrapper .user-settings-apps .amazon-logo-text, 
    .user-settings-wrapper .user-settings-apps .linkedin-logo-text, 
    .user-settings-wrapper .user-settings-apps .twitter-logo-text {
        width: 100% !important;
        margin-bottom: 5%;
    }

    .user-settings-wrapper .user-settings-apps .affiliate-input-wrapper {
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
    }
    .user-settings-wrapper .subscription-plan-table-content-left {
        width: 20%;
        padding: 10px 10px;
    }
    .user-settings-wrapper .subscription-plan-table-content-right {
        display: flex;
        justify-content: space-between;
        width: 80%;
        gap: 0px;
    }

    .user-settings-wrapper .d-flex .mb-notification-list-details-header {
        display: block !important;
        font-size: 20px !important;
    }
    .book-details-wrapper.user-settings-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-heading h1 {
        font-size: 24px !important;
        top: 20px;
        /* margin: auto 0px !important; */
    }
}
@media (max-width: 441px) {
    .user-settings-wrapper .my-bookshelf-heading {
        padding: 0px 0px !important;
    }
    .user-settings-wrapper .user-settings-lists-action-dropdown {
        width: 70%;
    }
    .user-settings-wrapper .my-bookshelf-details-wrapper .my-bookshelf-details-wrapper-right {
        margin-bottom: 25%;
    }

    .user-settings-wrapper #userProfileform .user-profile-image {
        width: 100%;
    }
    .user-settings-wrapper #userProfileform .user-profile-form-group-fields {
        width: 100%;
    }
    .user-settings-wrapper .invite-link-page .refer-friends {
        gap: 20px;
        flex-direction: column-reverse;
        margin-bottom: 15px;
    }
    .user-settings-wrapper .help-content p, .help-content p strong, 
    .user-settings-wrapper .faq-question .faq-text, 
    .user-settings-wrapper .faq-question .faq-number, 
    .user-settings-wrapper .faq-answer p, 
    .user-settings-wrapper .faq-answer p strong, 
    .user-settings-wrapper .faq-answer ul li strong, 
    .user-settings-wrapper .faq-answer ul li, 
    .user-settings-wrapper .help-content ul li, 
    .user-settings-wrapper .help-content h4 strong, 
    .user-settings-wrapper .faq-answer, 
    .user-settings-wrapper .invite-link-page .refer-friends .refer-title span, 
    .user-settings-wrapper .invite-link-page .refer-friends .refer-title ul li {
        font-size: 14px;
        line-height: 25px;
        letter-spacing: -0.25px;
    }
    .user-settings-wrapper .invite-link-page .sign-up-frm .form-group input {
        width: 100%;
    }
    .user-settings-wrapper.privacy-settings .user-privacy-settings .setting-item div.bookshelf-share {
        width: 85%;
    }
    .user-settings-wrapper.privacy-settings .user-privacy-settings .setting-item div.checkbox {
        width: 15%;
    }
    .user-settings-wrapper.privacy-settings .user-privacy-settings .hide-birth-year div.title {
        width: 85%;
    }
    .user-settings-wrapper .user-settings-apps .sign-up-frm .form-group input {
        width: 100%;
    }
    .user-settings-wrapper .user-settings-apps .affiliate-input-wrapper {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .user-settings-wrapper .user-settings-apps .affiliate-input-wrapper .add-code-btn { 
        margin-left: 0px;
    }
    .user-settings-wrapper .user-settings-apps .connect-amazon-btn .con-amazon-btn, 
    .user-settings-wrapper .user-settings-apps .connect-linkedin-btn .con-linkedin-btn, 
    .user-settings-wrapper .user-settings-apps .connect-twitter-btn .con-twitter-btn {
        padding: 10px 15px !important;
    }

    .user-settings-wrapper .subscription-feature-table {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
        gap: 15px;
    }
    .user-settings-wrapper .subscription-plan-table-title {
        padding: 12px 10px;
        font-size: 14px;
    }
    .user-settings-wrapper .subscription-plan-table-content-right {
        padding: 10px 15px;
        width: 70%;
    }
    .user-settings-wrapper .subscription-plan-table-content-right span { 
        padding: 5px 5px;
        min-width: 60px;
        word-wrap: break-word;
    }
    .user-settings-wrapper .subscription-plan-table-content-left {
        width: 30%;
    }

}
/* Setting page End */

@media (min-width: 1600px) {
    /* dashboard page */
    .my-bookshelf-page-title-wrapper h1 {
        font-size: 48px;
        line-height: 65px;
    }
    .my-bookshelf-grid-item {
        width: calc(100% / 8 - 50px);
    }
    
    .my-bookshelf-grid-item a { 
        overflow: unset;
    }

    #rl-my-bookshelf .my-bookshelf-swiper-container .swiper-wrapper { 
        width: 90%;
        gap: 20px;
    }

    #rl-my-bookshelf .reding-lists-slider-item {
        width: 100px;
        height: 150px;
    }
    /* reading list details page end */
}



@media (min-width: 1366px) and (max-width: 1599px) {
    /* dashboard page start */

    .my-bookshelf-inner-wrapper { 
        width: calc(100% - 120px);
        padding-right: 28px;
        height: 100%;
    }

    .my-bookshelf-grid-item a { 
        overflow: unset;
    }
    .my-bookshelf-grid-item {
        /* width: calc(100% / 7 - 50px); */
        width: calc(100% / 7 - 55px);
    }
    .my-bookshelf-grid { 
        gap: 20px 30px;
    }
    .my-bookshelf-grid-item-thumb {
        width: 100%;
        height: 190px;
        overflow: hidden;
        box-shadow: -16px 16px 16px rgba(0, 0, 0, 0.3);
    }
    .my-bookshelf-page-title-wrapper h1 { 
        font-size: 42px;
    }
    .my-bookshelf-grid-item-thumb img { 
        object-fit: fill;
    }
    .my-bookshelf-swiper-container .swiper-wrapper {
        width: 90%;
        /* justify-content: space-around; */
    }
    /* dashboard page End */
    /* reading list details page start */
    .my-bookshelf-reading-lists.my-bookshelf-reading-lists-full .my-bookshelf-reading-lists-inner .my-bookshelf-grid .my-bookshelf-grid-item {
        width: calc(100% / 6 - 50px);
    }


    #rl-my-bookshelf .my-bookshelf-swiper-container .swiper-wrapper { 
        width: 90%;
        gap: 20px;
    }

    #rl-my-bookshelf .reding-lists-slider-item {
        width: 100px;
        height: 150px;
    }
    /* reading list details page end */
}

@media (min-width: 1200px) and (max-width: 1365px) {
    .my-bookshelf-page-title-wrapper h1 {
        font-size: 42px;
    }
    .my-bookshelf-grid-item-thumb img {
        object-fit: fill;
    }
    .my-bookshelf-grid { 
        gap: 20px 30px;
    }
    .my-bookshelf-grid-item {
        width: calc(100% / 8 - 30px);
    }
    .my-bookshelf-grid-item-thumb {
        width: 100%;
        height: 170px;
        overflow: hidden;
        box-shadow: -16px 16px 16px rgba(0, 0, 0, 0.3);
    }
    .my-bookshelf-grid-item a { 
        overflow: unset;
    }
    .my-bookshelf-inner-wrapper {
        width: calc(100% - 120px);
        padding-right: 28px;
        height: 100%;
    }

    /* Book details page start */
    .my-bookshelf-details-wrapper-heading h1 {
        font-size: 42px; 
        max-width: 80%;
    }
    /* Book details page end */
    /* reading list details page start */
    .my-bookshelf-reading-lists.my-bookshelf-reading-lists-full .my-bookshelf-reading-lists-inner .my-bookshelf-grid .my-bookshelf-grid-item {
        width: calc(100% / 6 - 30px);
    }



    #rl-my-bookshelf .my-bookshelf-swiper-container .swiper-wrapper { 
        width: 90%;
        gap: 20px;
    }

    #rl-my-bookshelf .reding-lists-slider-item {
        width: 100px;
        height: 150px;
    }
    /* reading list details page end */
}

/* Tablet */
.popup-overlay .popup-box .sign-up-form {
    max-height: 800px;
    height: 90%;
}

.popup-overlay .popup-box .sign-up-form #createReadingListForm {
    /* overflow-y: auto;
    margin-bottom: 5%; */
    max-height: 85vh;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;     
    overscroll-behavior: contain;  
}

 /* .bs-scroll-popup .popup-box {
    max-height: 90vh;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;     
    overscroll-behavior: contain;  
} */
/*
.bs-scroll-popup .popup-box .popup-header {
    position: absolute;
    top: 0;
    background: #FDFCF6;
    z-index: 10;
    width: 100%;
} */
/* .bs-scroll-popup .popup-box .sign-up-right.create-reading-list-form {
    margin-top: 45px;
} */

@media (max-width: 1200px) {

    /* Header Css Start */
    .my-bookshelf-inner-wrapper { 
        width: calc(100% - 122px);
        margin-left: 122px;
        padding-right: 30px;
    }
    .site-header-search {
        width: 31%;
    }
    .site-header-search .search-form input {
        padding: 15.5px 10px 15.5px 44px;
    }
    .site-header-logo a {
        font-size: 35px;
        line-height: 32px;
    }
    .search-field-dropdown {
        width: 482px !important;
    }
    .bookshelf-dropdown-item {
        padding: 0 20px 16px 20px;
    }
    .bookshelf-dropdown-item-thumb {
        width: 67.29px;
        height: 96px;
        overflow: hidden;
        box-shadow: -7.11px 7.11px 11.38px 0px #0000004D;
    }
    .bookshelf-dropdown-item-content h5 {
        font-size: 14px;
    }
    .bookshelf-dropdown-item-content h5 span{
        font-weight: 700;
    }
    .bookshelf-dropdown-item-content p { 
        font-size: 12px;
        line-height: 16px;
    }
    /* Header Css End */

    /* Page Title Css Start */
    .my-bookshelf-page-title-wrapper {
        padding: 30px 0 20px 0;
    }

    .my-bookshelf-page-title-wrapper h1 {
        font-size: 26px;
        line-height: 40px;
        font-weight: 400;
        height: 40px;
    }
    .my-bookshelf-page-ttiel-search .search-form .search-field input {
        padding: 20px 17px 11px 30px;
    }
    .search-categories-filter { 
        height: calc(100% - 100px);
    }
    .search-categories-filter-inner .my-bookshelf-page-ttiel-search .search-form .search-field input {
        padding: 17px 17px 17px 30px;
    }
    .search-categories-filter .search-categories-grid {
        gap: 20px;
        margin-top: 20px;
    }
    .search-categories-filter .search-categories-grid h4 {
        font-size: 18px;
    }
    .search-categories-filter .search-categories-grid ul { 
        gap: 16px;
    }
    .search-categories-filter .search-categories-grid ul li .form-group label span {
        font-size: 14px;
        line-height: 18px;
    }
    /* Page Title Css End */

    /* Page Content Css Start */
    .my-bookshelf-heading {
        margin-bottom: 20px;
    }
    .my-bookshelf-heading { 
        align-items: center;
    }
    .my-bookshelf-heading h2 {
        font-size: 18px;
        line-height: 28px;
        top: 2px;
    }
    .my-bookshelf-heading a {
        font-size: 14px;
        top: 2px;
    }
    .my-bookshelf-grid {
        gap: 20px 33.6px;
    }
    .my-bookshelf-grid-item {
        width: calc(100% / 7 - 30px);
    }
    .my-bookshelf-grid-item-thumb {
        /* width: 119px; */
        width: 100%;
        height: 170px;
    }
    .my-bookshelf-grid-item a {
        overflow: unset;
    }
    /* Page Content Css End */


    /* Reading list page Css Start */
    .my-bookshelf-swiper-container .swiper-wrapper {
        gap: 16px 0 ;
        padding: 20px;
        /* width: 85%; */
    }
    .my-bookshelf-swiper-container .swiper-slide {
        width: 50%;
    }
    .my-bookshelf-reading-lists.my-bookshelf-reading-lists-full .my-bookshelf-reading-lists-inner .my-bookshelf-grid .my-bookshelf-grid-item {
        width: calc(100% / 6 - 30px);
    }

    .my-bookshelf-inner-wrapper.reading-lists-inner-wrapper .my-bookshelf-swiper-container .swiper-slide {
        width: auto;
    }
    .my-bookshelf-inner-wrapper.reading-lists-inner-wrapper .my-bookshelf-swiper-container .swiper-slide .reding-lists-slider-item {
        width: 140px;
        height: 200px;
    }

    .popup-overlay .popup-box .sign-up-form {
        margin: auto 0px;
    }

    .my-bookshelf-inner-wrapper.reading-lists-inner-wrapper .my-bookshelf-swiper-container .swiper-wrapper { 
        gap: 28.17px;
        width: 95%;
    }
    .my-bookshelf-breadcrumb li a, .my-bookshelf-breadcrumb li i {
        font-size: 20px;
        line-height: 100%;
    }
    .my-bookshelf-breadcrumb li {
        font-size: 20px;
        line-height: 100%;
    }
    #reading-detail-full .my-bookshelf-reading-lists-inner.my-bookshelf-reading-lists-inner-details .my-bookshelf-grid .my-bookshelf-grid-item .my-bookshelf-grid-item-thumb .my-bookshelf-grid-item-overlay ul { 
        gap: 12px;
    }
    #reading-detail-full .my-bookshelf-reading-lists-inner.my-bookshelf-reading-lists-inner-details .my-bookshelf-grid .my-bookshelf-grid-item .my-bookshelf-grid-item-thumb .my-bookshelf-grid-item-overlay ul li a { 
        width: 40px;
        height: 40px;
    }
    #reading-detail-full .my-bookshelf-reading-lists-inner.my-bookshelf-reading-lists-inner-details .my-bookshelf-grid .my-bookshelf-grid-item .my-bookshelf-grid-item-thumb .my-bookshelf-grid-item-overlay ul li a i { 
        font-size: 20px;
    }

    .my-bookshelf-reading-lists-inner.my-bookshelf-reading-lists-inner-details .my-bookshelf-reading-lists-heading .desk-reading-lists-action {
        margin-left: auto;
    }
    /* Reading list page Css End */

    /* Network page Css start */
    .network-profile-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-details-wrapper .my-bookshelf-details-wrapper-left .network-profile-name span { 
        font-size: 18px;
        line-height: 28px;
    }
    .network-profile-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-details-wrapper .my-bookshelf-details-wrapper-left .network-profile-name a {
        padding: 13px 19px;
    }
    .recent-additions-books h4 { 
        font-size: 18px !important;
        line-height: 28px !important;
    }
    .recent-additions-books-list-item-thumb {
        box-shadow: -16px 16px 16px 0px #0000004D;
    }
    .recent-additions-books-list-item-content-title h5 a { 
        font-size: 18px !important;
        line-height: 24px !important;
    }
    .network-profile-tabs-filter { 
        gap: 10px !important;
    }
    .my-bookshelf-details-wrapper-right { 
        padding: 20px;
    }
    /* .network-profile-tabs ul li a { 
        padding: 10px 20px !important;
    } */
    .network-profile-tab .my-bookshelf-page-content-inner .my-bookshelf-grid {
        gap: 20px 25px !important;
    }
    .network-profile-tab .my-bookshelf-page-content-inner .my-bookshelf-grid-item {
        width: calc(100% / 5 - 20px) !important;
    }
    .network-profile-tab .my-bookshelf-page-content-inner .my-bookshelf-grid-item .my-bookshelf-grid-item-thumb {
        width: 119px !important;
    }
    .network-profile-tab.active .my-bookshelf-swiper-container .swiper-wrapper {
        gap: 16px 15px;
        justify-content: center;
    }
    .network-profile-tab.active .my-bookshelf-swiper-container .swiper-slide {
        width: auto;
    }
    /* Network page Css End */

} 
/* dashboard page  start */
@media (max-width: 1024px) { 
    .left-sidebar-inner { 
        width: 80px;
    }
    .my-bookshelf-inner-wrapper {    
        width: calc(100% - 100px); 
        padding-right: 20px;
        margin-left: 100px;
    }
    .site-header-search .search-form input { 
        padding: 12px 12px 12px 40px;
    }
    .site-header-logo a { 
        font-size: 32px;
        line-height: 32px;
    }
    .my-bookshelf-page-title-wrapper h1 {
        font-size: 24px;
        line-height: 40px;
        font-weight: 400;
        height: 40px;
    }
    .header-user-profile-nav ul li {
        width: 45px;
        height: 45px;
    }
    
    .header-user-profile-nav ul li a img {
        height: 45px;
        width: 45px;
    }
    .left-sidebar-inner .main-navigation li a {
        height: 45px;
        width: 45px;
    }
    .left-sidebar-inner .main-navigation li a i {
        font-size: 45px;
    }

    .my-bookshelf-grid {
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        gap: 10px 20px;
    }
    .my-bookshelf-grid-item {
        width: calc(100% / 5 - 20px);
    }
    
    .my-bookshelf-grid-item a {
        overflow: unset;
    }

    .my-bookshelf-grid-item-thumb {
        width: 100%;
        height: 170px;
        overflow: visible;
        box-shadow: -16px 16px 16px rgba(0, 0, 0, 0.3);
    }
    .my-bookshelf-grid-item-thumb img { 
        object-fit: fill;
    }
    .my-bookshelf-reading-lists a {
        width: calc(100% / 2 - 13.4px);
    }
}

@media only screen and (max-width: 768px) { 
    .left-sidebar-inner {
        width: 70px;
    }
    .my-bookshelf-grid-item {
        width: calc(100% / 5 - 20px);
    }
    .my-bookshelf-swiper-container .swiper-wrapper { 
        width: 93%;
    }
    .my-bookshelf-reading-lists a {
        /* width: calc(100% / 2 - 13.4px); */
        width: 100%;
    }
    .my-bookshelf-swiper-container .swiper-slide {
        width: calc(100% / 4);
    }
    .my-bookshelf-inner-wrapper {
        width: calc(100% - 85px);
        padding-right: 20px;
        margin-left: 85px;
    }

}

@media (max-width: 600px) {
    .my-bookshelf-swiper-container .swiper-slide {
        width: calc(100% / 3);
    }
    .my-bookshelf-grid-item {
        width: calc(100% / 4 - 20px);
    }
}
/* dashboard page  End */

/* Book details page start */
.network-not-data-available-wrapper .mb-book-details-header {
    display: none;
}

@media (max-width: 1200px) { 
    /* Book detail page Css Start */
    .my-bookshelf-details-wrapper { 
        gap: 30px;
    }
    .my-bookshelf-details-wrapper-left {
        width: 270px;
    }
    .my-bookshelf-details-wrapper-right {
        width: calc(100% - 300px);
    }
    .book-details-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-heading a i {
        width: 22px;
    }
    .book-details-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-heading a {
        font-size: 20px;
        justify-content: flex-start;
    }
    .my-bookshelf-details-wrapper-heading h1 {
        font-size: 26px;
        line-height: 40px;
        width: 70%;
    }
    .my-bookshelf-details-favourite-copy-section ul li a {
        width: 40px;
        height: 40px;
    }
    .my-bookshelf-details-wrapper-heading {
        margin-bottom: 30px;
    }
    .my-bookshelf-details-wrapper-thumb { 
        width: 209px;
        height: 298px;
        box-shadow: -10px 10px 16px 0px #0000004D;

    }
    .book-details-wrapper.user-settings-wrapper .help-page-content,
    .help-faq-wrapper {
        width: 100% !important;
    }
    .book-details-wrapper.user-settings-wrapper form#userContactform .sign-up-form.user-information-form .contact-info-section .name-email-section {
        gap: 24px;
    }
    .book-details-wrapper.user-settings-wrapper #userContactform > div > div > div > div.contact-info-inner-section > .form-group {
        width: 100% !important;
    }
    .my-bookshelf-details-favourite-copy-section ul li a i {
        font-size: 20px;
    }
    /* Book detail page Css End */
}
@media only screen and (max-width: 768px) { 
    .my-bookshelf-no-data-available {
        text-align: center;
    }
    .site-header-search {
        width: 30%;
    }
    .site-header-logo {
        width: 45%;
    }
    .header-user-profile-nav {
        width: 25%;
    }

    .site-header-logo a {
        font-size: 30px;
        line-height: 100%;
    }
    .header-user-profile-nav ul li a img {
        height: 100%;
        width: 100%;
    }
    .header-user-profile-nav ul li {
        width: 40px;
        height: 40px;
    }
    .site-header-search .search-form i { 
        font-size: 18px;
        left: 10px;
    }
    .site-header-search .search-form input {
        padding: 10px 10px 10px 35px;
    }

    .my-bookshelf-details-wrapper-left {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .my-bookshelf-details-wrapper-right {
        width: 100%;
    }
    .add-view-bookshelf-btn {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        gap: 10px;
        width: 100%;
    }
    .my-bookshelf-details-wrapper-left a.add-to-bookshelf-btn, 
    .my-bookshelf-details-wrapper-left a.view-on-amazon-btn {
        width: 50%;
        font-size: 14px;
        padding: 16px 5px;
    }
    .my-bookshelf-details-wrapper-left ul { 
        gap: 10px;
    }
}
@media (min-width: 320px) and (max-width: 576px) { 
    .network-not-data-available-wrapper .mb-book-details-header {
        display: flex;
        padding-top: 20px;
    }
    .network-not-data-available-wrapper .mb-book-details-header .my-bookshelf-heading a { 
        color: var(--secondary-color);
    }

    .network-not-data-available-wrapper .mb-book-details-header .my-bookshelf-heading,
    .network-not-data-available p { 
        padding: 0px 16px;
    }
}
/* Book details page End */

/* Reading list page start */
@media (max-width: 1024px) { 
    .my-bookshelf-reading-lists.my-bookshelf-reading-lists-full .my-bookshelf-reading-lists-inner .my-bookshelf-grid .my-bookshelf-grid-item {
        width: calc(100% / 5 - 20px);
    }
    .my-bookshelf-reading-lists-inner.my-bookshelf-reading-lists-inner-details .my-bookshelf-reading-lists-heading .reading-lists-action a { 
        width: 40px;
        height: 40px;
    }
    .my-bookshelf-reading-lists-inner.my-bookshelf-reading-lists-inner-details .my-bookshelf-reading-lists-heading .reading-lists-action a i {
        font-size: 20px;
    }
}
@media only screen and (max-width: 768px) { 
    .my-bookshelf-reading-lists.my-bookshelf-reading-lists-full .my-bookshelf-reading-lists-inner .my-bookshelf-grid .my-bookshelf-grid-item {
        width: calc(100% / 4 - 20px);
    }
    .my-bookshelf-reading-lists-description p { 
        font-size: 14px;
        line-height: 22px;
    }
}

@media (min-width: 320px) and (max-width: 576px) { 
    .select2-container.select2-container--default .select2-dropdown.select2-dropdown--above,
    .select2-container.select2-container--default .select2-dropdown.select2-dropdown--below {
        width: 90% !important;
        background: #FDFCF6 !important;
    }

    .select2-results .select2-results__options .select2-results__option {
        padding: 10px 10px !important;
    }
    .select2-container.select2-container--default .select2-dropdown.select2-dropdown--below .select2-search.select2-search--dropdown, 
    .select2-container.select2-container--default .select2-dropdown.select2-dropdown--above .select2-search.select2-search--dropdown {
        padding: 10px 10px 10px !important;
    }
    .book-img-flag-container { 
        display: none;
    }
    .select2-results .select2-results__options .select2-results__option span p { 
        width: 100% !important;
    }
}
@media (max-width: 600px) {
    .my-bookshelf-reading-lists.my-bookshelf-reading-lists-full .my-bookshelf-reading-lists-inner .my-bookshelf-grid .my-bookshelf-grid-item {
        width: calc(100% / 3 - 20px);
    }
}
@media (max-width: 400px) {
    .reading-lists-inner-wrapper #reading-detail-full .my-bookshelf-grid {
        justify-content: center;
        margin-bottom: 50px;
    }
    /*    #reading-detail-full .my-bookshelf-reading-lists-inner.my-bookshelf-reading-lists-inner-details .my-bookshelf-grid .my-bookshelf-grid-item {
        width: calc(100% / 2 - 50px) !important;
        width: auto !important; 
    }*/
    /* #reading-detail-full .my-bookshelf-reading-lists-inner.my-bookshelf-reading-lists-inner-details .my-bookshelf-grid .my-bookshelf-grid-item     .my-bookshelf-grid-item-thumb { 
        width: 100px !important;
        height: 140px;
    } */
}
/* Reading list page End */

/* Notificaiton page css Start */
.user-notification-settings .d-flex .mb-notification-list-details-header {
    display: none !important;
}
.desk-user-notifications {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.mb-user-notifications {
    display: none;
}
@media (max-width: 1200px) {
    .book-details-wrapper.user-notification-settings .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-heading h1 {
        font-size: 26px !important;
        line-height: 40px !important;
        font-weight: 400 !important;
        height: 40px !important;
    }
}
@media only screen and (max-width: 768px) { 
    .user-notification-settings .my-bookshelf-heading {
        display: flex;
        align-items: stretch;
        margin-bottom: 30px;
        flex-direction: column;
    }
    .user-notifications-title-wrapper {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    .user-notification-settings .d-flex h1 {
        position: relative;
        top: 10px;
    }
    .user-notification-settings .d-flex {
        display: flex;
        align-items: stretch;
    }


    .user-notification-settings .my-bookshelf-heading {
        flex-direction: row;
    }
    .user-notification-settings .d-flex .mb-notification-list-details-header {
        display: flex !important;
    }
    .mb-notification-list-details-header i::before {
        content: "\e90e";
        font-family: 'icomoon' !important;
        speak: never;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        padding: 0 10px 0 0;
    }
    .desk-user-notifications {
        display: none;
    }
    .mb-user-notifications {
        display: flex;
    }
    .mb-notification-lists-action {
        display: flex;
    }
    .notification-lists-action-btn {  
        /* background: url(../images/menu-dots.svg); */
        background: url(../images/menu-dots.svg) no-repeat center;
        background-image: url(../images/menu-dots.svg);
        /* background-size: contain; */
        background-color: #FDFCF6;
        width: 46px;
        height: 46px;
        border-radius: 50%;
    }
    .notification-lists-action-dropdown {
        background: #FDFCF6;
        top: 33%;
        right: 20px;
        padding: 15px;
        position: absolute;
        display: none;
        z-index: 8;
        width: 35%;
    }
    .notification-lists-action-dropdown ul { 
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        width: 100%;
    }
    .notification-lists-action-dropdown ul li span { 
        font-family: Montserrat;
        font-weight: 500;
        font-style: Medium;
        font-size: 16px;
        leading-trim: NONE;
        line-height: 24px;
        letter-spacing: 0px;

    }
    .user-notification-settings .notifications-list {
        background-color: #F0EEE3 !important;
    }
    
    
}
@media (min-width: 320px) and (max-width: 576px) {
    .user-notification-settings .my-bookshelf-heading {
        flex-direction: row;
    }
    .user-notification-settings .d-flex .mb-notification-list-details-header {
        display: flex !important;
    }
    .mb-notification-list-details-header i::before {
        content: "\e90e";
        font-family: 'icomoon' !important;
        speak: never;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        padding: 0 10px 0 0;
    }
    .desk-user-notifications {
        display: none;
    }
    .mb-user-notifications {
        display: flex;
    }
    .mb-notification-lists-action {
        display: flex;
    }
    .notification-lists-action-btn {  
        /* background: url(../images/menu-dots.svg); */
        background: url(../images/menu-dots.svg) no-repeat center;
        background-image: url(../images/menu-dots.svg);
        /* background-size: contain; */
        background-color: #FDFCF6;
        width: 46px;
        height: 46px;
        border-radius: 50%;
    }
    .notification-lists-action-dropdown {
        background: #FDFCF6;
        top: 70px;
        right: 15px;
        padding: 15px;
        position: absolute;
        display: none;
        z-index: 8;
        width: 35%;
    }
    .notification-lists-action-dropdown ul { 
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        width: 100%;
    }
    .notification-lists-action-dropdown ul li span { 
        font-family: Montserrat;
        font-weight: 500;
        font-style: Medium;
        font-size: 16px;
        leading-trim: NONE;
        line-height: 24px;
        letter-spacing: 0px;

    }
    .user-notification-settings .notifications-list {
        background-color: #F0EEE3 !important;
    }
}
/* Notificaiton page css End */

/* mobile header footer */
.bookshelf-dropdown {
    max-height: 488px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    width: 100%;
}
@media (min-width: 320px) and (max-width: 576px) {
    .header-user-profile-nav {
        width: 35%;
    }

    .mb-profile-settings-btn a {
        background-color: var(--primary-color);
        color: var(--white-color) !important;
    }

    .mb-profile-settings-btn a:hover {
        color: var(--secondary-color) !important;
        background-color: transparent;
    }

    .mb-profile-settings-btn .icon-setting:before {
        content: "\e90b";
        color: unset;
    }

    /* Mobile header start */
    .site-header-wrapper {
        display: none;
    }

    .mb-header-wrapper {
        margin-bottom: 30px;
    }
    .my-bookshelf-page-title-wrapper {
        display: none;
    }
    .left-sidebar {
        display: none;
    }
    .mb-header-wrapper {
        display: block;
    }
    .search-categories-filter-inner {
        height: calc(100% - 80px);
    }

    .my-bookshelf-inner-wrapper {
        width: 100%;
        margin: 0px;
        padding: 0px 16px;
    }
    .book-details-wrapper .my-bookshelf-inner-wrapper {
        padding: 0px 0px;
    }
    .mb-header-wrapper .site-header-logo {
        width: 100%;
        padding: 10px 0;
    }
    .mb-heading-and-profile {
        display: flex;
        justify-content: space-between;
    }
    .mb-heading-and-profile .mb-heading h1 {
        font-family: Gurmukhi MN;
        font-weight: 400;
        font-style: Regular;
        font-size: 22px;
        leading-trim: NONE;
        line-height: 34px;
        letter-spacing: 0%;        
    }
    .mb-heading-and-profile .mb-heading {
        display: flex;
        align-items: center;
    }
    .mb-heading-and-profile .header-user-profile-nav ul li {
        background: var(--white-color);
        width: 44px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 54px;
    }
    .mb-filter .my-bookshelf-page-ttiel-search {
        width: 100%;
    }
    .mb-filter .search-categories-filter {
        height: 98%;
        width: 80%;
    }
    .mb-filter .my-bookshelf-page-ttiel-search .search-form .search-field i.icon-sort {
        left: 95%;
    }

    .mb-filter  .my-bookshelf-page-ttiel-search .search-form .search-field::before {
        content: "";
        position: absolute;
        bottom: 0;
        width: 90%;
        height: 1px;
        background-color: rgba(34, 39, 54, 0.16);
    }

    .mb-filter  .my-bookshelf-page-ttiel-search .search-form .search-field input {
        border: none;
    }
    .my-bookshelf-page-ttiel-search .search-form .search-field i.icon-filter {
        position: absolute;
        font-size: 20px;
        top: 0;
        bottom: 0;
        margin: auto;
        display: flex;
        align-items: center;
        left: 92%;
    }

    .bookshelf-dropdown {
        max-height: 488px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        width: 100%;
    }

    .icon-filter:before {
        content: "";
        background: url("../images/filter-icon.svg") no-repeat center;
        background-image: url("../images/filter-icon.svg");
        /* background-size: contain; */
        width: 20px;
        height: 20px;
    }
    /* Mobile header End */


    /* Mobile Menu Start */
    .mobile-menu {
      /* min-height: 90px; */
      min-height: 0px;
      margin: 0;
      display: flex;
      justify-content: center;
      align-items: flex-end;
      
    }
    .mobile-menu .navigation {
        position: fixed;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        height: 70px;
        background: #FDFCF6;
        display: flex;
        align-items: center;
        /* border-radius: 20px 20px 0 0; */
        /* box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.2); */
        z-index: 1001;
        justify-content: center;
    }
    .mobile-menu .navigation ul {
        display: flex;
        width: 350px;
        padding: 0;
        margin: 0px;
    }
    
    .mobile-menu .navigation ul li {
        display: flex;
        align-items: center;
        position: relative;
        list-style: none;
        width: 70px;
        height: 70px;
        z-index: 7;
        flex-direction: column;
        justify-content: space-around;
    }
    .mobile-menu .navigation ul .current_page_item a,
    .mobile-menu .navigation ul li.active a {
        background: var(--primary-color);
        color: var(--white-color) !important;
    }
    .mobile-menu .navigation ul li.circle.active a {
        background: #ffffff00 !important;
        color: var(--white-color) !important;
    }
    
    .mobile-menu .navigation ul li.non-circle a {
        position: relative;
        display: flex;
        justify-content: space-around;
        align-items: stretch;
        flex-direction: row;
        width: 100%;
        text-align: center;
        font-weight: 500;
        list-style: none;
        border-radius: 99em;
        height: 50px;
        width: 50px;
        cursor: pointer;
        color: var(--secondary-color);
        text-decoration: none;
        /* background: var(--primary-color); */
        align-content: space-around;
    }
    .mobile-menu .navigation ul li a .icon i{
        font-size: 50px;
    }
    .mobile-menu .navigation ul li a .icon {
      position: relative;
      display: block;
      line-height: 75px;
      font-size: 1.5em;
      text-align: center;
      transition: 0.1s;
    }
    .mobile-menu .navigation ul li.circle a .icon {
      transform: translateY(-35px);
    }
    .mobile-menu .navigation ul .indicator {
      position: absolute;
      top: -45%;
      width: 64px;
      height: 64px;
      background: #222736;
      box-sizing: border-box;
      border-radius: 50%;
      border: 6px solid #F0EEE3;
      transition: 0.1s;
      /* border-color: transparent; */
    }
    .mobile-menu .navigation ul li.circle a {
        right: 5%;
        bottom: 10%;
        position: relative;
        display: flex;
        justify-content: space-around;
        align-items: stretch;
        flex-direction: row;
        width: 100%;
        text-align: center;
        font-weight: 500;
        list-style: none;
        border-radius: 99em;
        height: 50px;
        width: 50px;
        cursor: pointer;
        color: #ffff;
        text-decoration: none;
        /* background: var(--primary-color); */

    }
    .mobile-menu .navigation ul li a .icon .icon-search {
        font-size: 30px;
    }

    .mobile-menu .navigation ul .indicator::before,
    .mobile-menu .navigation ul .indicator::after {
      content: "";
      position: absolute;
      top: 50%;
      width: 20px;
      height: 20px;
      background: transparent;
    }

    /* .mobile-menu .navigation ul .indicator::before {
      left: -22px;
      border-top-right-radius: 20px;
      box-shadow: 1px -10px 0 0 #F0EEE3;
    }
    .mobile-menu .navigation ul .indicator::after {
      right: -22px;
      border-top-left-radius: 20px;
      box-shadow: -1px -10px 0 0 #F0EEE3;
    } */

    .mobile-menu .navigation ul li.circle~.indicator {
      --x: 0;
      transform: translateX(var(--x));
    }
    .mobile-menu .navigation ul li:nth-child(2).circle~.indicator { --x: 70px; }
    .mobile-menu .navigation ul li:nth-child(3).circle~.indicator { --x: 140px; }
    .mobile-menu .navigation ul li:nth-child(4).circle~.indicator { --x: 210px; }
    .mobile-menu .navigation ul li:nth-child(5).circle~.indicator { --x: 280px; }
    /* Mobile Menu End */


}

.mb-bookshelf-details-favourite-copy-section {
    display: none;
}
/* Mobile Portrait */
@media (min-width: 320px) and (max-width: 576px) {
    .popular-books-wrapper .my-bookshelf-inner-wrapper .genre-page-content-wrapper {
        padding-bottom: 15%;
    }
    .mb-amazon-api-status p.bookshelf-amazon-api-notice {
        margin: 10px 0px;
        font-size: 12px;
    }
    /* add book form start */
    #addBookForm .form-books-row {
        order: 1;
    }
    #addBookForm .from-group-books {
        order: 2;
    }
    #addBookForm  .form-group-button {
        order: 3;
        justify-content: center !important;
    }
    #addBookForm .from-group-books .tag-list .tag {
        width: 100%;
        background: #FDFCF6;
    }
    #addBookForm .from-group-books .tag-list .tag .remove-tag {
        margin-left: auto;
    }
    /* add book form end  */

    /* book details page start */
    .my-bookshelf-swiper-container .swiper-wrapper .swiper-slide .reding-lists-slider-item {    
        width: 90px;
        height: 140px;
    }
    .my-bookshelf-swiper-container .swiper-wrapper {
        width: 90%;
        justify-content: space-around;
        gap: 11px;
    }
    .my-bookshelf-swiper-container .swiper-slide {
        /* width: calc(100% / 2); */
        width: auto;
    }

    .my-bookshelf-details-favourite-copy-section {
        display: none;
    }
    .mb-book-details-header .my-bookshelf-heading a {
        font-size: 22px !important;
    }
    .mb-book-details-header .my-bookshelf-heading a i { 
        width: 20px !important;
        height: 20px;
        font-size: 19px;
    }
    .mb-book-details-header .my-bookshelf-details-favourite-copy-section ul li a { 
        width: 44px;
        height: 44px;
        background: #FFFFFF;
    }
    .mb-book-details-header .my-bookshelf-details-favourite-copy-section ul li a i { 
        font-size: 20px;
    }
    .mb-book-details-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .mb-bookshelf-details-favourite-copy-section {
        display: flex;
        position: relative;
        padding: 0px 16px;
        margin-bottom: 16px;
    }
    #toast-container { 
        left: 0px;
        overflow-wrap: anywhere;  
        word-break: break-all;  
        width: 98%;
        margin: auto;
    }
    #toast-container .toast {
        width: 100%;  
        padding: 7px 10px;
        overflow-wrap: anywhere;  
        word-break: auto-phrase;  
        white-space: break-spaces;
    }
    .my-bookshelf-details-wrapper-right { 
        padding: 20px 16px;
    }
    .my-bookshelf-details-wrapper-heading { 
        margin-bottom: 30px;
    }
    /* book details page end */

    /* Reading Lists page start */
    .my-bookshelf-grid-item a {
        overflow: unset;
    }
    .my-bookshelf-heading { 
        margin-bottom: 16px;
    }
    #bookshelf-internal-section .my-bookshelf-heading { 
        margin-bottom: 0px;
    } 
    #rl-my-bookshelf {
        padding-bottom: 20%;
    }
    .my-bookshelf-grid-item {
        width: calc(100% / 3 - 10px);
    }
    .my-bookshelf-reading-lists a {
        width: 100%;
    }
    .my-bookshelf-details-wrapper {
        flex-direction: column;
        gap: 24px;
    }
    .my-bookshelf-details-wrapper-left,
    .my-bookshelf-details-wrapper-right {
        width: 100%;
    }
    
    .add-view-bookshelf-btn {
        flex-direction: row-reverse;
        gap: 12px;
        position: fixed;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        height: 70px;
        background: #FDFCF6;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 2;
        padding: 0px 15px;
    }

    .my-bookshelf-page-title-wrapper h1 { 
        font-size: 22px;
        line-height: 2;
    }
    .open-popup-btn { 
        padding: 10px 12px;
    }

    .add-view-bookshelf-btn .add-to-bookshelf-btn,
    .add-view-bookshelf-btn .view-on-amazon-btn {
        font-size: 14px !important;
        padding: 17px 7px !important;
    }

    .add-view-bookshelf-btn .view-on-amazon-btn {
        width: 166px !important;
    }

    .add-view-bookshelf-btn .add-to-bookshelf-btn {
        color: var(--white-color) !important;
        background: var(--secondary-color) !important;
        border-color: var(--secondary-color) !important;
        width: 220px !important;
    }

    .book-details-wrapper .my-bookshelf-page-header {
        display: none;
    }
    .book-details-wrapper .my-bookshelf-page-content {
        padding: 20px 0px 20px;
    }
    .book-details-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-heading,
    .book-details-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-details-wrapper .my-bookshelf-details-wrapper-left {
        padding: 0px 16px;
    }

    .book-details-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-details-wrapper .my-bookshelf-details-wrapper-left {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .book-details-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-details-wrapper .my-bookshelf-details-wrapper-left .my-bookshelf-details-wrapper-thumb {
        margin: 0 auto 30px;
    }
    .book-details-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-details-wrapper .my-bookshelf-details-wrapper-left ul {
        width: 75%;
        padding: 0;
        gap: 5px;
    }
    .book-details-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-details-wrapper .my-bookshelf-details-wrapper-left p {
        margin: 15px auto auto;
    }
    .book-details-wrapper .my-bookshelf-page-content .my-bookshelf-page-content-inner .my-bookshelf-details-wrapper .my-bookshelf-details-wrapper-right .my-bookshelf-details-wrapper-heading h1 {
        font-size: 22px;
        line-height: 100%;
        margin-bottom: 16px;
    }

    .my-bookshelf-grid-item-thumb {
        width: 100%;
        height: 170px; 
    }
    .my-bookshelf-grid { 
        gap: 20px 15px;
    }

    .popup-header .icon-back-icon {
        display: block;
    }
    .popup-header .icon-back-icon::before {
        content: "\e90e";
        font-family: 'icomoon' !important;
        speak: never;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        padding: 0 10px 0 0;
    }
    .d-flex {
        display: flex;
    }

    .reading-lists-wrapper .my-bookshelf-page-title-wrapper.reading-lists-page-title-wrapper {
        display: flex;
    }
    .reading-lists-wrapper .mb-header-wrapper {
        display: none;
    }
    .reading-lists-wrapper .reading-lists-inner-wrapper .reading-lists-page-title-wrapper .reading-lists-page-template .popup-overlay.show .popup-box,
    .popup-overlay.show .popup-box{
        width: 100%;
        max-width: 100%;
        height: 100%;
        background: #F0EEE3;
    }

    .reading-lists-wrapper .reading-lists-inner-wrapper .reading-lists-page-title-wrapper .reading-lists-page-template .popup-overlay.show .popup-box .sign-up-right.create-reading-list-form .sign-up-form.user-information-form .sign-up-frm .form-group label ,
    .popup-overlay.show .popup-box .sign-up-right.create-reading-list-form .sign-up-form.user-information-form .sign-up-frm .form-group label {
        background: #F0EEE3;
    }

    .reading-lists-wrapper .reading-lists-inner-wrapper .reading-lists-page-title-wrapper .reading-lists-page-template .popup-overlay.show .popup-box .create-reading-list-form ,
    .popup-overlay.show .popup-box .create-reading-list-form {
        height: 90%;
        overflow: auto;
    }
    .reading-lists-wrapper .reading-lists-inner-wrapper .reading-lists-page-title-wrapper .reading-lists-page-template .popup-overlay.show .popup-box .create-reading-list-form #createReadingListForm .form-group-riding-list ,
    .popup-overlay.show .popup-box .create-reading-list-form #createReadingListForm .form-group-riding-list {
        order: 1;
        width: 100%;
    }
    .reading-lists-wrapper .reading-lists-inner-wrapper .reading-lists-page-title-wrapper .reading-lists-page-template .popup-overlay.show .popup-box .create-reading-list-form #createReadingListForm .form-group-textarea ,
    .popup-overlay.show .popup-box .create-reading-list-form #createReadingListForm .form-group-textarea {
        order: 2;
        width: 100%;
    }
    .reading-lists-wrapper .reading-lists-inner-wrapper .reading-lists-page-title-wrapper .reading-lists-page-template .popup-overlay.show .popup-box .create-reading-list-form #createReadingListForm .form-group-picker ,
    .popup-overlay.show .popup-box .create-reading-list-form #createReadingListForm .form-group-picker {
        order: 3;
        width: 100%;
    }

    .reading-lists-wrapper .reading-lists-inner-wrapper .reading-lists-page-title-wrapper .reading-lists-page-template .popup-overlay.show .popup-box .create-reading-list-form #createReadingListForm .from-group-books ,
    .popup-overlay.show .popup-box .create-reading-list-form #createReadingListForm .from-group-books { 
        order: 5;
        width: 100%;
        /* margin-bottom: 15%; */
    }
    .reading-lists-wrapper .reading-lists-inner-wrapper .reading-lists-page-title-wrapper .reading-lists-page-template .popup-overlay.show .popup-box .create-reading-list-form #createReadingListForm .form-books-row ,
    .popup-overlay.show .popup-box .create-reading-list-form #createReadingListForm .form-books-row {
        order: 4;
        width: 100%;
        
    }
    .reading-lists-wrapper .reading-lists-inner-wrapper .reading-lists-page-title-wrapper .reading-lists-page-template .popup-overlay.show .popup-box .create-reading-list-form #createReadingListForm .form-group-button ,
    .popup-overlay.show .popup-box .create-reading-list-form #createReadingListForm .form-group-button {
        order: 6;
        width: 100%;
        justify-content: center;
        /* position: fixed; */
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        height: 70px;
        background: #F0EEE3;
        display: flex;
        /* justify-content: center; */
        align-items: center;
        border-radius: 20px 20px 0 0;
        /* box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.2); */
        z-index: 2;
        /* margin-bottom: 15%; */
        margin-top: 0px;
    }

    .reading-lists-wrapper .reading-lists-inner-wrapper .reading-lists-page-title-wrapper .reading-lists-page-template .popup-overlay.show .popup-box .create-reading-list-form #createReadingListForm .from-group-books .tag-list ,
    .popup-overlay.show .popup-box .create-reading-list-form #createReadingListForm .from-group-books .tag-list {
        justify-content: space-around;
    }
    .reading-lists-wrapper .reading-lists-inner-wrapper .reading-lists-page-title-wrapper .reading-lists-page-template .popup-overlay.show .popup-box .create-reading-list-form #createReadingListForm .from-group-books .tag-list .tag ,
    .popup-overlay.show .popup-box .create-reading-list-form #createReadingListForm .from-group-books .tag-list .tag {
        width: 100%;
        background: #FDFCF6;
    }
    .reading-lists-wrapper .reading-lists-inner-wrapper .reading-lists-page-title-wrapper .reading-lists-page-template .popup-overlay.show .popup-box .create-reading-list-form #createReadingListForm .from-group-books .tag-list .tag .remove-tag ,
    .popup-overlay.show .popup-box .create-reading-list-form #createReadingListForm .from-group-books .tag-list .tag .remove-tag {
        margin-left: auto;
    }
    #reading-detail-full .my-bookshelf-reading-lists.my-bookshelf-reading-lists-full .my-bookshelf-reading-lists-inner {
        padding: 0px;
        background: none;
    }
    .reading-lists-wrapper .reading-lists-inner-wrapper .reading-list-detail-page-header {
        display: none;
    }
    
    .reading-lists-wrapper .reading-lists-inner-wrapper .d-flex .mb-reading-list-details-header {
        text-decoration: none;
        color: #222736;
        margin: 30px 0px;

    }
    .reading-lists-wrapper .reading-lists-inner-wrapper .d-flex .icon-back-icon::before,
    .close-search-popup .icon-back-icon::before {
        content: "\e90e";
        font-family: 'icomoon' !important;
        speak: never;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        padding: 0 10px 0 0;
    }

    #reading-detail-full .my-bookshelf-reading-lists-inner.my-bookshelf-reading-lists-inner-details .my-bookshelf-reading-lists-heading .desk-reading-lists-action {
        display: none;
    }
    .mb-reading-lists-action {
        display: flex;
    }
    #reading-detail-full .my-bookshelf-reading-lists-inner.my-bookshelf-reading-lists-inner-details .my-bookshelf-reading-lists-heading .mb-reading-lists-action .reading-lists-action {
        bottom: 60px;
    }
    
    #reading-detail-full .my-bookshelf-reading-lists-inner.my-bookshelf-reading-lists-inner-details .my-bookshelf-reading-lists-heading .mb-reading-lists-action .reading-lists-action .reading-lists-action-btn  {
        /* background: url("../images/menu-dots.svg"); */
        background: url("../images/menu-dots.svg") no-repeat center;
        background-image: url("../images/menu-dots.svg");
        /* background-size: contain; */
        background-color: #FDFCF6;
        width: 46px;
        height: 46px;
        border-radius: 50%;
    }
    
    #reading-detail-full .my-bookshelf-reading-lists-inner.my-bookshelf-reading-lists-inner-details .my-bookshelf-reading-lists-heading .mb-reading-lists-action .reading-lists-action .reading-lists-action-dropdown {
        background: #FDFCF6;
        top: 50px;
        right: 0px;
    }

    #reading-detail-full .my-bookshelf-reading-lists-inner.my-bookshelf-reading-lists-inner-details .my-bookshelf-reading-lists-description {
        padding: 12px 0 20px;
    }
    #reading-detail-full .my-bookshelf-reading-lists-inner.my-bookshelf-reading-lists-inner-details .my-bookshelf-grid {
        padding: 20px 0 0;
        /* justify-content: center; */
        justify-content: space-around;
        padding-bottom: 10%;
    }

    #reading-detail-full .my-bookshelf-reading-lists-inner.my-bookshelf-reading-lists-inner-details .my-bookshelf-grid .my-bookshelf-grid-item { 
        width: calc(100% / 3 - 25px);
        /* width: auto !important; */
    }
    #reading-detail-full .my-bookshelf-reading-lists-inner.my-bookshelf-reading-lists-inner-details .my-bookshelf-grid .my-bookshelf-grid-item .my-bookshelf-grid-item-thumb { 
        width: 100px !important;
        height: 150px;
    }

    #reading-detail-full .my-bookshelf-reading-lists-inner.my-bookshelf-reading-lists-inner-details .my-bookshelf-grid .my-bookshelf-grid-item .my-bookshelf-grid-item-thumb .my-bookshelf-grid-item-overlay ul { 
        gap: 10px;
    }
    #reading-detail-full .my-bookshelf-reading-lists-inner.my-bookshelf-reading-lists-inner-details .my-bookshelf-grid .my-bookshelf-grid-item .my-bookshelf-grid-item-thumb .my-bookshelf-grid-item-overlay ul li a { 
        width: 36px;
        height: 36px;
    }
    #reading-detail-full .my-bookshelf-reading-lists-inner.my-bookshelf-reading-lists-inner-details .my-bookshelf-grid .my-bookshelf-grid-item .my-bookshelf-grid-item-thumb .my-bookshelf-grid-item-overlay ul li a i { 
        font-size: 20px;
    }

    .reading-lists-wrapper .reading-lists-inner-wrapper .my-bookshelf-swiper-container .swiper-wrapper {
        gap: 11px;
        width: 90%;
    }
    .reading-lists-wrapper .reading-lists-inner-wrapper .my-bookshelf-swiper-container .swiper-wrapper .swiper-slide .reding-lists-slider-item {
        width: 90px;
        height: 140px;
    }

        /* Network */
    .my-bookshelf-Network-wrapper .mb-header-wrapper,
    .network-tabs {
        display: none;
    }
    .my-bookshelf-Network-wrapper .my-bookshelf-inner-wrapper {
        padding: 0px;
    }
    .mb-header-network-wrapper {
        /* margin: 15px 0 0 0; */
        display: flex;
        flex-direction: column;
        gap: 15px;
        padding: 15px 16px;
    }
    .mb-network-filter-and-icon {
        display: flex;
        justify-content: space-between;
    }
    .mb-network-tabs ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        gap: 20px;
    }
    .mb-network-tabs ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        gap: 20px;
    }
    .mb-network-tabs ul li a {
        display: inline-block;
        width: 42px;
        height: 42px;
        background: #FFF;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50px;
        text-decoration: none;
    }
    .mb-network-tabs ul li .tab-a.active-a {
        background: var(--secondary-color);
    }
    .mb-network-tabs ul li a i {
        font-size: 24px;
        color: var(--secondary-color);
    }
    .mb-network-tabs ul li .tab-a.active-a i {
        color: var(--white-color);
    }
    .my-bookshelf-Network-wrapper .my-bookshelf-inner-wrapper .network-page-content .network-tabs-content {
        height: calc(100% + 100px);
        margin-top: 1px;
    }
    .my-bookshelf-Network-wrapper .my-bookshelf-inner-wrapper .mobile-menu {
        min-height: 0;

    }
    .my-bookshelf-Network-wrapper .my-bookshelf-inner-wrapper .mobile-menu .navigation {
        z-index: 1001;
    }
    #user-map {
        height: 100% !important;
    }
    /* Network Table */
    .my-bookshelf-Network-wrapper .network-table-wrapper {
        height: calc(100% - 115px) ;
        max-height: 100vh;
        overflow-y: unset;
    }
    .network-user-avatar img {
        height: 100% !important;
        width: 100% !important;
    }
    
    .my-bookshelf-Network-wrapper .network-table-wrapper .mb-network-table-scroll {
        height: calc(100% - 30px);
        overflow-y: scroll;
    }

    .my-bookshelf-Network-wrapper .network-table-wrapper table thead tr th {
        border-bottom: 1px solid rgba(34, 39, 54, 0.16);
        padding: 10px 10px;
        font-size: 15px;
        font-weight: var(--font-weight-500);
        color: var(--secondary-color);
        letter-spacing: var(--letter-spacing);
    }

    .my-bookshelf-Network-wrapper .network-user-avatar {
        width: 40px ;
        height: 40px;
    }
    .mb-network-table-scroll table #network-users-tbody .network-user-info .network-user-name  { 
        width: calc(100% - 40px);
    }
    .my-bookshelf-Network-wrapper .network-table-wrapper table tbody tr td {
        padding: 9.5px 10px;
        font-size: 14px;
    }

    .my-bookshelf-Network-wrapper .network-user-name h5, 
    .my-bookshelf-Network-wrapper .network-user-name a {
        font-size: 14px;
    }
    .my-bookshelf-Network-wrapper .network-follow-btn {
        font-size: 14px;
        padding: 10px 20px;
    }

    /* search pop up start */
    /* Popup background */
    .mobile-search-popup {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.65);
        /* z-index: 9999; */
        z-index: 1000;
        justify-content: center;
        align-items: center;
        padding: 0px;
    }
    .site-header-search {
        width: 100%;
        display: flex;
        align-items: center;
    }
    /* Popup box */
    .mobile-search-popup-inner {
        background: #F0EEE3;
        width: 100%;
        max-width: 500px;
        padding: 20px;
        border-radius: 14px;
        position: relative;
        animation: popIn 0.3s ease;
        max-width: 100%;
        height: 100%;
    }

    /* Close button */
    .close-search-popup {
        font-size: 20px;
        /* position: absolute;
        top: 10px;
        right: 15px; */
        cursor: pointer;
    }

    @keyframes popIn {
        from { transform: scale(0.8); opacity: 0; }
        to   { transform: scale(1); opacity: 1; }
    }
    .site-header-search .search-form {
        width: 100%;
        max-width: 100%;
    }
    .search-field-dropdown {
        width: 100% !important;
    }
    /* search pop up End */


}

/* LRF Flow  */
/* user information start */
.sign-up-main .sign-up-form.user-location-form ,
.sign-up-form.user-information-form {
    max-width: 95%;
}
@media (max-width: 1200px) { 
    .form-group-social button.btn { 
        font-size: 11px;
    }

}
@media only screen and (max-width: 768px) {
    .sign-up-form.user-information-form .sign-up-frm .form-group {
        width: 100%;
        margin-top: 25px;
    }

    .sign-up-content .sign-up-form.user-information-form {
        padding: 10% 0;
    }
    .theme-bookshelf.woocommerce-checkout.woocommerce-page #page .checkout_coupon.woocommerce-form-coupon {
        width: 100%;
    }
}
/* user information end */
@media (min-width: 320px) and (max-width: 576px) {
    .sign-up-frm .form-group label {
        font-size: 12px;
    }
    .sign-up-form.user-location-form .sign-up-frm .form-group {
        width: 100%;
    }

    /* Subscription plan  */
    .subscription-plan-page .subscription-content-table .subscription-plan-table .subscription-plan-table-content-right {
        gap: 2px;
        padding: inherit;
        width: 200px;
    }

    .subscription-plan-page .subscription-content-table .subscription-plan-table  .subscription-plan-table-content {
        justify-content: space-between;
    }
    .subscription-plan-page .subscription-content-table .subscription-plan-table .subscription-plan-table-content-left {
        width: calc(100% - 200px);
        padding: 10px 8px;
    }
    .subscription-plan-page .subscription-content-table .subscription-plan-table  .subscription-plan-table-content-right span {
        width: 65px;
        min-width: 65px;    
        overflow-wrap: anywhere;
    }
}

.search-categories-filter .search-categories-grid ul li .form-group.check-active label:after {
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    left: 6.5px;
    width: 6px;
    height: 12px;
    border: solid var(--primary-color);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}