@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;
  }

  .price-table-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .price-table-column {
    width: 100%;
    max-width: 100%;
  }

  .service-item {
    flex: 1 1 100%;
    /* 1 item per row on mobile */
    max-width: 100%;
  }
}

@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;
  }
}

@media (max-width: 1024px) {
  .service-item {
    flex: 1 1 calc(50% - 20px);
    /* 2 items per row on tablets */
    max-width: calc(50% - 20px);
  }
}