#scroll{position: static;}
#scroll1{min-height: 550px;}
section.com-banner{display:none;}
#scroll .prdNav a:hover{cursor:pointer;}
	#scroll .prdBox{padding:0px;  width: 23%; height: 470px; margin: 2% 2% 0 0;}
	#scroll .prdBox p{margin: 0 0px 5px 0px !important;}
	#scroll .prd-default, #scroll .prdContent{ height:auto;}
	#scroll .prdBox div.webinarnew-socialshare ul li a span{background: url("images/webinar-new-shareicons.svg") no-repeat center center; background-size: cover;display: block;width: 40px;height: 40px;}
	#scroll .prdBox div.webinarnew-socialshare ul li a span.webinarnew_fbshare{background-position: 0px -15px;}
	#scroll .prdBox div.webinarnew-socialshare ul li a span.webinarnew_twshare{background-position: 0 -78px;}
	#scroll .prdBox div.webinarnew-socialshare ul li a span.webinarnew_gpshare{background-position: 0 -143px;}
	#scroll div.webinarnew-socialshare ul{display: table; padding: 0px 0 10px 0px;}
	#scroll .prd-learnmore{padding: 0px 0px;}
	#scroll .prdBox:hover .prd-learnmore{display:inline-block;}
	#scroll .prd-learnmore a{padding:15px 0px; display:inline-block; width:100%;}
	#scroll .prdContent h2{text-align:left;}
	#scroll .webinarnew_upcomingwebinars .prdBox p.webinar-desc{line-height: 1.5em;}
	#scroll .webinarnew_pastwebinars .prdBox h2{position:relative;}
	#scroll .webinarnew_pastwebinars .prdBox h2 span{background:rgba(255, 255, 255, 0.9); padding:0 10px 0 15px; position:absolute; z-index:999; bottom:0; right:0;}
	#scroll .webinarnew_upcomingwebinars .prdBox h2{position:relative;}
	#scroll .webinarnew_upcomingwebinars .prdBox h2 span{background:rgba(255, 255, 255, 0.9); padding:0 10px 0 15px; position:absolute; z-index:999; bottom:0; right:0;}



	#webinars-type-filter{ display: none !important;}

	.webinarnew_mainmenu{ display:none;}
#scroll div.webinarnew_onlineworkshop{display:none;}
#scroll .webinarnew_onlineworkshop .prdBox{height:400px; cursor:default;}
#scroll .webinarnew_onlineworkshop .prdBox h2{height:60px;margin-bottom:0;overflow:hidden; font-size:14px; font-weight:500;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
#scroll .webinarnew_onlineworkshop .prdBox .webinarnew-dateselection{font-size:12px;list-style:outside none none;position:absolute;background:#fff none repeat scroll 0 0;padding:0;border-left:1px solid #ccc;border-right:1px solid #ccc;display:none}
#scroll .webinarnew_onlineworkshop ul.webinarnew-dateselection li.date_active{display:none}
#scroll .webinarnew_onlineworkshop ul.webinarnew-dateselection li:hover{cursor:pointer;background:#fff;border-left:3px solid #D1191C}
#scroll .webinarnew_onlineworkshop ul.webinarnew-dateselection li:not([style*="display:none"]){border-top:1px solid #ccc}
#scroll .webinarnew_onlineworkshop ul.webinarnew-dateselection li{border-bottom:1px solid #ccc;padding:5px 30px 5px 7px;border-left:3px solid #fff;}
#scroll .webinarnew_onlineworkshop .prdBox span.webinarnew-dateandtime{display:inline-block;border:1px solid #ccc;border-radius:20px;padding:2px 30px 0 10px;margin:10px 0 0;font-size:12px;position:relative}
#scroll .webinarnew_onlineworkshop .prdBox span.webinarnew-dateandtime::after{position:absolute;right:10px;top:10px;display:inline-block;border-left:6px solid transparent;border-right:5px solid transparent;content:''}
#scroll .webinarnew_onlineworkshop .prdBox p.webinarnew-duration{margin-top:10px;font-size:12px}

#scroll .prdBox h3.webinarnew-highlights{margin:0;font-size:13px}
#scroll .webinarnew_onlineworkshop .prdBox div.webinarnew-socialshare{width:100%;height:auto;display:block}

#scroll .prdBox div.webinarnew-socialshare ul li{float:left;margin:0 5px}
#scroll .webinarnew_onlineworkshop .prdBox p.webinar-desc{height:95px;overflow:hidden;font-size:12px}
	#scroll div.prd-hover{ padding: 0 10px; text-align: center;}
	#scroll div.prd-hover h2{ text-align: center; padding: 10px;margin-top: 5px;}
.solutionFilter1{display: none;}

	#scroll .prdContent p.me_events_names {
    height: 49px;
    overflow: hidden;
		padding: 0 10px;
}
	#scroll .prdContent div.me_events_dataplace p:last-child {
		    border-bottom: none;
    border-top: 1px solid #eee;
    padding-top: 10px;
		margin-top: 10px !important;
	}
	#scroll .prdBox .prd-default h2 {
		    text-align: center;
    font-size: 2.1em;
    padding: 15px;
	}
	#scroll .prdBox:hover .prd-default {
		margin-top: 0;
	}
	p.me_events_names {
		font-size: 1.1em;
	}
	#scroll .prdBox .prdNav p {
		margin: 0;
	}
	.label-strap {
		position: absolute;
    z-index: 1;
    background: #12cbcd;
    padding: 5px 20px;
    bottom: 0;
		right: 0;
		color: #000;
	}
	#scroll .prd-default {
		position: relative;
	}
	.label-strap-yell {
		    background: #000000;
    color: #ffbe00;
	}
	.label-strap-vil {
		    background: #fbfcf8;
    color: #34178b;
	}
	.label-strap-wht {
		    background: #1a0658;
    color: #f4f3f9;
	}
	.label-strap-green {
		background: #ffb800;
    color: #083600;
	}
	.label-strap-red {
		    background: #fe3839;
    color: #ffffff;
	}
	.label-strap-blue {
		background: #04a5f5;
		color: #fff;
	}
	#Disclaimer{padding: 40px 0 10px 0;}
	#Disclaimer p{font-size: .8em;font-weight: 300;padding: 10px 0;margin:0;}
.solutionFilter1>span{width:75px;}
div.webinarnew-filtermenu{margin:20px 0 0 0;}
	@media screen and (max-height:700px) {
		.reg-cont {
			height: 450px;
			margin: 30px auto;
			padding: 28px 50px 50px;
		}
		#IframeUrl .zc-Message-group .form-field {
			margin-bottom: 0px;
		}
		form textarea {
			height: 45px;
		}
		.abheader #header-mainsec .headerinner{padding: 10px 0 0px 0;}
	}
@media screen and (max-width:1920px) {
    #scroll1{min-height: 650px;}
}
	@media screen and (max-width:1400px){
		.placeholder-layar1 .download-btn{
			display: none;
		}
	}
@media screen and (max-width:1280px) {
.all_products_container ul li{margin-right:10px;width:100%}
.all_products_container ul li .all_prod_over h3{font-size:1em}
div.breadcrumb{margin-left:40px}
#scroll1{margin:0 auto 40px 40px}
}

@media screen and (max-width:1260px) {
#scroll .all_products_container ul{width:30%}
#scroll .webinarnew_types .prdBox{width:25%}
#scroll1{
	width: 90%;
margin: auto;
	}
#scroll .prdBox{width:25%}
.case-study-wrapper{width:90%}
div.webinarnew-filtermenu{width:75%}
.solutionFilter1{float:left}
	.solutionFilter1:first-child{z-index: 999999}
div.breadcrumb{margin: 0 auto 0px 70px}
	div#scroll1 {
		    width: 88%;
          margin: auto;
	}
}
@media screen and (max-width:1100px) {
span.webinarnew-dateandtime{font-size:10px}
.parent-element{transform:scale(0.5)}
h2.comTtl{font-size:2em}
	#Register {
		top: 90px;
	}
}
@media screen and (max-width:1025px) {
	.abheader #header-mainsec .headerinner{padding: 10px 0 0px 0;}
	.container {
		padding-left: 0;
		padding-right: 0;
	}
#solutions-type-filter ul li{height:55px}
#solutions-type-filter ul li h3{display:none}
#header-mainsec{top:0}
#solutions-type-filter ul{top:61px;height:100%!important}
#scroll .webinarnew_types .prdBox{width:40%}
div.webinarnew-filtermenu{width:auto; margin : 15px 0 0 0;}
.solutionFilter1:last-child{float:left}
	#Register {
		top: 63px;
	}
#scroll .prdBox{width:30%}
	div.breadcrumb {
		    margin: 0 auto 0px 50px;
	}
	.solutionFilter1, #filter {
		    margin: 3px 20px 0px 0;
	}
}
@media screen and (max-width:920px) {
#scroll .all_products_container ul{width:90%}
.all_products_container ul li{width:100%}
}
@media screen and (max-width:800px) {
#scroll .all_products_container ul{width:85%}
#scroll .webinarnew_types .prdBox{width:80%}
}
@media screen and (max-width:760px) {
	div.webinarnew-filtermenu{margin:0;}
.all_products_container ul li{width:100%}
	.reg-cont {
		width: 80%;
	}
	#scroll .prdBox {
		width: 50%;
margin: 15px auto;
	}
	div.webinarnew-filtermenu .container {
		padding-bottom: 25px;
	}
	#scroll .prd-hover h2 {
		display: block;
	}
	#scroll .prdBox {
		height: auto;
	}
}
	@media screen and (max-width:600px) {
		
		#scroll .prd-hover {
			display: block;
		}
		#scroll .prdBox {
			width: 60%;
			margin: 24px auto;
		}
	}
@media screen and (max-width:493px) {
#scroll .all_products_container ul{width:75%}
h2.me_service_pack_head{font-size:1.5em}
.all_products_container ul li h3{font-size:1em;line-height:20px}
	.reg-cont {
		padding: 35px 20px 20px;
	}
		#scroll .prdBox {
			width: 80%;
		}
}
	@media screen and (max-width:380px) {
		#scroll .prdBox {
			width: 90%;
		}
		.foot-sec > ul, .footCont > ul {
			width: 39%;
		}
		#scroll .prdBox {
			height: 470px;
		}
		#scroll .prdNav a {
			background: #fff;
		}
	}