/* Inner pages starts */
  h2{
    color: #491276;
    font-family: "Hurme geometric", Sans-serif;
    font-size: 20px;
    font-weight: 600;
  }
  .table-container {
    display: flex;
    flex-wrap: wrap;
    justify-content:flex-start;
  }

 .col-container {
    box-sizing: border-box;
    min-width: 340px;
    min-height: 342px;
    max-width: 340px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EBD5FE;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 1;
    margin: 15px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;  
    position: relative;
}

.col-container ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 0px;
  margin-bottom: 2rem;
}

.table-container .col-container ul li img {
  /* width: 140px; */
  height: 200px;
  text-align: center;
}

.table-container .col-container .publications-title {
  font: normal normal 600 16px/5px Hurme Geometric Sans 1;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0px;
  color: #491276;
  opacity: 1;
  padding: 28px 0px 10px 0px;
}

.col-container button.btn-outline {
  background-color: #ffffff;
  border: 1px solid #00A8E2 ;
  opacity: 1;
  width: 100% !important;
  text-align: center;
  font: normal normal 600 14px/24px Hurme Geometric Sans 1;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #000000;
}

.col-container button.btn-outline:hover {
  background-color: #00A8E2;
  color: #000000;
  opacity: 1;
}

.col-container button.btn-outline > i.fa.fa-caret-right {
  padding-top: 5px;
  font-size: 16px;
}



.col-container ul li.btn-wrapper {
  width: 90%;
  position: absolute;
  bottom: 2rem;
}

.col-container ul li.Content-ariya {
    margin-bottom: 2rem !important;
}



/* Responsive Media Queries */
@media screen and (max-width: 1180px) and (min-width: 1023px) {
    .col-container {
      min-width: 46%;
    }
}

@media only screen and (max-width: 989px) {
 
    .col-container {
    width: 45%;
	min-width:45%;
    }

}


@media only screen and (max-width: 799px) {
  .col-container {
  min-width: auto;
  }

}


@media screen and (max-width: 900px) and (min-width: 667px) {
	p.banner_sm {
		margin-top: 25%;
	}
}


@media only screen and (max-width: 736px) {
    .col-container {
      width: 100%;
	  min-width: 100%;
      min-height: auto !important;
    }    
	
	.col-container {
		margin: 15px 0px;
	}	

}


@media only screen and (max-width: 386px) {
  .banner_sm {
  margin-top: 40%;
  }  

}

  /* Inner pages end */