/************
1. 3840px
************/

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

  #footer #footer_body {
    width: auto !important;
    height: auto !important;
    min-height: 260px;
    margin: auto !important;
    text-align: center !important;
    align-items: center !important;
    align-content: center !important;
  }

}


/************
1. 1920px
************/

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


}

/************
1. 1600px
************/

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

/************
2. 1440px
************/

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


/************
3. 1366px
************/

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


/************
3. 1280px
************/

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

	#footer_body #right {
		width: 39% !important;
	}

	#footer_body #right form {
		width: 90.5% !important;
	}

	#footer_body #left {
		width: 60% !important;
	}

	#footer_body #left #div-a {
		width: 48.5% !important;
	}

	#footer_body #left #div-b {
		width: 48.5% !important;
	}

}

/************
4. 1199px
************/

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

	#head #div-a #rt {
		width: 32%;
	}

	#head #div-a #cn {
		width: 37%;
	}

	#search_div {
		right: 18.4%;
	}

		#home_body {
		width: 100% !important;
	}

	#footer_body #left #div-a {
		width: 48.4% !important;
	}

	#footer_body #left #div-b {
		width: 48.4% !important;
	}

	#footer_body #left #div-a #title {
		padding: 0px !important;
		text-align: center !important;
	}

	#footer_body #left #div-a a li {
		width: 90% !important;
	}

	#footer_body #left #div-b a li {
		width: 90% !important;
	}

}


/************
4. 1112px
************/

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

	#head #div-a #rt {
		width: 35%;
	}

	#head #div-a #cn {
		width: 34%;
	}

	.menu_hide {
		display: none;
	}

	#search_div {
		right: 19.7%;
	}

	#footer_body #left #div-a {
		width: 48.3% !important;
	}

	#footer_body #left #div-b {
		width: 48.3% !important;
	}

}

/************
4. 1100px
************/

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



}

/************
5. 1024px
************/

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

	#head #div-a #rt {
		width: 37%;
	}

	#head #div-a #cn {
		width: 32%;
	}

	#search_div {
		right: 21.4%;
	}

	#footer #footer_body #footer-logo {
		margin-right: 15px;
	}

	#footer #footer_body .contact {
		width: 200px;
		height: auto;
		float: left;
	}

}

/************
6. 991px
************/

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

    .ms-container {
        padding: 0px !important;
    }

    .ms-container .row {
        margin: 0px !important;
        padding: 0px !important;
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }

    .ms-cases-section {
        padding: 0px !important;
    }

    #alert {
        width: 100%;
        top: 100px;
        right: 0px;
    }

	.container-fluid .title {
		width: 450px !important;
		height: 45px !important;
		line-height: 45px !important;
		margin-bottom: 15px !important;
	}

	.carousel-container {
		margin-top: 0px !important;
	}

    .container-fluid #home_body {
        margin-top: 0px !important;
    }

    .container-fluid .home_body {
        padding-top: 0px !important;
    }

	.container-fluid #body {
		width: 100% !important;
		margin-top: 0px !important;
		padding-top: 25px !important;
		z-index: 0 !important;
	}

	#slider .slide {
		width: 100% !important;
		padding: 0px !important;
		margin: auto !important;
	}

	#slider-foot,
	#quran,
	.container-fluid #div-a,
	.container-fluid #div-b,
	.container-fluid #div_block,
	.container-fluid #div_c,
	.container-fluid #div_block_b,
	.container-fluid #div_block_d,
	.container-fluid #div-c,
	.container-fluid #div_block_c,
	.container-fluid #div-d,
	.container-fluid #div-e,
	.container-fluid #login,
	.account {
		width: auto !important;
	}

	.account #div-25 {
		width: 26% !important;
	}

	.account #div-75 {
		width: 74% !important;
	}

	#div-25 .sidebar {
		margin-bottom: 25px;
	}

	#slider-foot {
		margin: -120px 25px 0 25px !important;
	}

	#div_block {
		margin-bottom: 20px !important;
	}

	#div_block_b {
		margin-bottom: 20px !important;
	}

	#div_block_c {
		margin-bottom: 20px !important;
	}

	#div_block_d {
		margin-bottom: 20px !important;
	}

    #home_body {
        padding-top: 0px !important;
    }

	.container-fluid #div-a {
		padding-top: 1px;
		padding-right: 15px;
		padding-left: 15px;
	}

	.container-fluid #div-b {
		height: 550px !important;
		padding-bottom: 0px;
	}

	.container-fluid #div-b .post {
		width: 45%;
		height: auto;
		float: right;
		margin-right: 2.9%;
	}

	.container-fluid #div-b .post #img,
	.container-fluid #div-b .post #img img {
		height: 194px;
		width: 100%;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}

	.container-fluid #div-b .post .left {
		width: 100%;
		height: auto !important;
		overflow: auto;
		margin-top: 0px !important;
		text-align: right !important;
		float: none;
		padding-bottom: 20px !important;
	}

	.container-fluid #div-b .post .left h1 {
		text-align: right !important;
		margin: 5% !important;
		margin-top: 10px !important;
		margin-bottom: 0px !important;
	}

	.container-fluid #div-b .post .left .text {
		text-align: right !important;
		height: auto !important;
		margin: 5% !important;
		margin-top: 0px !important;
	}

	.container-fluid #div-b .post .left #nsbh {
		width: 90%;
		margin: 5% !important;
	}

	.container-fluid #div-b .post .left #nsbh #up {
		width: 80%;
	}

	.container-fluid #div-b .post .left #nsbh #up::before {
		right: 4% !important;
	}

	.container-fluid #div-b .post .left #btm span #addtocart {
		width: 85%;
	}

	.container-fluid #div-b .post .left #btm span {
		width: 180px !important;
	}

	.container-fluid #div-b .post .left #btm span #payments {
		margin-right: 10px !important;
	}

	.container-fluid #div-b .post .left #btm span .color,
	.container-fluid #div-b .post .left #btm span .aed {
		margin: 10px;
	}

	.container-fluid #div-b a #more {
		margin-left: 4.2% !important;
	}

	.container-fluid #div-c {
		padding: 0px !important;
		padding-right: 5px !important;
		padding-left: 5px !important;
		padding-bottom: 50px !important;
		height: auto !important;
		overflow: hidden !important;
	}

	.container-fluid #div-c .post {
		width: 47.8%;
		margin: 10px;
		padding: 0px !important;
		margin-bottom: 25px !important;
	}

	.projects {
		height: auto !important;
		margin-bottom: 120px !important;
	}

	#head #div-a #rt {
		width: 38%;
	}

	#head #div-a #cn {
		width: 31%;
	}

	#search_div {
		right: 22%;
	}

	.container-fluid {
        width: 100% !important;
        max-width: 100% !important;
		padding-right: 0px;
		padding-left: 0px;
		z-index: 9999999 !important;
	}

	.container-fluid #page_body {
		width: 100% !important;
		padding-top: 0px !important;
	}

    .container-fluid .page_body {
		width: 96% !important;
		padding-top: 0px !important;
	}

	.logo {
		height: auto !important;
	}

	#head #div-a {
		display: none !important;
	}

	#head #div-b {
		display: none !important;
	}

	#hide_all {
		width: 100% !important;
		height: 100px !important;
		top: 0px !important;
		z-index: 99999999999999999 !important;
	}


	#hide_all #head {
		display: none !important;
	}

    .card-body {
        padding: 10px !important;
    }

    #card_body form {
        padding: 10px !important;
    }

    .ms-blog-detailpage-section {
        width: 98% !important;
        padding-top: 20px !important;
    }

	#mobile_nav {
		width: 100% !important;
		height: 100px !important;
		display: block !important;
		position: relative;
		font-size: 14px;
		color: #333;
		background-color: #FFF;
		box-shadow: 0px 0px 5px #DDD;
		z-index: 999999999999999999999999 !important;
	}

	#mobile_nav #right {
		width: auto !important;
		height: auto !important;
		padding-top: 26px;
	}

	#mobile_nav #right img {
		width: auto;
		height: 44px !important;
		margin-right: 10px !important;
		float: right !important;
		border-radius: 4px !important;
	}

	#mobile_nav #logo {
		margin-right: 15px;
	}

	#mobile_nav #logo img {
		width: 150px !important;
		height: auto !important;
		border: none !important;
	}

	#mobile_nav #right .nav_cart {
		width: auto !important;
		height: 44px !important;
		height: auto !important;
		float: left !important;
	}

	#mobile_nav #right .nav_cart img {
		width: auto !important;
		height: 44px !important;
		margin-left: 10px !important;
	}

	#mobile_nav #right .user img {
		width: auto !important;
		height: 44px !important;
		margin-left: 10px !important;
		float: left !important;
	}

	#footer #footer_body #footer-logo {
		margin-right: 80px !important;
	}

	#footer #footer_body .div {
		margin-top: 20px;
	}

	#footer #footer_body .contact {
		clear: both;
		float: none;
		width: 150px;
		height: auto;
		margin-right: 20.5%;
		padding-top: 50px;
		margin-top: 10px !important;
	}

	#footer #school_media {
		width: 231px !important;
		float: none;
		height: auto;
		padding-top: 5px;
		margin: auto !important;
		margin-top: 0px !important;
	}

	.container-fluid #page_body #rt {
		margin-right: 0px;
		margin-left: 20px;
		margin-bottom: 10px;
	}

	.container-fluid #page_body #lf {
		width: auto;
		float: none;
	}

	#message_body, #message, .container-fluid #payment_all {
		width: auto !important;
	}
    #message img {
        margin-top: 8px !important;
    }

	#message_body {
		padding-top: 50px !important;
	}

	#message_body #text .member {
		margin-right: 40px !important;
	}

	.news_content img {
		width: 100%;
	}

	.news_content div h3 {
		clear: both;
	}

	.input-box input {
		padding-top: 50px;
		padding-right: 15px;
		padding-bottom: 15px;
	}

	.zakah_img {
		width: auto;
		height: 200px;
		margin-right: 10%;
		left: -50px;
	}

	.zakah_img img {
		width: 75%;
	}

	.container-fluid #div-e #lf {
		margin-right: 7%;
	}

	.container-fluid #div-e #cn {
		margin-right: 7%;
	}

	.container-fluid #div-e #lf {
		float: right;
		margin-right: 7%;
		margin-left: 0 !important;
	}

	.container-fluid #div-d {
		margin-bottom: 25px;
	}

}


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

	#head #div-a #rt {
		width: 40%;
	}

	#head #div-a #lf {
		width: 29%;
	}

	#search_div {
		right: 22.5%;
	}

	.container-fluid #div-b .post .left #nsbh #up::before {
		right: 3.5% !important;
	}

	#message_body #text .member {
		margin-right: 31px !important;
	}

	.container-fluid .general_donation .div {
		margin-right: 1.5% !important;
	}

}


/************
7. 950px
************/

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

	#search_div {
		right: 22.9%;
	}

	.container-fluid .general_donation .div {
		margin-right: 1.3% !important;
	}

}


/************
7. 900px
************/

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

	#head #div-a #rt {
		width: 42%;
	}

	#head #div-a #lf {
		width: 27%;
	}

	#search_div {
		right: 24.2%;
	}

	#message_body #text .member {
		margin-right: 22px !important;
	}

	.container-fluid .general_donation .div {
		width: 286px !important;
		margin-right: 1% !important;
	}

	.container-fluid .general_donation .icon_sms #send_sms {
		width: 286px !important;
	}

    #send_sms a div{
		width: 180px !important;
	}

}


/************
8. 896px
************/

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

	#message_body #text .member {
		margin-right: 20px !important;
	}

}

/************
8. 880px
************/

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

	#slider-foot,
	#quran,
	.container-fluid #div-a,
	.container-fluid #div-b,
	.container-fluid #div_block,
	.container-fluid #div_c,
	.container-fluid #div_block_b,
	.container-fluid #div_block_d,
	.container-fluid #div-c,
	.container-fluid #div_block_c,
	.container-fluid #div-d,
	.container-fluid #div-e {
		width: auto !important;
	}

	.container-fluid #payment_all {
		padding-top: 0px !important;
	}

	#head #div-a,
	#head #div-b {
		display: none !important;
	}

	#message_head {
		height: 20px;
	}

	.urgents_title,
	.account_title,
	.help_title,
	.project_title,
	.news_title {
		margin-top: 0 !important;
	}

	.account {
		padding-top: 45px !important;
	}

	.container-fluid #div-b .post .left #btm span {
		width: auto !important;
	}

	.container-fluid #div-b .post .left #btm span #addtocart {
		width: 150px !important;
		float: right !important;
		margin-right: 0px !important;
	}

	.container-fluid #div-b .post .left #btm span #donatenow {
		width: 150px !important;
		float: left !important;
		margin-left: 0px !important;
	}

	.container-fluid #div-e {
		height: auto !important;
	}

	.container-fluid #div-e #rt {
		margin-top: 0 !important;
		margin-right: 7%;
	}

	.container-fluid #div-e #cn {
		margin-right: 5%;
		margin-top: 0 !important;
	}

	.container-fluid #div-e #lf {
		margin-right: 5%;
		margin-left: 0 !important;
		float: right;
		margin-top: 0 !important;
	}

	#message_body #text .member {
		margin-right: 15px !important;
	}

	.container-fluid .general_donation .div {
		width: 280px !important;
		margin-right: 1% !important;
	}

	.container-fluid .general_donation .icon_sms #send_sms {
		width: 280px !important;
	}

	#footer #footer_body #right {
		width: 40% !important;
	}

	#footer #footer_body #right form {
		width: 94.5% !important;
		margin-right: 10px !important;
	}

	#footer #footer_body .div {
		margin-top: 20px;
	}

	#footer #footer_body .div #school_media {
		bottom: 115px;
		right: 270px;
	}

	.slide {
		padding: 100px 36px 150px 0 !important;
	}

}


/************
9. 846px
************/

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

	#message_body #text .member {
		margin-right: 50px !important;
	}

	.container-fluid .general_donation .div {
		width: 270px !important;
		margin-right: 1% !important;
	}

	.container-fluid .general_donation .icon_sms #send_sms {
		width: 270px !important;
	}

}


/************
9. 834px
************/

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

	.container-fluid #div-b .post .left #btm {
		margin-right: 15px;
	}

	.container-fluid .general_donation .div {
		width: 266px !important;
	}

	.container-fluid .general_donation .icon_sms #send_sms {
		width: 266px !important;
	}

}

/************
9. 823px
************/

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

	.container-fluid #div-b .post .left #btm {
		margin-right: 14px;
	}

	.container-fluid .general_donation .div {
		width: 262px !important;
	}

	.container-fluid .general_donation .icon_sms #send_sms {
		width: 262px !important;
	}

	#footer #footer_body #footer-logo {
		margin-right: 50px !important;
	}

  #donation_tap img {
    width: 60%;
  }
  #donation_tap .pay {
    width: 100%
  }


}

/************
9. 812px
************/

@media only screen and (max-width: 812px) {
	.container-fluid #div-b .post .left #nsbh #up::before {
		right: 3.1% !important;
	}

	.container-fluid #div-b .post .left #btm {
		margin-right: 10px;
	}

	.container-fluid .general_donation .div {
		width: 260px !important;
	}

	.container-fluid .general_donation .icon_sms #send_sms {
		width: 260px !important;
	}

}


/************
9. 800px
************/

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

	.container-fluid #div-b {
		height: auto !important;
		overflow: auto;
		padding-bottom: 1px !important;
	}

	.container-fluid #div-b .post .left #btm span {
		width: 153px !important;
		margin-right: 5px;
	}

	.container-fluid #div-b .post .left #btm span #addtocart {
		width: 150px !important;
	}

	.container-fluid #div-b .post .left #btm span #donatenow {
		width: 150px !important;
	}


	.container-fluid #div-c a #more {
		float: none !important;
		margin: auto !important;
	}

	.container-fluid #div-e {
		height: auto !important;
	}

	.container-fluid #div-e #rt {
		margin-top: 100px;
		margin-right: 37%;
		margin-bottom: 30px;
	}

	.container-fluid #div-e #cn {
		margin-right: 37%;
		margin-bottom: 30px;
	}

	.container-fluid #div-e #lf {
		margin-right: 37%;
		float: right;
	}

	#message_body #text .member {
		margin-right: 40px !important;
	}

	.container-fluid .general_donation .div {
		width: 255px !important;
	}

	.container-fluid .general_donation .icon_sms #send_sms {
		width: 255px !important;
	}

}

/************
9. 768px
************/

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

	.hide {
		display: none !important;
	}
	.hide_b {
		display: block !important;
	}
	.container-fluid #div-b .post .left #btm span {
		width: 145px !important;
		margin-right: 5px;
	}

	.container-fluid #div-b .post .left #btm span #addtocart {
		width: 145px !important;
	}

	.container-fluid #div-b .post .left #btm span #donatenow {
		width: 145px !important;
	}

	#message_body #text .member {
		margin-right: 37px !important;
	}

	.container-fluid .general_donation .div {
		width: 45% !important;
		margin-right: 3.4% !important;
	}

	.container-fluid .general_donation .icon_sms #send_sms {
		width: 100% !important;
	}

	#footer #footer_body {
		width: 96% !important;
		height: auto;
		margin: auto !important;
		float: none !important;
	}

	#footer #footer_body #footer-logo {
		width: 100px !important;
		height: 100px !important;
		margin-top: 25px !important;
		margin-bottom: 25px !important;
		display: none !important;
	}

	#footer #footer_body .div {
		width: 90% !important;
		height: auto;
		padding-top: 0px !important;
		margin: auto !important;
		margin-bottom: 25px !important;
		float: none !important;
        overflow: hidden;
	}

	#footer #footer_body .div #title {
		height: 40px;
		line-height: 38px;
		padding-right: 12px;
		text-align: right;
		background: #222;
	}

	#footer #footer_body .div ul {
		width: 100%;
		height: auto;
		float: right;
		margin-top: 0px;
	}

	#footer #footer_body .div ul li {
		width: auto !important;
		height: 40px !important;
		line-height: 38px !important;
		border-bottom: 1px solid #333 !important;
		list-style: outside !important;
	}
	#footer #footer_body .div ul li:hover {
		background: #333 url('../img/arrow.png') no-repeat 100% !important;
	}

	#footer #school_media {
		height: 30px !important;
		margin-top: 15px !important;
	}

}

/************
10. 767px
************/

@media only screen and (max-width: 767px) {
	.account .add_address {
		width: 30% !important;
	}

	#profile .address {
		width: 69% !important;
	}

	.account #div-75,
	.account #div-25 {
		width: 100% !important;
	}

	.account #div-75 .tab-content {
		padding: 30px 36px 0 30px;
	}

	.container-fluid #div-d .item {
		height: auto !important;
	}

	.item .body .date {
		line-height: 32px !important;
	}

    .ms-news-item {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

}

/************
10. 736px
************/

@media only screen and (max-width: 736px) {
	.container-fluid #div-b .post .left #btm span {
		width: 138px !important;
		margin-right: 5px;
	}

	.container-fluid #div-b .post .left #btm span #addtocart {
		width: 138px !important;
	}

	.container-fluid #div-b .post .left #btm span #donatenow {
		width: 138px !important;
	}

	#message_body #text .member {
		margin-right: 23px !important;
	}

      #donation_tap .pay {
      	width: 100%;
      }

}

/************
10. 667px
************/

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

	#slider .slide .div {
		width: 550px !important;
		height: auto !important;
		margin: auto !important;
		top: 15% !important;
		padding-right: 1% !important;
		padding-left: 1% !important;
	}

	#slider .div #title {
		width: 100% !important;
		margin-top: 0px !important;
	}

	#slider .div #text {
		width: 100% !important;
		margin-top: 0px !important;
	}

	#slider-foot {
		margin-top: -120px !important;
	}

	.nav {
		bottom: 10% !important;
	}

	.container-fluid #div-b .post .left #btm span {
		width: 122px !important;
		margin-right: 5px;
	}

	.container-fluid #div-b .post .left #btm span #addtocart {
		width: 122px !important;
	}

	.container-fluid #div-b .post .left #btm span #donatenow {
		width: 122px !important;
	}

	#message_body #text .member {
		margin-right: 6px !important;
	}

	.container-fluid #div-e #rt {
		margin-right: 35%;
	}

	.container-fluid #div-e #cn {
		margin-right: 35%;
	}

	.container-fluid #div-e #lf {
		margin-right: 34%;
	}

	.container-fluid .general_donation .div {
		margin-right: 3% !important;
	}

	.zakah #div-a {
		padding-top: 20px;
	}

    #div-25, #dev-75 {
      width: 100% !important;
    }
    .sidebar {
      margin-bottom: 30px !important;
    }
    #donation_tap {
      margin: 0px 36px 30px 30px;
    }
    #donation_tap img {
    width: 100%;
  }

  .input-box {
    width: 45% !important;
  }
  .input-box input {
    width: 100% !important;
  }
  .container-fluid #payment_all {
    margin: 0 !important;
    padding-right: 10px;
	padding-left: 10px;
  }

  .news_content div {
	width: auto !important;
	margin-right: 0px !important;
  }

  .news_content h3 {
	height: auto !important;
	line-height: 10px !important;
	text-align: center !important;
	color: #FFF !important;
  }

  .card-body h2,h3 {
	text-align: right !important;
	color: #FFF !important;
  }

}

/************
10. 640px
************/

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

	.container-fluid #div-b .post .left #btm span {
		width: 116px !important;
		margin-right: 5px;
	}

	.container-fluid #div-b .post .left #btm span #addtocart {
		width: 116px !important;
	}

	.container-fluid #div-b .post .left #btm span #donatenow {
		width: 116px !important;
	}

	.container-fluid #div-e {
		height: auto !important;
	}

	#message_body #text .member {
		margin-right: 60px !important;
	}

}

/************
9. 600px
************/

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

	#slider .slide .div {
		padding-right: 0% !important;
		padding-left: 0% !important;
	}

	#slider .div #text {
		width: 100% !important;
		margin-top: 0px !important;
	}

	.container-fluid #div-b .post {
		width: auto;
	}

	.container-fluid #div-b .post .left {
		overflow: hidden;
	}

	.container-fluid #div-b .post .left #btm span {
		width: 47.8% !important;
		float: right;
		margin-right: 5px;
	}

	.container-fluid #div-b .post .left #btm span #addtocart {
		width: 100% !important;
	}

	.container-fluid #div-b .post .left #btm span #donatenow {
		width: 100% !important;
	}

	#message_body {
		text-align: center !important;
	}

	#message_body #text .member {
		margin-right: 45px !important;
	}

	.container-fluid #div-e #rt {
		margin-right: 33%;
	}

	.container-fluid #div-e #cn {
		margin-right: 33%;
	}

	.container-fluid #div-e #lf {
		margin-right: 33%;
	}

	.container-fluid .general_donation .div {
		margin-right: 3% !important;
	}

}

/************
11. 575px
************/

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

	.container-fluid {
		overflow-x: hidden !important;
	}

	#quran {
		font-size: 40px !important;
	}

	.container-fluid #div-b .post .left #nsbh #up::before {
		right: 1.8% !important;
	}

	#message_body #text .member {
		margin-right: 35px !important;
	}

	#payment {
		width: 96%;
		float: none;
		margin: auto;
	}

	#payment_all #name .bank {
		width: 95%;
	}

	#payment_center {
		width: auto !important;
	}

	#payment_center a div {
		width: 45% !important;
		margin-right: 1.5% !important;
	}


    #send_sms a div{
		width: 44% !important;
	}


}


/************
11. 568px
************/

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

	#message_body #text .member {
		margin-right: 33px !important;
	}
}

/************
11. 539px
************/

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

	#slider .slide .div {
		width: 530px !important;
		top: 12% !important;
	}

	.container-fluid #div-e {
		height: auto !important;
	}

	.container-fluid #div-e #rt {
		margin-top: 100px;
		margin-right: 25%;
	}

	.container-fluid #div-e #cn {
		margin-right: 25%;
	}

	.container-fluid #div-e #lf {
		margin-right: 25%;
		float: right;
		margin-bottom: 25px;
	}

	#message_body #text .member {
		margin-right: 25px !important;
	}


	.container-fluid #div-e #rt {
		margin-right: 31%;
	}

	.container-fluid #div-e #cn {
		margin-right: 31%;
	}

	.container-fluid #div-e #lf {
		margin-right: 31%;
	}

    #send_sms a div{
		width: 43% !important;
	}

	#footer #footer_body .div {
		clear: both !important;
		width: 100% !important;
		height: auto !important;
		float: none !important;
		margin-right: 0px !important;
		text-align: right !important;
		direction: ltr !important;
		list-style: outside !important;
	}

	#footer #footer_body .div .title {
		width: auto !important;
		height: auto !important;
		clear: both !important;
	}

	#footer #footer_body #left #div-a {
		width: 100% !important;
		border-right: 1px solid #DDD;
	}

	#footer #footer_body #left #div-b {
		width: 100% !important;
		border-right: 1px solid #DDD;
	}

	#school_media {
		width: auto !important;
		height: auto !important;
		display: block !important;
		margin: auto !important;
		padding-top: 0px !important;
		margin-bottom: 0px !important;
	}

	#school_media a {
		margin-right: 20px !important;
		margin-top: 0px !important;
	}

}

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

	.title_b {
		height: 50px;
		line-height: 50px;
	}

	#slider .slide .div {
		width: 480px !important;
		top: 10% !important;
	}

	.input-box {
		width: 65% !important;
	}

    .container-fluid #div-a {
        padding-right: 0px;
        padding-left: 0px;
    }

	.container-fluid .general_donation .div {
		width: 100% !important;
        margin: auto !important;
        margin-bottom: 15px !important;
	}

	#payment_center a div {
		width: 44.8% !important;
		margin-right: 1.5% !important;
	}

	#payment #payment_form {
		width: 100% !important;
	}

	#payment #payment_form #amount {
		width: 100% !important;
	}

	#payment #payment_form input {
		width: 100% !important;
	}

	#payment #payment_form select {
		width: 100% !important;
	}

	#payment #payment_form .submit {
		width: 100% !important;
	}

}

/************
12. 480px
************/

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

	#slider .slide .div {
		width: 460px !important;
		top: 8% !important;
	}

	.slide-wrapper {
		width: 100% !important;
		display: block !important;
	}

	.container-fluid .title {
		width: 100% !important;
	}

	#page_body #div {
		padding: 0px !important;
		line-height: 30px !important;
		padding: 5px !important;
	}

	.container-fluid #home_body #div-a {
		/* width: 90% !important; */
		height: auto !important;
		margin: auto !important;
		margin-right: 0px;
		margin-left: 0px;
		padding-right: 0px;
		padding-left: 0px;
	}

	.container-fluid #home_body #div-b {
		width: 90% !important;
		height: auto !important;
		margin: auto !important;
		margin-right: 0px;
		margin-left: 0px;
		padding-right: 0px;
		padding-left: 0px;
	}

	.container-fluid #div-b .post .left .text {
		width: 90% !important;
		float: none !important;
		margin: auto !important;
		font-size: 16px !important;
	}

	.container-fluid #div-b .post .left #nsbh #up::before {
		right: 0.5% !important;
	}

	.container-fluid #div-b .post .left #btm span {
		width: 46.5% !important;
		float: right;
		margin-right: 5px;
	}

    .card-header {
        font-size: 18px;
    }

	#message_body {
		padding: 0 !important;
	}

	#message_body #title {
		margin-top: 25px;

	}
	#message_body #text .member {
		margin-right: 0px !important;
	}

	.container-fluid #div-e #rt {
		margin-right: 28%;
	}

	.container-fluid #div-e #cn {
		margin-right: 28%;
	}

	.container-fluid #div-e #lf {
		margin-right: 28%;
	}

	.container-fluid #home_body #page_body #lf #title {
		clear: both;
	}

	#payment_all #send_sms button {
		width: 100%;
		margin: auto;
		padding-right: 2%;
		padding-left: 8%;
		position: relative;
	}

	#payment_all #send_sms button div {
		width: 98% !important;
		margin-bottom: 15px !important;
	}

	#send_sms a div{
		width: 42% !important;
	}

	.container-fluid .general_donation .icon_sms #send_sms button {
		width: 46% !important;
		padding-right: 0px !important;
		padding-left: 0px !important;
		margin: none !important;
		margin-right: 2% !important;
	}

	#payment_center a div {
		width: 44.7% !important;
	}

	#payment #payment_form {
		width: 98% !important;
	}

	#payment #payment_form #amount {
		width: 100% !important;
	}

	#payment #payment_form input {
		width: 100% !important;
	}

	#payment #payment_form select {
		width: 100% !important;
	}

	#payment #payment_form .submit {
		width: 100% !important;
	}

	#footer #foot {
		font-size: 11px;
	}

}


/************
14. 428px
************/

@media only screen and (max-width: 428px) {
	#payment_center a div {
		width: 45.7% !important;
		margin-right: 0px !important;
		font-size: 14px !important;
	}

    .ms-contact-page-section h3 {
        font-size: 18px;
    }

	.card-body h2, h3 {
		font-size: 16px;
	}

    .ms-p {
        font-size: 20px;
    }

}

/************
14. 414px
************/

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

	#slider .slide .div {
		width: 400px !important;
		top: 8% !important;
	}

	#quran {
		font-size: 30px !important;
	}

	.container-fluid #div-a .text {
		width: 100% !important;
		font-size: 16px !important;
	}

	.container-fluid #div-b .post .left #btm span {
		width: 46.6% !important;
	}

	.container-fluid #div-b a #more {
		clear: both !important;
		margin-left: 0px !important;
		margin-bottom: 25px !important;
	}

	.container-fluid .div-a-m {
		height: 250px !important;
		padding: 15px !important;
		padding-top: 40px !important;
	}

	.container-fluid #div-e {
		height: auto !important;
		padding-top: 0px !important;
		clear: both !important;
	}

	.container-fluid #div-e #rt {
		float: none !important;
		margin: auto !important;
		margin-bottom: 20px !important;
	}

	.container-fluid #div-e #cn {
		float: none !important;
		margin: auto !important;
		margin-bottom: 20px !important;
	}

	.container-fluid #div-e #lf {
		float: none !important;
		margin: auto !important;
		margin-bottom: 20px !important;
	}

	.container-fluid #page_body #lf {
		clear: both !important;
		width: 100% !important;
	}

	#message_body #text .member {
		margin-right: 0px !important;
		float: none !important;
		margin: auto !important;
	}

	#send_sms a div{
		width: 41% !important;
	}

    .card-header {
        font-size: 19px !important;
    }

	#payment_all #send_sms button {
		padding-right: 0% !important;
	}

	#payment_center a div {
		width: 45.5% !important;
	}

}


/************
14. 412px
************/

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

	.container-fluid #div-b .post .left #btm span {
		width: 46.2% !important;
	}


}

/************
14. 400px
************/

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

	#slider .slide .div {
		width: 390px !important;
		top: 8% !important;
	}

	.container-fluid .title {
		font-size: 20px !important;
	}

	.container-fluid #div-b .post .left #btm span {
		width: 46% !important;
	}

    .card-header {
        font-size: 18px !important;
    }

	#payment {
		width: 100% !important;
	}

	#payment_center a div {
		width: 45.4% !important;
	}

}


/************
14. 384px
************/

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

	#slider .slide .div {
		width: 370px !important;
		top: 8% !important;
	}

	#slider-foot,
	#quran,
	.container-fluid #div-a,
	.container-fluid #div-b,
	.container-fluid #div_block,
	.container-fluid #div_c,
	.container-fluid #div_block_b,
	.container-fluid #div_block_d,
	.container-fluid #div-c,
	.container-fluid #div_block_c,
	.container-fluid #div-d,
	.container-fluid #div-e {
		width: auto !important;
	}

	#head #div-b form {
		width: 76% !important;
	}

	#payment .div {
		width: 144px;
	}

	#send_sms a div{
		width: 90% !important;
	}

	#payment_center a div {
		width: 45.3% !important;
		font-size: 13px !important;
	}

    .card-header {
        font-size: 17px !important;
    }

	#footer_body #left #div-a #title {
		background-image: none !important;
		padding: 0px !important;
		text-align: center !important;
	}

	#footer_body #left #div-a #title {
		background-image: none !important;
		padding: 0px !important;
		text-align: center !important;
		font-weight: normal !important;
	}

	#footer_body #left #div-b #title {
		background-image: none !important;
		padding: 0px !important;
		text-align: center !important;
		font-weight: normal !important;
	}

	#footer_body #left #div-a a li {
		width: 82% !important;
	}

	#footer_body #left #div-b a li {
		width: 82% !important;
	}

}


/************
14. 375px
************/

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

	#slider .slide .div {
		width: 370px !important;
		top: 7% !important;
	}

	#head #div-b form {
		width: 75.4% !important;
	}


	#mobile_nav #logo {
		margin-right: 5px !important;
	}

	#payment .div {
		width: 135px;
		height: 155px;
	}

	#payment_center {
		width: 100% !important;
	}

    .card-header {
        font-size: 16px;
    }

	#payment_center a div {
		width: 45% !important;
		font-size: 12px !important;
	}

	#footer #footer_body .contact {
		margin-top: 50px;
	}

}


/************
14. 360px
************/

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

	#mobile_nav #logo {
		margin-right: 2px !important;
	}

	#slider .slide .div {
		width: 350px !important;
		top: 6% !important;
	}

    .card-header {
        font-size: 16px !important;
        font-weight: bold !important;
    }

	#quran {
		font-size: 27px !important;
	}

	#head #div-b #href_logo #logo {
		width: 150px !important;
		margin-right: 5px !important;
	}

	#head #div-b #href_logo #logo img {
		width: 150px !important;
	}

	#head #div-b form {
		width: 74% !important;
	}

	.btn-green {
		font-size: 16px;
	}

	.container-fluid #div-b .post .left #btm span {
		width: 46% !important;
	}

	#message_body #title {
		width: 100% !important;
		font-size: 20px !important;
	}

	#payment .div {
		width: 130px;
		height: 150px;
	}

	#payment .div img {
		margin-top: 15px;
		margin-bottom: 10px;
	}

	#payment_center a div {
		width: 44.9% !important;
	}

	#footer_body #right form {
		width: 86.4% !important;
	}

	#footer_body #left {
		width: 95.2% !important;
	}

	#footer #footer_head #left input {
		width: 81%;
	}

}

/************
14. 320px
************/

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

	#mobile_nav #logo {
		margin-right: 0px !important;
	}

	#mobile_nav #logo img {
		width: 115px !important;
		height: 50px !important;
	}

	#slider .slide .div {
		width: 310px !important;
		top: 5% !important;
	}

	#slider .slide .div #text {
		font-size: 15px !important;
	}

	#head #div-b {
		height: 180px;
	}

	#head .div-b {
		height: 180px !important;
	}

	#head #div-b #href_logo {
		width: 100% !important;
		height: 60px;
		position: relative;
		text-align: center;
	}

	#head #div-b #href_logo #logo {
		width: 100% !important;
		height: auto !important;
		margin: auto !important;
	}

	#head #div-b #logo img {
		width: 160px !important;
		height: 80px !important;
		margin: auto !important;
	}

	#head #div-b form {
		width: 90.2% !important;
	}

	#head #div-b form input {
		margin-top: 0px !important;
	}

	#head #div-b form .search_b {
		margin-top: 0px !important;
	}

	.btn-green {
		font-size: 15px;
	}

	.container-fluid #div-b .post .left {
		height: auto !important;
		overflow: auto !important;
	}

	.container-fluid #div-b .post .left #btm span {
		width: auto !important;
		height: auto !important;
		float: none !important;
		margin: auto !important;
	}

	.container-fluid #div-b .post .left #btm span #addtocart {
		width: 95% !important;
		float: none !important;
		margin-right: 0px !important;
	}

	.container-fluid #div-b .post .left #btm span #donatenow {
		width: 95% !important;
		float: none !important;
		margin-right: 0px !important;
	}

	#payment_center a div {
		width: 44% !important;
		margin-right: 0.1% !important;
	}

	.container-fluid #payment_all .div #btm span {
		width: 50% !important;
	}

	.container-fluid #payment_all .div #btm span #addtocart {
		width: 100% !important;
	}

	.container-fluid #payment_all .div #btm span #donatenow {
		width: 100% !important;
	}

    .card-header {
        font-size: 14px !important;
        font-weight: bold !important;
    }

	#footer_body #left #div-a #title {
		background-image: none !important;
		padding: 0px !important;
		text-align: center !important;
		font-weight: normal !important;
	}

	#footer_body #left #div-b #title {
		background-image: none !important;
		padding: 0px !important;
		text-align: center !important;
		font-weight: normal !important;
	}

	#footer_body #left #div-a a li {
		width: 82% !important;
	}

	#footer_body #left #div-b a li {
		width: 82% !important;
	}

}


/************
14. 240px
************/

@media only screen and (max-width: 240px) {
	html,
	body {
		display: none;
	}
}