@media only screen and (max-width: 600px) and (min-width: 400px)  {
	
	
}

@media only screen and (max-width: 1199px) {
	.main-community .col-sm-3 {
  width: 30%;
}
.board-text h1 {

  font-size: 26px;

}
.bord-right > a {
  font-size: 14px;
  margin: 7px 0;
  padding: 11px;
}
.finacial-inner-box .form-group input.form-control {
  width: 43%;
}
.main-community .tab-content.col-md-9 {
  width: 70%;
}
	
	.danate-content .dolor-buttons button {
  font-size: 12px;
  padding: 2px 12px;
}
.donate-division h5 {
  height: 32px;
  line-height: 1.3;
}
.heading h2 {
  font-size: 25px;
}
table td button.remove-btn {
  padding: 1px 15px 4px;
}
form.dolor-form-buttons button.ten-dolor {
  padding: 2px 13px;
  font-size: 12px;
}
	button.cart-btn {
  padding: 4px 8px;
  font-size: 12px;
}
.danate-content form .form-group {
  margin-left: 9px;
  margin-right: 9px;
  width: 26%;
}
.danate-content form .form-group input.form-control {
  height: 27px;
  font-size: 14px;
}
	.donate-outer h4.donate-head {
  font-size: 18px;
}
.zakit-form-right h3 {
  font-size: 20px !important;
}
	.banner-section .col-md-4 {
  width: 28%;
}
.banner-section .col-md-8 {
  width: 72%;
}
	
	.banner-section .col-md-3 {
  width: 28%;
}
.banner-section .col-md-9 {
  width: 72%;
}
.header-nav nav ul li a {
  margin-right: 52px;
}
.banner-video {
  height: 483px;
}
.prayerTiming h2 {
  font-size: 26px;
  line-height: 24px;
  
  margin: 22px auto 0;
}
.services-box > p {
  font-size: 16px;
}
.services-img {
  height: 155px;
}
.portfolio-img {
  height: 303px;
}
.prayerTiming {
  width: 100%;
}

.prayerCont tr td {
  font-size: 13px;
}
.download-app a.download-btn {
  margin: 10px 0;
  width: 100%;
}
.banner-video {
  height: 400px;
}
.prayerTiming h2 {
  font-size: 22px;
  line-height: 22px;
  margin: 13px auto 0;
}
.prayerTiming h2 span {
  font-size: 15px;
}
.prayerCont tr td {
  height: 24px;
}
.adhanAudio .innerbox {
  font-size: 13px;
  padding: 4px 15px 0;
}
.adhanAudio .innerbox input {
  margin-top: 2px;
  float: left;
  margin-right: 4px;
}
}

@media only screen and (max-width: 991px) {
	.renew-content {
  width: 100%;
}
.list-view-event .col-md-8 {
  width: 67%;
  float: left;
}
.list-view-event .col-md-2 {
  width: 16%;  float: left;
}
.imam-content img {
  margin: 0px auto 15px;
}
.contact-details .contact-boxes {
  padding-right: 0px;
  margin-bottom: 17px;
  display: inline-block;
  border-bottom: 1px solid #fff;
  padding-bottom: 15px;
  width: 100%;
}
.contact-boxes > h4 {
  font-size: 16px;
}
.contact-boxes h3 {
  font-size: 18px;
}
.sisters-slide-show .heading > h4 {
  font-size: 16px;
  line-height: 1.5;
}
.annoucement-popup-spacing h3 {
  font-size: 20px;
  margin-top: 0;
}
.first-popup h5 {
  font-size: 16px;
}
.first-popup .modal-dialog {
  margin: 15px 0;
  padding: 0 15px;
  width: 100%;
}
.map-outer iframe {
  height: 300px;
}
.sisters-slide-show .item {
  height: 350px;
}
.recent-listing a h3 {
  font-size: 18px;
}
.finacial-inner-box .form-group {
  width: 100%;
  display:inline-block;
}
.finacial-inner-box .form-group input.form-control {
  width: 65%;
}
	.directory-listing .col-md-4 {
  width: 30%;
  float: left;
}
.directory-listing .col-md-8 {
  float: left;
  width: 70%;
}
.first-popup .modal-body p {
  white-space: normal;
  word-wrap: break-word;
}
	.main-community .col-sm-3 {
  width: 100%;
}
.main-community .tab-content.col-md-9 {
  width: 100%;
  margin-top: 20px;
}
.modal-body.donate-outer .heading h2 {
  font-size: 20px;
}
.first-popup .modal-body .popup-all-images a.image-anker {
  width: 33.3%;
}
	.gallery-outer {
  padding: 20px 0;
}
	.gallery-outer .nav.nav-tabs li a {
  font-size: 13px;
  padding: 9px 3px;
}
	.gallery-page-img .col-md-6 {
  width: 50%;
  float: left;
}
	
	form.dolor-form-buttons button.ten-dolor {
  display: inline-block;
  float:none;
}
.danate-content form .form-group {
  float: none;
  display: inline-block;
}
button.cart-btn {
  display: inline-block;
}
.form-inline.dolor-form-buttons {
  text-align: center;
}
	
	form.dolor-form-buttons button.ten-dolor {
  padding: 4px 13px;
}
.danate-content .dolor-buttons button {
  font-size: 12px;
  margin-bottom: 10px;
  padding: 2px 12px;
}
	.donate-division {
  padding: 10px 7px 0;
  width: 50%;
}
	.heading h2 {
  font-size: 25px;
}
a.printable-download {
  font-size: 14px;
  padding: 11px 25px;
}
.monthly-section {
  padding: 20px 0px 60px;
}
	.zakit-form-right {
  margin-top: 20px;
}
	.main-community .col-sm-4 {
  width: 100%;
    float: left;
}
.main-community.tab-content.col-md-8 {
  width: 100%;
  float: left;
}
	#footer {
  padding: 67px 0 0;
}
.copyright {
  font-size: 14px;
}
	.copyright {
  margin-top: 45px;
}
.who-parent {
  width: 100%;
}
.mosque-division h4 {
  font-size: 18px;
}

.banner-section .col-md-4 {
  width: 100%;
}
.banner-section .col-md-8 {
  width: 100%;
  padding: 0 15px 9px;
}
.header-nav nav ul li a {
  font-size: 13px;
  margin-right: 28px;
}
.header-buttons ul li a {
  font-size: 13px;
  padding: 5px 14px;
}
.header-buttons ul li a.donate {
  padding: 5px 14px;
}
.banner-section .col-md-9 {
  width: 100%;
}
.banner-section .col-md-3 {
  width: 100%;
}
.services-section .col-md-3 {
  width: 50%;
  float: left;
}
.who-img {
  height: 95px;
  width: 95px;
}
.services-img {
  height: 180px;
}
.services-section {
  padding: 60px 0px 30px;
}
.gallery-section .col-md-6 {
  float: left;
  width: 50%;
}
.portfolio-img {
  height: 230px;
}
.portfolio-box > h3 {
  font-size: 20px;
}
.mision-text {
  padding: 0;
}

}


@media only screen and (max-width: 767px) {
	.renew-content h3 {
  font-size: 18px;
}
.fc-center > h2 {
  font-size: 18px;
  margin-top: 6px;
}
.list-view-event p {
  font-size: 14px;
}
.list-view-inner-content > h4 {
  font-size: 16px;
  margin: 25px 0 9px;
}
.list-view-inner-content > p {
  font-size: 14px;
}
.imam-banner {
  padding-bottom: 15px;
}

.app-left > h2 {
  font-size: 20px;
}
.app-left > h4 {
  font-size: 16px;
}
.map-outer h3 {
  font-size: 18px;
  line-height: 1.5;
}
.contact-boxes h3 {
  font-size: 16px;
}
.contact-form-inner .form-group a.contact-buttons {
  font-size: 16px;
}
.sisters-slide-show > h4 {
  font-size: 16px;
}
.announcements-outer h3 a {
  font-size: 16px !important;
}
.contact-form {
  padding: 60px 0 40px;
}
.contact-map {
  padding: 60px 0 40px;

}
a.read-more-btn {
  font-size: 13px;
}
.annoucement-popup-spacing h3 {
  font-size: 18px;
}
.modal-content.annoucement-popup-spacing {
  padding: 0 15px 15px;
}
.portfolio-img iframe {
  width: 100%;
}
.board-content {
  padding: 15px 15px 1px;
}
.form-section.faculity-border {
  padding: 0 15px;

}
.form-group.dateform.col-sm-3 {
  width: 100%;
  display: inline-block;
}
.monthly-submit {
  margin-left: 20px;
}
.col-sm-12.form-group.dateform {
  padding: 0px 30px;
}
.content {
  padding: 0px !important;
}
h4.line-takaful {
  font-size: 18px;
}
.financial-head h3 {
  font-size: 20px;
}
.financial-box h4 {
  font-size: 18px;
}
	.directory-listing h3 a {
  font-size: 18px;
}
.first-popup h5 {
  font-size: 16px;
}
.popup-img {
  height: 226px;
}
	.modal-body.donate-outer .heading h2 {
  font-size: 16px;
}
	.contact-form-inner .form-group input.form-control {
  min-height: 40px;
}
.contact-form-inner .form-group select.form-control {
  min-height: 40px;
}
	.first-popup .modal-body .popup-all-images a.image-anker {
  width: 33%;
}
	.credit-button-outer .credit-button {
  margin: 4px 0px;
}
	a.credit-button {
  margin-bottom: 0px;
  padding: 8px 16px;
}
.content {
  min-height: auto;
  padding: 15px 8px;
}
.box-footer .note-bottom {
  font-size: 14px;
}
.registration-form h4 {
  font-size: 16px;
}
.btn-info {
  margin-left: 15px;
}
	.monthly-section {
  padding: 0px 0 60px;
}
.heading h2 {
  font-size: 18px;
}
.monthly-submit {
  font-size: 14px;
  padding: 8px 30px;
}
	.monthly-head h2 {
  font-size: 16px;
}
	.zakat-video-right h3 {
  font-size: 18px;
}
	.donate-outer h4.donate-head {
  font-size: 16px;
}
.zakat-video h3 {
  font-size: 16px;
}
.video-frame {
  height: 165px;
}
.zakit-form-left h3 {
  font-size: 18px;
}
.zakit-form-right h3 {
  font-size: 17px;
  line-height: 1.4;
}
.zakit-form-right form .form-group .pay-zakat-btn {
  font-size: 14px;
  padding: 8px 23px;
}
.donate-buttons a {
  margin: 4px 0;
  padding: 7px 18px;
}
	.internal-script-div.sticky {
  display: none;
}
	
	#search input[type="search"] {
  font-size: 38px;
}
#search .btn {
  margin-top: 34px;
}
	#footer {
  padding: 35px 0 0;
}
.copyright {
  margin-top: 42px;
}
	.who-div > p {
  font-size: 14px;
}
.mision-text > p {
  font-size: 14px;
}
.about-section p {
  font-size: 14px;
}
.announcements-outer p {
  font-size: 14px;
}
.announcements-outer h3 {
  margin: 15px 0 16px;
}
.announcements-outer h3 a {
  font-size: 20px;
}
.announcements-outer {
  padding: 25px 20px 40px;
}
.about-section ul li {
  font-size: 14px;
}
.who-we-are-outer > h2 {
  font-size: 20px;
  margin: 0px 0px 10px;
}

.who-div > h4 {
  font-size: 18px;
}
.our-mission {
  padding: 60px 0px 20px;
}
	.portfolio-img
	{
		height:auto;
	}
	.gallery-section .col-md-6 {
  width: 100%;
}

	.top-line marquee {
  font-size: 14px;
}
.services-box > p {
  font-size: 14px;
}
.navbar-toggle .icon-bar {
  background: #fff;
}
.navbar-brand.logo > img {
  width: 86px;
}
.header-buttons ul li a {
  font-size: 12px;
  padding: 4px 12px;
}
.header-buttons ul li a.donate {
  padding: 4px 12px;
}
.header-nav ul li.dropdown .dropdown-menu {
  display: none !important;
}.header-nav nav ul li a {
  margin: 0;
  border-bottom: 1px solid #1e9345;
}
.header-nav .navbar-toggle {
  padding: 9px 0 9px 10px;
  margin:0px;
}
.navbar-right.nav-search-right {
  margin: 0;
  padding: 6px 0 0;
}
.banner-section.sticky {
  margin-top: 0px;
}
.header-nav nav ul li.dropdown a.dropdown-toggle
{
	border:0px;
}
.header-nav nav ul li.dropdown ul.dropdown-menu li a:hover, .header-nav nav ul li.dropdown ul.dropdown-menu li a:focus

{
	background:#1c9143;
	color:#fff;
	border-color:#1c9143;
}

.header-nav ul li.dropdown.open .dropdown-menu {
  display: block !important;
}

header.sticky {
  position: relative;
}
.download-app a.download-btn {
  padding: 8px 0px 9px;
}
.header-nav .nav.navbar-nav {
  float: left;
  margin: 0;
  width: 97%;
}
.banner-video {
  height: auto;
}
.header-nav nav.navbar-collapse
{
	width:100%;
	margin:0px;
}
.header-nav nav ul li.dropdown ul.dropdown-menu {
display:inline-block;
  position: static;
  width: 100%;
}

}
@media only screen and (max-width: 640px) {
.board-image {
  width: 100%;
}
.board-text h1 {
  font-size: 20px;
}
.board-text > p {
  font-size: 18px;
}
.board-text {
  padding: 20px 0 10px 0px;
  width: 100%;
}
}

@media only screen and (max-width: 480px) {
	.finacial-inner-box .form-group input.form-control {
  width: 100%;
}
.map-outer h3 {
  font-size: 16px;
}
.board-text > p {
  font-size: 16px;
}
.board-marquee > marquee {
  font-size: 14px;
}
.board-text h1 {
  font-size: 18px;
  margin-top: 0px;
}
.map-outer iframe {
  height: 200px;
}
.recent-listing a h3 {
  font-size: 16px;
}
.login-header {
  margin-top: 50px;

}
.sisters-slide-show .item {
  height: 230px;
}
a.printable-download {
  padding: 8px 14px !important;
}
.monthly-inner .form-section {
  padding: 15px;
}
	.directory-listing .col-md-4 {
  width: 100%;
}
.directory-listing .col-md-8 {
  width: 100%;
     padding: 0 30px;
}
.directory-listing img {
  margin: 0px auto;
  display: block;
}
	
	.gallery-page-img .col-md-6 {
  width: 100%;
  float: left;
}
	a.printable-download {
  font-size: 14px;
  padding: 8px 18px;
}
	.zakit-form-left a.checkout-btn {
  padding: 8px 12px;
  font-size: 13px;
}
	#search .close {
  font-size: 19px;
  padding: 6px 12px 7px;
}
#search input[type="search"] {
  font-size: 25px;
}
#search .btn {
  margin-top: 8px;
}
.header-buttons {
  float: left;
  width: 100%;
}
.services-section .col-md-3 {
  width: 100%;
}
.header-buttons ul li {
  padding: 0;
  white-space: nowrap;
  width: auto;
}
.header-buttons ul li a {
  font-size: 12px;
  padding: 4px 11px;
  text-align: center;
  width: 100%;
}
.header-buttons ul li:first-child {
  width: 34%;
}
header .header-icons {
  margin-top: 38px;
}
.who-div {
  padding: 0 15px 30px;
  width: 100%;
}
.our-mission {
  padding: 60px 0 0px;
}
}

@media only screen and (max-width: 515px) {

.donate-division {
  padding: 10px 0px;
  width: 100%;
}
button.cart-btn {
  margin-top: -4px;
}
form.dolor-form-buttons button.ten-dolor {
  height: 25px;
  padding: 0 13px;
}
.first-popup .modal-body .popup-all-images a.image-anker {
  width: 50%;
}
}

@media only screen and (max-width: 360px) {
.first-popup .modal-body .popup-all-images a.image-anker {
  width: 100%;
}
.popup-img {
  height: 225px;
}
}