/*------ activity_with_corner ------*/
    .square-corner-with-border{
    padding:10px 10px 10px 10px;
    border: 1px solid #d7dbe0;
    border-radius: .25rem;
    background:#fff;
    }
    .square-corner-with-border:hover{
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.14);
    }
     /*------ activity_with_corner ------*/
      /*------ activity_hr_div------*/
      .square-corner-hr{
    padding:10px 10px 10px 10px;
    border: 1px solid #d7dbe0;
    border-radius: .25rem;
    margin:10px;
  }
  .square-corner-hr:hover{
  box-shadow: 0 2px 8px 0 rgba(0,0,0,.14);
  
  }
   .img-div{
    padding-left:0px;
    padding-right:0px;
    }
    .desc-div{
        padding-left:20px;
        padding-right:0px;
    }   
      /*------ activity_hr_div------*/
      
      
       /*------ activity_round_corner_div------*/
       .square-with-round-corner{
            padding:0px 0px 20px 0px;
            border: 1px solid #d7dbe0;
            border-radius:10px;
            background:#fff;
          }
          .square-with-round-corner:hover{
          box-shadow: 0 2px 8px 0 rgba(0,0,0,.14);
          
          }
          .act-img-round{
          border-top-left-radius: 10px;
          border-top-right-radius: 10px;
        }
        /*------ activity_round_corner_div------*/
        
        
         /*------ activity_single_div------*/
          .square-single_div{
            padding:10px 10px 20px 10px;
            border: 1px solid #d7dbe0;
            border-radius: .25rem;
             margin:10px;
          }
          .square-single_div:hover{
          box-shadow: 0 2px 8px 0 rgba(0,0,0,.14);
          
          }
          .blog_item_img {
        	position:relative
        }
        .blog_item_img img {
        	height:200px;
        	object-fit:cover!important;
        }
        .blog_item_img .blog_item_date {
        	position:absolute;
        	bottom:-30px;
        	left:50px;
        	display:block;
        	color:#fff;
        	padding:8px 30px;
        	border-radius:5px;
        	z-index:1
        }
        .blog_item_date p,.blog_item_date h3{
             margin-bottom: 0px;
        }
        .act-heading-single-div{
         padding-top:40px;
         font-size:22px; 
         margin-bottom: 0px;
        }
          /*------ activity_single_div------*/
          
          
           /*------ activity_two_div------*/
           .square-two-div{
                padding:10px 10px 20px 10px;
                border: 1px solid #d7dbe0;
                border-radius: .25rem;
                margin:10px;
                }
                .square-two-div:hover{
                  box-shadow: 0 2px 8px 0 rgba(0,0,0,.14);
                  
                }
                .square-two-div-img{
                     object-fit: cover;
                }
            /*------ activity_two_div------*/
          
            /*------ activity_with_date------*/
             .square-with-date{
                padding:10px 10px 20px 10px;
                border: 1px solid #d7dbe0;
              }
              .square-with-date:hover{
              box-shadow: 0 2px 8px 0 rgba(0,0,0,.14);
              
              }
              /* Css For Datebox on image */
             .date-on-div {
            	position:absolute;
            	bottom:176px;
            	left:50px;
            	color:#fff;
            	padding:8px 30px;
            	border-radius:5px;
            	z-index:1;
            	display: flex;
            	text-align:center;
            }
            .date-on-div p,.date-on-div h1{
                margin-bottom: 0px;
                font-size: 16px;
                text-transform: uppercase;
            }
            .date-col{
               	text-align:center;
               	padding: 8px 10px;
            }
            .month-year-col{
                 background:rgb(255, 255, 255);
                 color: #777;
                 text-align:center;
                 float:right;
                 padding: 5px 20px;
                font-size: 16px;
                text-transform: uppercase;
            }   
            .act-date-desc{
                  padding-top:10px;
                  font-size:16px;
                  text-align: justify;
                  margin-bottom: 0px;
              }
              /*------ activity_with_date------*/
              
              /*------ activity_without_corner------*/
              .square-without-corner{
                padding:0px 0px 20px 0px;
                border: 1px solid #d7dbe0;
                border-radius: .25rem;
                background:#fff;
              }
              .square-without-corner:hover{
              box-shadow: 0 2px 8px 0 rgba(0,0,0,.14);
              
              }
              .act-info{
                padding:10px 10px 0px 10px;
                }
              /*------ activity_without_corner------*/
              
              
          
          
        
    .act-img{
          height:176px;
          width:100%;
          text-align:center;
    }
      .act-date{
          padding-top:10px;
          font-size:14px;
          font-style: italic; 
          margin-bottom: 0px;
      }
      .act-heading{
         padding-top:10px;
         font-size:22px; 
         margin-bottom: 0px;
         height: 55px;
         overflow: hidden;
      }
      .act-desc{
         /* padding-top:10px;*/
          font-size:16px;
          text-align: justify;
          margin-bottom: 0px;
      }
       /* CSS For Read More  */
     .act-readmore-btn{
         font-size:16px;
         font-weight:bold;
         color:black;
     }
     .act-readmore{
          padding-top:10px;
          margin-bottom: 0px;
     }
     .act-readmore-btn:hover{
         text-decoration:none;
         /*color:black;*/
     }

     .more-link {
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}

.more-link:after {
    content: "\f061";
    padding-left: 6px;
    font-family: 'Font Awesome\ 5 Free';
    font-size:12px;
}

.more-link:hover {
    padding-left: 10px;
}

a.more-link:hover::after {
    content: "\f00c";
}




@media (max-width: 768px) {
 .date-on-div {
    position: absolute;
    bottom: 170px;
    left: 120px;
    color: #fff;
    padding: 8px 30px;
    border-radius: 5px;
    z-index: 1;
    display: flex;
    text-align: center;
    }

}

   /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .square-corner-with-border{
      margin:15px;
  }
  .square-without-corner{
      margin:15px;
  }
  .square-with-round-corner{
      margin:15px;
  }
  .act-img{
          height:250px;
          width:100%;
          text-align:center;
        }
       .square-with-date{
        margin:15px;
        }
      .date-on-div {
    position: absolute;
    bottom: 170px;
    left: 120px;
    color: #fff;
    padding: 8px 30px;
    border-radius: 5px;
    z-index: 1;
    display: flex;
    text-align: center;
}
}
/* Extra small devices (phones, 400px and down) */
@media only screen and (max-width: 400px) {

  .act-img{
          height:200px;
          width:100%;
          text-align:center;
      }
       .date-on-div {
        	position:absolute;
        	bottom:168px;
        	left:90px;
        	color:#fff;
        	padding:8px 30px;
        	border-radius:5px;
        	z-index:1;
        	display: flex;
        	text-align:center;
        }
        .desc-div {
    padding-left: 0px;
    padding-right: 0px;
    }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .act-img{
          height:250px;
          width:100%;
          text-align:center;
      }
      .date-on-div {
        position: absolute;
        bottom: 190px;
        left: 80px;
        color: #fff;
        padding: 8px 30px;
        border-radius: 5px;
        z-index: 1;
        display: flex;
        text-align: center;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .act-img{
          height:250px;
          width:100%;
          text-align:center;
      }
      .square-corner-with-border{
      margin:15px;
        }
        .square-with-date{
      margin:15px;
        }
        .square-without-corner{
        margin:15px;
        }
        .square-with-round-corner{
        margin:15px;
        }
          .date-on-div {
            position: absolute;
            bottom: 191px;
            left: 80px;
            color: #fff;
            padding: 8px 30px;
            border-radius: 5px;
            z-index: 1;
            display: flex;
            text-align: center;
        }
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
 .act-img{
          height:150px;
          width:100%;
          text-align:center;
      }
      .square-corner-with-border{
      margin:0px;
        }
         .square-with-date{
              margin:0px;
          }
          .square-with-round-corner{
        margin:0px;
        }
            .square-without-corner{
            margin:0px;
            }
    .date-on-div {
	position:absolute;
	bottom:176px;
	left:50px;
	color:#fff;
	padding:8px 30px;
	border-radius:5px;
	z-index:1;
	display: flex;
	text-align:center;
    }
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .act-img{
          height:176px;
          width:100%;
          text-align:center;
      }
      .square-corner-with-border{
      margin:0px;
    }
    .square-with-date{
      margin:0px;
    }
    .square-with-round-corner{
        margin:0px;
        }
    .square-without-corner{
            margin:0px;
            }
    .date-on-div {
    	position:absolute;
    	bottom:176px;
    	left:50px;
    	color:#fff;
    	padding:8px 30px;
    	border-radius:5px;
    	z-index:1;
    	display: flex;
    	text-align:center;
    }
}