.rowpding{padding:100px 0}


/*Banner sec*/
.bannersec{background: #f9f9f9; padding:82px 0;}
.ebkbnr{ display: flex; align-items: center; background: #f9f9f9;}
div.leftcont{ width: 40%; text-align: center;}
div.rightcont{ width: 60%; padding:0 5%}
div.rightcont p{ margin-top: 20px; font-size: 18px; padding-right: 10%}

.webinar-wrpr{}
.wbinrcont{ cursor: pointer;}
.wbinrcont{border: 1px solid #dddddd; border-radius: 5px; padding: 30px 50px;}
.wbinrcont.active{ border: 1px solid #1eabf2; border-radius: 5px; padding: 50px; box-shadow: 1px 15px 36px 0px rgb(0 0 0 / 15%)}
.wbinrcont.active:hover{ background:#fff}
.wbinrcont:hover{ background:#f7fafc}
.webtitlecont h3{ width: 100%;}
.webtitlecont span{ float: left}
.wtitle{ width: 80%}
.wtime{ width: 10%;}
.wtime p{ border: 1px solid #1eabf2; border-radius: 5px; padding:5px 10px; color:#1eabf2; font-size: 14px; float: left; text-align: center
;}
.wplyicon{ width: 5%; float: left; margin-left: 20px;}
a.wplay{ background: url("../images/blue-play-icon.png") no-repeat; width: 33px; height: 34px; display: block;float: right;}


p.wdisc{ margin-top: 20px; width: 70%;}
.authr-wwbinr{ display: flex; width: 100%;align-items: center;margin-top: 20px;}
.authr-wwbinr .left{width: 50%}
.authr-wwbinr .left img{ width: 95px; height: 95px;}
.authr-wwbinr .right{width: 50%;    text-align: right;}
.authrimg{ display: flex; align-items: center}
.authrname{ margin-left: 20px;}
.authrname p strong{ font-weight: 600;	}
a.viewwebinar{    background: #ee4a44;
    color: #fff;
    padding: 10px 20px;
    font: 20px/1.3 'Zoho_Puvi_SemiBold';
    text-align: center;border-radius: 2px; text-decoration: none; opacity: 0.9}
a.viewwebinar:hover{ opacity: 1}

.webtitlecont{ display: flex;transition: 0.4s;width: 100%;}
/*.active, .webtitlecont:hover {
  background-color: #ccc;
}*/



.wbinrcont.active .wtime {
 display:none;
}
.wbinrcont.active .wplyicon {
 display:none;
}


.webinarcontent {
	display: none;
}
.webinar-title.open{}



@media screen and (max-width: 1024px){
	
	.container {
    width: 96%;
    padding-left: 1%;
    padding-right: 1%;
}
	
	.ebkbnr {
    width: 92%;
    margin: 0 auto;
}
	
	div.leftcont img{ float: right}
	div.rightcont {
    padding:0 0 0 5%;
}
}


@media screen and (max-width: 980px){
.bannersec {
    padding: 50px 0;
}
	.rowpding {
    padding: 50px 0;
}
	div.rightcont p {
    margin-top: 20px;
    font-size: 17px;
    padding-right: 0;
}
	.webinarlist{ padding: 0 20px;}
	p.wdisc{ margin-top: 20px; width: 100%;}
	
	.wbinrcont {
    padding: 30px;
}
	
	.wbinrcont h3 {
    font: 22px/1.3 'Zoho_Puvi_SemiBold';
}
	.wbinrcont.active span.wtitle {
    width: 100%;
}
	.wtitle {
    width: 76%;
}
	.wplyicon {
		width: 10%;}
	
}


@media screen and (max-width: 600px){
	
	.rowpding {
    padding: 50px 0;
}
.ebkbnr {
    display: flex;
    flex-wrap: wrap;
	flex-direction: column-reverse;
}
	div.leftcont {
    width: 60%;
    text-align: center;
    margin: 0 auto;
}
	div.rightcont {
    width: 95%;
    padding: 0;
    text-align: center;
}
	div.leftcont img { margin-top: 20px;}
	h1 {
    font: 27px/1.25 'Zoho_Puvi_Bold';
}
	.wbinrcont.active{padding: 30px;}
	.wbinrcont.active h3{ font: 20px/1.3 'Zoho_Puvi_SemiBold'; }
	
	
	.wbinrcont{padding:30px 15px;}
	.authr-wwbinr{flex-wrap: wrap;}
	.authr-wwbinr .left {
    width: 100%;
}
	.authr-wwbinr .right {
    width: 100%;
    text-align: center;
		padding-top: 40px;
		padding-bottom: 20px;
}
	.webtitlecont{flex-wrap: wrap;}
	.webtitlecont span {
    float: left;
}
	.webinar-title h3{ font: 15px/1.3 'Zoho_Puvi_SemiBold';}
	.wtitle {
    width: 60%;
}
	.wtime {
    width: 30%;
}
	.wtime p {
    float: none;
    text-align: center;
    width: 50px;
    margin-top: 20px;
		margin-left: 10px;
}
	.wplyicon{margin-left: 0px;}
	a.wplay{float: none;margin-top: 20px;}
	.authrimg{margin: 0 auto;
    width: 80%;}
}

@media screen and (max-width: 400px){
.ebkbnr {
    width: 82%;
    margin: 0 auto;
}
	.webinarlist {
    padding: 0px 15px;
}
}