@charset "utf-8";
/* CSS Document */


@media only screen and (min-device-width: 1921px) and (max-device-width: 5500px) {
	
	.topwrapper, .footerwrapper, .idxconwraper, .innercontainwrapper, .ielogo  {
		width: 86%;
	}
	
	
}


@media only screen and (max-width: 1440px){ 
	
	#Arrowfix {
		width:36px;
		height:36px;
	}
	#Arrowfix span {
		margin-left:-6px;
		margin-top:-10px;
		border:6px solid transparent;
		border-bottom-color:#ffffff
	}
	
	 
	.footerwrapper, .idxconwraper, .innercontainwrapper  {
		width: 88%;
	}
	
	
	
	
	
	
	.organiserbox {
		line-height: normal;
	}
	
	.organiserboximg1 {
		width: 100px;
		margin: 0 auto 15px auto;
		padding: 0;
		text-align: center;
	}
	.organiserboximg2 {
		width: 180px;
		margin: 0 auto 15px auto;
		padding: 0;
		text-align: center;
	}
	
	
	
}



@media only screen and (device-width: 1280px) and (device-height: 1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio: 1){
	
}

@media only screen and (device-width: 1280px) and (device-height: 980px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio: 1){
	
}



@media only screen and (max-width: 1180px){ 	
	
	
	.topwrapper {
		width:100%;
	}
	.topright {
		float:none;
		width:100%;
		display:table;
	}
	.topleft {
		margin:0 0 0 4%;
	}
	
	
	
	.fixiedbottombg {
		width:96%;
		padding:5px 2%;
	}
	.fixiedbottombg h3 {
		font-size:14px;
		margin:4px 0 0 0;
	}
	.fixiedbottombg h6 {
		font-size:12px;
		padding:2px 5px 0px 5px;
	}
	.fixiedbottombg h6 span {
		font-size:10px;
	}
	.fixiedbottombg a {
		padding:2px 5px 0px 5px;
		font-size:12px;
	}
	.idxconwraper {
		padding:30px 0;
	}
	.idxconwraper h3, .idxspeakermain h3 {
		font-size:28px;
		line-height:32px;
		margin:0 0 10px 0;
	}
	
	.idxssadbox img {
		width:60%;
		margin:0 auto;
	}
	.idxssadbox h4 {
		font-size:50px;
		bottom:10%;
	}
	.idxssadbox h4 span {
		font-size:38px;
	}
	
	.btn1 {
		font-size:16px;
		line-height:20px;
	}
	.speakerbox {
		width:16%;
		padding:1%;
		margin:0.5%;
		font-size:12px;
	}
	.speakerbox h4 {
		font-size:14px;
	}
	
	.idxpartnersbox {
		width: 28.5%;
		margin: 1%;
		padding: 7px 1%;
	}
	
	.organiserbox {
		width: 90%;
		padding: 5%;
		float: none;
		display: block;
		margin: 25px auto;
	}
	.organiserboxheight {
		height: auto !important;
		min-height: inherit !important;
	}
	
	
	
	.idxoverviewright {
		font-size:16px;
		line-height:24px;
		padding:20px 0;
	}
	.idxoverviewright h4 {
		font-size:32px;
		line-height:32px;
	}
	.idxoverviewright p {
		margin:10px 0 0 0;
	}
	
	.idxtopicright h3 {
		font-size:28px;
		line-height:28px;
		margin:0 0 10px 0;
	}
	
	.idxwhowillright {
		font-size:17px;
		line-height:24px;
		padding:20px 0;
	}
	.idxwhowillright h3 {
		font-size:32px;
		line-height:32px;
	}
	.idxwhowillright h4 {
		font-size:22px;
		line-height:24px;
	}
	.idxwhowillright hr {
		height:4px;
		margin:15px 0;
	}
	.idxwhowillright p {
		margin:0 0 15px 0;
	}
	
	.idxwhypartnerright {
		padding:20px 0;
	}
	.idxwhypartnerright h3 {
		font-size:28px;
		line-height:28px;
	}
	.idxwhypartnerright ul {
		margin:5px 0;
	}

	

	
	
	

}


@media only screen and (max-width: 800px){
	
	.topwrapper {
		position:relative;
	}
	.topleft img:first-child {
		display:none;
	}
	.topleft img:last-child {
		display:block;
	}
	.topleft {
		float:left;
		display:block;
		width:200px;
		padding:8px 0 8px 0%;
	}
	
	.idxheaderleft {
		position:relative;
		width:100%;
		z-index:2;
		margin:20px 0;
	}
	.idxlogo {
		width:280px;
		margin:0 auto;
		padding:20px 0;
	}
	.idxheaderdatetime {
		width:200px;
		margin:0 auto;
		padding:0 0 20px 0;
	}
	
	.idxheadervirtualimg {
		width:280px;
		position:relative;
		bottom:0;
		left:inherit;
		margin:0 auto;
		right:inherit;
	}
	
	.idxheaderhastag {
		position:relative;
		right:0;
		bottom:0;
		width:100%;
		text-align:center;
		font-size:14px;
		font-weight:900;
		padding:20px 0 20px 0;
	}
	.fixiedbottombg {
		display:none;
	}
	
	.footerbottomleft, .footerbottomright {
		text-align: center;
		float: none;
		width: 100%;
		padding: 5px 0;
	}
	
	
	.idxssadbox {
		width:100%;
		margin:15px 0;
	}
	.idxssadbox img {
		width:180px;
		margin:0 auto;
	}
	
	.speakerbox {
		width:30%;
		padding:0;
		margin:1.5%;
	}
	
	.organiserbox {
		width: 84%;
		padding: 8%;
		margin: 25px auto;
	}
	
	.contactinfobox {
		display: block;
		width: 86%;
		padding: 3%;
		margin: 20px auto;
	}
	.contactinfo {
		font-size:15px;
	}
	
	.abouttext h3 {
		font-size: 16px;
		line-height: 20px;
	}
	.abouttext p {
		font-size:14px;
		margin-bottom: 10px;
	}
	.aboutbox {
		display: inline-block;
		vertical-align: top;
		width: 90%;
		padding: 5%;
		margin: 20px auto;
	}
	.aboutbox h4 {
		font-size: 18px;
		line-height: 22px;
	}
	.abouttext h4 {
		font-size: 16px;
		line-height: 24px;
	}
	.abouttext h5 {
		font-size: 18px;
		line-height: 24px;
	}
	.abouttext h5 span{
		font-size: 14px;
	}
	.idxthemebox{
		display: inline-block;
		vertical-align: middle;
		width: 92%;
		margin: 10px auto;
		padding: 4%;
		font-size: 14px;
		line-height: 22px;
	}
	.idxthemeboxheight, .aboutboxheight {
		height:inherit !important;
		min-height:inherit !important;
	}
	
	
	.footerlogo {
		display:block;
		float:none;
		width:120px;
		margin:0 0 20px 0;
	}
	.footercol1 p {
		float:none;
		display:block;
		width:100%;
	}
	.footercol2 h4 {
		display:block;
		float:none;
		width:100%;
	}
	.footercol2 p {
		display:block;
		float:none;
		width:100%;
	}
	
	
	
	.idxoverviewleft {
		float:none;
		width:100%;
		margin:0 auto 20px auto;
	}
	.idxoverviewright {
		float:none;
		display:block;
		width:90%;
		padding:20px 0;
		margin:0 auto;
	}
	
	
	.idxtopicleft, .idxwhowillleft, .idxwhypartnerleft {
		width:100%;
		display:block;
		float:none;
		margin:0;
		padding:0 0 25px 0;
	}
	.idxtopicright, .idxwhowillright, .idxwhypartnerright {
		width:90%;
		display:block;
		margin:0 auto;
		padding:30px 0;
		float:none;
	}
	
	
	

}
@media only screen and (max-width: 650px){ 
	
	
	
	.speakerbox {
		width:43%;
		padding:2%;
		margin:1%;
	}
	
	.idxpartnersbox {
		width: 41%;
		margin: 2%;
		padding: 7px 2%;
		font-size:10px;
	}
	
	
	
}