/*-------------Top header css---------------------------*/
* {
    padding:0px;
    margin:0px;
    box-sizing:border-box;
    font-family: "Ramabhadra", Times, serif;

}


/* nav  bar css #8c50b5 */

  
   .menubar {
    background-color:#9c3587;
    list-style-type: none;
    padding-left:12px;
    padding-bottom:10px;
    padding-top:5px;

  }
  
   .menubar li {
    display:inline-block;
 /*  margin:2px;
    padding:7px 0 7px; */
    padding:3px;
	margin-right:4px;
  }
  
   .menubar li a {
    color:white;
    text-decoration: none;
	font-size:14px;
	font-weight:500;
 /*   padding:15px;
    font-size:14px;
     */
  }
  
.menubar li a:hover {
    color:aqua;           /*#1ecaff   #64f024*/
  }

  .banner-image-container {
 padding-bottom: 28.25%;
 width: 100%;
 position:relative;
 overflow:hidden;
}
.banner-image {
  position: absolute;
top:0;
left:0;
width:100%;
height:100%;
}

@media (max-width:800px) {


.banner-image-container {
     padding-bottom:25.25%;

 }


}

/*--------------------------------------------------*/

/*-----puranamdiv css----------------------------------*/

.puranam {
    margin-top:8px;
    /* line-height:40px; */
    height:50px;
    width:100%;
    margin-bottom:8px;
}
.puranam-img-container {
  float:right;
  padding:3px;
}
 .puranam a:nth-child(1) {
    margin-right:5px;
  
}
.puranam-img {
    /* float:right; */
    height:40px;
    width:360px;
	vertical-align:middle;
	
}
/*------------category section css------------------------*/


/*--------------------------------*/

/* special headings */
.special-headings {
  font-family: "Roboto";
  font-weight: bold;
  font-size: 30px;
  color: rgb(78, 6, 85);
  padding-left: 7px;
  padding-bottom: 12px;
}

/* container css styles    */

.big-container {
  display: grid;
  grid-template-columns: repeat(3, minmax(280px, 1fr));
  grid-gap: 6px;
}

.container {
  display: flex;
  flex-direction: column;
  background-size: cover;
  
  padding:15px;
}

.special-image:hover {
  transform: scale(1.02);
}

.special-image {
  height:auto;
  width: 100%;
  /* max-width: 100%; */
  transition: transform 0.1s;
}


.special-sideheadings {
  font-family: "Ramabhadra", Times, serif;
  font-size:20px;
  font-weight: 500;
  line-break: auto;
  color: #555;
  padding-top: 6px;
  padding-bottom: 8px;

}
.special-sideheadings:hover {
   color:#005580;
}

.container a {
  text-decoration: none;
}

@media (max-width:800px) {
  .big-container {
      grid-template-columns: repeat(3, minmax(95px, 1fr));
      grid-gap:4px;
  }

  .special-image {
      height: 120px;
      width: 100%;
  }

  .special-headings {
      font-size: 20px;
  }

  .special-sideheadings {
      font-size: 8px;
  }

}
/*-----------------------------------------------------*/