@charset "utf-8";
/* CSS Document */


@media only screen and (min-device-width: 1921px) and (max-device-width: 5500px) {
	
	.ielogo, .idxheaderwrapper, .idxspeakermain  {
		width: 86%;
	}
	
		body{
			font-size:18px;
			line-height:28px;
		}
	
	
}


@media only screen and (max-width: 1920px){ 
	
	.idxheaderwrapper {
		width: 80%;
		margin: 0 auto;
		padding: 2% 0 39% 0;
	}
	
	.idxheadercityboxbtn a {
		width: 100px;
		padding: 5px 0;
		margin: 2px;
	}
	.idxheadercityboxcon h5 {
		margin: 0 0 10px 0;
	}

}

@media only screen and (max-width: 1600px){ 
	
	.idxheaderwrapper {
		width: 88%;
		margin: 0 auto;
		padding: 2% 0 40% 0;
	}

}


@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, .idxheaderwrapper, .idxspeakermain  {
		width: 88%;
	}
	
	.idxheadercity {
		width: 100%;
	}
	.idxheaderwrapper {
		width: 88%;
		margin: 0 auto;
		padding: 2% 0 38% 0;
	}
	
	.idxheadercon {
		width: 36%;
	}
	
	
	
	
	.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%;
	}
	
	
	.idxheaderlogo {
		width: 50%;
	}
	
	
	.idxconwraper {
		padding:30px 0;
	}
	.idxconwraper h3, .idxspeakermain h3 {
		font-size:28px;
		line-height:32px;
		margin:0 0 10px 0;
	}
	
	
	.headerbtn a {
		display: block;
		width: 140px;
		padding: 10px 0;
		border-radius: 5px !important;
		margin: 5px auto !important;
	}
	
	.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:26px;
		line-height:26px;
	}
	.idxoverviewright p {
		margin:10px 0 0 0;
	}
	
	
	.tablemain {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0 0 0;
}
	
	.keycitybox .idxheadercitybox {
		width: 44%;
		margin: 2%;
		display: inline-block;
		vertical-align: top;
	}
	
	.ragistrationform {
		width: 100%;
	}
	
	.idxinnerheaderbox h3 span {
		display: block;
		margin: 10px 0 0 0;
	}
	

}


@media only screen and (max-width: 800px){
	
	/*.idxheaderbg {
		background:url("../images/idx-headerbg-rs.jpg") no-repeat center top #010c29;
		background-size: 100%;
	}*/
	
	.customwrap .gallerybox iframe{
		height: 170px;
	}
	
	.topwrapper {
		position:relative;
	}
	
	.topleft {
		float:left;
		display:block;
		padding:8px 0 8px 0%;
	}
	
	
	.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;
	}
	
	
	.idxcbbox1, .idxcbbox2 {
		float: none;
		width: 100%;
		margin: 20px 0;
	}
	
	.idxcboxheight {
		height: inherit !important;
		min-height: inherit !important;
	}
	
	.idxbbbox1 {
		display: block;
		width: 100%;
		padding: 0 0 20px 0;
	}
	.idxbbbox2 {
		display: block;
		width: 100%;
	}
	
	.videoboxleft {
		float: none;
		display: block;
		width: 100%;
	}
	.videoboxright {
		float: none;
		display: block;
		width: 100%;
		margin: 15px 0 0 0;
	}
	
	.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;
	}
	

	.idxwhowillbox li {
		width: 26%;
		padding: 3% 2% !important;
		margin: 1% !important;
		min-height: 150px;
	}
	
	.tablemain {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0 0 0;
}
	
h3.headingtext2 {
    width: 60%;
    padding: 0 0;
    font-size: 16px;
}	
	
	.csbox1 {
		width: 90%;
		padding: 5%;
		margin: 10px 0;
		
	}
	.table1 {
		width: 100%;
	}
	
	.idxheadercon {
		width: 100%;
	}
	.idxheadercon .idxBBlogo {
		width: 280px;
	}
	
	.csboxheight {
		height: inherit !important;
		min-height: inherit !important;
	}
	
 
}
@media only screen and (max-width: 650px){ 
	
	
	/*.idxheaderbg {
		background:url(../images/idx-headerbg-rs.jpg) no-repeat center top #010c29;
		background-size: 100%;
	}*/
	
	.customwrap .gallerybox iframe{
		height: 130px;
	}
	
	.idxheadercon {
		display: block;
		width: 80%;
		margin: 0 auto;
		text-align: center;
	}
	
	.idxheaderwrapper {
		width: 88%;
		margin: 0 auto;
		padding: 20px 0 42% 0;
	}
	
	.idxheadercon h5 span {
		display: block;
	}
	
	
	
	.idxheaderlogo {
		width: 65%;
	}
	
	
	.speakerbox {
		width:43%;
		padding:2%;
		margin:1%;
	}
	
	.idxpartnersbox {
		width: 41%;
		margin: 2%;
		padding: 7px 2%;
		font-size:10px;
	}
	
	
	
	.idxtopicbox li {
		display: block;
		width: 94%;
		padding: 3% !important;
		margin: 20px auto!important;
		font-size:16px;
		line-height:20px;
	}
	.idxbenefitsbox li {
		display: block;
		width: 94%;
		padding: 3% !important;
		margin: 20px auto!important;
		font-size:16px;
		line-height:20px;
	}
	.idxwhowillbox li {
		width: 94%;
		padding: 50px 3% !important;
		margin: 20px auto !important;
	}
	
	.idxtopicboxheight, .idxwhowillboxheight, .idxBenefitsboxheight {
		height: inherit !important;
		min-height: inherit !important;
	}
	
	
	.keycitybox .idxheadercitybox {
		width: 96%;
		margin: 30px auto;
		display: block;
	}
	
	.idxinnerheaderbox {
		padding: 30px 7%;
	}
	
}
