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


@media only screen and (max-width: 1540px){ 
	body {
		font-size:16px;
		line-height:24px;
	}
	
	#Arrowfix {
		width:36px;
		height:36px;
	}
	#Arrowfix span {
		margin-left:-6px;
		margin-top:-10px;
		border:6px solid transparent;
		border-bottom-color:#ffffff
	}

	
	
}



@media only screen and (max-width: 1280px){
	
	.idxformwrapper, .footerwrapper, .innercontainwrapper, .topwrapper, .topmainwrapper, .topheaderwrapper {
		width:90%;
	}
	
	
	.suravyformbg {
		width:80%;
		padding:2% 5%;
		max-height:inherit !important;
		margin:40px auto !important;
		overflow:inherit !important;
	}
	
	
}


@media only screen and (max-width: 1180px){
	
	.topwrapper {
		width:100%;
	}
	.topleft {
		float:none;
		width:100%;
		display:block;
	}
	.topright {
		float:none;
		display:block;
		width:120px;
		margin:10px auto;
	}
	
	.topmainleft {
		width:150px;
		margin:8px 0 0 0;
	}
	.topmainright {
		width:120px;
	}
	
	
	.topheaderleft {
		font-size: 14px;
		line-height: 22px;
		margin:0 10% 0 0;
	}
	.topheaderleft h1 {
		font-size: 24px;
		line-height: 24px;
	}
	.topheaderleft p {
		margin:0 0 10px 0;
	}
	.topheaderconright  {
		width:80%;
		margin:30px auto 0 auto;
		display:block;
	}
	
	.idxdownloadbox {
		width:44%;
		margin:1%;
		padding:2%;
	}
	
	.innercontainwrapper h3 {
		font-size:24px;
		line-height:24px;
		margin:0 0 10px 0;
	}
	
	
}

@media only screen and (max-width: 800px){ 
	
	.topheaderleft {
		display:block;
		width: 100%;
		margin:0;
	}
	.topheaderleft h1 {
		font-size: 26px;
		line-height: 30px;
	}
	.topheaderright {
		display:block;
		width: 220px;
		margin:10px auto 0 auto;
	}
	
	
	
	
	
	
	.idxformboxmaincol1, .idxformboxmaincol2 {
		float:none;
		display:block;
		width:90%;
		margin:10px auto;
	}
	
	
	
	
	
	.footerlogo {
		display:block;
		float:none;
		width:140px;
		margin:0 0 10px 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%;
	}
	.footerbottomleft {
		float: none;
		display: block;
		width:100%;
		text-align:center;
	}
	.footerbottomright {
		float: none;
		display: block;
		width:100%;
		text-align:center;
		margin:20px auto 0 auto;
	}
	
	
	
	.suravyform1col1 {
		float:none;
		width:100%;
	}
	.suravyform1col2 {
		float:none;
		width:100%;
	}
	.suravyform2wrap1box1 {
		float:none;
		display:block;
		width:96%;
		margin:2%;
	}
	
	.suravyformbg {
		padding:5%;
	}
	
	
	
}


@media only screen and (max-width: 600px){ 
	
	
	.idxformwrapper h2 {
		font-size:26px;
		line-height:26px;
		margin:0 0 15px 0;
	}
	
	
	
	
	
	
}