.notesDiv a.close {display: none;}
@media screen and (min-width:1550px) and (max-width:2000px) {
    /*reading-page-start*/
    .reading-left-side .scrollbar, .reading-left-side .icon-txt {padding: 0px 76px 0px 110px;}
    /*reading-page-end*/
}
@media screen and (min-width:1025px) and (max-width:1240px) {}
@media screen and (min-width:992px) and (max-width:1024px) {
    /*reading-page-start*/
    .reading-left-side .scrollbar, .reading-left-side .icon-txt {padding: 0px 33px 0px 30px;}
    .reading .reading-left-side .titleClass {padding-left: 0px;padding-right: 20px;}
    .reading .reading-left-side.col-lg-12 .titleClass.customWidth {padding-left: 0px !important;padding-right: 0px !important;}
    .reading-left-side.col-lg-12 .customWidth .single-layout {max-width: calc(600px + 15px);}
    .reading-left-side.col-lg-12 .customWidth .single-layout select.form-select {margin: 0px !important;}
    /*reading-page-end*/
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    /*reading-page-start*/
    .col-lg-7.reading-left-side {order: 2 !important;}
    .col-lg-5.study-quran-img-list {order: 1 !important;}
    section.reading .container-fluid {padding: 0px;}
    section.reading .container-fluid .row {margin: 0px;width: 100%;}
    .col-lg-7.reading-left-side, .col-lg-5.study-quran-img-list {padding: 0px !important;}
    .study-quran-img-list .scrollbar5 {/*height: 100%;*/margin-bottom: 40px;padding-right: 0px;display: flex;flex-wrap: wrap;justify-content: center;align-items: flex-start;}
    .study-quran-img-list .scrollbar5 img.mt-5 {margin-top: 18px !important;}
    .study-quran-img-list .scrollbar5 h5 {width: 100%;text-align: center !important;}
    .reading .reading-left-side .titleClass {padding-left: 92px;padding-right: 92px;}
    .reading .reading-left-side .titleClass .col-lg-9 {padding: 0px;}
    .reading .reading-left-side .titleClass .col-lg-9 select {margin-left: 0px;margin-right: 0px;padding-left: 0px;}
    header nav .menu-rit .clMain {display: none;}
    /*reading-page-end*/

    .verse-menu {width: 290px;padding: 8px;left: 0px !important;}
    .verse-menu::before, .verse-menu::after {border-width: 0px;border-color: transparent;margin-top: 0px;}
    .verse-menu ul li {margin: 8px 0px;}
    .navbar-collapse.collapse ul.navbar-nav {display: block;}
    .menu-rit {order: unset;}
    .logo-lft {padding: 0px;}
    header nav .navbar-collapse.collapse {order: unset;}
    header .navbar-toggler img {width: 26px;height: auto;object-fit: contain;}
    .CommentariesText {margin: 0 0 20px;}
    .study-quran-img-list #commentaryTextDIv {padding: 0px 10px;}
}
@media screen and (max-width: 767px) {
    /*reading-page-start*/
    section.reading .container-fluid {padding: 0px;}
    section.reading .container-fluid .row {margin: 0px;width: 100%;}
    .reading .reading-left-side .titleClass {padding: 10px 0px !important;}
    .col-lg-7.reading-left-side, .col-lg-5.study-quran-img-list {padding: 0px !important;    order: 1 !important;}
    .study-quran-img-list .scrollbar5 {/*height: 100%;*/overflow: hidden;height: 500px;padding: 0px 15px;display: block;overflow-y: unset;width: 100%;/*text-align: center;*/}
    .study-quran-img-list .scrollbar5 img.img-fluid {margin: 18px auto 0px !important;}
    .study-quran-img-list .scrollbar5 h5 {width: 100%;/*text-align: center !important;*/}
    .reading-left-side .scrollbar, .reading-left-side .icon-txt {padding: 0 6.5%;}
    .reading .titleClass select.form-select {margin-left: 0px;margin-right: 0px;}
    .reading .row.titleClass .col-lg-9 {padding: 0px;}
    .reading .col-lg-7.reading-left-side {margin-top: 0px !important;}
    .reading-left-side .titleClass .iconClassFirst {display: none;}
    /*.reading .row.titleClass .col-lg-9 {padding: 8px 0px 0px;}*/
    .verse-menu {left: 0px !important;margin: 0px auto;}
    .responsive-search-sec .nav-form img {left: 12px;}
    .reading .reading-left-side .titleClass {padding-left: 0px;padding-right: 0px;}
    header nav .menu-rit .clMain {display: none;}
    /*reading-page-end*/
    .dataTables_paginate .pagination {justify-content: flex-start;margin: 10px 0px 0px;}
    .account-main.chng-box .about {margin: 3rem 0px;}
    .account-main .about .card .card-body .row .dataTables_info {text-align: center;}
    .account-main .about .card .card-body .row .dataTables_paginate .pagination {justify-content: center;margin: 20px 0px 0px;}
    .study-quran-img-list #commentaryTextDIv {padding: 0px 10px;}
    .CommentariesText {margin: 0 0 18px;}
    .reading-left-side.col-lg-12 .content-wrapper.scrollbar .list-group {
        max-width: 100%;
    }
    footer .nav.d-none.d-md-block ~ .mt-2 {
        margin-top: 0px !important;
    }
    .reading .row .study-quran-img-list .tabReading {
        transition: all .4s ease-in-out;
        position: fixed;
        bottom: 0px;
        left: 0;
        right: 0;
        z-index: 1;
        display: flex;
        align-items: center;
    }
    .notesDiv a.close {
        padding: 13px 16px;
        background-color: var(--primary-clr);
        color: var(--white-clr);
        display: flex;
        flex-wrap: wrap;
        text-decoration: none !important;
        border-radius: 5px;
        margin-bottom: 15px;
        margin-left: 10px;
        font-size: 18px;
    }
    .reading .row .study-quran-img-list .tabReading button {
        width: 33.33%;
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
    }
    .reading .row .study-quran-img-list .tabReading button:nth-child(1) {
        order: 2;
    }
    .reading .row .study-quran-img-list .tabReading button:nth-child(2) {
        order: 3;
    }
    .reading .row .study-quran-img-list .tabReading button:nth-child(3) {
        order: 4;
    }
    .reading .row .study-quran-img-list .tabReading button:nth-child(4) {
        order: 1;
    }
    .reading .row .study-quran-img-list .tabReading.btm-of-pg {
        bottom: 57px;
    }
    .tabcontent .notesDiv {height: 100vh;padding-bottom: 50px;}
    .study-quran-img-list #One .scrollbar5 {
        padding: 0px;
    }
    .study-quran-img-list #One .scrollbar5 #commentaryTextDIv {
        padding: 0 25px 40px;
    }
    .study-quran-img-list .scrollbar5 {min-height: 100vh;}
    .tabcontent .planMain {padding: 0 0 70px;}
    .titleClass{padding-top: 0px;}
    #bookmarks{padding-top: 9px; text-align: center;}
    header nav .menu-rit a img {
        max-width: 100%;
        width: 22px;
        height: 22px;
        object-fit: contain;
    }
    .navbar-collapse.collapse {
        /*display: block;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        padding: 0px 10px;*/
        width: 100%;
        z-index: 1;
        /*background-color: #f8f8f8;*/
    }
    .navbar-collapse.collapse ul.navbar-nav {display: block;}
    .menu-rit {order: unset;}
    .logo-lft {padding: 0px;}
    header nav .navbar-collapse.collapse {order: unset;}
    /*.navbar-collapse.collapse {
        transform: translateY(-100vh);
    }
    .navbar-collapse.collapse.show {
        transform: translateY(0vh);
    }*/
    .theme-black .navbar-collapse.collapse {
        /*background-color: var(--main-bg-color);*/
    }
    .theme-sepia .navbar-collapse.collapse {
        /*background-color: var(--main-bg-color);*/
    }
    header .navbar-toggler img {width: 20px;height: auto;object-fit: contain;}
    header nav .menu-rit a.ms-3 {
        margin-left: .5rem !important;
    }
    header nav #user-icon.ms-4 {
        margin-left: .5rem !important;
    }
    header nav #user-icon.order-3 {
        order: unset !important;
    }
    .reading .reading-left-side .titleClass .col-lg-9 {
        width: calc(100% - 16%);
    }
    .reading .reading-left-side .titleClass .col-lg-3 {
        width: 16%;
    }
    .reading .reading-left-side .titleClass .col-lg-9 .row .col-lg-6 {
        width: 50%;
        padding: 0px 10px;
    }
    .reading .reading-left-side .titleClass .col-lg-9 .row .col-lg-6 select {
        width: 96%;
        margin: 0px auto;
    }
    .features {padding: 2.5rem 0;}
    .about .container .row:first-child {
        padding: 0 2rem;
    }
    .about p {
        font-size: 1.2rem;
        margin: 1em 0;
    }
    .about p b {
        margin: 2.4rem 0 1rem;
        display: block;
    }
    .about p b ~ br {
        display: none;
    }
    ul.list-about li {font-size: 1.2rem;margin: 0 0 0.6rem;}
    .side-menu {margin: 0 0 3.5rem;}
    .side-menu a:first-child {border-color: transparent;padding: 10px 0px;}
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
}
@media (max-width: 600px) {
    header nav {
        background-color: #F8F8F8;
    }
    .hero, .hero__inner-overlay, .hero__inner {
        min-height: 280px !important;
    }
    .hero h1 {
        font-family: 'Merriweather', serif;
        font-size: 1.5625rem;
        letter-spacing: -0.02em;
        line-height: 1.875rem;
    }
    .hero p {
        color: var(--white-clr);
        font-size: 0.75rem;
    }
    .connect-us .submit-btn {
        padding: 5px 15px;
        font-size: 1.2rem;
    }
    .connect-us .input-wrapper.d-flex button.submit-btn {width: auto;}
    .connect-us {
        padding: 30px 0;
    }
    .navbar-brand img {
        height: 35px !important;
        width: auto !important;
    }
    .navbar-brand {
        font-size: 1.1025rem;
        letter-spacing: -0.02em;
        line-height: 1.0613rem;
    }
    .donate-btns > a {
        width: 50px;
        height: 50px;
        font-size: 1rem;
    }
    .donate-btns > a.custom {
        font-size: 2rem;
    }
    .donate-btns > a.custom span {
        margin-top: -15px;
    }
    .audio-player__dialog {
        width: 95%;
        max-width: 480px;
        background-color: var(--white-clr);
    }
    .nav-form input {
        padding-left: 40px;
        /*border: 1px solid var(--back-clr);*/
        border-radius: 5px;
    }
    .nav-form img{
        position: absolute;
        left: 10px;
        top: 10px;
        width: 18px;
    }
}

@media screen and (max-width: 575px) {
    .about .title-btn-sec h2 {
        width: 100%;
        margin: 0px 0px 10px;
    }
    .hero a.btn {
        padding: 8px 22px !important;
        /*font-size: 18px;*/
        min-width: 158px;
    }
    .features a {
        min-width: 158px;
    }
}

@media screen and (max-width:480px) {
    header .navbar #user-icon.ms-5 {
        margin-left: 10px !important;
    }
    header nav .menu-rit a.ms-3 {
        margin-left: 10px !important;
    }
    header nav #user-icon.ms-4 {
        margin-left: 10px !important;
    }
    .menu-rit #user-icon {
        width: 30px;
        height: 30px;
        padding: 6px;
    }
    header .navbar #user-icon img {
        /*width: 28px;
        height: 28px;*/
        object-fit: contain;
    }
}
@media screen and (max-width:358px) {
    header nav .menu-rit a.ms-3 {
        margin-left: 8px !important;
    }
    header nav #user-icon.ms-4 {
        margin-left: 8px !important;
    }
    header nav button.navbar-toggler {
        padding-right: 0px;
        padding-left: 10px;
    }
    header nav button.navbar-toggler img {
        width: 20px;
    }
    header nav .navbar-brand {
        margin-right: 12px;
    }
    header nav .navbar-brand img {
        height: 30px !important;
    }
    header nav a.d-md-none.d-block img {
        max-width: 100%;
        width: 20px;
        height: 20px;
        object-fit: contain;
    }
    header nav a.d-md-none.d-block.headerHide img {
        width: 14px;
        height: 14px;
    }
    header .navbar #user-icon img {
        /*width: 22px;
        height: 22px;*/
    }
    header nav .menu-rit a img {
        max-width: 100%;
        width: 16px;
        height: 16px;
        object-fit: contain;
    }
}
@media screen and (max-width:365px) {
    header nav button.navbar-toggler {
        padding-right: 0px !important;
        padding-left: 6px !important;
    }
    header nav .navbar-brand {
        margin-right: 6px !important;
    }
    header nav .menu-rit a.ms-3 {
        margin-left: 6px !important;
    }
}