@charset "utf-8";
/* CSS Document */


@media only screen and (max-width: 1600px){ 
	
	
}



@media only screen and (max-width: 1440px){ 
	body {
		font-size:14px;
		line-height:22px;
	}
	
	#Arrowfix {
		width:36px;
		height:36px;
	}
	#Arrowfix span {
		margin-left:-6px;
		margin-top:-10px;
		border:6px solid transparent;
		border-bottom-color:#ffffff
	}
	
	.bgcolor1{
		width:100%;	
	}
	 .footerwrapper, .idxcontainwrapper, .idxconwrap, .innercontainwrapper, .aboutwrapper, .innerheaderbg{
		width: 84%;
		padding: 50px 0;
	}
	
	.innercontop, .topicwrapper, .aboutwrapper{
		padding: 100px 0 130px 0;
	}
	
	
	.idxsponserformbg, .footerwrapper{
		width: 84%;
	}
	
	
	.idxtopheadertext {
		top: 20%;
	}
	.idxtopheadertext h2 {
		font-size: 20px;
		line-height: 24px;
	}
	.idxtopheadertext h2 span {
		padding: 8px 15px;
	}
	
	.btn1 {
		font-size:16px;
		line-height:20px;
	}
	.btn1 a {
		padding: 8px 15px;
		border: 3px solid #fff;
	}
	.idxtopheadertext .btn1 {
		margin-top: 15px;
	}
	
	
	.idxcontainwrapper {
		padding: 30px 0 50px 0;
	}
	
	.heading1 {
		 width: 250px;
		padding: 0 0 0 0;
		font-size: 20px;
		line-height: 28px;
	}
	
	.btn2 {
		font-size:14px;
		line-height:20px;
	}
	
	.heading2, .heading3 {
		font-size: 34px;
		line-height: 34px;
		/*margin-bottom: 15px;*/
	}
	
	.innercontainwrapper p {
		margin-bottom: 15px;
		margin-top: 10px;
	}
	
.innerheadertext h2 {
    padding: 5px 5px;
    font-size: 22px;
}
.headerlogo{
	width:20%;	
	top:15%;
}
.headerlogoinner{
	width:40%;	
	top:15%;
}
	
}



@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){ 	
	
	
	.topmain {
		width: 100%;
		min-height: 50px;
	}
	
	
	
	.idxtopheadertext {
		top: 12%;
	}
	.idxtopheadertext h2 {
		font-size: 16px;
		line-height: 22px;
	}
	.idxtopheadertext h2 span {
		padding: 8px 15px;
	}
	
	.btn1 {
		font-size:14px;
		line-height:20px;
	}
	.btn1 a {
		padding: 6px 12px;
		border: 3px solid #fff;
	}
	
	
}

@media only screen and (max-width: 1100px){ 
	
	
}


@media only screen and (max-width: 800px){
	.publicationleft, .publicationimg{
		display:block;
		width:100%;
	}
	.publicationimg {
    width: 80%;
	}
	.idxcontainwrapper {
		padding: 80px 0 50px 0;
	}
	.idxconcol1 {
		display: block;
		width:  100%;
	}
	.idxconcol2 {
		display: block;
		width:  100%;
		margin-top: 15px;
	}
	.heading1 {
		margin: 0 auto;
		font-size: 20px;
		padding: 0 0 0 0;
		font-size:17px;
	}
	
	
	.idxconleft {
		float: none;
		width: 100%;
		margin-top: 15px;
	}
	.idxconright {
		float: none;
		width: 280px;
		margin: 0 auto;
	}
	

	
	.innertopheadertext h1 {
	font-size: 14px;
	line-height: 30px;
	margin-bottom: 3px;
	/*margin-left: 55px;*/
}
.innertopheadertext h2 {
	font-size: 10px;
	line-height: 19px;
	/*margin-left: 50px;*/
}
.innertopheadertext h2 span {
	color: #fff;
	padding: 8px 8px;
}

.innerheadertext{
	top: 35%;
}
.innerheadertext h2 {
    padding: 5px 5px;
    font-size: 22px;
}

 .innercontainwrapper h2, .innercontainwrapper h1{
	font-size:24px;
	line-height:28px;
 }
 .contactinfobox h2{
	 font-size:14px;
	line-height:20px;
 }
 .bullet1 li, .bullet2 li, .innercontainwrapper p{
   font-size:13px; 
 }
 .innercontainwrapper h3{
	 font-size:20px;
	line-height:24px;
 }
 
.idxconwrap{
	padding:15px 0;	
}
.innercontop {
		padding: 60px 0 10px 0;
	}
.innerheaderbg p{
		font-size:15px;
		/*padding:15px;*/
		line-height:27px;
		padding: 0% 4% 1% 4%;
	}
	.innerheaderbg h2{
		padding: 82px 0 0 30px;
	}
	
}


@media only screen and (max-width: 650px){ 
	
	.idxcontainwrapper{
		font-size: 13px;
		line-height: 22px;
	}
	.innertext{
		width: 90%;
		font-size: 14px;
		line-height: 22px;
	}
	

}


@media only screen and (max-width: 540px){ 
	
	
}


@media only screen and (max-width: 480px){ 
	.innerheaderbg p{
		padding: 47% 4% 1% 4%;
	}
	.innerheaderbg h2{
		display:none;
	}
	
}
@media only screen and (max-width: 360px){ 
	.innerheaderbg p{
		padding: 63% 4% 0 4%;
		line-height:24px;
		font-size:12px;
	}
	.innerheaderbg h2{
		display:none;
	}
	
}