div#nav-home {
    max-width: 1000px;
    align-items: center;
    /* padding: 0 8em; */
    margin: auto;
    margin-top: 8em;
}


video::-webkit-media-controls {
  display: none;
}

/* === BASE HEADING === */ 
h1:before,
h1:after {
  background-color: #71cd29;
}
div .title{
  position: relative;
  /* background: #f8f8f8; */
  width: 90%;
  /* max-width: 500px; */
  padding: 2em 0 0 0;
  margin: 1.5em auto;
  /* border: 3px solid rgba(0, 0, 0, 0.08); */
}

h1 {
  position: relative;
  padding: 0;
  margin: 0;
  font-family: "Raleway", sans-serif;
  font-weight: 300;
  font-size: 40px;
  color: #080808;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

h1 span {
  display: block;
  font-size: 0.5em;
  line-height: 1.3;
}
h1 em {
  font-style: normal;
  font-weight: 600;
}

.eleven h1 {
  font-size:30px;
  text-align:center; 
  line-height:1.5em; 
  padding-bottom:45px;
   font-family:"Playfair Display", serif; 
   text-transform:uppercase;letter-spacing: 2px; 
   color:#1a6e40;
   font-weight: 700;
}


.eleven h1:before {
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 60%;
  left:50%; margin-left:-30%;
  height: 1px;
  content: "";
  background-color: #777; z-index: 4;
}
.eleven h1:after {
  position:absolute;
  width:40px; height:40px; left:50%; margin-left:-20px; bottom:0px;
  content: '\00a7'; font-size:30px; line-height:40px; color:#71cd29;
  font-weight:400; z-index: 5;
  display:block;
  background-color:#f8f8f8;
}

.album {
    margin: 1em;
}

.album .responsive-container-block {
    min-height: 75px;
    height: fit-content;
    width: 100%;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    justify-content: flex-start;
  }
  
  .album .responsive-container-block.bg {
    max-width: 1320px;
    margin: 3em auto;
    justify-content: space-between;
  }
  
  .album .img {
    width: 100%;
    /* margin: 0 0 20px 0; */
  }
  
  .album #i9rb {
    color: black;
  }
  
  .album #ir6i {
    color: black;
  }
  
  .album #ikz3b {
    color: black;
  }
  
  .album .responsive-container-block.img-cont {
    flex-direction: column;
    max-width: 33.3%;
    min-height: auto;
    margin: 0 0 0 0;
    height: 100%;
  }
  
  .album #ipix {
    color: black;
  }
  
  .album #ipzoh {
    color: black;
  }
  
  .album #ig5q8 {
    color: black;
  }
  
  .album #imtzl {
    color: black;
  }
  
  .album #i53es {
    color: black;
  }
  
  .album .img.img-big {
    height: 50%;
    margin: 0 0 16px 0;
  }
  
  @media (max-width: 1024px) {
    .album .img {
      margin: 0 0 18px 0;
    }
    .album .responsive-container-block.bg {
      /* flex-direction: column; */
    }
    .album .img {
      max-width: 32.5%;
      margin: 0 0 0 0;
    }
    album .img.img-big , 
    .album .img {
      max-width: 100%;
      margin: 0 0 0 0;
    }
  }
  
  @media (max-width: 768px) {
    .album .img {
      max-width: 32.5%;
      margin: 0 0 0 0;
    }
  
   
  
    .album .responsive-container-block.img-cont {
      max-width: 100%;
      /* flex-direction: column; */
      /* justify-content: space-between; */
    }
  
    .album .img.img-big , 
    .album .img {
      max-width: 100%;
      margin: 0 0 0 0;
    }
  }
  
  @media (max-width: 500px) {
    .album .img {
      max-width: 94%;
      margin: 0 0 25px 0;
    }
    .album{
      margin: 0;
    }
    .album .responsive-container-block.img-cont {
      flex-direction: column;
      align-items: center;
      /* padding: 4em 10px 10px 10px; */
    }
  
    .album .img.img-big {
      max-width: 94%;
      margin: 0 0 15px 0;
    }
  
    .album .img.img-last {
      margin: 0 0 25px 0;
    }
  }


p img  {
    width: -webkit-fill-available;
    margin-bottom: 5em
}



@media (min-width: 1200px) {
 
}

@media (max-width: 1823px) {

}

@media (max-width: 1215px) {
 
}

/* Medium screen : 992px. */

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

/* Tablet :768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .goshala_3 {
        padding: 3em 0 0;
        margin-top: 63em;
    }
}


/* Small Mobile :320px. */

@media only screen and (max-width: 479px) {
 
    .header-section>.container {
      top:0;
         /* max-width: 400px; */
}
.container {
    top:0;
}
}