.online_constulation{width:100%; height:auto; margin-bottom:6px;}

.constulation-inner {
	display: flex;
	width: 100%;
	margin: 0 auto;
}

.wthree_events_grid {
	flex: 2;
}

.events_right_grid {
	flex: 1;
}

.agileinfo_events_grid1 {
	padding: 0em 0em 1.5em 2.5em;
	float: left;
	width: 85%;
        position: relative;
        }

.grid3 {
	padding-bottom: 0em!important;
}



.agileinfo_events_grid1 a {
	font-size: 17px;
	letter-spacing: 1px;
	color: #4078c0;
	font-weight: 500;
	text-transform: capitalize;
	line-height: 1.5em;
	text-decoration: none;
	display: block;
	font-family:verdana;
}

.agileinfo_events_grid1 a:hover,
.agileinfo_events_grid1 a:focus {
	color: #4078c0;
	text-decoration: none;
	outline: none;
}

.agileits_event_grid_date {
	float: left;
	width: 125px;
	position: relative;
}

.agileits_event_grid_date:after {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	border-radius: 50px;
	
	right: 112.5px;
	top: -5px;
	z-index: 9;
}

.event-grids:hover .agileits_event_grid_date:after {
	transform: scale(1.8);
	-webkit-transform: scale(1.8);
	-moz-transform: scale(1.8);
	-o-transform: scale(1.8);
	-ms-transform: scale(1.8);
	transition: 0.5s ease-in;
	-webkit-transition: 0.5s ease-in;
	-moz-transition: 0.5s ease-in;
	-ms-transition: 0.5s ease-in;
	-o-transition: 0.5s ease-in;
}

.agileits_event_grid_date p {
	text-transform: uppercase;
	font-weight: 600;
	color: #797979;
	font-size: 1.2em;
	letter-spacing: 7px;
}

.agileits_event_grid_date span {
	display: block;
	font-size: 2em;
	letter-spacing: 4px;
	line-height: 1;
	font-weight: 600;
	color: #4078c0;
	text-shadow: 1px 1px 2px #a7a7a7;
}

.events_info_w3ls {
	padding: 31px;
	
}

.events_info_w3ls p,
.carousel-inner p {
	font-size: 14px;
	color:gray;
	letter-spacing: .6px;
	line-height: 33px;
}

/*--// Blog --*/
@media(max-width:1600px) {
	.agileits_updates_grid_right {
		padding: 0.8em 4em 0em;
	}
	
}

@media(max-width:1440px) {
.agileits_event_grid_date {
		width: 120px;
	}

}

@media(max-width:1366px) {
	
	.agileits_updates_grid_right {
		padding: 0em 4em 0em;
	}
	.agileinfo_events_grid1 {
		width: 100%;
	}

}

@media(max-width:1280px) {

	.agileits_updates_grid_right {
		padding: 3.5em 7em 0em;
		width: 100%;
	}
	.agileinfo_events_grid1 {
		width: 100%;
	}
}
@media(max-width:1050px) {
	.agileinfo_events_grid1 {
		width: 79%;
	}
    .agileinfo_events_grid1 {
		width: 100%;
	}

}
@media(max-width:991px) {
.agileits_event_grid_date p {
		font-size: 1.1em;
		letter-spacing: 5px;
	}
	.agileits_event_grid_date span {
		font-size: 1.7em;
	}
	
}

@media(max-width:900px) {
	
	.agileits_event_grid_date {
		width: 100px;
	}
	.agileinfo_events_grid1 {
		width: 81%;
	}
	
	.agileinfo_events_grid1 {
		width: 100%;
		padding-right: 0;
	}
	.events_-right_grid {
		min-height: 25em;
		margin-top: 2em;
	}
	
}
@media(max-width:800px) {
	
	.agileits_updates_grid_right {
		padding: 3em 2em 0em;
	}
	.agileinfo_events_grid1 a {
		font-size: 1.2em;
	}
	.events_info_w3ls {
    
    padding-top: 0px;
}
	
}

@media(max-width:768px) {
	.agileinfo_events_grid1 {
		width: 100%;
	}
	.bnr-lft-agileits h2 {
		width: 73%;
	}
	.events_info_w3ls {
    
    padding-top: 0px;
}
}
@media(max-width:736px) {
	.agileinfo_events_grid1 {
		width: 100%;
	}
	.events_info_w3ls {
    
    padding-top: 0px;
}
}

@media(max-width:667px) {
	
	
	.agileinfo_events_grid1 {
		width: 100%;
	}

}

@media(max-width:640px) {
	
	.agileinfo_events_grid1 {
		width: 100%;
	}
	.events_-right_grid {
		min-height: 14em;
	}
}

@media(max-width:600px) {

	.agileits_updates_grid_right {
		padding: 2.5em 1em 0em;
	}
	
}

@media(max-width:568px) {
		.agileinfo_events_grid1 {
		width: 100%;
	}

}
@media(max-width:480px) {
.agileits_event_grid_date {
		width: 100%;
		float: none;
		padding-bottom: 10px;
	}
	.agileits_event_grid_date:after {
		top: 61%;
		right: 98%;
	}
	.agileinfo_events_grid1 {
		width: 100%;
		padding: 1.8em 0 2em;
		
	}
	.agileinfo_events_grid1:before {
		left: 0px;
		top: 5%;
		
	}
	
}
@media(max-width:375px) {
	.event-grids:hover .agileits_event_grid_date:after {
		transform: scale(1.4);
		-webkit-transform: scale(1.4);
		-moz-transform: scale(1.4);
		-o-transform: scale(1.4);
		-ms-transform: scale(1.4);
	}
}

.heading {margin-bottom: 32px;}
.step{padding-bottom: 20px;
    color: #3574a0;
    font-size: 24px;
	text-align:left;
    }
 .blog{ width: 100%;  margin-bottom: 42px;}

::placeholder {
    color: #676161;
    opacity: 1;
   font-weight:100;	
}

:-ms-input-placeholder { 
   color: #676161;
    font-weight:100;	
}

::-ms-input-placeholder { 
   color: #676161;
    font-weight:100;	
}


.effect7
{
    position:relative;
   margin-bottom: 27px;
}
.effect7:before, .effect7:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    border-radius:100px / 10px;
} 
.effect7:after
{
    right:10px; 
    left:auto; 
    transform:skew(8deg) rotate(3deg);
}

.demo{margin:33px;}

@media screen and (max-width:480px) {
	.demo {
   
    width: 80%;
}
.tab {
    margin-bottom: 6px;
}
}

@media screen and (max-width:567px) {
	.demo {
   width:80%;
}
	
}

@media screen and (max-width:736px) {
	.demo {
     width: 85%;
	 margin-bottom:0px;
   }
}

@media screen and (max-width:991px) {
	.demo {
    margin: 33px;
    width: 85%;
   }
   .tab{margin-bottom: 25px;}
}