@media (max-width: 1925px) {
  .course-inner .sec-title-inner > p {
    display: none;
  }
  .rtl .time-list3 .next-namaz-li:after {
    left: 10%;
    right: auto;
  }
}

@media (max-width: 1605px) {
  .feat-wrap.v3 .feat-cap-wrap {
    top: 50%;
    right: -30%;
    left: auto;
  }

  .rtl .feat-wrap.v3 .feat-cap-wrap {
    top: 50%;
    right: -50%;
    left: auto;
  }
  header.style1 nav {
    flex: 0 0 65rem;
    max-width: 65rem;
  }
  .time-wrap,
  .course-wrap {
    padding: 5rem 11%;
  }
  .time-list2 > li {
    padding: 2.5rem 2rem;
  }
  .logo-menu-wrap.v3 .container {
    max-width: 63.4rem;
  }
  .pillars-wrap2 {
    padding: 5rem;
  }
  .sec-title.v2.left-icon .sec-title-inner > p {
    max-width: 90%;
  }
  .pillar-box2 > span {
    height: 4rem;
    width: 4rem;
    line-height: 4rem;
    font-size: 1.8rem;
  }
  .pillar-box2 {
    padding-left: 5.6rem;
  }
  .pillar-box2 > h3 {
    font-size: 1.5rem;
  }
  .pillar-btn .thm-btn {
    padding: 0.9375rem 2.5rem;
  }
  .team-wrap2-inner {
    padding: 5rem;
  }
  .team-inner2-wrap {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .feat-wrap .feat-caro2 ul.slick-dots {
    left: 25.6rem;
  }
  .sermon-video {
    min-width: calc(100% + 13.5rem);
  }
  .sec-tp-cntr-mckp {
    top: -6.7rem;
  }
}

@media (min-width: 1501px) and (max-width: 1560px) {
  .logo-menu-wrap.v3 .container {
    max-width: 61.7rem;
  }
  .pillars-wrap2 {
    padding: 5rem 5%;
  }
}

@media (min-width: 1450px) and (max-width: 1500px) {
  .logo-menu-wrap.v3 .container {
    max-width: 60.4rem;
  }
  .pillars-wrap2 {
    padding: 5rem 5%;
  }
}

@media (max-width: 1445px) {
  header.style1 .header-right {
    display: none;
  }
  ul.mb-0.list-unstyled.d-inline-flex {
    padding-right: 15px;
  }
  header.style1 .topbar {
    padding-right: 20.5625rem;
    padding-left: 0px;
  }
  header.style1 nav {
    flex: 0 0 calc(100% - 26.5625rem);
    max-width: calc(100% - 26.5625rem);
    padding-left: 5rem;
  }
  .wide-sec {
    width: calc(100% + 12rem);
    margin-left: -6rem;
    margin-right: -6rem;
  }
  .serv-box {
    padding: 3.125rem 2rem;
  }
  .time-wrap,
  .course-wrap {
    padding: 5rem 9%;
  }
  .time-list2 > li {
    font-size: 1.125rem;
  }
  .time-list2 > li span {
    font-size: 0.9375rem;
  }
  .logo-menu-wrap.v3 .container {
    max-width: 58.4rem;
  }
  .feat-wrap .feat-caro2 ul.slick-dots {
    left: 21rem;
  }
  .hlf-bg {
    max-width: 28rem;
  }
  .quote-pillars-wrap > div.row > div.col-lg-5 {
    flex: 0 0 40rem;
    max-width: 40rem;
  }
  .quote-pillars-wrap > div.row > div.col-lg-7 {
    flex: 0 0 calc(100% - 40rem);
    max-width: calc(100% - 40rem);
  }
  .team-inner2.res-row {
    overflow-x: auto;
  }
  .team-inner2.res-row > .row {
    flex-wrap: nowrap;
  }
  .team-inner2.res-row > .row > div.col-lg-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .team-wrap2-inner {
    padding: 4rem 5rem;
  }
  .sermon-video {
    min-width: calc(100% + 8.5rem);
  }
  .sec-tp-cntr-mckp {
    top: -6.7rem;
  }
}

@media (max-width: 1370px) {
  header.style1 nav {
    padding-left: 2.375rem;
  }
  header.style1 .logo {
    flex: 0 0 22rem;
    max-width: 22rem;
  }
  header.style1 .logo + nav {
    flex: 0 0 calc(100% - 22rem);
    max-width: calc(100% - 22rem);
  }
  .wide-sec,
  .wide-sec2 {
    width: calc(100% + 10rem);
    margin-left: -5rem;
  }
  .time-wrap,
  .course-wrap {
    padding: 5rem 7%;
  }
  header.style2 .topbar,
  .time-wrap2 {
    padding-left: 2rem;
  }
  .logo-menu-wrap.v2 {
    padding: 0 2rem;
  }
  .logo-menu-wrap.v3 .container {
    max-width: 54rem;
  }
  .feat-item.v3 > img {
    max-width: 70%;
  }
  .feat-item.v3 {
    align-items: center;
    min-height: initial;
    max-height: initial;
  }
  .feat-wrap .feat-caro2 ul.slick-dots {
    left: 18.7rem;
  }
  .quote-pillars-wrap > div.row > div.col-lg-5 {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .quote-pillars-wrap > div.row > div.col-lg-7 {
    flex: 0 0 calc(100% - 40%);
    max-width: calc(100% - 40%);
  }
  .sermon-video {
    min-width: calc(100% + 6.1rem);
  }
  .sec-tp-cntr-mckp {
    top: -6.5rem;
  }
}

@media (max-width: 1290px) {
  nav > div > ul > li {
    margin-right: 1.8rem;
    font-size: 1.0625rem;
  }
  nav ul ul ul {
    left: auto;
    right: 100%;
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    -o-transform-origin: right;
    transform-origin: right;
  }
  .wide-sec,
  .wide-sec2 {
    width: calc(100% + 4rem);
    margin-left: -2rem;
  }
  .serv-box {
    padding: 3.125rem 1.5rem;
  }
  .time-wrap,
  .course-wrap {
    padding: 5rem 5%;
  }
  .time-inner {
    flex: 0 0 auto;
    max-width: 100%;
  }
  .time-list2 > li {
    padding: 2.9rem 1.6rem;
  }
  .logo-menu-wrap.v3 {
    padding-right: 1.25rem;
  }
  .logo-menu-wrap.v3 .logo {
    flex: 0 0 18rem;
    max-width: 18rem;
  }
  .feat-item.v3 .feat-cap-wrap {
    padding-left: 3rem;
  }
  .hlf-bg {
    max-width: 25rem;
  }
  .quote-wrap {
    padding: 3rem;
  }
  .pillars-wrap2 {
    padding: 5rem 3.5rem;
  }
  .team-wrap2-inner {
    padding: 4rem 3.5rem;
  }
  .sermon-video {
    min-width: calc(100% + 3.5rem);
  }
  .sec-tp-cntr-mckp {
    top: -6.2rem;
  }
}

@media (max-width: 1210px) {
  .container {
    padding: 0 0.9375rem;
    max-width: 100%;
  }
  .container-fluid .container {
    padding: 0;
  }
  .wide-sec,
  .wide-sec2 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .time-title > p {
    font-size: 0.9375rem;
    line-height: 1.5;
  }
  .time-list2 > li {
    font-size: 1.0625rem;
  }
  .logo-menu-wrap.v3 {
    justify-content: space-between;
  }
  .logo-menu-wrap.v3 .container {
    max-width: 68%;
    margin: initial;
  }
  .feat-item.v3 > img {
    max-width: 60%;
  }
  .feat-item.v3 .feat-cap-wrap {
    padding-left: 5rem;
  }
  .feat-wrap .feat-caro2 ul.slick-dots {
    left: 18.2rem;
    bottom: 2rem;
  }
  .time-list3 {
    margin: 0;
    padding-right: 0;
  }
  .about-wrap3 {
    padding: 0;
  }
  .plyr-wrp.v3 {
    max-width: 100%;
  }
  .hlf-bg {
    max-width: 28%;
  }
  .pillars-wrap2 {
    padding: 5rem 2.5rem;
  }
  .course-wrap3 {
    padding: 0;
  }
  .team-wrap2-inner {
    padding: 1rem 2.5rem;
  }
  .team-wrap2 > div.row > div.col-lg-5 {
    flex: 0 0 30rem;
    max-width: 30rem;
  }
  .team-wrap2 > div.row > div.col-lg-7 {
    flex: 0 0 calc(100% - 30rem);
    max-width: calc(100% - 30rem);
  }
  .sermon-video {
    min-width: calc(100% + 0.9375rem);
  }
  .time-wrap,
  .course-wrap {
    min-height: 40.6rem;
  }
  ul.time-list > li {
    padding-left: 1.75rem;
  }
  header.style1 .header-right,
  header.style3 .header-right {
    display: none;
  }
  .sec-tp-cntr-mckp {
    top: -5.8rem;
  }
}

@media (max-width: 1370px) {
  header.style1 .header-right,
  header.style3 .header-right {
    display: none;
  }
}
@media (min-width: 1051px) and (max-width: 1145px) {
  .cont-info {
    padding-left: 2rem;
  }
}

@media (max-width: 1070px) {
  .team-detail-inner.w-100 {
    padding: 0 30px;
  }
  .rspn-cnt {
    display: inline-block;
    padding-left: 5rem;
  }
  header,
  .sticky-menu,
  .slider_3 .topbar-left {
    display: none !important;
  }
  .rspn-hdr {
    display: block;
  }
  .feat-cap-wrap {
    min-width: 100%;
    max-width: 100%;
    padding: 0 0.9375rem;
  }
  .pt-140,
  .pt-150,
  .pt-155,
  .pt-165,
  .pt-170 {
    padding-top: 6rem;
  }
  .pb-140,
  .pb-150,
  .pb-155,
  .pb-165,
  .pb-170 {
    padding-bottom: 6rem;
  }
  .pt-90,
  .pt-100,
  .pt-110,
  .pt-120,
  .woocommerce .page-content {
    padding-top: 5rem;
  }
  .pb-90,
  .pb-100,
  .pb-110,
  .pb-120 {
    padding-bottom: 5rem;
  }
  .mt-100 {
    margin-top: 5rem;
  }
  .mb-100 {
    margin-bottom: 5rem;
  }
  .plyr-wrp {
    min-width: 100%;
  }
  .plyr-wrp > h3 {
    font-size: 1.5rem;
  }
  .cont-info {
    padding-left: 0;
  }
  .cont-info-list > li {
    font-size: 1.4rem;
  }
  .prod-info {
    padding: 4rem 5rem 4rem 2.5rem;
  }
  .prod-info .price,
  .prod-detail-img .price {
    font-size: 1.65rem;
    padding: 1.5rem 0.9375rem;
    max-width: 7rem;
  }
  .prod-caro > button.slick-arrow {
    height: 3.8rem;
    width: 3.8rem;
    font-size: 1.2rem;
  }
  .prod-caro > button.slick-next {
    right: 3.8rem;
  }
  .about-inner {
    max-width: 70%;
  }
  .time-course-wrap > div.row > div {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .time-wrap,
  .course-wrap {
    padding: 5rem 15%;
    min-height: initial;
  }
  .team-wrap.res-row {
    overflow-x: auto;
  }
  .team-wrap.res-row > .row {
    flex-wrap: nowrap;
  }
  .team-wrap.res-row > .row > div {
    flex: 0 0 33.33334%;
    max-width: 33.33334%;
  }
  .event-info {
    padding: 2.5rem;
  }
  .pillar-box > span {
    height: 7.5rem;
    width: 7.5rem;
    line-height: 7.5rem;
    font-size: 3.2rem;
  }
  .camp-info {
    padding: 3rem 2.5rem 3.6rem 2.5rem;
    max-width: 100%;
  }
  .blog-wrap > div.row > div:first-child .post-box,
  .blog-wrap > div.row > div:nth-child(2) .post-box,
  .blog-wrap > div.row > div:nth-child(3) .post-box,
  .blog-wrap > div.row > div:nth-child(4) .post-box,
  .blog-wrap > div.row > div:nth-child(5) .post-box,
  .blog-wrap > div.row > div:nth-child(6) .post-box,
  .cont-info-wrap > div.row > div:first-child .cont-info-box-wrap,
  .cont-info-wrap > div.row > div:nth-child(2) .cont-info-box-wrap,
  .cont-info-wrap > div.row > div:last-child .cont-info-box-wrap {
    padding: 0;
  }
  .post-meta > li:not(:first-child) {
    padding-left: 2rem;
  }
  .sec-botm-rgt-mckp {
    right: 0;
  }
  .widget ul li {
    font-size: 0.9375rem;
    word-wrap: break-word;
  }
  .about-wrap2 {
    padding: 2rem 5rem 0;
  }
  .pack-wrap {
    padding: 0;
  }
  .pack-box {
    padding: 4rem 2.8rem 4.0625rem;
  }
  .sermon-info {
    padding: 2.5rem 2.2rem 3.4375rem;
  }
  .time-list2 > li {
    font-size: 1rem;
    padding: 2.5rem 1.2rem;
  }
  .time-list2 > li span {
    font-size: 14px;
  }
  .footer-data.v2 {
    padding: 0 5rem;
  }
  .month-donat-inner > h2 {
    font-size: 3rem;
  }
  .month-donat-inner > i {
    font-size: 5rem;
  }
  .facts-wrap > div.row > div:not(:first-child) .fact-box {
    padding-left: 0;
  }
  .pb-210 {
    padding-bottom: 10rem;
  }
  .urgent-donat-meta > li:not(:first-child) {
    margin-left: 0;
  }
  .feat-wrap.v3 {
    padding-top: 0;
  }
  .feat-item.v3 > img {
    max-width: 100%;
  }
  .feat-item.v3:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.7;
  }
  .feat-item.v3 .feat-cap-wrap {
    padding-left: 0.9375rem;
    text-align: center;
  }
  .feat-item.v3 .feat-cap.left-icon {
    padding-left: 0;
  }
  .feat-item.v3 .feat-cap.left-icon > i {
    position: static;
    font-size: 6rem;
  }
  .feat-item.v3 .feat-cap.left-icon > i + h2 {
    margin-top: 2rem;
  }
  .rtl .feat-item.v3 .feat-cap.left-icon > i + h2 {
    text-align: right;
  }
  .rtl .v3 .feat-cap > p + a {
    float: right;
  }
  .feat-wrap .feat-caro2 ul.slick-dots {
    left: 0;
    right: 0;
    bottom: 4rem;
  }
  .time-list3 > li {
    padding: 2rem 1.7rem;
  }
  .about-wrap3 {
    margin-top: -4rem;
  }
  .quote-pillars-wrap > div.row > div,
  .team-wrap2 > div.row > div.col-lg-5,
  .team-wrap2 > div.row > div.col-lg-7 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .quote-wrap {
    padding: 5rem 5rem 3rem;
  }
  .pillars-wrap2 {
    padding: 5rem 6rem;
  }
  .team-wrap2-inner {
    padding: 5rem 4rem;
  }
  .speaker-inner.res-row > .row > div.col-lg-4,
  .team-inner2.res-row > .row > div.col-lg-4 {
    flex: 0 0 33.33334%;
    max-width: 33.33334%;
  }
  .sec-title.v2 {
    margin-bottom: 3rem;
  }
  .donate-inner {
    padding: 0 2rem;
  }
  .social-links3 > a:not(:first-child) {
    margin-left: 2.2rem;
  }
  .newsletter-form {
    max-width: 100%;
  }
  .post-detail-info > h2 {
    max-width: 100%;
  }
  .share-tags-wrap > div + div {
    margin: 1rem 0 0;
  }
  .share-tags-wrap > div {
    flex: 0 0 100%;
    max-width: 100%;
    flex-wrap: wrap;
  }
  .course-info3,
  .col-lg-4 .course-info3 {
    padding: 0 2.5rem 2.2rem;
  }
  .course-info3 > h3,
  .col-lg-4 .course-info3 > h3 {
    max-width: 100%;
  }
  .course-box3 > span,
  .col-lg-4 .course-box3 > span {
    right: 2.5rem;
    top: 2.3rem;
  }
  .services-detail-info {
    margin-top: 0;
  }
  .gallery-box.v2::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .event-detail-info {
    padding: 3.125rem 1.5rem 2.8125rem;
  }
  .prod-detail-info-wrap > div.row {
    align-items: initial !important;
  }
  .prod-detail-info {
    padding: 0;
  }
  .coupon-wrap {
    flex: 0 0 65%;
    max-width: 65%;
    padding: 3rem;
  }
  .coupon-wrap + .cart-total {
    flex: 0 0 35%;
    max-width: 35%;
  }
  .coupon-inner > input {
    flex: 0 0 calc(100% - 13rem);
    max-width: calc(100% - 13rem);
  }
  .payment-method > button {
    min-width: initial;
  }
  .sec-tp-cntr-mckp {
    top: -4.9rem;
  }
}

@media (min-width: 995px) and (max-width: 1080px) {
  .event-meta > li {
    font-size: 13px;
  }
  .event-meta > li:not(:first-child) {
    padding-left: 1rem;
    margin-left: 1rem;
  }
}

@media (max-width: 995px) {
  .team-detail-info-inner .social-links4.text-center {
    direction: rtl;
  }
  ul.time-list2 {
    padding: 0;
  }
  .res-row {
    overflow-x: auto;
  }
  .res-row > .row {
    flex-wrap: nowrap;
  }
  .feat-wrap ul.slick-dots {
    right: 2rem;
  }
  .pillar-box > span {
    height: 6.3rem;
    width: 6.3rem;
    line-height: 6.3rem;
    font-size: 2.8rem;
    margin: 2rem 1.25rem;
  }
  .camp-img {
    min-width: 100%;
    margin-left: 0;
  }
  .plyr-wrp.overlap155 {
    margin-top: -5.3125rem;
  }
  .plyr:not(.v2):not(.v3):not(.v4) {
    padding: 2.5rem 2.5rem 2.35rem;
  }
  .cont-info-list > li:first-child {
    margin-bottom: 12px;
  }
  .cont-info-list > li:not(:first-child) {
    padding-left: 0;
  }
  .cont-info-list > li span {
    font-size: 1.3rem;
    height: 3rem;
    width: 3rem;
    flex: 0 0 3rem;
    max-width: 3rem;
    line-height: 3rem;
  }
  .cont-info-list > li span::before,
  .cont-info-list > li span::after {
    height: inherit;
    width: inherit;
  }
  .pt-235 {
    padding-top: 12rem;
  }
  .pb-235 {
    padding-bottom: 12rem;
  }
  .pb-210 {
    padding-bottom: 8rem;
  }
  .event-sermon-wrap {
    padding: 0 15%;
  }
  .event-wrap2 {
    margin-bottom: 4rem;
  }
  .urgent-donat-info {
    padding-left: 2.2rem;
  }
  .time-wrap2 {
    padding-left: 0;
    padding-right: 0;
  }
  .time-title {
    padding: 2rem 1rem;
    text-align: center;
  }
  .time-list2 > li {
    font-size: 1.125rem;
    padding: 2.5rem;
  }
  .time-list2 > li span {
    font-size: 1rem;
  }
  .plyr-wrp.v2 h3 {
    width: 100%;
  }
  .about-wrap2 {
    padding: 2rem 0 0;
  }
  .pack-box {
    padding: 3rem 2.5rem;
  }
  .plyr-wrp.v3,
  .about-video {
    margin-bottom: 3rem;
  }
  .sidebar,
  .prod-detail-info,
  .cart-total-payment-wrap,
  .sidebar_wrapper {
    margin-top: 3rem !important;
  }
  .hlf-bg {
    max-width: 100%;
    height: 20rem;
  }
  .learn-inner {
    padding: 0 15px;
    margin-top: 3rem;
  }
  .pillars-wrap2,
  .team-wrap2-inner {
    padding: 5rem 0.9375rem;
  }
  .team-wrap2-inner {
    padding-bottom: 3rem;
  }
  .sponsor-inner {
    padding: 0;
  }
  .sponsor-title > h2 {
    max-width: 80%;
  }
  .donate-inner {
    padding: 0;
  }
  .donate-box-wrap {
    padding-left: 0;
    padding-right: 0;
  }
  .post-detail-info + .post-detail-desc > p:nth-of-type(2),
  .post-detail-desc > p:nth-of-type(6) {
    margin-top: 1.875rem;
  }
  .mini-post-box {
    align-items: center;
  }
  .urgent-donat-meta > li:not(:first-child) {
    margin-left: 1.875rem;
  }
  .sermon-video {
    min-width: 100%;
  }
  .prod-detail-tabs {
    padding-left: 0;
  }
  .prod-detail-tabs ul.nav-tabs {
    position: static;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .prod-detail-tabs ul.nav-tabs li.nav-item {
    flex: 0 0 33.33334%;
    max-width: 33.33334%;
    text-align: center;
    font-size: 1.125rem;
  }
  .prod-detail-tabs ul.nav-tabs li.nav-item a.nav-link {
    margin-bottom: 0;
    padding: 0.9375rem 2rem;
  }
  .prod-detail-tabs ul.nav-tabs li.nav-item a.nav-link:before {
    display: none;
  }
  .prod-detail-tabs .tab-content {
    padding: 3rem;
  }
  .contact-wrap,
  .cont-info-desc {
    padding: 0;
  }
  .contact-map {
    height: 25rem;
  }
  .social-links4 + .thm-btn {
    margin-top: -7px;
    margin-left: 1rem;
    vertical-align: middle;
  }
  .sec-botm-rgt-mckp {
    top: -145px;
  }
  .sec-tp-cntr-mckp {
    top: -4.8rem;
  }

  .woocommerce div.product div.images.woocommerce-product-gallery,
  .woocommerce #content div.product div.summary,
  .woocommerce div.product div.summary,
  .woocommerce-page #content div.product div.summary,
  .woocommerce-page div.product div.summary {
    width: 100%;
    padding: 0 0.9375rem;
  }

  /*=== Woocommerce Responsive Style ===*/
  .woocommerce div.product .woocommerce-tabs .panel {
    padding: 3rem;
  }
}

@media (max-width: 850px) {
  .feat-caro {
    max-height: 40rem;
  }
  .feat-item {
    min-height: 40rem;
    max-height: 40rem;
  }
  .feat-wrap.v2 .feat-caro {
    max-height: 38rem;
  }
  .feat-item.v2 {
    min-height: 38rem;
    max-height: 38rem;
  }
  .feat-wrap.v1 .feat-cap-wrap {
    margin-top: -3rem;
  }
  .feat-item.v2 .feat-cap-wrap {
    padding-left: 0.9375rem;
    margin-top: -2rem;
  }
  .feat-cap.left-icon {
    text-align: center;
    padding-left: 0;
    max-width: 100%;
    padding-right: 0;
  }
  .feat-cap.left-icon > i {
    top: auto;
    font-size: 3.125rem;
    position: static;
    display: inline-block;
  }
  .feat-cap.left-icon > i + h2 {
    margin-top: 0.9375rem;
  }
  .event-sermon-wrap {
    padding: 0 10%;
  }
  .about-inner {
    max-width: 100%;
  }
  .sec-title-inner > h1 {
    font-size: 2.9rem;
  }
  .about-inner > h2,
  .about-inner2 > h2,
  .about-inner3 > h2,
  .about-inner4 > h2,
  .sec-title-inner > h2,
  .sec-title.v2.left-icon .sec-title-inner > h2,
  .donate-title > h2,
  .get-started-title > h2 {
    font-size: 2.7rem;
    line-height: 1.25;
  }
  .team-wrap.res-row > .row > div,
  .speaker-inner.res-row > .row > div.col-lg-4,
  .team-inner2.res-row > .row > div.col-lg-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .time-list2 > li {
    padding: 2.5rem 1.8rem;
  }
  .fact-inner > h3 {
    font-size: 2.8rem;
  }
  .fact-inner > h5 {
    font-size: 1.125rem;
  }
  .footer-data.v2 {
    padding: 0;
  }
  .feat-item.v3 .feat-cap-wrap {
    position: static !important;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    padding: 4rem 1.875rem 10rem;
  }
  .feat-wrap .feat-caro2 ul.slick-dots {
    bottom: 6rem;
  }
  .time-list3 > li {
    flex: 0 0 33.33334%;
    max-width: 33.33334%;
  }
  .learn-img {
    padding-right: 0;
  }
  .pt-250,
  .pt-280 {
    padding-top: 12rem;
  }
  .pb-250,
  .pb-280,
  .woocommerce .page-content {
    padding-bottom: 12rem;
  }
  .pagination-wrap.mt-20 {
    margin-top: -1rem;
  }
  .pagination-wrap.mt-40 {
    margin-top: 1rem;
  }
  .pagination-wrap.mt-50,
  .pagination-wrap.mt-60,
  .pagination-wrap.mt-70,
  .pagination-wrap.mt-80 {
    margin-top: 3rem;
  }
  .post-detail-info {
    padding-left: 8.5rem;
  }
  .sermon-detail-info-wrap > div.row > div {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .sermon-detail-info-wrap > div.row > div.order-md-1 {
    order: -1;
  }
  .plyr.v4 .player {
    padding: 1.875rem 6rem 1.875rem 34rem;
  }
  .plyr.v4 .player .info {
    left: 6.5rem;
  }
  .plyr.v4 .player .controls {
    left: 21.5rem;
  }
  .plyr.v4 .player .cover {
    left: 1.875rem;
  }
  .cart-total-list {
    padding: 1.875rem 2.2rem 1.125rem;
  }
  .cart-table tbody tr td.product-name h5,
  .error-page-inner {
    max-width: 65%;
  }
  .team-detail-info-inner .social-links4 {
    width: 100%;
    flex-wrap: wrap;
  }
  .social-links4 + .thm-btn {
    margin: 2rem 0 0;
  }
  .sec-botm-rgt-mckp {
    top: -125px;
  }
  .sec-tp-cntr-mckp {
    top: -4.1rem;
  }
  form.checkout.woocommerce-checkout {
    padding-right: 0;
  }
  #order_review_heading {
    margin-left: 0 !important;
    padding: 0 0.9375rem !important;
  }
  .woocommerce-checkout-review-order {
    padding: 0 0.9375rem;
  }
  #add_payment_method #payment ul.payment_methods,
  .woocommerce-cart #payment ul.payment_methods,
  .woocommerce-checkout #payment ul.payment_methods {
    padding-right: 0;
  }
}

@media (max-width: 770px) {
  .slick-slide .prod-box div[class^="col"] {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .feat-cap > h1 {
    font-size: 3.6rem;
  }
  .feat-cap > h2,
  .feat-item.v3 .feat-cap > h2 {
    font-size: 3.2rem;
  }
  .feat-item.v3 .feat-cap > h2 span {
    font-size: inherit;
  }
  .pillar-box > span {
    height: 5.5rem;
    width: 5.5rem;
    line-height: 5.5rem;
    font-size: 2.5rem;
  }
  .pillar-box > span + h3 {
    margin-top: 10px;
  }
  .pillar-box > h3 {
    font-size: 1.75rem;
  }
  .time-wrap,
  .course-wrap {
    padding: 5rem 5%;
  }
  .time-list2 > li {
    flex: 0 0 33.33334%;
    max-width: 33.33334%;
    text-align: center;
  }
  .video-quote-wrap {
    padding: 0;
  }
  .video-quote-wrap .quote-box {
    position: relative !important;
    max-width: 100%;
  }
  .video-box > a {
    margin-left: 0;
  }
  .event-sermon-wrap {
    padding: 0;
  }
  .fact-box > span + .fact-inner {
    padding: 1.5625rem 0 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .fact-box {
    text-align: center;
    justify-content: center;
  }
  .post-img2 {
    max-width: 100%;
    position: static !important;
    width: 100%;
  }
  .post-info2 {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0;
  }
  .blog-wrap2 + .view-more {
    margin-top: 2rem;
  }
  .widget-inner {
    max-width: 70%;
  }
  .bottom-inner {
    justify-content: center !important;
    text-align: center;
  }
  .bottom-inner > p + ul {
    margin-top: 1rem;
  }
  .pt-250,
  .pt-260,
  .pt-280 {
    padding-top: 10rem;
  }
  .pb-250,
  .pb-260,
  .pb-280,
  .woocommerce .page-content {
    padding-bottom: 10rem;
  }
  .post-date2 > span {
    font-size: 2rem;
  }
  .post-meta4 > span {
    padding: 13px 2px 8px;
  }
  .author-info,
  .comment-detail {
    padding-right: 0;
  }
  .author-info > p,
  .comment-detail > p {
    max-width: 100%;
  }
  .donation-detail-info-wrap .urgent-donat-info {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .donation-detail-info-wrap .thm-btn {
    width: 100%;
    max-width: 100%;
    padding: 1.3rem 2.5rem;
  }
  .donation-detail-info-wrap .thm-btn i {
    display: none !important;
  }
  .course-info3 > h3 + .course-scholar {
    margin-top: 1rem;
  }
  .post-detail-info > h2,
  .course-detail-info-inner > h2 {
    font-size: 1.6rem;
    line-height: 1.4;
  }
  .course-detail-info > div {
    flex: 0 0 63%;
    max-width: 63%;
  }
  .course-detail-info > div:last-child {
    flex: 0 0 calc(100% - 63%);
    max-width: calc(100% - 63%);
  }
  .coupon-cart-total-wrap > div {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .cart-table tbody tr td.product-name h5,
  .coupon-inner {
    max-width: 100%;
  }
  .cart-table thead tr th:first-child,
  .cart-table tbody tr td:first-child {
    padding-left: 2rem;
  }
  .cart-table tbody tr td:first-child {
    padding-right: 0;
    width: 7.3rem;
  }
  .cart-table tbody tr td.product-name {
    padding-left: 0;
  }
  .sec-botm-rgt-mckp {
    top: -114px;
  }
  .sec-tp-cntr-mckp {
    top: -3.7rem;
  }

  /*=== Woocommerce Responsive Style ===*/
  .woocommerce table.shop_table td.product-name {
    padding-left: 1.25rem;
  }
  .woocommerce table.shop_table td .quantity {
    display: inline-block;
  }
  .woocommerce table.shop_table_responsive tr td.product-remove,
  .woocommerce-page table.shop_table_responsive tr td.product-remove {
    text-align: center !important;
  }
  .woocommerce #content table.cart td.actions .coupon,
  .woocommerce table.cart td.actions .coupon,
  .woocommerce-page #content table.cart td.actions .coupon,
  .woocommerce-page table.cart td.actions .coupon {
    max-width: 100%;
    padding-bottom: 1.875rem;
  }
  .woocommerce-cart table.cart td.actions .coupon .input-text {
    width: 100%;
  }
  .woocommerce-cart table.cart td.actions .coupon .input-text + button {
    margin: 10px 0 0;
  }
  .woocommerce .cart .button,
  .woocommerce .cart input.button,
  .woocommerce-page.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
  .woocommerce .cart-collaterals .cart_totals,
  .woocommerce-page .cart-collaterals .cart_totals {
    width: 100% !important;
  }
  .woocommerce table.shop_table tbody tr {
    background-color: #f2f2f2 !important;
  }
  .woocommerce table.shop_table tbody tr:nth-child(2n) {
    background-color: #fafafa !important;
  }
  .woocommerce #content .product-quantity .quantity input.qty,
  .woocommerce .product-quantity .quantity input.qty,
  .woocommerce-page #content .product-quantity .quantity input.qty,
  .woocommerce-page .product-quantity .quantity input.qty {
    background-color: #fff !important;
  }
  .woocommerce table.shop_table td {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-color: #ebebeb !important;
  }
  .woocommerce #content .quantity .bootstrap-touchspin > span button,
  .woocommerce .quantity .bootstrap-touchspin > span button,
  .woocommerce-page #content .quantity .bootstrap-touchspin > span button,
  .woocommerce-page .quantity .bootstrap-touchspin > span button {
    background-color: #333;
    color: #fff;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100%;
    margin-bottom: 2.5rem;
  }
  .woocommerce-account
    .woocommerce-MyAccount-navigation
    + .woocommerce-MyAccount-content {
    width: 100%;
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .cont-form,
  .about-inner2 {
    margin-top: 3rem;
  }
}

@media (max-width: 730px) {
  .rspn-cnt {
    display: none;
  }
  .plyr.v4 .player {
    padding: 1.875rem 1.875rem 5.5rem;
    text-align: center;
    justify-content: center;
  }
  .plyr.v4 .player .cover,
  .plyr.v4 .player .info,
  .plyr.v4 .player .controls {
    position: static;
    justify-content: center;
  }
  .plyr.v4 .player .info {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    margin: 1.25rem 0 13px;
  }
  .plyr .player .controls {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 1.25rem;
  }
  .plyr.v4 .player .volume {
    top: auto;
    left: 0;
    right: 0;
    width: 100%;
    max-width: initial;
    line-height: initial;
  }
  .plyr.v4 .player .volume .volume-btn {
    line-height: 3.5rem;
  }
  .pillars-list > li {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media (max-width: 601px) {
  html body.admin-bar {
    margin-top: -46px !important;
  }
  body.admin-bar .rspn-hdr {
    margin-top: 46px;
  }
  .em-booking-form-details {
    width: 100%;
  }
  .event_login_form {
    display: inline-block;
    margin-top: 2.5rem;
    width: 100%;
  }
  div.em-booking-login {
    padding: 0;
    border: 0;
    margin: 0;
  }
  .iftar-seher-block .iftar-seher-time p {
    font-size: 40px !important;
    line-height: 40px !important;
  }
}

@media (max-width: 576px) {
  .wide-sec {
    width: calc(100% + 0rem);
    margin-left: 0;
    margin-right: 0;
  }
  .course-list-wrap > h3 + .course-list {
    margin-top: -0.9375rem;
    padding-right: 0;
  }
  .res-row,
  .team-wrap.res-row,
  .speaker-inner.res-row,
  .team-inner2.res-row {
    overflow-x: initial;
  }
  .res-row > .row,
  .team-wrap.res-row > .row,
  .speaker-inner.res-row > .row,
  .team-inner2.res-row > .row {
    flex-wrap: wrap;
  }
  .res-row > .row div[class^="col"],
  .team-wrap.res-row > .row > div,
  .speaker-inner.res-row > .row > div.col-lg-4,
  .team-inner2.res-row > .row > div.col-lg-4,
  .menu-footer-help-us-container ul.menu > li {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .feat-cap > h1 {
    font-size: 2.7rem;
  }
  .feat-cap > h2,
  .feat-item.v3 .feat-cap > h2 {
    font-size: 2.5rem;
    line-height: 1.2;
  }
  .thm-btn {
    font-size: 1rem !important;
    padding: 1rem 2.5rem !important;
  }
  .sec-title-inner > h1 {
    font-size: 2.7rem;
  }
  .about-inner > h2,
  .about-inner2 > h2,
  .about-inner3 > h2,
  .about-inner4 > h2,
  .sec-title-inner > h2,
  .sec-title.v2.left-icon .sec-title-inner > h2,
  .sponsor-title > h2,
  .donate-title > h2,
  .get-started-title > h2 {
    font-size: 2.4rem;
  }
  p,
  .bottom-links > li,
  .styled-list > li,
  .sermon-info-list > li,
  .services-info-list > li,
  .adt-info-list > li {
    font-size: 0.9375rem !important;
    line-height: 2 !important;
  }
  .widget,
  .footer-data.v3 .widget {
    margin-bottom: 2.5rem;
  }
  .widget .logo + p {
    margin-top: 1.6rem;
  }
  .widget-title {
    margin-bottom: 1.5rem;
  }
  .pt-235 {
    padding-top: 9rem;
  }
  .pb-235 {
    padding-bottom: 9rem;
  }
  .feat-wrap.v1 .feat-cap-wrap {
    margin-top: -4rem;
  }
  .feat-wrap ul.slick-dots {
    right: 0;
    left: 0;
    justify-content: center;
    width: auto;
    display: flex;
    top: auto;
    bottom: 2rem;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    padding: 0 0.9375rem;
  }
  .feat-wrap.v1 ul.slick-dots {
    bottom: 10rem;
  }
  .feat-wrap.v2 ul.slick-dots {
    bottom: 8rem;
  }
  .prod-info {
    padding: 7rem 2rem 4rem;
  }
  .prod-info .price,
  .prod-detail-img .price {
    right: auto;
    left: 0;
  }
  ul.time-list > li {
    padding: 1.25rem;
    font-size: 1rem;
  }
  .time-box > span {
    font-size: 1.125rem;
  }
  .time-box > span i {
    font-size: 1.25rem;
  }
  .pillars-list > li {
    flex: 0 0 33.33334%;
    max-width: 33.33334%;
  }
  .serv-box2 {
    background-color: #fff;
    padding-bottom: 1.25rem;
  }
  .serv-box2:before {
    bottom: 1.25rem;
  }
  .month-donat-inner > p + a {
    margin-top: 2.5rem;
  }
  .team-info2 {
    padding: 0 2.5rem 3rem;
  }
  .donate-box-wrap {
    margin-top: 5rem;
  }
  .donate-title {
    text-align: center;
  }
  .donate-title > h2,
  .footer-data.v3 .widget p,
  .search-found-inner,
  .error-page-inner {
    max-width: 100%;
  }
  .sponsor-title > h2 {
    max-width: 100%;
    line-height: 1.3;
  }
  .sponsor-list > li {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .sec-title.v2.left-icon .sec-title-inner > p {
    max-width: 100%;
  }
  .pillars-list2 > li {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .pillars-list2 > li {
    padding-left: 1.875rem;
  }
  .quote-wrap {
    padding: 5rem 0.9375rem 3rem;
  }
  .sec-title.v2.left-icon .sec-title-inner {
    padding-left: 6rem;
  }
  .sec-title.v2.left-icon .sec-title-inner > i {
    font-size: 4rem;
  }
  .social-links3 > a:not(:first-child) {
    margin-left: 1.5rem;
  }
  .newsletter-form input:not([type="submit"]) {
    padding-left: 4rem;
  }
  .newsletter-form form p > i {
    left: 0;
  }
  .about-wrap3 {
    margin-top: -3rem;
  }
  .feat-item.v3 .feat-cap-wrap {
    padding: 4rem 0.9375rem 10rem;
  }
  .course-info3,
  .col-lg-4 .course-info3 {
    padding: 0 1.9rem 2rem;
  }
  .course-box3 > span,
  .col-lg-4 .course-box3 > span {
    right: 1.9rem;
    top: 2rem;
  }
  .share-tags-wrap {
    padding: 1rem;
  }
  .author-box,
  .comment {
    justify-content: center;
    text-align: center;
    padding: 1.875rem;
  }
  .author-img + .author-info,
  .comment-img + .comment-detail {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 1.325rem 0 0;
  }
  .author-info > small,
  .comment-detail > small {
    display: block;
  }
  .author-info > h4 + small,
  .comment-detail > h4 + small {
    margin: 10px 0 0;
  }
  ul.comments-list ul.children,
  .prod-detail-tabs ul.comments-list ul.children {
    padding-left: 0;
  }
  .prod-detail-tabs .comment-detail span.rate {
    float: none;
    display: inline-block;
  }
  .alignleft {
    margin-right: 0;
    width: 100%;
  }
  .alignright {
    margin-left: 0;
    width: 100%;
  }
  .team-detail-info {
    padding: 2.5rem 2rem;
  }
  .team-detail-info-list > li span {
    display: block;
  }
  .experties-list {
    margin-top: 1.5rem;
  }
  .team-detail-experties + .team-detail-desc {
    margin-top: 2.5rem;
  }
  .course-detail-info > div {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .course-detail-info > div:last-child {
    margin-top: 1.25rem;
    text-align: initial;
  }
  .course-detail-info-bottom {
    padding: 1.25rem;
  }
  .services-detail-info > i {
    height: 7rem;
    width: 7rem;
    line-height: 7rem;
    font-size: 3.1rem;
  }
  .event-detail-info {
    padding: 3rem 2rem;
  }
  .event-detail-info > div {
    padding: 0;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .event-detail-info > div + div {
    margin-top: 1.875rem;
  }
  .event-booking-form-wrap {
    padding: 2.5rem 2rem 3rem;
  }
  .event-booking-form span.d-block {
    padding-left: 1.875rem;
  }
  .event-booking-form span.d-block input {
    position: absolute;
    left: 0;
    top: 5px;
  }
  .sermons-btns-wrap + h3 {
    margin-top: 2.5rem;
  }
  .prod-detail-tabs .tab-content {
    padding: 2rem;
  }
  .prod-detail-tabs ul.nav-tabs li.nav-item {
    flex: 0 0 100%;
    max-width: 100%;
    line-height: 1;
  }
  .prod-detail-tabs .tab-content .tab-pane > h3 {
    font-size: 1.5rem;
    padding-left: 3rem;
  }
  .prod-detail-tabs .tab-content .tab-pane > h3 i {
    font-size: 1.8rem;
  }
  .prod-detail-btns .thm-btn {
    min-width: auto;
  }
  .adt-info-list > li + li {
    margin-top: 0.9375rem;
  }
  .prod-detail-btns .thm-btn + .prod-btn {
    margin-left: 10px;
  }
  .cart-form {
    overflow: auto;
  }
  .cart-table {
    min-width: 130%;
  }
  .coupon-wrap {
    padding: 3rem 2rem;
  }
  .coupon-inner > input,
  .coupon-inner > button {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .coupon-inner > input + button {
    margin: 10px 0 0;
  }
  .about-title > h2 {
    font-size: 2rem;
    line-height: initial;
  }
  .plyr-wrp.v2 .plyr-inner {
    width: 100%;
    margin-left: 0;
  }
  .plyr.v2 {
    padding: 0;
  }
  .plyr.v2 .player {
    justify-content: center;
    padding: 2rem 2.5rem 5rem;
  }
  .plyr.v2 .player .cover {
    position: static;
    display: inline-block;
  }
  .plyr.v2 .player .controls {
    left: 0;
    position: static;
    flex: 100%;
    max-width: 100%;
    justify-content: center;
    padding: 1.25rem 0;
  }
  .plyr.v2 .player .volume {
    top: auto;
    left: 0;
    max-width: 100%;
    width: 100%;
    flex: 0 0 100%;
  }
  .plyr.v2 .player .volume .volume-btn {
    line-height: 3.5rem;
  }
  .event-img2 {
    flex: 0 0 8rem;
    max-width: 8rem;
  }
  .event-img2 + .event-info2 {
    padding-left: 1.4rem;
    flex: 0 0 calc(100% - 8rem);
    max-width: calc(100% - 8rem);
  }
  .event-meta > li:not(:first-child) {
    padding-left: 12px;
    margin-left: 12px;
  }
  .month-donat-inner > h2 br {
    display: none;
  }
  .sec-botm-rgt-mckp {
    top: -85px;
  }
  .page-title-inner > h1 {
    font-size: 2.2rem;
  }
  .sec-tp-cntr-mckp {
    top: -2.8rem;
  }

  /*=== Woocommerce Responsive Style ===*/
  .woocommerce div.product .woocommerce-tabs .panel {
    padding: 2rem;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs li {
    margin: 10px 0 0 !important;
    width: 100%;
    text-align: center;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs li a {
    width: 100%;
  }
}

@media (max-width: 490px) {
  .feat-cap > h1 {
    font-size: 2.5rem;
  }
  .feat-cap > h2 {
    font-size: 2.2rem;
  }
  .thm-btn {
    font-size: 0.9375rem !important;
    padding: 1rem 2.3rem !important;
  }
  .sec-title-inner > h1 {
    font-size: 2.4rem;
  }
  .about-inner > h2,
  .about-inner2 > h2,
  .about-inner3 > h2,
  .about-inner4 > h2,
  .sec-title-inner > h2,
  .sec-title.v2.left-icon .sec-title-inner > h2,
  .sponsor-title > h2,
  .donate-title > h2,
  .get-started-title > h2,
  .feat-item.v3 .feat-cap > h2,
  .page-title-inner > h1,
  .sermon-detail-info > h2,
  .services-detail-info > h2,
  .event-detail-info-inner h2,
  .cont-info-desc > h3,
  .team-info2 > h3 {
    font-size: 2.1rem;
  }
  .cont-info-desc > h3 {
    line-height: 1.3;
  }
  .sermon-detail-info > span,
  .services-detail-info > span {
    font-size: 1rem;
  }
  .camp-info {
    border-width: 10px;
    padding: 2.5rem 2.1rem 3rem;
  }
  .camp-info > p + div {
    margin-top: 1.25rem;
  }
  .goal + a {
    margin-top: 2rem;
  }
  .camp-img > a {
    font-size: 2.5rem;
    height: 5rem;
    width: 5rem;
    line-height: 5rem;
  }
  .sec-title-inner > i {
    font-size: 2.1rem;
  }
  .sec-title.v2 .sec-title-inner > i {
    font-size: 2.5rem;
  }
  .sec-title-inner > p,
  .sec-title.v2 .sec-title-inner > p {
    max-width: 100%;
  }
  .time-wrap,
  .course-wrap {
    padding: 4rem 0.9375rem;
  }
  .plyr .player .volume {
    display: inline-flex !important;
  }
  .feat-wrap.v1 ul.slick-dots {
    bottom: 9rem;
  }
  .feat-wrap.v2 ul.slick-dots {
    bottom: 7rem;
  }
  .plyr .player .info {
    justify-content: center;
  }
  .about-title > h2 {
    font-size: 2rem;
    line-height: 1.4;
    max-width: 100%;
  }
  .about-wrap2 {
    text-align: center;
  }
  .about-title .thm-btn {
    min-width: auto;
  }
  .about-inner2 {
    margin-top: 2.5rem;
  }
  .video-box > a,
  .about-video > a {
    height: 4rem;
    width: 4rem;
    line-height: 3rem;
    font-size: 1.2rem;
  }
  .quote-box {
    padding: 4.0625rem 2.2rem 3rem;
  }
  .quote-box::after {
    left: 2.2rem;
  }
  .event-list-box {
    border: 0;
    padding: 0;
    margin: 0;
    justify-content: center;
    text-align: center;
  }
  .event-img2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .event-img2 + .event-info2 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 1.875rem 0 0;
  }
  .event-wrap2 {
    text-align: center;
  }
  .month-donat-inner > h2 {
    font-size: 2.2rem;
    line-height: 1.3;
  }
  .post-info2 {
    background-color: transparent;
    padding: 2.5rem 0 0 7rem;
  }
  .tt-posts .post-info2 {
    padding-left: 7rem;
  }
  .post-info2 > h3 {
    font-size: 1.8rem;
    line-height: 1.4;
  }
  .post-info2 > p + a,
  .post-info2 .post-share {
    margin-top: 2.3rem;
  }
  .widget.text-center,
  .donat-methods.text-center,
  .bottom-bar2.text-center {
    text-align: initial !important;
  }
  .widget-inner {
    max-width: 100%;
  }
  .donat-methods {
    justify-content: initial;
  }
  .donat-methods > img {
    max-width: 40%;
  }
  .donat-methods > h5 + img {
    margin-left: 1.25rem;
  }
  .post-detail-info {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  ul.mb-0.list-unstyled.d-inline-flex {
    padding-right: 15px;
    padding-left: 6rem;
    margin-bottom: 50px !important;
  }
  .post-info2-inner {
    max-width: 5.2rem;
  }
  .post-date2 > span {
    font-size: 2rem;
  }
  .pack-head > p + span {
    margin-top: 10px;
  }
  .pack-body {
    padding-top: 10px;
  }
  .event-meta {
    justify-content: center;
  }
  .event-meta > li:not(:first-child) {
    padding-left: 1.5rem;
    margin-left: 0;
  }
  .event-meta > li:not(:first-child)::before {
    display: none;
  }
  .urgent-donat-info {
    padding: 0 1.5rem 1.5rem;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
  }
  .urgent-donat-info > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .urgent-donat-info-raised {
    position: relative !important;
    order: -1;
    margin-bottom: 1.25rem;
  }
  .urgent-donat-meta > li {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .urgent-donat-meta > li:not(:first-child) {
    margin-left: 0;
  }
  .urgent-donat-info .urgent-donat-info-raised {
    flex: 0 0 calc(100% + 3rem);
    max-width: calc(100% + 3rem);
    margin-left: -1.5rem;
  }
  .newsletter-form > input {
    width: 100%;
    border: 2px solid rgba(255, 255, 255, 0.5);
    padding: 1rem 1rem 1rem 4rem;
  }
  .newsletter-form > i {
    bottom: auto;
  }
  .newsletter-form > i {
    padding: 0 0.9375rem;
  }
  .plyr-wrp.overlap155 {
    margin-top: -4.8rem;
  }
  .plyr-wrp > h3,
  .plyr-wrp.v2 h3 {
    padding: 1.5rem;
  }
  .about-wrap {
    margin-top: -1.875rem;
  }
  .social-links3 > a {
    font-size: 0.9375rem;
  }
  .social-links3 > a i {
    margin-right: 8px;
  }
  .social-links3 > a:not(:first-child) {
    margin-left: 1rem;
  }
  .widget ul:not(.cont-info-list2) li {
    font-size: 1rem;
  }
  .footer-data.v3 {
    margin-bottom: -2rem;
  }
  .newsletter-form {
    padding-left: 0;
    border: 0;
  }
  .newsletter-form input:not([type="submit"]) {
    padding: 1rem 1rem 1rem 4rem;
  }
  .newsletter-form button,
  .newsletter-form form p input[type="submit"] {
    position: relative;
    left: 0;
    top: 0;
    bottom: 0;
    margin-top: 10px;
    width: 100%;
    height: initial;
  }
  .newsletter-form form p > i {
    padding: 0 0.9375rem;
  }
  .pt-250,
  .pt-260,
  .pt-280 {
    padding-top: 7.5rem;
  }
  .pb-250,
  .pb-260,
  .pb-280,
  .woocommerce .page-content {
    padding-bottom: 7.5rem;
  }
  ul.pagination > li.page-item:not(.prev):not(.next):not(.pg-rang) {
    width: 2.2rem;
  }
  ul.pagination > li.page-item,
  ul.pagination > li.elipses {
    line-height: 1.8rem !important;
    font-size: 0.9375rem;
  }
  ul.pagination > li.page-item.pg-rang {
    width: 4rem;
  }
  ul.pagination > li.page-item.prev,
  ul.pagination > li.page-item.next {
    height: 2.7rem;
    width: 2.7rem;
    line-height: 2.7rem !important;
  }
  .donation-detail-info-wrap {
    margin-top: 0rem;
  }
  .course-detail-info-bottom .price {
    margin-top: 1rem;
  }
  .sermons-btns-wrap {
    padding: 1.25rem;
  }
  .sermon-video > a {
    height: 4rem;
    width: 4rem;
    line-height: 4rem;
    font-size: 1.25rem;
  }
  .cart-table {
    min-width: 180%;
  }
  .donation-detail-info-wrap {
    max-width: 100%;
    margin-left: 0;
  }
  .sec-botm-rgt-mckp {
    top: -70px;
  }
  .page-title-inner > h1 {
    font-size: 2rem;
  }
  .sec-tp-cntr-mckp {
    top: -2.3rem;
  }

  /*=== Woocommerce Responsive Style ===*/
  .woocommerce .woocommerce-result-count {
    text-align: center;
    width: 100%;
    padding-right: 0.9375rem;
  }
  .woocommerce .woocommerce-ordering {
    max-width: 100%;
    margin-right: 0;
    padding-left: 0.9375rem;
  }
  .woocommerce ul.products[class*="columns-"] li.product,
  .woocommerce-page ul.products[class*="columns-"] li.product {
    width: 100%;
  }
}

@media (max-width: 470px) {
  .rtl .feat-wrap.v3 .slick-slider:not(.feat-caro) ul.slick-dots {
    left: 21.5rem;
    right: auto;
  }
  .rtl .time-list3 {
    margin: 0;
    padding-right: 0;
  }
}

@media (max-width: 430px) {
  .rsnp-mnu {
    right: -100%;
    max-width: 100%;
  }
  .rsnp-mnu.slidein {
    right: 0;
  }
  .pt-235 {
    padding-top: 7.5rem;
  }
  .pb-235 {
    padding-bottom: 7.5rem;
  }
  ul.time-list,
  .sponsor-list > li {
    flex: 0 0 100%;
    max-width: 100%;
  }
  ul.time-list + ul.time-list {
    margin-top: 0.5rem;
  }
  .time-box > span {
    font-size: 1rem;
  }
  .pillars-list > li,
  .time-list3 > li {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .sec-title.left-icon .sec-title-inner,
  .sec-title.v2.left-icon .sec-title-inner {
    padding-left: 3.8rem;
  }
  .about-inner > h2,
  .about-inner2 > h2,
  .about-inner3 > h2,
  .about-inner4 > h2,
  .sec-title-inner > h2,
  .sec-title.left-icon .sec-title-inner > h2,
  .sec-title.v2.left-icon .sec-title-inner > h2,
  .page-title-inner > h1,
  .sermon-detail-info > h2,
  .services-detail-info > h2,
  .event-detail-info-inner h2,
  .cont-info-desc > h3 {
    font-size: 2rem;
  }
  .sec-title.left-icon .sec-title-inner > i,
  .sec-title.v2.left-icon .sec-title-inner > i {
    font-size: 2.5rem;
  }
  .time-list2 > li {
    font-size: 1rem;
    padding: 2rem 1.5rem;
  }
  .time-list2 > li span {
    font-size: 14px;
  }
  .learn-top-inner + .learn-top-inner {
    margin-top: 2rem;
  }
  .course-info2 > p {
    max-width: 100%;
  }
  .pillars-list2 > li {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pillar-btn .thm-btn {
    width: auto;
  }
  .team-info2 {
    padding: 0 0.9375rem 3rem;
  }
  .bottom-links {
    justify-content: center;
  }
  .bottom-links > li {
    font-size: 0.9375rem;
  }
  .learn-post + .learn-post {
    margin-top: 2.5rem;
  }
  .learn-post-wrap > div.row > div + div {
    margin-top: 2.5rem;
  }
  .pt-250,
  .pt-260,
  .pt-280 {
    padding-top: 6.5rem;
  }
  .pb-250,
  .pb-260,
  .pb-280,
  .woocommerce .page-content {
    padding-bottom: 6.5rem;
  }
  .post-info2 > h3 {
    font-size: 1.5rem;
  }
  .team-detail-info-inner {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .team-detail-info-inner + .team-detail-info-inner {
    padding: 1.5rem 0 0;
  }
  .event-detail-price-button > div {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .event-detail-price-button > div + div {
    margin-top: 1rem;
  }
  .cart-table {
    min-width: 230%;
  }
  .event-meta > li {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .event-meta > li:not(:first-child) {
    padding: 5px 0 0;
  }
  .post-meta2 > li {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .post-meta2 > li:not(:first-child) {
    margin: 5px 0 0;
  }
  .sec-botm-rgt-mckp {
    top: -60px;
  }
  .sec-tp-cntr-mckp {
    top: -2rem;
  }
}

@media (max-width: 380px) {
  .course-box {
    align-items: initial;
  }
  .course-box > i {
    font-size: 2.8rem;
  }
  .course-box > i + .course-inner {
    flex: 0 0 calc(100% - 2.8rem);
    max-width: calc(100% - 2.8rem);
  }
  .time-box > span {
    font-size: 1.125rem;
  }
  .event-info {
    padding: 2rem;
  }
  .post-share {
    margin-left: 0;
    margin-bottom: 0;
  }
  .payment-method {
    padding: 2.5rem 2rem;
  }
  .donat-methods > img {
    max-width: 100%;
    margin: 10px 0 0 !important;
  }
  .bottom-links > li:not(:first-child) {
    padding-left: 1rem;
    margin-left: 1rem;
  }
  .sec-botm-rgt-mckp {
    top: -52px;
  }
  .sec-tp-cntr-mckp {
    top: -1.8rem;
  }
}

@media (max-width: 325px) {
  .cont-info-list > li {
    font-size: 1.2rem;
  }
  .post-meta > li {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .post-meta > li:not(:first-child) {
    padding: 5px 0 0;
  }
  .thm-btn {
    padding: 0.9375rem 1.8rem !important;
  }
  .urgent-donat-img > a.thm-btn {
    min-width: 10rem;
    padding: 14px 1.5rem !important;
  }
  .time-list2 > li {
    padding: 1.5rem 1rem;
  }
  .time-list3 > li {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }
  .course-info3 > h3 {
    font-size: 1.2rem;
    line-height: 1.3;
  }
  .course-info3 > span + h3 {
    margin-top: 6px;
  }
  .course-info3,
  .col-lg-4 .course-info3 {
    padding: 0 0.9375rem 1rem;
  }
  .course-box3 > span,
  .col-lg-4 .course-box3 > span {
    right: 0.9375rem;
    top: 1rem;
  }
  .event-info {
    padding: 1.5rem;
  }
  .sec-tp-cntr-mckp {
    top: -1.55rem;
  }
}

/* New Home Responsive Code */
@media (max-width: 1400px) {
  .two-bar:before {
    width: 123px;
    left: -11%;
  }
  .serving-thousands {
    padding: 100px 0;
  }
  .galler-slider.owl-carousel .owl-item img {
    width: 100%;
  }
  .reached-over {
    margin-top: 40px;
    padding-bottom: 50px;
  }
  .islamic-courses-text a.btn {
    font-size: 16px;
    padding: 10px 33px;
  }
  .reached-over-text {
    padding-top: 70px;
  }
  .navbar-links li.navbar-dropdown .dropdown a {
    font-size: 14px;
  }
  .header-search > a {
    padding: 12px 20px;
    font-size: 14px;
  }
  .navbar-links li:not(:last-child) {
    padding-right: 30px;
  }
  .ratings {
    margin-right: 50px;
  }
  .navbar-links li > a {
    font-size: 15px;
  }
  .logo p {
    width: 91%;
  }
  footer .information {
    padding-top: 60px;
  }
  footer .contact-us {
    padding: 22px 28px;
  }
  footer .contact-us a,
  footer .contact-us h4 {
    font-size: 16px;
  }
  footer .contact-us p {
    font-size: 14px;
  }
  h1 {
    font-size: 60px;
  }
  .hero-section:after {
    width: 460px;
    height: 300px;
  }
  .hero-text p {
    padding-top: 6px;
  }
  h2 {
    font-size: 50px;
  }
  .online-islamic-courses .bismillah-icon h4 {
    font-size: 19px;
  }
  .online-islamic-courses .bismillah-icon figure {
    width: 72px;
    height: 72px;
    margin-right: 7px;
  }
  .islamic-education-img img {
    width: 100%;
  }
  .students {
    padding: 12px;
    padding-right: 50px;
  }
  .active-students {
    margin-top: -90px;
    width: 50%;
  }
  .reached-over-text {
    margin-left: 0;
  }
  .reached-over-text h2 {
    font-size: 40px;
  }
  .students h5 {
    font-size: 42px;
  }
  .heading p {
    padding-bottom: 2px;
  }
  .quran-classes h4 a {
    font-size: 27px;
  }
  .duration div h6 {
    font-size: 14px;
  }
  .reviews-img img {
    width: 78%;
  }
  .blog h6 {
    padding: 16px 20px;
    padding-bottom: 10px;
  }
  .online-classes {
    padding: 25px;
    padding-top: 0;
    width: 100%;
  }
  .count-style img {
    width: auto;
  }
  .count-style h4,
  .count-style span {
    font-size: 37px;
  }
  .count-style h2 {
    font-size: 74px;
    line-height: 58px;
  }
  .islamic-courses {
    width: 95%;
  }
  .bismillah > p {
    padding-bottom: 30px;
  }
  .islamic-education-img img.masjid-shape {
    width: 97%;
    margin-bottom: -56px;
    margin-left: 4px;
  }
}
@media (max-width: 1200px) {
  .gap {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .no-top {
    padding-top: 0;
  }
  .no-bottom {
    padding-bottom: 0;
  }
  .top-bar,
  header .navbar,
  .header-search,
  .two-bar:before {
    display: none;
  }
  .bar-menu {
    display: block;
  }
  .bar-menu i {
    color: #fff;
  }
  header {
    background-color: #0691516e;
  }
  .reached-over-text {
    margin: 0;
  }
  .online-classes a {
    font-size: 20px;
  }
  .online-classes img.masjid-shape {
    left: 16%;
    width: 81px;
    top: -20%;
  }
  .slider-reviews .owl-nav {
    right: -2%;
  }
  .blog-text h4 a {
    font-size: 20px;
    padding-bottom: 7px;
    line-height: 30px;
  }
  footer .contact-us a,
  footer .contact-us h4 {
    word-break: break-all;
  }
  .recent-courses h4 a {
    font-size: 20px;
  }
  .widget-title h3 {
    font-size: 24px;
  }
  .recent-courses img {
    width: 110px;
  }
  .reviews-text p {
    font-size: 20px;
    line-height: 32px;
    width: 93%;
    margin-bottom: 30px;
  }
  .quran-classes-img img.masjid-shape {
    width: 83px;
    margin-bottom: -27px;
    margin-left: -1px;
  }
  .video img {
    width: 100%;
  }
  .reached-over.form {
    padding: 40px;
    width: 100%;
  }
  .video {
    width: 84%;
  }
  .quran-classes-img {
    margin-right: 14px;
  }
  .quran-classes-img img {
    padding: 35px 10px;
  }
  .quran-classes h4 a {
    font-size: 24px;
  }
  .ratings {
    margin-right: 30px;
  }
  .reached-over-text .ratings p {
    font-size: 13px;
  }
  .two-bar {
    background-color: transparent;
  }
  body .hero-section {
    padding-top: 160px;
  }
  .hero-text p {
    font-size: 18px;
    padding-bottom: 23px;
    width: 100%;
  }
  h1 {
    font-size: 50px;
  }
  .active-students > img {
    width: 90%;
  }
  .islamic-education-img img.masjid-shape {
    width: 92%;
    margin-bottom: -43px;
    margin-left: 8px;
  }
  .hero-section:after {
    width: 400px;
    height: 260px;
  }
}
@media (max-width: 993px) {

  footer .footer-sub-form {
    width: 100%;
  }
  .hero-text {
    margin-bottom: 40px;
    text-align: center;
    width: 100%;
  }

  body .reached-over-text{
    width: 90%;
    margin-left: 30px;
  }
  .section-course {
    background-repeat: no-repeat;
    background-size: cover;
  }
  .mobile-nav {
    width: 70%;
  }
  .hero-section:after {
    display: none;
  }
  .islamic-education-img img.masjid-shape {
    margin-bottom: -57px;
    margin-left: 8px;
  }
  .active-students {
    margin-top: -50px;
    width: 80%;
  }
  .quran-classes-img {
    position: relative;
  }
  .islamic-courses figure img {
    width: 100% !important;
  }
  .video {
    margin: auto;
    width: 100%;
    margin-top: 20px;
  }
  .duration div {
    margin-right: 10px;
  }
  .islamic-courses-slider button.owl-dot.active,
  .islamic-courses-slider button.owl-dot,
  .slider-hero button.owl-dot.active,
  .slider-hero button.owl-dot {
    width: 40px;
  }
  .quran-classes {
    display: flex;
    align-items: center;
    margin-bottom: 36px;
  }
  .quran-classes-img img.masjid-shape {
    width: 83px;
    margin-bottom: -27px;
    margin-left: -1px;
    position: absolute;
    top: -10px;
  }
  .reached-over-text {
    padding-bottom: 0px;
    width: 100%;
    margin-left: 30px;
    padding-top: 80px;
  }
  .reached-over {
    flex-wrap: wrap;
    margin-top: 40px;
  }
  .online-islamic-courses {
    padding-bottom: 30px;
  }
  .heading {
    width: 100%;
  }
  .online-islamic-courses .bismillah-icon h4 {
    font-size: 26px;
  }
  .hero-img figure {
    left: 11px;
  }
  .slider-hero .owl-dots {
    text-align: center;
    width: 100%;
  }
  .online-classes {
    background-repeat: no-repeat;
    background-size: cover;
  }
  .online-classes img.masjid-shape {
    left: 10%;
    width: 81px;
    top: -24%;
  }
  .fun-facts {
    margin-bottom: 20px;
  }
  .reviews-img {
    display: none;
  }
  .section-reviews {
    padding: 60px 0;
  }
  .blog {
    margin-bottom: 55px;
  }
  .serving-thousands .heading,
  .gallery .heading.two {
    width: 100%;
  }
  h2 {
    font-size: 42px;
  }
  .subscribe {
    flex-wrap: wrap;
  }
  .subscribe form {
    margin-top: 20px;
    width: 100%;
  }
  footer .contact-us {
    margin-bottom: 20px;
  }
  .widget-title h3 {
    margin-bottom: 22px;
  }
  footer {
    padding-top: 60px;
  }
  .subscribe {
    padding-bottom: 60px;
  }
  .ordering a {
    font-size: 14px;
    padding-left: 27px;
  }
  .footer-bottom-text h6 {
    font-size: 14px;
  }
  .logo p {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 24px;
  }
  footer ul.social-icon {
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .gap {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .no-top {
    padding-top: 0;
  }
  .no-bottom {
    padding-bottom: 0;
  }
  .galler-slider .owl-nav {
    text-align: center;
    left: auto;
    position: relative;
    top: 0;
  }
  .blog h6 {
    bottom: -2px;
  }
  .online-classes img.masjid-shape {
    left: 14%;
  }
  .section-course {
    background-image: url(assets/img/background-img.jpg);
    background-position: center;
  }
}
@media (max-width: 576px) {
  .gap {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .no-top {
    padding-top: 0;
  }
  .no-bottom {
    padding-bottom: 0;
  }
  .gallery-img-style {
    margin-top: 22px;
  }
  .online-classes {
    width: 100%;
    margin-top: 50px;
  }
  .reached-over-text .d-flex.align-items-center {
    flex-wrap: wrap;
  }
  .mobile-nav {
    width: 100%;
  }
  .online-classes img.masjid-shape {
    top: -28%;
    left: 6.5%;
  }
  .footer-bottom-text {
    flex-wrap: wrap;
    text-align: center;
  }
  .reached-over-text {
    margin-left: 0;
  }
  .video a i {
    width: 70px;
    height: 70px;
  }
  .video a i:after {
    width: 80px;
    height: 80px;
  }
  .footer-bottom-text h6 {
    font-size: 14px;
    padding-bottom: 10px;
  }
  .reached-over.form form h3,
  .reached-over-text h2 {
    font-size: 34px;
  }
  h2 {
    font-size: 36px;
  }
  .heading h2 span:before {
    height: 4px;
    bottom: 0px;
  }
  .active-students > img {
    width: 100%;
  }
  .active-students {
    width: 100%;
  }
  .checkbox-flex {
    display: block;
  }
}
@media (max-width: 483px) {
  .subscribe h3 {
    font-size: 30px;
  }
  .slider-reviews .owl-nav {
    right: 0;
    top: 25px;
    position: relative;
  }
  .widget-title li {
    padding-bottom: 14px;
  }
  .online-classes img.masjid-shape {
    top: -28%;
    left: 8%;
  }
  footer .contact-us {
    padding: 18px 16px;
  }
  .count-style {
    margin-bottom: 14px;
  }
  .btn {
    font-size: 14px;
    padding: 18px 30px;
  }
  .count-style h4,
  .count-style span {
    font-size: 26px;
  }
  .count-style h2 {
    font-size: 52px;
    line-height: 41px;
  }
  .heading p {
    font-size: 14px;
  }
  .online-islamic-courses .bismillah-icon h4 {
    font-size: 22px;
  }
  .reached-over-text p {
    padding-bottom: 13px;
  }
  .serving-thousands .heading a {
    margin-top: 26px;
  }
  .bismillah h2 {
    font-size: 21px;
    font-weight: bold;
    position: relative;
    padding-top: 20px;
    padding-bottom: 40px;
    color: var(--common-colour);
  }
  .students figure {
    width: 58px;
    height: 58px;
  }
  .students h5 {
    font-size: 30px;
  }
  .students h5 span {
    font-size: 14px;
  }
  .reached-over-text {
    padding-top: 40px;
  }
  .students {
    margin-top: -90px;
  }
  .students figure img {
    width: 30px;
  }
  .ratings {
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .islamic-education-img img.masjid-shape {
    margin-bottom: -39px;
    margin-left: 8px;
  }
  h2 {
    font-size: 30px;
  }
  h1 {
    font-size: 40px;
  }
  footer .contact-us {
    margin-bottom: 10px;
  }
}
@media (max-width: 450px) {
  .subscribe form {
    flex-wrap: wrap;
  }
  .hero-img figure img {
    width: 47px !important;
  }
  .subscribe .button {
    width: 100%;
    margin: 0;
    margin-top: 10px;
  }
  .video a {
    top: 57%;
    left: 53%;
    transform: translate(-50px, -50px);
  }
  .reached-over.form {
    padding: 30px;
  }
  .quran-classes p {
    color: #000;
    font-size: 14px;
    line-height: 24px;
  }
  .search-for-course button {
    position: relative;
    width: 100%;
  }
}
@media (max-width: 410px) {
  .islamic-education-img img.masjid-shape {
    margin-bottom: -29px;
    margin-left: 8px;
  }
  .reached-over.form form h3,
  .reached-over-text h2 {
    font-size: 30px;
  }
  .blog h6,
  .blog i {
    font-size: 14px;
  }
  .user h5 {
    font-size: 20px;
  }
  .user h6 {
    font-size: 14px;
  }
}
@media (max-width: 375px) {
  h2 {
    font-size: 26px;
  }
  .online-classes img.masjid-shape {
    top: -28%;
    left: 10%;
  }
  h2 {
    font-size: 26px;
  }
  .section-reviews .heading h2 {
    font-size: 30px;
  }
}