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


@media only screen and (max-width: 1400px){ 
	/*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
	}

	.idxformwrapper, .footerwrapper, .innercontainwrapper, .topmainwrapper, .topheaderwrapper {
		width:90%;
	}
	
	
}



@media only screen and (max-width: 1280px){
	
	body{
		font-size:16px;
		line-height:26px;
	}
	
	
	.topheaderleft {
		font-size: 16px;
		line-height: 26px;
	}
	.topheaderleft h1 {
		font-size: 28px;
		line-height: 30px;
	}
	
	
	.innercontainwrapper h3, .idxdownloadwrapper h3, .innercontainwrapper1 h3 {
		font-size:32px;
		line-height:32px;
		margin:0 0 10px 0;
	}

	
	
	
	.idxformwrapper h1 {
		font-size:20px;
		line-height:22px;
		margin:0 0 15px 0;
	}
	.idxformwrapper h2 {
		font-size:28px;
		line-height:30px;
		margin:0 0 15px 0;
	}

	
	.suravyformbg {
		width:80%;
		padding:2% 5%;
		max-height:inherit !important;
		margin:40px auto !important;
		overflow:inherit !important;
	}
	
	
	.idxvideowrapper h2 {
		font-size:22px;
		line-height:24px;
	}
	.idxvideoleft h3 {
		font-size:28px;
		line-height:30px;
		margin:25px 0 10px 0;
	}
	.idxvideoleft h6 {
		font-size:18px;
		line-height:24px;
		margin:10px 0 0px 0;
	}

	
}


@media only screen and (max-width: 1180px){
	
	
	
	.topmainleft {
		width:120px;
	}
	.topmainright {
		width:250px;
	}
	
	
	.topheaderleft {
		font-size: 14px;
		line-height: 22px;
		margin:0 auto;
		float:none;
		display:block;
		width:100%;
	}
	.topheaderleft h1 {
		font-size: 24px;
		line-height: 24px;
	}
	.topheaderleft p {
		margin:0 0 10px 0;
	}
	.topheaderconright  {
		width:70%;
		margin:30px auto 0 auto;
		display:block;
		float:none;
	}
	
	.idxdownloadbox {
		width:44%;
		margin:1%;
		padding:2%;
	}
	
	.innercontainwrapper h3, .idxdownloadwrapper h3, .innercontainwrapper1 h3 {
		font-size:24px;
		line-height:24px;
		margin:0 0 10px 0;
	}
	
	
	.idxvideowrapper h2 {
		font-size:20px;
		line-height:24px;
	}
	.idxvideoleft h3 {
		font-size:24px;
		line-height:26px;
		margin:15px 0 10px 0;
	}
	.idxvideoleft h6 {
		font-size:16px;
		line-height:22px;
		margin:10px 0 0px 0;
	}

	
	
	
}

@media only screen and (max-width: 800px){ 
	
	.topmainleft {
		width:90px;
	}
	.topmainright {
		width:200px;
	}
	
	
	.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;
	}
	
	.idxconleft {
		width:280px;
		display:block;
	}
	.idxconright {
		width:100%;
		margin:15px 0 0 0;
		display:block;
	}
	
	
	.headingtext1, .headingtext2 {
		width:100%;
	}
	
	.idxvideowrapper, .innercontainwrapper1 {
		width:90%;
	}
	.idxvideowrapper {
		padding:50px 0 80px 0;
	}
	
	.idxvideoleft {
		float:none;
		width:100%;
		margin:0 auto;
	}
	.idxvideoright {
		float:none;
		display:block;
		width:80%;
		margin:25px 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;
	}
	
	
	
	
	
}


@media only screen and (max-width: 600px){ 
	
	
	
	
	
	
}