@media screen and (max-width: 1199px) and (min-width: 992px) { 
 
 .navbar-light .navbar-nav .nav-link {
	font-size:14px;
	padding: 20px 20px 20px 20px;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
	font-size:14px;
	padding: 20px 20px 20px 20px;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	font-size:14px;
	padding: 20px 20px 20px 20px;
}

.social_area p {
    font-size: 12px;
}
 
 }

@media screen and (max-width: 991px) and (min-width: 320px) {

.navbar-light .navbar-nav .nav-link {
    color: #85878f;
	font-size: 16px;
    font-weight:400;
	padding: 15px 0px 15px 15px;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color:#fff;
	font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight:400;
    background: #1a73bc;
	padding: 15px 0px 15px 15px;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color:#fff;
	font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight:400;
    background: #1a73bc;
	padding: 15px 0px 15px 15px;
}

.social_area {
	text-align:center;	
}

.social_area {
	text-align:center;
    padding: 20px 0 0 0;
}

.social_area {
	text-align:center;	
}

.register_area {
    text-align: center;
    padding: 14px 0 14px 0;
    margin: 3% 0 0 0;
}
	 
.logo img {
	padding:0px 0 0px 0;
}

	 
}

@media screen and (max-width: 800px) and (min-width: 767px) { 
.my_navbg {
    margin: 0 0 10px 0;
}

.bill_poster_img {
	width:100%;	
	height:auto;
}

}

@media screen and (max-width: 768px) and (min-width: 767px) { 
.my_navbg {
    margin: 0 0 10px 0;
}

}

@media screen and (max-width: 767px) and (min-width: 320px) { 

.social_icons {
    padding: 5px 18px 5px 18px;
}

.header_button {
	text-align:center;
	width:100%:
}

.header_button1 {
	padding: 6% 0 5% 0;	
}

.header_button2 {
	padding: 6% 0 3% 0;	
}

.header_btn1 {
	float:none;
}

.header_btn2 {
	float:none;	
}

.logo {
    padding: 0px 70px 0px 70px;
}

.my_navbg {
    margin: 0 0 10px 0;
}

.gift_quran_section {
	text-align:center;
}

.gift_quran_section h1 {
	text-align:center;
}

.gift_quran_section1 {
	text-align:center;
	padding: 0 0 40px 0;
}

.gift_quran_section1 h1 {
	margin:0;
	text-align:center;
	padding:0px 0 20px 0;
}

.gift_quran_section h2 {
	text-align:center;
}

.gift_quran_section1 h2 {
	margin:0;
	text-align:center;
	padding:20px 0 20px 0;
}

.gaq_img {
    padding: 10px 0 50px 0;
}

.donate {
    text-align: center;
}

.donate p {
    margin: 0 0 40px 0;
}

.donate h1 {
    text-align: center;
}

.contact {
    text-align: center;
}

.contact h1 {
    text-align: center;
}

.contact p {
    text-align: center;
}

.bill_poster_img {
	width:100%;	
	height:auto;
}

.bank_detail {
	text-align:center;	
}

.bank_detail h1 {
	text-align:center;	
}

.bank_img {
	float:none;	
}

.dop_content {
	text-align:center;	
}

.dop_content h1 {
	text-align:center;	
}

.dop_button {
	margin:0 0 20px 0;	
}

.qttk_h2 {
   text-align:center;	
}

.qttk_content h1 {
	font-size:24px;
	text-align:center;
}

.qttk_content h2 {
	font-size:16px;
	font-weight:bold;
	text-align:center;
}

.quran_popup p {
    padding: 0px 100px 0 100px;
}

.register_h2 {
	text-align:center;
}

.sf_content h1 {
   text-align:center;
}

.sf_content1 {
	text-align:center;
}

.wdtqt_content {
	text-align:center;	
}

.wdtqt_content h1 {
	text-align:center;	
}

}

@media screen and (max-width: 500px) and (min-width: 320px) { 

.social_icons {
    padding: 5px 8px 5px 8px;
}

.donate {
    text-align: center;
}

.donate p {
    margin: 0 0 40px 0;
}

}

@media screen and (max-width: 443px) and (min-width: 320px) { 

.social_icons {
    padding: 5px 8px 5px 8px;
}

}

@media screen and (max-width: 414px) and (min-width: 320px) { 

.social_icons {
    padding: 5px 5px 5px 5px;
}

}