/*------ activity_with_corner ------*/
    .square-corner-with-border{
          padding:10px 10px 20px 10px;
          box-shadow: 0 0 31px #efefef;
         
    }
    @media(max-width:800px){
        .square-corner-with-border{
            height:auto !important;
        }
    }
      .square-corner-with-border:hover{
      box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.4);
      top: -3px;
      position: relative;
    }
     /*------ activity_with_corner ------*/
      /*------ activity_hr_div------*/
        .square-corner-hr{
        padding:10px 10px 10px 10px;
        box-shadow: 0 0 31px #efefef;
        margin:10px;
          }
          .square-corner-hr:hover{
            box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.4);
            top: -3px;
            position: relative;
          
          }
           .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;
          box-shadow: 0 0 31px #efefef;
          border-radius:10px;
           
          }
          .square-with-round-corner:hover{
          box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.4)!important;
          top: -3px;
          position: relative;
        }
        .act-img-round{
          border-top-left-radius: 10px;
          border-top-right-radius: 10px;
        }
         @media(max-width:800px){
        .square-with-round-corner{
            height:auto !important;
        }
    }
        
        /*------ activity_round_corner_div------*/
       
       
        /*------ activity_single_div------*/
        .square-single_div{
          padding:10px 10px 20px 10px;
          box-shadow: 0 0 31px #efefef;
          margin:10px;
      }
      .square-single_div:hover{
          box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.4)!important;
          top: -3px;
          position: relative;
        }
        .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;
          box-shadow: 0 0 31px #efefef;
          margin:10px;
          }
          .square-two-div:hover{
          box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.4)!important;
          top: -3px;
          position: relative;
        }
        .square-two-div-img{
                     object-fit: cover;
        }
        /*------ activity_two_div------*/
          
        /*------ activity_with_date------*/
        
        .square-with-date{
          padding:10px 10px 20px 10px;
          box-shadow: 0 0 31px #efefef;
      }
      .square-with-date:hover{
        box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.4)!important;
        top: -3px;
        /*position: relative;*/
     }
      /* 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;
          box-shadow: 0 0 31px #efefef;
          
          }
          .square-without-corner:hover{
          box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.4)!important;
          top: -3px;
          position: relative;
          }
          .act-info{
          padding:10px 10px 0px 10px;
          }
          @media(max-width:800px){
        .square-without-corner{
            height:auto !important;
        }
    }
          /*------ 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 !important;
      }
      .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-without-corner{
            margin:0px;
            }
            
        .square-with-round-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;
}
}