@media screen and (max-width: 768px) {
	.flexDouble{padding:5px 0 !important}
	.footer-logo img{width:100px !important}
	.contact-info svg{
		width:36px !important;
	}
	.footer_col{
		text-align:center;
	}
	#registration_form{
		font-size:17px !important;
		width:95% !important;
	}
	.show_on_mobile .nav-link{
		color:#fff !important
	}
	.circle-text img{display:none}
	.gap{padding:20px 0 !important}
	.community-text a{padding-top:0}
	figure img{width:100%}
	.blog h4{
		width: 90px !important;
    	height: 90px !important;
    	z-index: 1;
    	padding-top: 7px !important;
	}
	#latestPosts{padding:20px 0 !important}
	.service-area .service-left .service-list{
		margin:1px 0 10px !important
	}
	.widget-title p{width:100% !important}
	.wpo-lower-footer .border{height:15px !important}
	.footer_bottoms p{text-align:center;font-size: 12px !important;}
	.widget-title{margin-top:20px}
	.widget-title p{width:100%;text-align:center}
	.section-header p{
		padding: 0 10px !important
	}
	.pd-t70{padding:30px 0 !important}
	.service-area .service-right .service-list{margin:0 0 10px !important}
	.wpo-lower-footer{display:block !important}
	.wpo-lower-footer div a{font-size:11px !important}
	.widget-title h3{text-align:center}
	.connect-with h4 {
        padding-bottom: 0px !important;
    }
	.connect-with h4{text-align:center}
	.social-media{padding-left:10px}
	.connect-with{
		text-align:center;
		margin-top:20px !important
	}
	.connect-with h4{padding-bottom:0}
	ul.social-media {
    display: flex;
    align-items: flex-end !important;
    align-content: flex-end !important;
    justify-content: center !important;
}
	.socialSec{
		padding:10px !important;
	}
	.video-one__video-title{font-size:15px !important}
	.prayer-section{padding:10px 0 !important}
	.widget-title h3{padding-bottom:10px !important}
	.connect-with h4{padding-bottom:0}
	.footer-logo{text-align:center}
	.title_body h3 b{font-size:18px !important}
	.footer, .faqs-section, .blog-section, .donation-section, .postSection{
		padding:10px 0 !important;
	}
	.title_body{
		margin-bottom:20px !important
	}
	.bg-rakat p{font-size:1rem !important}
	.bg-rakat h5{font-size:1.2rem !important}
	.insideIcon{width:35% !important}
	#st_half_div1, #hijri_date, .st_half_div1{
		font-size:14px !important;
	}
	.welcome-two_middle-lower{
		margin-top:10px !important;
	}
.jummahTimes button:nth-child(2) {
    font-size: 13px !important;
}


	
	.navbar-brand{
		padding:2px 0 !important;
	}
	.showDataTime{
		text-align:center;
	}
	.mobilePrayerTime{
		margin-top:0 !important;
	}
	.fullTimeSalat{
		position:relative !important;
		text-align:center !important;
		top:0 !important;
		right:auto !important;
	}
	.counterId img{
		max-width:80% !important
	}
	.bigTitle{
		font-size:22px !important;
		color:#F1582A !important
	}
	.smallTitle{
		font-size:18px !important;
	}
	.CardTitle img{
		margin-top:-10px;
	}
	.hideOnMobile{
		display:none
	}
	.mbtn{
		font-size:1rem !important;
	}
	.mcenter{
		text-align:center
	}
	.flip-front{text-align:center;background:#f7f7f7}
	.flip-front p{font-size:16px !important}

	.progress-bar{font-size:15px !important}
	.h3 b{font-size:18px !important}
	.title-1 .h3{
		font-size:15px !important;
	}
	.mobileBtn{
		font-size:13px !important;
		padding:5px 15px !important;
	}
	.fullTimeTable{
		font-size:13px !important;
	}
	.showDot{
		display:none
	}
	.service{
		padding:15px 0
	}
	.khacademy{
		padding:6px !important;
	}
	nav.nav-link, nav.nav-pills{
		width:100% !important
	}
	.salatCard, .sataTime{
		font-size:20px
	}
	.salatCard{
		height:85px;
		width:85px;
	}
	.salatCard{
		padding-top:10px !important
	}
	.CardTitle{
		margin-top:-5px;
	}
	.CardTitle img{
		width:23px !important;
	}
	.CardTitle h4, .salatTime p{
		font-size:13px !important
	}
	.salatTime{
		margin-top:-8px !important;
	}
	.swal2-title{
		font-size:16px !important;
		font-weight:400 !important;
	}
	.fridayFont{
		font-size:1.5rem !important;
	}
	.fridayCont{
		padding:10px 15px !important;
		text-align:center;
		margin-bottom:30px
	}
	.fridayBtn{
		padding:15px 15px !important
	}
	.quote_img img{
		width:100% !important;
		float:none !important;
	}
	.quote_img p{}
	.boxds{
		left:0px !important;
		top:0 !important;
	}
	.mobile_100{width:100% !important}
	.boxds{width:50px !important;height:50px !important;}
	.boxds span{font-size:25px !important}
	.stepBox img:not(.icon img){display:none !important}
	.stepBox .shadow{border-radius:25px 10px 10px 10px !important}
	.mobile-center{
		text-align:center !important;
		padding-top:0 !important;
		margin-bottom: 0px !important;
		font-size:15px !important;
	}
	.justGiving{
		width:60% !important;
	}
	.showDot{
		display:block !important
	}
	.show_on_mobile2{
		display:inline-block !important;
	}
	.shareDownloadBtn {
	  padding: 5px 15px 8px 15px !important;
	  font-size: 25px;
	  text-decoration: none;
	  color: #fff;
	  background: #bb7413;
	  border-radius: 35px;
	  cursor: pointer;
	  width: 100% !important;
	  line-height: 20px !important;
	}
	.fundraiseTitle b{
		font-size:25px !important;
	}
	.modalSocial .fa {
	  padding: 8px !important;
	  font-size: 17px !important;
	  width: 32px !important;
}
	.modalSocial .twitter {
  		padding: 7px 10px !important;
	}
	.shareDownloadBtn2 a {
	  padding: 1px 30px !important;
	}
	.shareTwi{
		width:17px !important;
	}
	.myContentT h3 b {
	  font-size: 18px !important;
	  font-weight: 600 !important;
	  line-height: 24px !important;
	  color: #000000;
	}
	.numberDetails ol li{
		color:#fff;
		font-size:20px !important;
		text-align:center;
	}
.shareDownloadBtn a {
  padding-bottom:0px !important;
  font-size: 17px !important;
  text-decoration: none;
  color: #fff;
}
	.numberDetails ol{
		margin-left:0 !important;
		padding-left: 0 !important;
	}
	#slider{
		margin-bottom:0 !important;
	}
	.sameHeight i {
	  margin-top: 0px;
	  font-size: 4rem !important;
	}
	.homeSec{
		margin-top:30px;
	}
	.boxNotice{
		padding:15px 5% !important;
	}
	.boxNotice h2{
		font-size:23px !important;
	}
	.aboutSectText h3 {
	  font-size: 22px !important;
	}
	.title h4 {
    font-size: 20px !important;
}
	.aboutSectText h3 b {
	  font-size: 25px !important;
	}
	.titlebox h4 b {
	  font-size: 27px !important;
	}
	.boxNotice h2 {
	  font-size: 20px !important;
	}
	.titlebox h3 {
	  font-size: 25px !important;
	  color: #fff;
	}
	#timer span {
	  font-size:20px !important;
	  color: #fff;
	  margin: 0 3px 0 5px;
	  margin-left: 5px;
	}
	.section11{
		padding:10px 10px !important;
	}
	.myContentT{
		padding-bottom:8px !important;
	}
	.section12{
		height:auto !important;
	}
	.timetable tr td{
		font-size: 12px !important;
	}
	.timetable tr th{
		font-size: 12px !important;
	}
	.font_size_mb button{
		font-size:12px !important;
	}
	.newsTitle h1 b{
		font-size:18px !important;
	}
	.aboutSectText {
		margin-top:0 !important;
	}
	
	
	.newsTitle h1{
		line-height:15px !important;
	}
	.listitem{
		margin-top:0px;
	}
	.box25{
		padding:0 0!important;
	}
	.readMore{
		margin-top: 22px;
	  display: block;
	  text-align: center;
	}
	.contentCount{
	  border-radius: 15px;
	  padding: 10px;
	}
	.movingimg {
		margin-bottom:30px;
	}
	.prePlanning .container{
		padding: 0 15px !important;
	}
	.aboutSectText {
		margin-bottom: 0px !important;
		
		padding: 15px;
		border-radius:15px
	  }
	.btnHigh{
		margin-top:0px !important;
		text-align:center;
	}
	.gal_box_page{
		margin-bottom:10px !important;
	}
	.news_home{
		text-align:center;
	}
	.supportEs{
		padding:30px 0 !important;
	}
	.featureSection{
		padding:30px 0 !important;
	}
	.titlebox  h4{
		font-size:15px !important;
	}
	.services_sec{
		margin-top:0px !important;
	}

	.jamahTable th, .jamahTable td{
		font-size:11px !important;
	 }
	.jamahTable td{padding:0 !important}
	.logoBig{
		display: none !important;
	}
	.mobileFontSize{
		font-size: 16px !important;
	}
	.dateCenter{
		justify-content:center !important;
	}
	.mobileFontSize .st_half_div1{
		padding-top:3px;
		font-size: 12px !important;
	}
	.sectionPost{
		height:auto !important;
	}
	.sideBar{
		padding-left:0px!important;
	}
	.show_on_mobile{
		cursor:pointer;
	}
	.navbar-light .navbar-nav .nav-link {
	  line-height: 8px !important;
	}
	.loginbtn{
		margin-top:8px;
	}
	.pad100{
		padding:30px 0!important;
	}
	.listitem p{
		line-height:25px !important;
	}
	.footer_text_dev h6{
		font-size:11px !important;
		font-weight:normal !important
	}

	.aboutImg{
		width: 100% !important;
	}
	.postHighlight{
		height: auto !important;
	}
	.blockImg{
		display: block !important;
	}
	.lineheight40{
		line-height: none !important;
	}
	.serviceCont h3 b{text-align: center !important;}
	
	.highlightSection,.prePlanning, .reviewSection{
		padding: 0px 0 !important;
	}
	.shadowHover{
		margin-bottom: 15px ;
	}
	
	.postImg{
		height: 175px !important;
		overflow:hidden;
	}

	.serviceCont h3{
		text-align:center !important;
	}
	.serviceCont p, .postImg p{
		line-height:24px !important;
	}
	.postImg h3{
		margin-top:20px;
		text-align:center !important;
	}
	.owl-carousel .item {
	  padding: 5px 3% !important;
	}

	.quatationmark {
	  font-size: 50px !important;
	  margin-bottom: -23px !important;
	}
	.currentNews{
		display:block !important;
	}
	.timetablehide{
		padding:0 5px 5px 5px !important;
	}
	.mensulist{text-align: center;}
	.socialiconsimg{
		text-align: center;
	}
	.postHighlight{
		text-align: center;
	}
	.aboutSectText{
		margin-top: 0px;
	}
	.listitem p{
		line-height: none !important;
		text-align: justify;
		text-justify: distribute;
		/*word-break: break-all;*/
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
		text-justify: inter-word;
	}


	.owl-theme .owl-nav {
    	margin-top: -92px !important;
	}
	.owl-prev{
		float:left;
	}
	.owl-next{
		float:right !important;
	}
	.owl-stage-outer{
		z-index:-1;
	}
	.dropdown-toggle::after {
	  display: inline-block;
	  margin-left: 0.255em;
	  vertical-align: 0.255em;
	  content: "";
	  font-size:25px;
	  border-top: 0 solid transparent;
	  border-right: 0 solid transparent ;
	  border-bottom: 0;
	  border-left: 0 solid transparent;
	}


	.qlfiedEng{
		font-size:30px !important;
	}
	.qlfiedEng{
		padding-top:20px !important;
	}
	.emailPhonenav{
		background-color:#f3f2f2 ;
		color:#fff;
		text-align:center;
		margin-top:8px
	}

	.show_on_mobile{
		display: block !important;
	}
	#hero_section{
		padding-top: 0px !important;
	}
	.footerMobTab{
		padding-left:0 !important;
		padding-top:20px;
	}
	.serviceHome{
		height:190px;
	}
	.homevideo{
		padding-bottom:30px;
	}
	.btns {
		text-align: center;
	}
	.about_mesec{
		padding:15px 0 !important;
	}
	.faqTitle_box{
		padding-top:20px !important;
	}
	.aboutText h2{
		font-size: 20px;
		text-align: center;
	}
	.text_title_para{
		padding-top:20px !important;
	}
.btnbottom{
	padding-bottom: 40px;
}
.mobilesection{
	padding: 0px 15px;
}
.btnmobile{
	text-align: center !important;
}
.peachsect h2{
	font-size: 30px !important;
}
.peachsect h4{
	font-size: 15px !important;
}
.boxestrust h3{
	text-align: center !important;
	font-size: 16px !important;
}
.followBtn{
	padding: 10px 0 !important;
}
.contact_message{
	padding: 16px 0 !important;
}
.peachsect{
	text-align: center !important;
	padding-top: 20px;
}
.boxestrust{
	text-align: center !important;
	padding-bottom: 20px;
}
.boxestrust img{
	text-align: center;
}
.sub_title{
	font-size: 15px !important;
	font-weight: bold !important;
	color: #fff !important;
}
	.service h4{
		font-size: 15px !important;
	}
	.service .card-img{
		height: auto !important;
	}
	.text_padding_phone{
		padding: 1px 2% !important;
		text-align: center;
		font-size: 15px !important;
	}
	.contact_btn_web{
		color: #fff;
	font-size: 20px !important;
	padding: 9px 26px !important;
	}
	.steps_card{
		margin-top:10px;
	}	
	.text_title_para{
		padding: 10px !important;
	}
	.gallery_content >*{
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	.servimg{
		height: 190px !important;
	}
	.title_padding{
		padding:10px 15px !important;
	}
	.title{
		text-align:center
	}
	.carousel-control-next{
		display:block;
	}
	.everySection{
		padding:0px 0 !important;
	}
	.carousel-control-prev{
		display:block;
	}
	.hide_on_mobile{
		display:none !important;
	}
	.footer_bottoms{
		padding-top:6px !important;
	}
	.accordion-body{
		text-align: justify;
		text-justify: distribute;
		/*word-break: break-all;*/
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
		text-justify: inter-word;
		
	}
	.aboutText h2>a{
		text-decoration: none !important;
	}
	.menuss{
		margin-left: 17px;
	}
	.para_text{
		padding: 10px 5% !important;
	}
.socialIcons{
	padding: 12px !important;
	font-size: 32px !important;
	width: 54px !important;
	height: 55px !important;
	}
	.footer_img img{
		width: 35% !important;
	}
	.footer_bottoms{
		padding-bottom:0px !important;
	}
	.footer_text{
		display:block !important;
	}

	.about_show_m{
		display:block !important;
	}
	.about_hide_m{
		display:none;
	}
	.hide_title_for_m{
		display:none;
	}
	.everyNews{
		padding:0px 25px !important;
	}
	.news_list{
		height:300px !important;
	}
	.dropdown-item {
		padding:0 !important;
	}
	.dropdown-menu{
		padding: 0.5rem 8px !important;
		text-align:center;
	}

	.upcoming_news{
		height:250px !important;
	}
	.first_section_hero {
		padding: 10px 0px !important;
	}
	.gettingMembership{
		padding: 40px 0 !important;
		margin-bottom: 10px;
		margin-top: 15px !important;
	}
	.title{
		padding-top:7px;
	}
	.side_breadc{
		padding-top:0 !important;
	}

	.firstRadiusDiv{
		font-size: 14px !important;
		margin-top:30px;
	}
	.mensulist .title h3{
		text-align:center;
	}
	.menuss{
		padding-left:0 !important;
	}
	.sponsors a img{
		width: 150px;
	}
	.textb p{
		font-size:18px;
	}
	.textb{
		padding:10px 10px !important;
	}
	#button-3{
		width: 270px !important;
		height: 37px !important;
		font-size:15px !important
	}
	#circle a{
		padding:10px 10px !important;
	}
	.logoimg img{
		width:30% !important;
	}
	.cardTitleBtnBelow {
	  margin-bottom: 0px;
	  margin-top: 10px;
	}
	.carousel-caption {
		height:100px;
		left: 1% !important;
		right: 1% !important;
		padding: 5px !important;
		text-align:center !important;
		bottom:45px;
		position:static !important
	}

	.carousel-caption p{
		font-size: 14px;
		margin-top:0px;
	}
	.carousel-caption h3{
		font-size:16px !important;
		text-align:center;
	}
	#topBar{
		display: none;
	}
	.dropdown-menu
	.logoBig img{
		height: 50px !important;
	}
	#navbarSupportedContent{
		text-align:center
	}
	.navbar-brand img{
		display: block !important;
		height: 50px !important;
	}

	button:focus:not(:focus-visible) {
		outline: 0;
	}
	.navbar-light .navbar-toggler {
		color: #F6A21E !important;
		border: none !important;
	}
	.navbar-light .navbar-toggler {
		color: rgba(0, 0, 0, 0.55);
		border-color: rgba(0, 0, 0, 0.1);
	}
	.navbar-toggler:focus {
		text-decoration: none;
		outline: 0;
		box-shadow: 0 0 0 0rem;
	}
	.navbar-toggler:hover {
		text-decoration: none;
	}
	.navbar{
		padding: 0 !important;
	}
	
	.form-check-input[type="radio"] {
		border-radius: 50%;
		margin-top: 2px !important;
	}
	.about_title h3 {
		font-size: 25px !important;
	}

	.form-check-inline {
		margin-right: 0px !important;
	}


	.videoRow{
		margin-top:0 !important;
	}
	.sectionPad{
		padding-top:0 !important;
		text-align:justify;
		padding-bottom:0 !important;
	}
	.PlanRow{
		margin-top:0 !important;
		padding-top:0 !important;
	}
	.desc{
		text-align:center;
	}
	.indiv_padding{
		padding-top: 5px !important;
	}
.carousel-caption h3 {
  line-height: 20px;
 
}
.hideHr{
	display:none;
}
.boxDesign {
	padding:10px 5% !important;
}

.title h3 b{
	font-size:18px !important;
	letter-spacing:3px !important;
	line-height:30px !important;
}
	.flexcontent_left{
		display:none
	}
	.flexcontent {
		display:none
	}
	#b_title_for_single_blog{
		float:none !important;
	}
	.side_breadc{
		float:none !important;
	}
	.listitem ul{
		padding-left:12px !important;
	}


	.login_btn_ul{
		width: 100%;
		margin-left: -85px;
		margin-top: 40px;
	}
	#navbarSupportedContent{
		margin-left: -5%;
		height: 100vh;
		width: 110%;
		z-index:999999;
	}
	#track_email_modal{
		padding:0 45px;
	}
	#registered_btn_sky{
		padding:0 45px;
	}
	#cookie_modal{
		padding:0 15px;
	}
	.arrowbtn{
		float:right !important;
	}
	.academic_page{
		padding:0px 30px !important;
	}
	.address_link_span{
		padding: 10px 10px;
		background-color: transparent !important;
		color: #000 !important;
	}

	#next_prev_btn{
		width:100% !important;
		margin-bottom:50px !important;
	}
	.title h2{
		font-size: 1.5rem !important;
	}
	.hero_section_pad{
		padding: 0 0 !important;
	}
	.social_icon_sec {
		padding: 0px 10px !important;
	}

	.form2{
		margin: 20px 0 !important;
	}
	.btns_4{
		margin-top: 8px;
		width: 100% !important;
	}
	.social_icon_sec {
		padding: 0px 10px !important;
	}
	.social_title h1{
		margin-bottom:  0 !important;
	}
	.feature_sec_text h2{
		font-size: 24px !important;
	}
	.feature_sec_text{
		padding: 10px 0 !important;
	}
	.feature_sec_text h4{
		font-size: 14px !important;
	}
	.feature_card_row{
		argin-top: 7px !important;
		padding: 0px 0px !important;
	}
	.feature_card{
		margin-bottom: 10px;
	}
	.info_head h1{
		font-size: 25px !important;
	}
	.feature_sec{
		padding:  10px 0px !important;
	}
	.information_sec{
		padding: 10px 0 !important;
	}
	.information_row{
		padding: 0 0 !important;
	}
	.btnss .save_money_btn {
		font-size: 19px !important;
		padding: 1px 9px !important;
	}
	#slideBoxModal {
		margin-top: 50px !important;
		margin-bottom: 100px;
	}
	.first_title_save_money{
		font-size: 14px !important;
	}
	.second_title_save_money{
		font-size: 20px !important;
	}
	.save_money_cont{
		padding: 10px 0px !important;
	}
	.fa_padding {
		padding: 15px !important;
		font-size: 40px !important;
		width: 70px !important;
		text-align: center;
		text-decoration: none;
		margin: 15px 5px;
		border-radius: 50%;
	}
	.signupForm{
		height: 544px !important;
	}
	.apps_m{
		padding: 0px 10px !important;
		border-radius: 27px !important;
	}
	.social_icon_sec{
		padding: 0 15px !important;
	}
	.save_money_cont{
		padding: 10px 15px !important;
	}
	.background .shape{
		display: none;
	}
	.desktop{
		display: none !important;
	}
	.mobile{
		display: block !important;
	}
	.background{
		width: 100% !important;
	}

	.trust_bank_sky h2 {
		font-size: 1.6rem !important;
	}
	.trust_bank_sky h1 {
		font-size: 1.6rem !important;
	}
	#main-header{
		width: 100%;
	}

	#breadcrumb_section{
		padding:0 !important;
	}
	.breadcrumb_class_for_academic_class h2, .breadcrumb_class_for_academic_class p{
		margin-bottom:0;
	}
	.breadcrumb_class_for_academic_class{
		padding:15px 10px !important;
	}

	.form h3 {
		font-size: 21px !important;
		font-weight: 500;
		line-height: 5px !important;
		text-align: center;
	}
	select,input[type="text"], input[type="email"], input[type="number"] {
		outline: none;
		padding: 8px 15px !important;
	}


	.faqTitle_box .faq_title{
		font-size: 1.6rem !important;
	}
	.page_title h1{
		font-size: 1.6rem;
	}
	#book_reader_iframe{
		height: 37vh !important;
	}
	.embed-responsive-item{
		height: 209px !important;
	}
	#myModal1{
		margin-top:35% !important ;
	}
	button.close{
		font-size: 25px !important;
	}
	.download_text_2 p{
		font-size: 17px !important;
	}
	#video__popup__button5730{
		padding-top: 56px !important;
	}
	.availability_sec{
		padding: 40px 15px !important;
	}
	.apple img{
		height: 50px !important;
		width: 140px !important;
	}
	.video__popup__button .button__icon {
		font-size: 30px !important;
		height: 70px !important;
		width: 70px !important;
		z-index: 0;
	}
	.btn_availablity{
		font-size: 16px !important;
	}
	.downourapp{
		background-color: #000;
		border-radius: 40px;
		padding: 10px 10px !important;
	}
	.download_text_2{
		padding-top: 0px !important;
	}
	.video__popup__button .button__icon i {
		padding-top: 20px !important;
		padding-left: 7px;
	}
	.academic h2{
		margin-bottom: -5px !important;
	}
	.download_apps_imgcard{
		padding: 5px;
	}
	.download_text_2{
		padding-top: 20px;
	}
	.fa_padding {
		padding: 10px !important;
		font-size: 50px !important;
		width: 71px !important;
		text-align: center;
		text-decoration: none;
		margin: 15px 5px;
		border-radius: 50%;
	}
	.imgslider_box{
		padding: 30px 5px !important
	}
	.text_to_center{
		text-align: center;
	}
	.links_useful ul{
		margin-left: 0 !important;
	}
	.menusList{
		padding-left:0 !important;	
	}
	.slide_number_btn,.slide_title_btn{
		font-size: 12px !important;
	}
	.arrowbtn .fa-arrow-right{
		font-size: 15px;
	}
	.arrowbtn{
		margin-bottom: 10px !important;
	}

}

@media screen and (max-width: 420px) {
	.salatTimeMobile{
		font-size:14px !important;
	}
}