#webicon{
    max-width:300px;
}
.LogoSectionIcons{
    max-width:30px;
    text-decoration: none;
    opacity:1;
}
.LogoSectionIcons:hover{
    max-width:30px;
    text-decoration: none;
}
#socialSection{
       padding-top:10px;
}
.telephone{
    display:inline-block;
    text-decoration:none;
    position:relative ;
    margin-left:50px;
}
.donate{
    display:inline;
    position:absolute;
    margin-top:1px; 
    margin-left:-40px;
}
.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.navbar-brand {
  padding: 0px;
}
.navbar-brand>img {
  height: 100%;
  padding: 7px 15px;
  width: auto;
}
#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(255, 255, 255, 1);
}
#custom-bootstrap-menu.navbar-default {
    font-size: 14px;
    background-image: none;
    background-color: rgba(0, 190, 184, 1);
    border-width: 1px;
    border-radius: 0px;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
     background-image: none;
    color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 190, 184, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
     background-image: none;
    color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 215, 190, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
     background-image: none;
    color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 215, 190, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #00d7be;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
     background-image: none;
    background-color: #00d7be;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
     background-image: none;
    background-color: #00d7be;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
     background-image: none;
    background-color: #00beb8;
}
#custom-bootstrap-menu .dropdown-menu{
   background-color:#00beb8;
       margin-top:-1px;
}
#custom-bootstrap-menu .dropdown-menu > li > a {

  color: white;
}
#custom-bootstrap-menu .dropdown-menu > li > a:hover {
    background-image:none;
    background-color:#00d7be;
 }
#bannerImg{
    background-image:url(../images/banner.jpg);
    padding:0px;
    background-position:center center;
    background-size:cover;
    max-width:100%;
    height:400px;
}
 #bannerHeader{
    text-align:center;
    color:white;
    padding-top:200px;
    font-size:40px;
}
.homePageSection{
    background-color:white;
    padding-right:5%;
    padding-left:5%;
    padding-bottom:5%;
}
#welcomeText{
    padding-top:3.5%;
}
#anouncementSection,#welcomeSection{
        padding-left:5%;
    padding-right:5%;
}
#welcomeSection h4{
    color:black;
}
.img-size{
    width:700px;
}
.img-size2{
    width:700px;
    max-height:350px;
}
.dateHeader{
    color:lightgray;
}
/*Praying Time Style*/
.prayerTimeSection h1{
    color:black;
}
.prayerTimeSection{
    background-image:url(../images/prayerTime.jpg);
    text-align:center;
    color:white;
    padding:5%;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
}

.prayerDivStyle img{
    max-width:150px;
}
.prayerDivStyle h4{
    font-size:18px;
}
.prayerDivStyle h5{
    color:white;
}
#PrayerHeader{
    text-align:center;
    color:white;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   
}
/*Praying Time Style*/

.header1{
    color:#00d8c0;
}
.contactSection{
    background-color:#00beb8;
    padding:5%;
    color:white;
}
.row.vdivide [class*='col-']:not(:last-child):after {
  background: #e0e0e0;
  width: 1px;
  content: "";
  display:block;
  position: absolute;
  top:0;
  bottom: 0;
  right: 0;
  min-height: 70px;
}
.contactStyle{
    text-align:left;
     padding-left:11%;
}
.copyRights{
    background-color:#00beb8;
    color:white;
    text-align:center;
}
.custombtn{
 background-color: rgba(243, 243, 243, 0.20);
    border:1px solid #00beb8;
    border-radius:2.5px 2.5px;
}
.dropdown-menu{
   background-color: rgba(0,0,0,0.2);
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: white;
  white-space: nowrap;
}
.prayTimeMenuItem img{
    max-width:25px;
}
.DonateBtn{
    background-color:#00beb8;
    width:100%;
    text-align:left;
    margin-left:-5px;
    height:50%;
    border:0px;
}
.DonateBtn:hover{
    background-color:#00d7be;
}
.DonateBtn2{
    width:100%;
  background: #03f0d4;
  background-image: -webkit-linear-gradient(top, #03f0d4, #00d8c0);
  background-image: -moz-linear-gradient(top, #03f0d4, #00d8c0);
  background-image: -ms-linear-gradient(top, #03f0d4, #00d8c0);
  background-image: -o-linear-gradient(top, #03f0d4, #00d8c0);
  background-image: linear-gradient(to bottom, #03f0d4, #00d8c0);
  -webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  border-color:white;
}
.DonateBtn2:hover{
  background: #2ec7b3;
  background-image: -webkit-linear-gradient(top, #2ec7b3, #2bb8a5);
  background-image: -moz-linear-gradient(top, #2ec7b3, #2bb8a5);
  background-image: -ms-linear-gradient(top, #2ec7b3, #2bb8a5);
  background-image: -o-linear-gradient(top, #2ec7b3, #2bb8a5);
  background-image: linear-gradient(to bottom, #2ec7b3, #2bb8a5);
  text-decoration: none;
}

.SchoolBtn {
    background: #03f0d4;
    background-image: -webkit-linear-gradient(top, #03f0d4, #00d8c0);
    background-image: -moz-linear-gradient(top, #03f0d4, #00d8c0);
    background-image: -ms-linear-gradient(top, #03f0d4, #00d8c0);
    background-image: -o-linear-gradient(top, #03f0d4, #00d8c0);
    background-image: linear-gradient(to bottom, #03f0d4, #00d8c0);
    -webkit-border-radius: 7;
    -moz-border-radius: 7;
    border-radius: 7px;
    font-family: Arial;
    color: #ffffff;
    font-size: 15px;
    padding: 10px 20px 10px 20px;
    margin-left:25px;
    text-decoration: none;
    border-color: white;
}

    .SchoolBtn:hover {
        background: #2ec7b3;
        background-image: -webkit-linear-gradient(top, #2ec7b3, #2bb8a5);
        background-image: -moz-linear-gradient(top, #2ec7b3, #2bb8a5);
        background-image: -ms-linear-gradient(top, #2ec7b3, #2bb8a5);
        background-image: -o-linear-gradient(top, #2ec7b3, #2bb8a5);
        background-image: linear-gradient(to bottom, #2ec7b3, #2bb8a5);
        text-decoration: none;
    }
/*Events*/
.dateTopHome,.dateTopPraying{
    background-color:#00d8c0;
    height:20px;
}
.dateTextHome,.dateTextPraying{
    background-color:white;
    border:solid 1px #00d8c0;
}
#eventContent{
    padding:5%;
    padding-left:10%;
     padding-right:10%;
}
.eventContentHeader{
    color:#00d8c0;
}
/*Events*/

/*Al noor school*/
.row-eq-height-sm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    flex-direction: column;
}
.dateTopSchool{
    height:20px; 
    background-color:white;
}
.dateTextSchool{
    height:65px; 
    background-color:#00d8c0; 
    border:1px solid;
}
.schoolRegistration h5{
    color:white;
}
.generalSchoolSection{
    margin-top:-20px;
}
#schoolContent{

    background-color:#00d8c0;
    color:white;
    padding:3%; 
        padding-left:10%;
    padding-right:10%;   

}
#voulnteerSection{
    padding:3%;    
    background-color:white;
}
#voulnteerSection h3,h5{
    color:#03d7c1;
}
/*Al noor school*/

/*Ramdan*/
#RamdanSection{
    padding:3%;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border:2px solid #00d8c0;
}
thead{
    background-color:#00d8c0;
    color:white;
}
.linkcolor{
    color:#00beb8;
}
/*Ramdan*/

/*Contact Us*/
#contactContent{
    margin-left:4%;
}
#contactContent2{
    margin-right:4%;
}
/*Contact Us*/

/*Gallery*/
#gallerySection{
    padding-left:5%;
    padding-right:5%;
}
.galleryImg-size{
    max-height:150px;
}
/*Gallery*/

/*About Us Section*/
#AboutUsSection{
    padding-right:5%;
    padding-left:5%;
}
/*About Us Section*/

/*New Mosque Project Section*/
#mosqueProjectSection{
    padding-left:8%;
    padding-right:8%;
}
#NewMosqueProjectSection{

}
#donateSection{

    padding-top:2%;
    padding-right:5%;
    padding-left:5%;

}
.masjidNewsHeader{
    color:black;
}

/*New Mosque Project Section*/

@media (min-width:768px) {
    .row-eq-height-sm {
        flex-direction: row;
    }

    #schoolContent {
        background-color: #00d8c0;
        color: white;
    }
    #AboutUsSection h2{
     padding-left:3%;
}
    #AboutUsSection h3 {
         padding-left:5%;
    }


}
@media(max-width:768px){
    /*Alnoor School*/
            .dateTopSchool {
        background-color:#00d8c0;
    }
    .dateTextSchool {
       background-color:white;
           border:1px solid #00d8c0;
    }
    .generalSchoolSection{
        color:black;
    }
    #schoolContent {
        background-color:white;
        color: black;
    }
    #schoolContent h3,h4{
        color:#00d8c0;
    }
    .mobileDateHeader{
        color:black;
    }
    .headertext{
        color:white;
    }
      /*Alnoor School*/


}
@media(max-width:992px){
      /*Alnoor School*/
    #voulnteerSection {
        padding-left: 10%;
        padding-right: 10%;
    }
 .generalSchoolSection,#eventContent,.RamdanPage,#learnAbouIslamSection,.homePageSection,#gallerySection,#NewMosqueProjectSection{
             text-align:center;
}
/*Alnoor School*/
         #welcomeText{
        text-align:center;
    }

/*About Us Section*/
#AboutUsSection h2,h3{
     text-align:center;
}
/*About Us Section*/

/*New Mosque Project*/
      .DonateBtn3{
   background-color:white;
   border:1px solid #00d8bf;
   border-radius: 5px;
   font-size:18px;
   text-align:center;
   width:150px;
}
.DonateBtn3:hover{
   background-color:#00d8bf;
   color:white;
}
.donateAnouncmentHeader{
    color:#00d8c0;
}
/*New Mosque Project*/

}
@media(min-width:992px){
.borderBetweenCol{
   padding-right:20px; 
   border-right: 1px solid white;
}
.borderBetweenColEvent{
   padding-right:20px; 
   padding-left:20px;
   border-right: 1px solid lavender;            
}
.borderBetweenAnnouncements{
   border-left: 1px solid lightgray;               
}
.borderbetweenSectionHome{
   border:2px dashed lightgray;             
}
.picturesHeader{
   margin-left:20px;
}
/*Ramdan*/
.borderBetweenColRamdan{
   padding-left:20px; 
   border-left: 1px solid lightgray;
}
/*Ramdan*/

/*Events*/
.dateTopHome,.dateTextHome,.dateTopSchool,.dateTextSchool {
    width: 90px;
 }
.eventContentHeader,.eventContentPargraph{
    margin-top:-1px;
    margin-left:20px;
}
/*Events*/

/*Alnoor School*/
.importantSchoolHeader {
   margin-top: -1px;
   margin-left:10px;
}
.importantSchoolContent{
   margin-left:10px;
}
/*Alnoor School*/

    .contactSection{
        padding-left:5%;
     }
     #PrayerHeader{
        margin-left:-20px;
     }
     .mapPosition{
        padding-right:15%;
     }
     .directiontext{
          margin-right:3%;
     }
     .directionContect{
         text-align:left;
     }
/*New Mosque Project*/
.row-eq-height {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display:         flex;
}
#donateSection {
   background-color: #00d8bf;
        color: white;
    }
     .DonateBtn3{
   background-color:#00d8bf;
   border:1px solid white;
   border-radius: 5px;
   font-size:18px;
   text-align:center;
   width:150px;
}
.DonateBtn3:hover{
   background-color:white;
   color:black;
}
#donateHeader{
    color:white;
}
.mosqueProjectLink{
    color:#ffff00;
}
.mosqueProjectLink:hover{
    color:#ffff00;
}
.mosqueProjectLink:visited{
    color:#eaea00;
}
     /*New Mosque Project*/
}


@media only screen and (min-width: 480px)  {
    #PrayerHeader{
         padding-left:4%;
    }
}
@media only screen and (max-width: 480px)  {
    #bannerImg{
    height:250px;
    }
        #bannerImg h1 {
            text-align: center;
              padding-top:75px;
        }

 .copyRights{
         padding-left:10%;
 }
}
@media (max-width: 1200px) {
    /*navbar collapse earlier*/
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
    /*navbar collapse earlier*/
}


.navbar-fixed-top{
    position:relative;

}
@media only screen and (max-width: 480px){
 .navbar-fixed-top{
   position:fixed;
 }
}
.navbar {
    margin-bottom: 0;
    border-color: #00beb8;
}