@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300&display=swap');
@font-face {
    font-family: 'almaraibold';
    src: url('../fonts/cocon-next-arabic.eot') format('eot'),
         url('../fonts/cocon-next-arabic.otf') format('otf'),
         url('../fonts/cocon-next-arabic.woff') format('woff'),
         url('../fonts/cocon-next-arabic.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}
p {
    font-size: 13px;
}
body{background-color: #f2f6f9;}
body , p , span , a , .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
/* font-family: 'Cairo', sans-serif !important; */
font-family: 'almaraibold' !important;
direction: rtl;
}
a , a:hover , a:active , a:focus {text-decoration: none;}
.loginpage {
    padding-top: 100px;
    padding-bottom: 100px;
}
.loginpage .content {
    background-color: #fff;
    padding: 5% 11%;
    border-radius: 10px;
}
ul.login_ul {
    text-align: center;
    padding: 0;
}
ul.login_ul li {
    list-style-type: none;
    display: inline-block;
}ul.login_ul li a , ul.login_ul li a:hover{
    padding: 15px;
    color: #929196;
    display: block;
    font-weight: bold;
    text-decoration: none;
}
ul.login_ul li.active  {
    border-bottom:1px solid #421d49;
}
ul.login_ul li.active a {
    color:#421d49;
}
.social_register , .login {
    border-top: 1px solid #ddd;    
    position: relative;
    padding-top: 20px;
}
p.div_title {
    display: inline-block;
    font-size: 13px;
    color: #929292;
    background-color: #fff;
    position: absolute;
    top: -11px;
}
.form-group label {
    font-size: 13px;
    font-weight: bold;
    color: #7b7b7b;
}span.hint {
    float: left;
    font-size: 11px;
    margin-top: 5px;
}.form-group.buttonss {
    text-align: center;
    padding: 20px;
    /* margin-top: 90px; */
    clear:both;
}
.card.book_listen {
    overflow: hidden;
}
.settings_form22 {
    border-top: 1px solid #ddd;
    padding-top: 15px;
}
.settings_menu ul li img {
    width: 15px;
    margin-left: 10px;
}
.btn-round {
    border-radius: 20px;
}.btn-primary, .btn-primary:hover , .btn-primary:focus , .btn-primary:active {
    background-color: #3b223f;
    margin-bottom: 10px;
    border: 0;
}
.purble_btn {
    width: 40%;
}.form-group.buttonss p {
    font-size: 11px;
    margin-bottom: 0;
}
.form-group.buttonss p a , .form-group.buttonss p a:hover {
    color:#e8b523;
    text-decoration: none;
}
.no_left_padding{padding-left: 0;}
.no_right_padding{padding-right: 0;}
.no_right_padding .content img {
    width: 100%;
}
.no_right_padding .content {
    text-align: center;
    border: 1px solid #ddd;
}
.no_right_padding .content h3{
    color: #2a164a;
    font-size: 21px;
}
.no_right_padding .content p.yelloe_line_p span {
    background-color: #fff;
}
.no_right_padding .content p.yelloe_line_p{
    color: #edb921;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #edb921;
    line-height: 0.1em;
    margin-top: 25px;
}
.no_right_padding .content p{
    font-size: 15px;
}
.carousel-indicators {bottom:-30px;}
.carousel-indicators li.active {background-color: #3b223f}
.carousel-indicators li {background-color: #edb928}
nav.horizontal_nav {
        background-color: #fff;
        position: relative;
        padding: 10px;
        height: 45px;
        float: left;
        width: calc(100% - 60px);
}
.navbar-nav>li {
    float: right;
    display: inline-block !important;
}
.horizontal_nav .nav-he9ader {
    float: right;
    display: inline-block;
}.horizontal_nav .nav-he9ader a {
    font-size: 20px;
    padding-left: 50px;
    padding-right: 10px;
    border-left: 1px solid #ddd;
    color: #4d1a56;
}nav.horizontal_nav > ul {
    display: inline-block;
    float: right;
}nav.horizontal_nav > ul li {
    list-style-type: none;
    display: inline-block;
}
nav.horizontal_nav > ul.menuicons li {
    list-style-type: none;
    display: inline-block;
}
ul.menuicons li a {
    display: inline-block;
    padding: 0 10px;
}
ul.menuicons.navbar-nav.navbar-right {
    display: inline-block;
    position: relative;
    float: left !important;
}
ul.menuicons.navbar-nav.navbar-right li a {
    color: #9c9a9a;
    font-size: 15px;
}nav.vertical_nav {
    width: 60px;
    float: right;
    background-color: #fff;
}nav.vertical_nav .menuicons {
    padding: 0;
    padding-top: 20px;
    text-align: center;
}nav.vertical_nav .menuicons li a {
    padding: 10px;
    width: 100%;
}.vertical_nav ul.menuicons.navbar-nav.navbar-right li {
    display: block !important;
    float: none;
}nav.vertical_nav ul.menuicons.navbar-nav.navbar-right {
    float: none !important;
    width: 100%;
    text-align: center;
    margin: auto;
    margin-top: 100%;
}.content_page {
    display: block;
    padding-top: 100px;
    padding-right: 130px;
    padding-left: 130px;
}.card {
    background-color: #fff;
    padding: 10px 30px;
    border-radius: 10px;
    padding-bottom: 35px;
    margin-bottom: 30px;
}.card h3.head {
    /* border-bottom: 1px solid #ddd; */
    margin-bottom: 20px;
    padding-bottom: 5px;
    color: #421d49;
}
.card h3.head img {
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
}
a.left.carousel-control , a.right.carousel-control {
    background: #fff;
    line-height: 140px;
}
a.left.carousel-control {
    border-right: 1px dotted #ddd;
}
a.right.carousel-control {
    border-left: 1px dotted #ddd;
}
a.left.carousel-control span {
    text-shadow: 0 0 black;
    color: #000;
    font-size: 40px;
    float: left;
}
a.right.carousel-control span {
    text-shadow: 0 0 black;
    color: #000;
    font-size: 40px;
    float: right;
}.testmonials .item svg {
    margin: auto;
    display: block;
    margin-bottom: 20px;
}.testmonials .item {
    width: 70%;
    margin: auto;
    padding:15px;
}.testmonials .item p {
    font-size: 18px;
    font-weight: 100;
    margin-bottom: 20px;
    height: 108px;
    overflow: hidden;
    text-align: center;
}.minibook_item {
    width: 19.8%;
    display: inline-block;
    padding: 10px;
    margin-bottom: 20px;
    max-height: max-content;
    vertical-align: top;
    position: relative;
}.minibook_item img {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 15px;
    /* max-height: 260px; */
    height: 300px;
    vertical-align: top;
    border: 1px solid #ddd;
}
.minibook_item h3 {
    color: #421d49;
    font-size: 20px;
    height: 24px;
    overflow: hidden;
}
.minibook_item p, .minibook_item p a{
    color: #e8b523;
    font-size: 15px;
}
.latestbooks .btn {
    width: 15%;
    border-radius: 20px;
    font-size: 15px;
    display: block;
    margin: auto;
    min-width: auto;
    border: 0;
}.category_item {
    background-color: #f2f6f9;
    border-radius: 10px;
    margin: 0 20%;
    text-align: center;
    padding: 20px;
    margin-bottom: 20px;
    height: auto;
    min-height: 160px;
}.category_item img {
    width: 50%;
    margin-bottom: 10px;
    /* max-height: 150px; */
}.category_item p {
    font-size: 2em;
    color: #421d49;
}
.filters {padding-top: 30px;}
button.searchbtn {
    position: absolute;
    height: 40px;
    background-color: #f2f6f9;
    border: 0;
    font-size: 15px;
    border-radius: 0px 20px 20px 0px;
    display: block;
    text-align: center;
    padding: 0 15px;
    border-left: 1px solid #ddd;
}
input.form-control.searchtext, input.form-control.searchtext:active, input.form-control.searchtext:focus {
    height: 40px;
    border-radius: 20px;
    background-color: #f2f6f9;
    padding-right: 70px;
    font-size: 14px;
    /* border-color: #ddd; */
    box-shadow: none;
    border: 0;
    width: 90%;
}.filtericonn {
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 4%;
    font-size: 20px;
    color: #7d7c7c;
}
.form-group{position: relative;}
ul.search_ul li {
    list-style-type: none;
    display: inline-block;
}
ul.search_ul li.active a {
    color: #e8b523;
    border: 1px solid #e8b523;
}
ul.search_ul li a {
    color: #4d1a56;
    border: 1px solid #4d1a56;
    border-radius: 20px;
    padding: 5px 10px;
    font-size: 14px;
    margin: 10px;
    display: block;
}
ul.search_ul {
    padding: 0;
}
input.form-control , input.form-control:focus {
    text-align: right;
    background-color: #f2f6f9;
    border: 0;
    border-radius: 8px;
    height: 40px;
    box-shadow: none;
    font-size: 15px;
    padding-right: 20px;
}
select.search_type.fom-control {
    background-color: #f2f6f9;
    border: 0;*
    padding: 5px;
}.card.search_results .minibook_item {
    width: 100%;
}
.filterstoggle {display: none;}
.arro {width: 35px;}
b.testmonial_user {
    float: left;
    font-size: 18px;
    color: #e8b523;
    margin-left: 10px;
}

b.testmonial_age {
    float: left;
    font-size: 18px;
    color:#4d1a56;
}
.settingshead {
    text-align: center;
    border-top: 1px solid #ddd;
    margin-top: 25px;
    margin-bottom: 20px;
}
.settingimg {
    display: inline-block;
    position: relative;
}.settingimg img {
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px solid #ddd;
    background-color: #fff;
    margin: 5px;
    margin-top: -30px;
}.settingimg p {
    font-size: 20px;
}.settings_menu {
    display: block;
    padding: 15px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    padding-bottom: 10px;
}.settings_menu ul {
    padding: 0;
    margin-bottom: 4px;
}.settings_menu ul li {
    list-style-type: none;
    display: inline-block;
}.settings_menu ul li.active a {
    border-bottom: 1px solid #421d49;
}
.settings_menu ul li a, .settings_menu ul li a:hover {
    color: #3b223f;
    font-size: 16px;
    padding: 15px 20px;
}form.settings_form button {
    font-size: 15px;
}
.menu_divs {display: none;}
.menu_divs.active {display: block;}
.settings_form.col-md-6{float: right;}
.nobgbtn {
    color: #3b223f;
    background-color: #fff;
    border: 1px solid #3b223f;
}
.card.book_detail .row .content.brdr_left{
    border-left: 1px solid #ddd;
    padding-left: 30px;
}
.card.book_detail .row .content {
    padding: 10px;
}
.content>img.bookimg {
    width: 100%;
    border-radius: 20px;
}
ul.categories , ul.bookdetailsul , ul.bookchoicesul  {padding: 0;}
ul.categories li  , ul.bookdetailsul li, ul.bookchoicesul li{
    display: inline-block;
    list-style-type: none;
}ul.categories li a {
    font-size: 15px;
    padding: 5px 10px;
    border-radius: 10px;
    background-color: #f2f6f9;
    margin: 5px 10px;
    color: #4d1a56;
    height: 30px;
    display: block;
}ul.categories li a img {
    width: 20px;
    height: 20px;
    margin-left: 5px;
}
ul.bookdetailsul li img {
    display: block;
    margin: auto;
    margin-bottom: 10px;
}ul.bookdetailsul li p {
    display: block;
    font-size: 20px;
    color: #421d49;
}ul.bookdetailsul li {
    padding: 15px;
    text-align: center;
    border-right: 1px solid #ddd;
    min-width: 90px;
    margin: auto;
}ul.bookdetailsul li:first-child {border: 0;}
ul.bookchoicesul li {
    margin: 0 20px;vertical-align: top;font-size: 14px;
}ul.bookchoicesul li a {
    color: #3b223f;    font-size: 14px;
    text-align: center;
}ul.bookchoicesul li  img {
    display: block;
    margin-bottom: 5px;
}ul.bookchoicesul li a.btn  img {
    display: inline-block;margin-left: 5px;filter: invert(1);
}ul.bookchoicesul li a.btn , ul.bookchoicesul li a.btn:hover {
    display: block;
    width: auto;
    padding: 5px 45px;
    color: #fff  !important;
    font-size: 15px;
}
.book_detail_bio p {
    font-size: 17px;
    line-height: 30px;
}.card.book_detail_bio h3 {
    font-size: 24px;
    color: #8c8c8c;
}
.minibook_item2 img {
    width: 20%;
    border-radius: 20px;
    float: right;
    margin-left: 20px;
}.minibook_item2 {
    padding: 10px;
    text-align: right;
    float: right;
    width:100%;
    margin-bottom: 30px;
}.minibook_item2 p.categg {
    color: #e8b523;
    font-size: 15px;
}.minibook_item2 p.categg {
    color: #e8b523;
    font-size: 15px;
}.minibook_item2 a {color:inherit;text-decoration: none;}
}.minibook_item2 h3 {
    font-size: 24px;
    font-weight: bold;
    color:#421d49;
}
.minibook_item2 p.bioo {
    color: #421d49;
    margin-bottom: 25px;
    min-height: 100px;
    max-height: 135px;
    overflow: hidden;
    text-align: justify;
    max-width: 70%;
    font-size: 15px;
}.minibook_item2 .btn  {
    font-size: 15px;
    padding: 5px 90px;
    display: block;
    min-width: 100px;
    width: max-content;
    margin: auto;
    text-align: center;

}h3.head img {
    max-width: 60px;
}
select.form-control , select.form-control:focus  {
    background-color: #f2f6f9;
    border-radius: 8px;
    font-size: 15px;
    box-shadow: none;
    border: 0;
    padding: 5px 10px;
    height: 40px;
    padding-right: 20px;
}.card.search_results .head img {
    width: 30px;
}
.tabled {display: none;}
.nofounditems p {
    font-size: 20px;
    text-align: center;
    margin: 20px;
    color: #868686;
}
.footer {
    text-align: center;
    padding: 20px;
}
.footer ul {
    padding: 0;
}.footer ul li {
    display: inline-block;
    list-style-type: none;
}
.footer p , .footer div.rights {
    font-size: 15px;
    line-height: 28px;
    color: #6f6f6f;
}.footer ul li a {
    font-size: 20px;
    padding: 20px;
    display: block;
}
.aloneimg {
    text-align: center;
    padding: 50px;
}
.aloneimg img {
    border: 5px solid #421d4963;
    width: 70px;
    height: 70px;
    padding: 10px;
    border-radius: 50%;
}
.char_detail .head_div {

}
.char_detail .head_div img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: inline-block;
    float: right;
    margin-top: -56px;
}.char_detail .head_div {
    display: block;
    height: 60px;
    border-top: 1px solid #ddd;
}.char_detail .head_div h3 {
    line-height: 60px;
    display: inline-block;
    padding-right: 15px;
    padding-left: 15px;
    background-color: #fff;
    margin-top: -30px;
    color: #421d49;
}
ul.chardetailsul {
    padding: 0;
    text-align: center;
}
ul.chardetailsul li {
    display: inline-block;
    padding: 20px;
    background-color: #f2f6f9;
    border-radius: 10px;
    margin: 20px 10px;
    width: 12%;
    text-align: center;
}
ul.chardetailsul li img {
    width: 45px;
    height: 45px;
    display: block;
    margin: auto;
}
ul.chardetailsul li span {
    display: block;
    color: #949393;
    font-size: 20px;
}ul.chardetailsul li p {
    display: block;
    color: #421d49;
    font-size: 20px;
}
.card h3.head img {
    width: 26px;
}
.col-8 {
    width:70%;
}
.col-6 {
    width: 49.7%;
    display: inline-block;
}
.col-12 {width:100%;}
.form-group.buttonss button {
    height: 40px;
    width: 200px;
}
.subscribe_status label {
    display: inline-block;
    width: 200px;
    color: #a7a5a5;
    font-weight: 100;
    font-size: 16px;
}
.subscribe_status {
    display: inline-block;
    width: 49%;
}
.subscribe_status p {
    display: inline-block;
    color: #421d49;
    width: 155px;
    font-weight: 100;
    font-size: 16px;
    text-align: left;
}
.form-group.settings_btnsss {
    width: 355px;
}
.form-group.settings_btnsss a.nobg {
    background-color: #f2f6f9;
    height: 106px;
    color: #421d49;
    vertical-align: top;
    line-height: 70px;
}
.form-group.settings_btnsss a.yellowbg {
    background-color: #e8b523;
    color: #fff;
}
.form-group.settings_btnsss a {
    width: 176px;
    border-radius: 0;
    font-size: 22px;
    height: fit-content;
    display: inline-block;
    padding: 20px;
    text-align: center;
}
.subscribe_status2 {
    float: left;
}
.subscribe_status .barr {
    width: 50%;
    margin: auto;
    background-color: #421d49;
    border-radius: 20px;
    height: 330px;
    padding: 47px;
    text-align: center;
    position: relative;
}
.subscribe_status .barr p {
    color:#fff;
    display: block;
    text-align: center;
    margin: 10px auto;
}
.subscribe_status .barr p.mg_top_10 {
    margin-top: 50px;
}
.subscribe_status .barr a.btn {
    display: block;
    background-color: #fff;
    color: #421d49;
    margin-top: 40px;
    font-size: 15px;
}
.barr  .signimg {
    position: absolute;
    top: 0;
    right: 20px;
}
p.tit {
    font-size: 20px;
    color: #e8b523;
    margin-top: 20px;
    font-weight: bold;
}
.dets_ul li {
font-size: 16px;
}
.purple {
    color: #421d49;
}.gray {
    color: rgb(192, 192, 192);
}.darkgray {
    color: rgb(78, 78, 78);
}
.subscribe_form label {
    font-size: 20px;
    font-weight: 100;
}
ul.plans_ul {
    padding: 0;
    margin-top: 10px;
}
ul.plans_ul li {
    list-style-type: none;
    display: inline-block;
}
ul.plans_ul li a {
    padding: 15px 0;
    margin: 10px;
    display: block;
    background-color: #f2f6f9;
    text-align: center;
    color: inherit;
    width: 140px;
}ul.plans_ul li a p i {
    color: #dcdee0;
    font-size: 20px;
    margin-top: 10px;
}ul.plans_ul li a.active p i {
    color: #e8b523;
}
ul.plans_ul li a p.darckgray {
    display: block;
    border-top: 1px solid #ddd;
    width: 100%;
}
ul.plans_ul li a p.darckgray b {
    margin-top: -9px;
    display: inherit;
    background-color: #f2f6f9;
    position: absolute;
    margin-right: 4%;
    padding: 0 8px;
    font-weight: 100;
}
ul.payment_method_ul {
    padding: 0;
}
ul.payment_method_ul li {
    display: inline-block;
    list-style-type: none;
}
ul.payment_method_ul li a {
    padding: 20px;
    display: block;
    border: 1px solid #ddd;
    margin: 10px;
}
ul.payment_method_ul li a.active {
    border: 1px solid #e8b523;
}
.stage_side {
    padding-top: 20px;
    position: relative;
}

.stage_side>p {
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
    margin-left: 16px;
    color:#a2a2a2;
}
.stage_side p.stage1.done i {
    color: #1bc5bd;
}.stage_side p.linee.done {
    border-left: 2px solid  #1bc5bd;
}
.stage_side>p.active {
    color:#000;
}
.stage_side>.stages_line {
    display: inline-block;
    vertical-align: top;
}
.stage_side p.linee {
    height: 250px;
    width: 2px;
    border-left: 2px solid #ddd;
    margin: auto;
    margin-bottom: 10px;
}
.stage_side  i {
    color: #929196;
}
.stage_side .stage1.active i , .stage_side .stage2.active i {
    color: #e8b523;
}
.stage_side>p.last_lbl {
    position: absolute;
    bottom: 0;
    right: 0;
}
form.subscribe_form {
    padding-top: 20px;
}
form.subscribe_form button{
    font-size: 16px;
    margin: 25px auto;
    display: block;
}
.book_listen .content>img.bookimg {
    position: absolute;
    left: -15px;
    top: -10px;
    border-radius: 10px;
    width: 90%;
}
.book_listen h3 {
    color: #2a164a;
    font-size: 20px;
    margin-top: 15px;
}
.book_listen .play_btn ,.book_listen .play_btn2 , .book_listen .pause_btn , .play_btn2 , .play_btn2:hover , .play_btn2:active, .play_btn2:focus ,
.book_listen .forward ,.book_listen .backword  {
    background-color: #e8b523;
    color: #fff;
    display: block;
    float: right;
    margin: 10px;
    font-size: 20px;
    padding: 10px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 38px;
    margin-left: 20px;
}
a#forward, #backword {
    width: 30px !important;
    height: 30px !important;
    display: block;
    margin-top: 20px;
    font-size: 12px;
    line-height: initial;
    text-align: center !important;
}
a#forward {
    margin-left: 0;
}
a#backword {
    margin-right: 0;
}
ul.booklistenul {
    display: block;
    float: none;
    padding: 0;
}
ul.booklistenul li {
    display: inline-block;
    list-style-type: none;
    margin-left: 15px;
}ul.booklistenul li img {
    display: inline-block;
    margin-left: 10px;
    width: 20px;
    height: 20px;
}
ul.booklistenul li a  , ul.bookchoicesul2 li a {display: block;}
ul.booklistenul li p {
    display: inline-block;
    margin-left: 10px;
    color: #2a164a;
}
ul.bookchoicesul2 {
    padding: 0;
    text-align: center;
}

ul.bookchoicesul2 li {
    display: inline-block;
    text-align: center;
    border-left: 1px solid #ddd;
    padding: 10px;
}
ul.bookchoicesul2 li:last-child {
    border: 0;
}
ul.bookchoicesul2 li p {
    display: block;
    color: #2a164a;
    margin-top: 5px;
}
audio {
    display: block;
    width: 100%;
}
.audioplayer {
    margin-top: 10%;
}
.allcont.loading:before {
    content: "جاري التحميل ... ";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999999999;
    background-color: #7f828652;
    text-align: center;
    padding-top: 17%;
    font-size: 50px;
    color: #ecf930;
}
i.fab.fa-twitter-square {
    color: #1da1f2;
    font-size: 30px;
}i.fab.fa-google {
    color: red;
    font-size: 30px;
}
/*************************/
.audio-player {
    width: 100%;
    text-align: center;
    display: block;
    flex-flow: row;
}
.audio-player small {
    font-size: 18px;
    color: #828080;
    top: -5px;
}
 a.play_btn2.play i {
    line-height: 30px;
 }
 a.play_btn2.play i.fas.fa-play  {
    display:block  !important;
} a.play_btn2.play i.fas.fa-pause  {
    display:none  !important;
}
 a.play_btn2.pause i.fas.fa-play  {
    display:none  !important;
} a.play_btn2.pause i.fas.fa-pause  {
    display:block  !important;
}
span.closeaudio {
    display: block;
    position: absolute;
    top: -15px;
    left: 5px;
    font-size: 21px;
    font-weight: bold;
    background-color: #ddd;
    padding: 5px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 22px;
    cursor: pointer;
}
/* .audio-player #play-btn {
    background-image: url(https://image.ibb.co/iiQfWU/play_button.png);
    background-size: cover;
    width: 72px;
    height: 72px;
    margin: 2rem 0 2rem 2rem;
} */
input[type=range] {
    -webkit-appearance: none;
    -moz-apperance: none;
    border-radius: 0;
    height: 10px;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,  #e8b523), color-stop(0%, #ddd));
    background-image: -moz-linear-gradient(left center, #e8b523 0%, #e8b523 0%, #ddd 0%, #ddd 0%);
}
.seek {
    align-items: center;
    justify-content: center;
    flex: 3;
    width: 90% !important;
    margin: auto;
    margin-top: -2px;
}
.rem-time, .end-time {
    cursor: pointer;
}
textarea.form-control {
    background-color: #f2f6f9;
    box-shadow: none;
    border: 0;
    border-radius: 10px;
    height: 100px;
}
.shrrebox {
    width: auto;
    display: block;
    text-align: center;
    display: none;
}
.shrrebox p {
    width: auto;
    margin: auto;
    text-align: center;
    display: inline-block;
    background-color: #f2f6f9;
    color: #7d7d7d;
    padding: 5px 20px;
    border-radius: 5px;
}
.shrrebox span.copyicon {
    font-size: 19px;
    cursor: pointer;
}
.desktopdiv {display: block !important;}
.mobilediv {display: none !important;}
.limitheight {
    height: 350px;overflow: hidden;
}
b {font-weight: normal;}
.audioplayer.fixed {
    margin-top: 10%;
    position: fixed;
    width: 100%;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 9;
    background-color: #fdfdfd;
    padding: 0 20px;
    border: 1px solid #e8b523;
}
/*************************/
.audioplayer.fixed .progress {
    width: 1px;
    height: 5px;
    background: purple;
    transition: width .1s linear;
    margin-bottom: 5px;
    display: block;
}
.audioplayer.fixed .bookinfoo {
    display: block;
}
.audioplayer.fixed p.book_name {
    font-size: 20px;
    margin-top: 10px;
}
.carousel-indicators .active {
    width: 30px !important;
    height: 3px !important;
}
.bar_prog {
    width: 90%;
    height: 3px;
    background-color: #6f6f6f;
    position: absolute;
    top: 18px;
    margin-bottom: 0;
}
.bar_prog span {
    height: 3px;
    background-color: #fff;
    display: block;
}
.downloadresult {
    display: none;
}
.stage_side.mobilediv > p.fir{
    float: right;
}
.stage_side.mobilediv > p.las{
    float: left;
}
.stage_side.mobilediv > .stages_line{
    display: block;
    clear: both;
}
.stage_side.mobilediv > .stages_line  p{
    display: inline-block !important;
}
.stage_side.mobilediv > .stages_line  p.linee{
    height: 2px;
    width: 80%;
    border-bottom: 2px solid  #1bc5bd;
    vertical-align: middle;
}
a#changeimage {
    display: none;
    position: absolute;
    top: -28px;
    bottom: 46px;
    right: 6px;
    left: 7px;
    font-size: 33px;
    color: #e9bb00;
    clear: both;
    line-height: 99px;
    border-radius: 50%;
    background-color: #17171763;
}
.settingimg:hover a#changeimage {
    display: block;
}
#fileimage {
    display: none;
}
@media (max-width: 770px){
    a.filtericonn span {
        display: none;
    }
    .bar_prog {
        width: 82%;
    }
    .mgright_bar {
        margin-right:50px ;
    }
    .card.testmonials.mgright_bar .carousel-indicators {
        bottom: -50px;
    }
    .card.testmonials.mgright_bar {
        min-height: 370px;
    }
    .card.book_detail .row .content.brdr_left {
        padding: 0;
        border: 0;
    }
    .settings_menu ul li b {
        display: none;
    }
    .settings_menu ul li  {
        width: 24%;
    }
    .desktopdiv {display: none !important;}
    .mobilediv {display: block !important;}
    ul.bookchoicesul.mobilediv li {
        margin: 10px;
    }
    .limitheight {
        height: auto;overflow: auto;
    }
    .book_listen .content>img.bookimg {display: none;}
    ul.bookchoicesul.mobilediv li .purble_btn , ul.bookchoicesul.mobilediv li .purble_btn:focus , ul.bookchoicesul.mobilediv li .purble_btn:active {
        padding:5px 15px;
    }
    .col-6 , .col-8 {
        width: 100%;
        display: block;
        max-width: 100%;
    }
    section.white_sec.main_section {
        margin-top: 52px;
    }
    section.white_sec.main_section div {
        width: 100%;
    }
    ul.chardetailsul li{
        width:49%;
    }
    .content_page {
        padding-right: 20px;
        padding-left: 20px;
    }
    .horizontal_nav .nav-he9ader a {
        padding-left: 5px;
    }nav.horizontal_nav {height: auto;}
    .minibook_item {
        width: 49%;
    }.latestbooks .btn {
        width: 100%;
    }.testmonials .carousel-control {display: none;}
    .testmonials .item {
        width: 100%;
    }.card {
        padding: 10px 10px;
    }
    .testmonials .item p {
        height: 138px;
        overflow: hidden;
        font-size: 15px;
    }
    .minibook_item {
        height: auto;
        vertical-align: top;
    }
    .minibook_item img {
        max-height: 500px;
        vertical-align: top;
        height: auto;
    }
    .minibook_item h3 {
        height: 48px;
    }
    .category_item {
        margin: 0 10%;
        margin-bottom: 20px;
    }
    ul.bookdetailsul li , ul.bookdetailsul li:first-child {
        width: 49%;
        margin-bottom: 20px;
        border-right: 0;
        border-bottom: 1px solid #ddd;
        padding:5px;
    }
    .book_listen ul.bookdetailsul li:last-child {
        width: 99%;
    }
    ul.bookchoicesul.mobilediv > li:nth-child(2) {
        width: 35%;
    }
    .no_right_padding {padding-right: 15px;}
    .no_left_padding {padding-left: 15px;}
    .subscribe_status2 {
        float: none;
        display: block;
        width: 90%;
    }
    .subscribe_status .barr , .form-group.settings_btnsss{
        width: 100%;
    }
    .form-group.settings_btnsss a {
        width: 49%;
    }
    .subscribe_status {width: 100%;}

}
@media (min-width: 1200px){
    .container{
        max-width: 900px;
    }
    .section_body .content ul li p {
        font-size: 23px;
    }
}