/* Add here all your CSS customizations */
ul.icons li {
	list-style: none;
}

/* START Hide/Hover effects - Lead generation page */
@media (min-width: 1199px) {
	#item-wrapper {
	  position: relative;
	  width: 100%;
	  height: 100%;
	  
	}
	.panel {
	    display: none;
	    width: 100%;
	}
	.content-hubs {
	  position: absolute;
	  top: 160px;
	  left: 365px;
	  width: 75px;
	  height: 75px;
	}
	.content-hubs-panel {
	  position: absolute;
	  top: 25px;
	  left: 15px;
	  width: 390px;
	  height: 115px;
	}
	.content-syn {
	  position: absolute;
	  top: 115px;
	  left: 505px;
	  width: 90px;
	  height: 75px;
	}
	.content-syn-panel {
	  position: absolute;
	  top: 20px;
	  left: 260px;
	  width: 540px;
	  height: 75px;
	}
	.licensed-content {
	  position: absolute;
	  top: 160px;
	  left: 665px;
	  width: 80px;
	  height: 80px;
	}
	.licensed-content-panel {
	  position: absolute;
	  top: 50px;
	  left: 640px;
	  width: 400px;
	  height: 100px;
	}
	.white-papers {
	  position: absolute;
	  top: 305px;
	  left: 745px;
	  width: 75px;
	  height: 75px;
	}
	.white-papers-panel {
	  position: absolute;
	  top: 275px;
	  left: 860px;
	  width: 200px;
	  height: 100px;
	}
	.research {
	  position: absolute;
	  top: 455px;
	  left: 715px;
	  width: 75px;
	  height: 75px;
	}
	.research-panel {
	  position: absolute;
	  top: 450px;
	  left: 835px;
	  width: 200px;
	  height: 150px;
	}
	.webinars {
	  position: absolute;
	  top: 560px;
	  left: 595px;
	  width: 75px;
	  height: 75px;
	}
	.webinars-panel {
	  position: absolute;
	  top: 585px;
	  left: 710px;
	  width: 300px;
	  height: 150px;
	}
	.activation-dinner {
	  position: absolute;
	  top: 555px;
	  left: 435px;
	  width: 85px;
	  height: 75px;
	}
	.activation-dinner-panel {
	  position: absolute;
	  top: 600px;
	  left: 100px;
	  width: 300px;
	  height: 100px;
	}
	.channel-sponsors {
	  position: absolute;
	  top: 465px;
	  left: 320px;
	  width: 80px;
	  height: 75px;
	}
	.channel-sponsors-panel {
	  position: absolute;
	  top: 450px;
	  left: 75px;
	  width: 200px;
	  height: 100px;
	}
	.editorial-hubs {
	  position: absolute;
	  top: 305px;
	  left: 295px;
	  width: 75px;
	  height: 75px;
	}
	.editorial-hubs-panel {
	  position: absolute;
	  top: 250px;
	  left: 75px;
	  width: 150px;
	  height: 200px;
	}
}

@media (max-width: 1198px) {
	#item-wrapper {
	  position: relative;
	  width: 100%;
	  height: 100%;
	  
	}
	.panel {
	    display: none;
	    width: 100%;
	}
	.content-hubs {
	  position: absolute;
	  top: 125px;
	  left: 290px;
	  width: 75px;
	  height: 75px;
	}
	.content-hubs-panel {
	  position: absolute;
	  top: 10px;
	  left: 25px;
	  width: 375px;
	  height: 110px;
	}
	.content-syn {
	  position: absolute;
	  top: 90px;
	  left: 405px;
	  width: 90px;
	  height: 75px;
	}
	.content-syn-panel {
	  position: absolute;
	  top: 10px;
	  left: 225px;
	  width: 540px;
	  height: 60px;
	}
	.licensed-content {
	  position: absolute;
	  top: 125px;
	  left: 540px;
	  width: 80px;
	  height: 80px;
	}
	.licensed-content-panel {
	  position: absolute;
	  top: 20px;
	  left: 580px;
	  width: 350px;
	  height: 80px;
	}
	.white-papers {
	  position: absolute;
	  top: 240px;
	  left: 600px;
	  width: 75px;
	  height: 75px;
	}
	.white-papers-panel {
	  position: absolute;
	  top: 235px;
	  left: 715px;
	  width: 190px;
	  height: 100px;
	}
	.research {
	  position: absolute;
	  top: 365px;
	  left: 580px;
	  width: 75px;
	  height: 75px;
	}
	.research-panel {
	  position: absolute;
	  top: 375px;
	  left: 675px;
	  width: 200px;
	  height: 125px;
	}
	.webinars {
	  position: absolute;
	  top: 450px;
	  left: 480px;
	  width: 75px;
	  height: 75px;
	}
	.webinars-panel {
	  position: absolute;
	  top: 500px;
	  left: 575px;
	  width: 300px;
	  height: 125px;
	}
	.activation-dinner {
	  position: absolute;
	  top: 445px;
	  left: 350px;
	  width: 85px;
	  height: 75px;
	}
	.activation-dinner-panel {
	  position: absolute;
	  top: 475px;
	  left: 25px;
	  width: 300px;
	  height: 100px;
	}
	.channel-sponsors {
	  position: absolute;
	  top: 370px;
	  left: 255px;
	  width: 80px;
	  height: 75px;
	}
	.channel-sponsors-panel {
	  position: absolute;
	  top: 350px;
	  left: 40px;
	  width: 180px;
	  height: 100px;
	}
	.editorial-hubs {
	  position: absolute;
	  top: 245px;
	  left: 235px;
	  width: 75px;
	  height: 75px;
	}
	.editorial-hubs-panel {
	  position: absolute;
	  top: 200px;
	  left: 25px;
	  width: 150px;
	  height: 200px;
	}
}
/* END Hide/Hover effects - Lead generation page */