@media (max-width:1800px) and (min-width:1600px){
  .header-nav .navbar a,
  .our-mission-info h4, .qutba-text .header-ayat p {font-size: 14px;}
  .features {margin-top: -200px;}
  .marathon-slide .marathon-text-left {top: 12%; left: 10%;}
}

@media (max-width: 1500px) {
  .m-of-h {overflow: hidden;}
  .recommended-courses-holder {margin-top: -3px;}
  .section-padding { padding: 60px 0;}
  .qutba-text p, .header-nav .navbar a, .qutba-text .header-ayat p, .major-course-card-footer a, .book-category-list li a {font-size: 13px;}
  .foa-wrapper .container {max-width: 95% !important;}
  .marathon-slide .marathon-text-left .sub-title {font-size: 17px;}
  .major-course-header h2 {font-size: 15px;}
  .header-nav .navbar .nav-item {padding-right: 9px;}
  .header-nav .navbar .navbar-brand {padding-right: 20px;}
  .marathon-slide .marathon-text-left h2 {font-size: 50px; line-height: 55px;}
  .foa-wrapper .btn-lg {padding: 7px 20px;}
  .marathon-slide .marathon-text-left {left: 6%; top: 17%;}
  .marathon-slide {min-height: 730px;}
  .marathon-slide .slider-location {top: 11%; right: 0%;}
  .marathon-slide .slider-location img, .marathon-slide .slider-tab img {max-width: 85%;}
  .marathon-slide .slider-tab {top: 36%; right: 20%;}
  .marathon-slide .slider-mobile {top: 57%; right: 20%;}
  .major-course-card-body p {font-size: 9px;}
  .Logo img {max-width: 70px;}
  .banner-icon {top: 6%; left: 3%;}
  .banner-icon-2, .quran-move-vector {display: none;}
  .banner-icon-3 {top: 36%; left: 1%;}
  .banner-icon img, .banner-icon-2 img, .banner-icon-3 img, .banner-icon-4 img, .banner-icon-6 img, .banner-icon-7 img, .banner-icon-8 img { max-width: 36px;}
  .banner-icon-4 { top: 12%; right: 7%;}
  .features {margin-left: 70px;}
  .main-banner {height: 800px;}
  .Course-categories-holder .slick-next {right: -9px;}
  .Course-categories-holder .slick-prev {left: -9px;}
  .kids-vector-bg-1 {left: 23px;}
  .kids-vector-bg-1 img, .kids-vector-bg-2 img, .prayer-beads-vector img, .quran-move-vector img {max-width: 28px !important;}
  .kids-vector-bg-2 { top: 20px; right: 60px;}
  .kids-bg-vector img {max-width: 300px;}
  .book-category-list li {margin-bottom: 16px;}
  .top-vector-lamp img, .top-vector-lamp-left img  {max-width: 220px;}
  .desk-row .navbar {margin-left: 0;}
}

@media (max-width: 1200px) {
  .m-of-h {overflow: hidden;}
  .popular-articles::-webkit-scrollbar-track {display: none;}
  .mini-card p, .foa-wrapper .btn-sm {font-size: 12px;}
  .mini-card p span {font-size: 9px;}
  .mini-card a, .header-login, .foa-wrapper .btn {font-size: 13px;}
  .Course-categories-holder li h3 {font-size: 14px;}
  .mini-card {padding: 12px;}
  .foa-wrapper .btn { padding: 7px 13px;}
  .popular-card-footer .text-secondary { font-size: 10px; margin-left: 6px;}
  .popular-header {margin-top: 0 !important;}
  .recommended-courses-holder {margin-top: -30px;}
  .kids-vector-bg-1 {left: 14px;}
  .desk-row .navbar {margin-left: 0;}
  
}

@media (max-width: 1024px) {
  .m-of-h {overflow: hidden;}
  .qutba-text p, .header-nav .navbar a, .qutba-text .header-ayat p, .major-course-card-footer a, .major-course-header h2, .gallery-holder .video-detail h3, .gallery-tabs h2 a, .artical-detail .text-primary, .welcome-pargraph p, .get-in-touch p { font-size: 12px;}
  .qutba-text p svg {display: none;}
  .Logo img {max-width: 50px;}
  .foa-wrapper .navbar-expand-lg .navbar-nav .nav-link { padding-left: 0.5rem;}
  .desk-row .navbar {margin-left: 0;}
  .header-login, .foa-wrapper .btn {font-size: 10px;}
  .marathon-slide .marathon-text-left h2 {font-size: 35px; line-height: 37px; }
  .marathon-slide .marathon-text-left .sub-title {font-size: 14px; margin-bottom: 20px;}
  .marathon-slide .marathon-text-left p, .our-mission-info h4, .about-us-more-detail h3,
  .testimonial-bg-detail .test-detail {font-size: 13px; line-height: 20px;}
  .our-mission-info p, .about-us-more-detail p {font-size: 11px; line-height: 19px;}
  .major-bg-vector img {max-width: 200px;}
  .major-course-holder .mb-70 {margin-bottom: 30px !important;}
  .banner-courses ul li p, .major-course-card-body h4, .kids-holder .card .text-danger, .gallery-heading h3, .artical-detail h3, .mobile-menu-icon svg, .rigth-reserved-mobile p, .mobile-nav-reserved p {font-size: 12px;}
  .major-course-card-body h4 span,  .major-course-card-footer a,.gallery-holder .nav-pills .nav-link, .artical-detail .date-text {font-size: 10px;}
  .foa-wrapper .btn { padding: 6px 9px; }
 .top-vector-lamp img, .top-vector-lamp-left img {max-height: 200px !important;}
  .kids-vector img {max-width: 70px;} 
  .kids-holder .card h3, .copy-right-holder p, .main-heading h3 {font-size: 14px !important;}
  .prayer-beads-vector {right: 13%;}
  .gallery-holder .video-detail h3 span {font-size: 8px;}
  .kids-bg-vector img {max-height: 200px;}
  .gallery-tabs p {font-size: 11px; line-height: 19px;}
  .test-detail  {padding: 0px !important;}
  .artical-detail { padding: 10px 9px; }
  .artical-detail h3 {margin: 5px 0px;}
  .cta-heading h2 {font-size: 24px; line-height: 30px; margin: 0 0 15px 0;}
  .books-category-holder .mb-40 {margin-bottom: 20px !important;}
  .book-category-list li {margin-bottom: 10px;}
  .get-in-touch p {line-height: 19px;}
}

@media (max-width: 991px) {
  .m-of-h {overflow: hidden;}
}

@media (max-width: 850px) {
  .galler-image-slider h3, h3 {font-size: 15px !important;}
  .foa-wrapper .container, .foa-wrapper .container-fluid {max-width: 90%;}
  .foa-wrapper .btn {padding: 7px 15px;}
  .section-padding {padding: 40px 0px;}
  .main-heading h2 {font-size: 18px; margin-bottom: 8px; line-height: 23px;}
  .main-heading p, .welcome-pargraph p {line-height: 20px;}
  .m-of-h {overflow: hidden;}
  .qutba-text .header-ayat p, .major-course-card-footer a, .mini-card p, .welcome-pargraph p { font-size: 12px; font-weight: 500;}
  .about-us .mb-70, .mobile-major-course .mb-70, .footer-holder {margin-bottom: 30px !important;}
  .about-us .mb-40, .books-category-holder .mb-40, .about-us-more-detail p {margin-bottom: 20px;}
  .popular-courses-section {padding-bottom: 40px !important;}
  .mobile-major-course .mt-50, .get-in-touch {margin-top: 20px !important;}
  .mobile-testimonial-slider-holder {height: 300px; display: flex; align-items: flex-end;}
  .mini-card img {border-radius: 0px;}
  .mini-card {padding: 0 !important;}
  .mini-card-header {padding: 10px;}
  .mini-card-header p, .mini-card h3, .Course-categories-holder li h3 {margin: 0;}
  .mobile-banner-slider-text h2 { font-size: 30px;}
  .mobile-banner-slider-text p, .mobile-major-course .main-heading p, .major-course-header h2, .major-course-card-body h4, .Course-categories-holder li h3,.kids-holder .main-heading p, .kids-holder .main-heading a, .footer-links ul, .footer-holder .get-in-touch ul li p, .footer-holder .get-in-touch ul li svg { font-size: 13px;}
  #mobile-banner-slider .slick-list {height: 275px !important;}
  .mobile-nav a:hover {color: #fff;}
  .qutba-text p, .foa-wrapper .btn {font-size: 12px; text-align: center;}
  .sidenav a, .mobile-nav-footer p {font-size: 13px; margin-bottom: 8px;}
  .mobile-nav-footer {height: 220px; align-items: flex-end; justify-content: space-around; margin-right: 16px;} 
  .header-nav .navbar, .s-marathon-slider, .qutba-text .text-left, .qutba-text .text-right, .header-btn, .donation-btn, #scroll, .desk-logo, .desk-row, .popular-header, .popular-articles::-webkit-scrollbar-track, .mini-card p span, .major-bg-vector, .major-course-card-body h4 span, .major-course-duration, .kids-bg-vector, .kids-vector-bg-1, .kids-vector-bg-2, .prayer-beads-vector, .quran-move-vector, .mobile-nav .dropdown-divider {display: none !important;}
  .mobile-col, .mobile-donate-btn, .mobile-logo, .mobile-block{display: block !important;}
  .mobile-row {display: flex !important;}
  .mobile-nav {display: flex; align-items: center; justify-content: flex-end;}
  .mobile-nav-bar .navbar-collapse .navbar-nav .nav-item .dropdown-menu {background: transparent; text-align: center; border: 0;}
  .sidenav .navbar, .copy-right-detail, .copy-right-holder .text-right {text-align: center !important;}
  .main-banner {height: 430px; background-image: none; background-color: #0f5dab;}
  .banner-header {padding: 15px 0px;}
  .sidenav a {padding: 10px 0px;}
  .popular-card-footer {flex-direction: column-reverse; padding: 10px 10px 10px 10px;}
  .popular-card-footer .text-secondary {margin-bottom: 10px; text-align: center; margin-left: 0 !important;}
  .about-us {background-image: none !important;}
  .our-mission-info h4, .our-mission-info p{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
  .our-mission-info {margin-top: 20px;}
  .our-mission-info h4 {font-size: 16px; line-height: 22px; margin-bottom: 12px;} 
	.about-us-more-detail h3 {font-size: 16px;}
  .major-course-header {padding: 10px;}
  .mini-card a, .Course-categories-holder li p, .testimonial-bg-detail .test-detail, .copy-right-holder p {font-size: 11px;}
  .mobile-major-course  .slick-list .slick-track, #gallery-slider .slick-list .slick-track, #events-artical-slider .slick-list .slick-track { margin:0px 0px 20px 0px !important; }
  .major-course-card-body p { font-size: 9px;}
  .top-vector-lamp img, .top-vector-lamp-left img  {max-height: 80px;}
  .Course-categories-holder .slick-prev {left: -7px;}
  .Course-categories-holder .slick-next {right: -8px;}
  .Course-categories-holder li img {margin-bottom: 10px; max-width: 40px;}
  .category-holder .mb-70 {margin-bottom: 0px;}
  .Course-categories-holder .slick-next,
  .Course-categories-holder .slick-prev {top: 70px;}
  .category-holder, .islamic-book-card-banner {padding-bottom: 0 !important;}
  .recommended-courses-holder { margin-top: 0px;}
   #recomended-slider .slick-track {height: 240px !important;}
   .major-course-card-body {padding: 10px 15px 10px 7px;}
   .Buy-Islamic-Books-holder {padding: 20px 0px !important;}
   .kids-holder .main-heading { padding: 13px 0px 0px 10px;}
   .kids-vector img {max-width: 90px;}
   .math-holder {margin-top: 20px;}
   .testimonial-bg {padding: 0 0 20px 0 !important;}
   .testimonial-icon {width: 80px;}
   .testimonial-icon .span-bg {height: 45px; width: 45px;}
   .grey-bg-span {right: -6px;}
   .test-detail {padding-top: 20px; padding-bottom: 10px !important;}
   .Logo img {max-width: 70px;}
   .gallery-cover-img { background-repeat: no-repeat;  background-size: cover; }
   .video-detail {text-align: left;}
   #gallery-slider .slick-list .slick-slide, .video-gallery-holder .slick-list .slick-slide,  #artical-slider .slick-list .slick-slide, .testimonial-bg-detail p, .artical-holder .pl-20, .get-in-touch ul li:last-child, #events-artical-slider .slick-list .slick-slide {margin: 0 !important;}
   #major-slider .slick-list .slick-slide, #recomended-slider .slick-list .slick-slide {margin: 0px 6px !important;}
   .gallery-tabs .video-detail { padding: 11px 23px 0px 20px;}
   .testimonial-bg-detail .mb-0 {padding-bottom: 10px;}
   .testimonial-bg, .books-category-holder .mb-100 {margin-bottom: 30px;}
   .cta-heading h2 {font-size: 16px !important; margin-bottom: 15px;}
   .Buy-Islamic-Books-holder .mb-70 {margin-bottom: 23px;} 
   .kids-holder {padding-top: 0;}
   .footer-logo, .welcome-pargraph {margin-bottom: 17px;}
   .footer-links ul li {margin: 0px 15px 15px 0px;}
   .footer-holder .get-in-touch ul li svg {margin-top: 5px;}
  .get-in-touch .mb-30, .footer-holder .get-in-touch ul li {margin-bottom: 10px;} 
  .map-img { padding-top: 20px;}
  .book-category-list li {margin-bottom: 14px;}
  .welcome-pargraph p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
}

@media screen and (max-width: 768px) {
	.m-of-h {overflow: hidden;}
  .mobile-row {display: flex !important;}
  .desk-row, .qutba-text .text-left, .qutba-text .text-right, .donation-btn, .top-vector-lamp img, .top-vector-lamp-left img, .kids-vector-bg-1, .prayer-beads-vector, .quran-move-vector, .kids-bg-vector, .map-img, .mobile-banner-slider-main {display: none !important;}
  .mobile-logo, .mobile-block {display: block !important;}
  .Logo img {max-width: 70px;}
  .mobile-nav { display: flex; align-items: center; justify-content: flex-end;}
  .marathon-slide .slider-location {right: -230px !important;}
  .marathon-slide .slider-tab { top: 28%; right: 6% !important; }
  .slider-mobile {top: 43% !important; right: 11% !important;}
  .marathon-slide .slider-location img, .marathon-slide .slider-tab img,
  .slider-mobile img { max-width: 60%; }
  .marathon-slide .marathon-text-left h2 {font-size: 24px; line-height: 30px;}
  .marathon-slide .marathon-text-left p {font-size: 12px; line-height: 17px; margin-bottom: 20px;}
  .mobile-menu-icon { padding: 4px 12px 8px;}
  .features { margin-left: 40px; margin-top: -260px;}
  .banner-icon-6 {bottom: 35%;}
  .main-banner {height: 600px;}
  .our-mission-info {margin-top: 30px;}
  .section-padding {padding: 30px 0px;}
  .main-heading h2 {font-size: 18px; line-height: 20px;}
  .major-course-card, .testimonial-bg, .mb-70 {margin-bottom: 30px;}
  .Buy-Islamic-Books-holder {padding: 40px 0px !important;} 
  .kids-vector img {max-width: 120px;}
  .kids-video-heading {padding: 30px 20px 0px;}
  .kids-video-heading .main-heading h2 { font-size: 17px; margin-bottom:10px;}
  .kids-video-heading .main-heading p {font-size: 14px; line-height: 20px; margin-bottom: 10px;}
  .kids-video-heading .main-heading a {font-size: 13px; margin-top: 10px;}
  .math-holder {margin-top: 20px;}
  .commom-hover-effect .gallery-cover-img {background-repeat: no-repeat;}
  .video-detail {text-align: left;}
 .gallery-heading h3, .galler-image-slider h3 {padding-left: 20px;} 
 .galler-image-slider h3, .artical-holder h3, .testimonial-heading h3, .get-in-touch h3 {font-size: 13px;}
 .artical-detail {margin-bottom: 20px;}
 .footer-links ul li {margin-bottom: 30px; margin-right: 20px;}
 .footer-holder .get-in-touch ul li {margin-bottom: 15px;}
 .footer-holder {padding-bottom: 10px !important;}
.banner-icon-7, .banner-icon-8, .banner-icon-6, .banner-icon-5, .banner-icon-4, .banner-icon-3, .banner-icon-2, .banner-icon { display: none; }

}

@media screen and (max-width: 767px) and (min-width: 320px){
  .foa-wrapper .container, .foa-wrapper .container-fluid {max-width: 90%;}
  .foa-wrapper .btn {padding: 7px 15px;}
  .section-padding {padding: 40px 0px;}
  .main-heading h2 {font-size: 18px; margin-bottom: 8px; line-height: 23px;}
  .main-heading p, .welcome-pargraph p {line-height: 20px;}
  .m-of-h {overflow: hidden;}
  .qutba-text .header-ayat p, .major-course-card-footer a, .mini-card p, .welcome-pargraph p { font-size: 12px; font-weight: 500;}
  .galler-image-slider h3, h3,
  .rate:not(:checked) > label {font-size: 15px !important;}
  .about-us .mb-70 , .mobile-major-course .mb-70 {margin-bottom: 30px !important;}
  .mobile-major-course .mt-50, .get-in-touch {margin-top: 20px !important;}
  .about-us .mb-40, .books-category-holder .mb-40 {margin-bottom: 20px;}
  .mobile-testimonial-slider-holder { height: 300px; display: flex; align-items: flex-end;}
  .mini-card img {border-radius: 0px;}
  .mini-card {padding: 0 !important;}
  .mini-card-header {padding: 10px;}
  .mini-card-header p, .mini-card h3, .Course-categories-holder li h3 {margin: 0;}
  .mobile-banner-slider-text h2 { font-size: 30px;}
  .mobile-banner-slider-text p, .mobile-major-course .main-heading p, .major-course-header h2, .major-course-card-body h4, .Course-categories-holder li h3, .kids-holder .main-heading p, .kids-holder .main-heading a, .footer-links ul, .footer-holder .get-in-touch ul li p, .book-category-list li a, .footer-holder .get-in-touch ul li svg { font-size: 13px;}
  #mobile-banner-slider .slick-list {height: 275px !important;}
  .mobile-nav a:hover {color: #fff;}
  .qutba-text p, .foa-wrapper .btn {font-size: 12px; text-align: center;}
  .sidenav a, .mobile-nav-footer p {font-size: 13px; margin-bottom: 8px;}
  .mobile-nav-footer {height: 220px; align-items: flex-end; justify-content: space-around; margin-right: 16px;} 
  .header-nav .navbar, .s-marathon-slider, .qutba-text .text-left, .qutba-text .text-right, .header-btn, .donation-btn, #scroll, .desk-logo, .desk-row, .popular-header,.popular-articles::-webkit-scrollbar-track, .mini-card p span, .major-bg-vector, .major-course-card-body h4 span, .major-course-duration, .kids-bg-vector, .kids-vector-bg-1, .kids-vector-bg-2, .prayer-beads-vector .quran-move-vector, .mobile-nav .dropdown-divider, #particle-container .particle {display: none !important;}
  .mobile-col, .mobile-donate-btn, .mobile-logo, .mobile-block{display: block !important;}
  .mobile-row {display: flex !important;}
  .mobile-nav {display: flex; align-items: center; justify-content: flex-end;}
  .mobile-nav-bar .navbar-collapse .navbar-nav .nav-item .dropdown-menu {background: transparent; text-align: center; border: 0;}
  .sidenav .navbar, .copy-right-detail, .copy-right-holder .text-right {text-align: center !important;}
  .main-banner {height: 430px; background-image: none; background-color: #0f5dab;}
  .banner-header {padding: 15px 0px;}
  .sidenav a {padding: 10px 0px;}
  .popular-courses-section {padding-bottom: 40px !important;}
  .popular-card-footer {flex-direction: column-reverse; padding: 10px 10px 10px 10px;}
  .popular-card-footer .text-secondary {margin-bottom: 10px; text-align: center; margin-left: 0 !important;}
  .about-us {background-image: none !important;}
  .our-mission-info h4, .our-mission-info p{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
  .our-mission-info {margin-top: 20px;}
  .our-mission-info h4 {font-size: 16px; line-height: 22px; margin-bottom: 12px;} 
  .about-us-more-detail p {margin-bottom: 20px;}
	.about-us-more-detail h3 {font-size: 16px;}
  .major-course-header {padding: 10px;}
  .mini-card a, .Course-categories-holder li p, .testimonial-bg-detail .test-detail, .copy-right-holder p {font-size: 11px;}
  .mobile-major-course  .slick-list .slick-track, #gallery-slider .slick-list .slick-track, #events-artical-slider .slick-list .slick-track { margin:0px 0px 20px 0px !important; }
  .major-course-card-body p { font-size: 9px;}
  .top-vector-lamp img, .top-vector-lamp-left img  {max-height: 80px;}
  .Course-categories-holder .slick-prev {left: -7px;}
  .Course-categories-holder .slick-next {right: -3px;}
  .Course-categories-holder li img {margin-bottom: 10px; max-width: 40px;}
  .category-holder .mb-70 {margin-bottom: 0px;}
  .Course-categories-holder .slick-next, .Course-categories-holder .slick-prev {top: 66px;}
  .category-holder {padding-bottom: 0 !important;}
  .recommended-courses-holder { margin-top: 0px;}
   #recomended-slider .slick-track {height: 240px !important;}
   .major-course-card-body {padding: 10px 15px 10px 7px;}
   .Buy-Islamic-Books-holder {padding: 20px 0px !important;}
   .islamic-book-card-banner {padding-bottom: 0px !important;}
   .kids-holder .main-heading { padding: 13px 0px 0px 10px;}
   .kids-vector img {max-width: 90px;}
   .math-holder {margin-top: 20px;}
   .testimonial-bg {padding: 0 0 20px 0 !important;}
   .testimonial-icon {width: 80px;}
   .testimonial-icon .span-bg {height: 45px; width: 45px;}
   .grey-bg-span {right: -6px;}
   .test-detail {padding-top: 20px; padding-bottom: 10px !important;}
   .Logo img {max-width: 70px;}
   .gallery-cover-img { background-repeat: no-repeat;  background-size: cover; }
   .video-detail {text-align: left;}
   #gallery-slider .slick-list .slick-slide, .video-gallery-holder .slick-list .slick-slide, #artical-slider .slick-list .slick-slide, .testimonial-bg-detail p, .artical-holder .pl-20, .get-in-touch ul li:last-child, #events-artical-slider .slick-list .slick-slide {margin: 0 !important;}
   #major-slider .slick-list .slick-slide, #recomended-slider .slick-list .slick-slide {margin: 0px 6px !important;}
   .gallery-tabs .video-detail { padding: 11px 23px 0px 20px;}
   .testimonial-bg-detail .mb-0 {padding-bottom: 10px;}
   .testimonial-bg, .books-category-holder .mb-100 {margin-bottom: 30px;}
   .cta-heading h2 {font-size: 16px !important; margin-bottom: 15px;}
   .Buy-Islamic-Books-holder .mb-70 {margin-bottom: 23px;} 
   .kids-holder {padding-top: 0;}
   .footer-logo, .welcome-pargraph {margin-bottom: 17px;}
   .footer-links ul li {margin: 0px 15px 15px 0px;}
   .footer-holder .get-in-touch ul li svg {margin-top: 5px;}
  .get-in-touch .mb-30, .footer-holder .get-in-touch ul li {margin-bottom: 10px;} 
  .map-img, .testimonial-bg-detail { padding-top: 20px;} 
  .footer-holder {padding-bottom: 30px ;}
  .book-category-list li {margin-bottom: 8px;}
  .welcome-pargraph p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
  .gallery-heading h3, .galler-image-slider h3 {padding-left: 0 ;}
  .footer-links ul li a svg {font-size: 13px;}
  .footer-links ul li a {height: 30px; width: 30px; margin: 0 2px;}
.bubbles {display: none;}
.books-category-holder .mb-40,
.book-category-list li:last-child {margin-bottom: 10px !important;}
#Course-categories .slick-list .slick-slide {margin: 0px 10px !important;}
.mini-card .card-stars .rate {margin-left: 3px !important;}
}