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


@media only screen and (min-device-width: 1921px) and (max-device-width: 5500px) {
	
}

@media only screen and (max-width: 1700px){  
	
	.footer, .topwrapper, .idxheaderwrapper, .idxheaderwrapper1, .innerheadercontain, .innercontainwrapper, .innercontainwrapper1, .idxinquiry {
		width:90%;
	}
	
	
	}



@media only screen and (max-width: 1580px){ 
	
	body{
		font-size:16px;
		line-height:26px;
	}
	
	#Arrowfix {
		width:36px;
		height:36px;
	}
	#Arrowfix span {
		margin-left:-6px;
		margin-top:-10px;
		border:6px solid transparent;
		border-bottom-color:#fff
	}
	
	.footer, .topwrapper, .idxheaderwrapper, .idxheaderwrapper1, .innerheadercontain, .innercontainwrapper, .innercontainwrapper1, .idxinquiry {
		width:90%;
	}
	.innercontainwrapper, .idxheaderwrapper {
		padding: 50px 0;
	}
	.innercontainwrapper1 {
		padding: 50px 0 0 0;
	}
	
	.idxinquiry h3 {
		font-size: 32px;
		width: 20%;
	}
	.idxinquiry input {
		width: 19%;
	}
	
	.headingtext1 h3, .idxstrugglingbox h3 {
		font-size: 32px;
		line-height: 34px;
	}
	.idxheaderwrapper h3, .innerhecos h1 {
		font-size: 32px;
		line-height: 32px;
	}
	.headingtext1 h6 {
		font-size: 18px;
	}
	
	.topleft {
		width:180px;
	}
	.topright {
		margin:12px 0 0 0;
	}
	
	.idxheaderleft h1 {
		font-size: 32px;
		line-height: 34px;
		padding: 10px 0;
	}
	.idxheaderleft p {
		padding: 0 0 15px 0;
		font-size: 18px;
		line-height: 30px;
	}
	
	
	.aboutbox2col1 h3  {
		font-weight: 1000;
		padding: 10px 0 15px 0;
		font-size: 32px;
	}
	.footercol2 a, .footercol3 a {
		padding: 7px 0;
		font-size: 13px;
	}
	
	
	.table1 {
		width: 100%;
		min-width: 980px;
	}
	.table1 th {
		padding: 12px;
		font-size: 16px;
	}
	.table1 td {
		padding: 12px;
	}
	.table1 td:first-child {
		font-size: 14px;
	}
	
}



@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: 1280px){ 
	
	.servicesmainbox {
		width: 100%;
	}
	
	.idxheaderleft h1 {
		font-size: 28px;
		line-height: 32px;
		padding: 10px 0;
	}
	.footer {
		font-size: 14px;
	}
	
	.idxservicesbox h4 {
		font-size: 20px;
		padding: 12px 0;
	}
	
	
}


@media only screen and (max-width: 1080px){ 	
	
	.topwrapper {
		width:100%;
	}
	.topleft {
		float: none;
		width: 220px;
		display: block;
		margin: 0 auto;
	}
	.topright {
		float:none;
		width:100%;
		margin: 0;
	}
	.topright nav, .topright .topsocial, .topright .getquote {
		float:none;
		width:100%;
		display:table;
		clear:both;
	}
	.topright .topsocial {
		display: none;
	}
	
	.getquote {
		display: none !important;
	}
	
	
	
	.idxheaderleft {
		display: block;
		width: 100%;
	}
	.idxheaderright {
		display: block;
		width: 50%;
		margin: 0 auto;
		padding: 15px 0 0 0;
	}
	
	.idxheaderleft h2 {
		font-size: 36px;
		line-height: 36px;
		padding: 15px 0;
	}
	
	.idxinquiry h3 {
		display: block;
		width: 100%;
		text-align: center;
	}
	.idxinquiry input {
		width: 90%;
		padding: 12px 3%;
		margin: 20px auto;
		display: block;
	}
	.idxinquiry input[type="submit"] {
		width: 96%;
		margin: 20px auto;
		display: block;
	}
	
	
	.aboutbox1col1, .aboutbox2col1 {
		display: block;
		width: 100%;
	}
	.aboutbox1col2, .aboutbox2col2 {
		display: block;
		width: 100%;
		padding: 0;
	}
	.aboutbox1col2 img {
		width: 200px;
		margin: 0 auto;
		display: block;
		padding: 30px 0;
	}
	.aboutbox2col2 img {
		width: 50%;
		margin: 0;
		display: table;
		padding: 30px 0 30px 0;
	}
	
	.idxservicesbox {
		width: 50%;
	}
	
	.sectorsbox {
		width: 30%;
		padding: 2% 1.5%;
	}
	
	
	.faqcontain {
		width: 100%;
	}
	.resourcescontain {
		width: 86%;
	}
	
	.contactboxcol1 {
		float: none;
		display: block;
		width: 100%;
		margin: 35px 0;
	}
	.contactformleft {
		float: none;
		width: 100%;
		display: block;
	}
	.contactformright {
		float: none;
		width: 100%;
		display: block;
		padding: 20px 0 0 0;
	}
	
	
	.contactboxcol1 img {
		width: 60px;
	}
	.contactboxcol1 h6 {
		padding: 15px 0;
		font-size: 14px;
	}
	.contactboxcol1 h5 {
		padding: 0 0 15px 0;
		font-size: 14px;
	}
	.headingtext1 h3, .idxstrugglingbox h3 {
		font-size: 28px;
		line-height: 30px;
	}
	
	.contactformleft h4 {
		font-size: 22px;
	}
	.contactformright input[type="submit"] {
		width: 120px;
		padding: 10px 0;
		line-height: 20px;
		font-size: 16px;
		font-weight: 700;
	}
	
	.servicesboxcol1 {
		display: block;
		width: 80%;
	}
	.servicesboxcol2 {
		display: block;
		width: 100%;
		padding: 20px 0 0 0;
	}
	.servicesboxcol3 {
		display: block;
		float: none;
		width: 86%;
		margin: 20px auto;
		padding: 7%;
	}
	.servicesbox1height {
		height: inherit !important;
		min-height: inherit !important;
	}
	
	
	.footercol1, .footercol4 {
		float: none;
		display: table;
		width: 100%;
	}
	.footercol1 img {
		width: 200px;
		margin: 0 0 15px 0;
	}
	.footercol2, .footercol2 {
		width: 50%;
	}
	.footercol4 {
		margin: 30px 0 0 0;
	}
	
	.resourcescontain {
		width: 86%;
	}
	
	
}


@media only screen and (max-width: 800px){
	
	.topwrapper, .idxheaderwrapper, .idxheaderwrapper1, .innerheadercontain, .innercontainwrapper, .innercontainwrapper1, .idxinquiry {
		width:86%;
	}
	
	
	.topleft {
		float: left;
		width: 220px;
		display: block;
		margin: 0 auto;
	}
	
	.idxheaderleft {
		float: none;
		display: block;
		width: 100%;
	}
	.idxheaderright {
		display: block;
		margin: 0 auto;
		padding: 20px 0 0px 0;
		width: 300px;
	}
	
	.idxheaderleft .btn1 a {
		padding: 5px 15px;
		font-size: 14px;
	}
	
	
	.idxstrugglingbox {
		width: 100%;
		display: block;
		margin: 10px 0;
	}
	.idxstrugglingbox1 {
		width: 90%;
		display: block;
		margin: 10px 0;
		padding: 5%;
	}
	.idxstrugglingboxheight {
		height: inherit !important;
		min-height:inherit !important;
	}
	
	
	.idxbookfree {
		width: 88%;
		margin: 0 auto;
		padding: 5%;
	}
	.idxbookfree img {
		width: 80px;
		display: block;
	}
	.idxbookfreecol1 {
		display: block;
		width: 100%;
		padding: 20px 0;
	}
	
	.idxbookfree .btn2 {
		display: block;
		width: 180px;
	}
	
	
	.idxcommunityboxheight, .idxresourcescontainboxheight {
		height: inherit !important;
		min-height: inherit !important;
	}
	.idxcommunityboxcol1 {
		float: none;
		width: 100%;
	}
	.idxcommunityboxcol2 {
		float: none;
		width: 100%;
		background: url("../images/line1.gif") repeat-x center;
		height: 80px !important;
	}
	
	
	.idxresourcescontainbox {
		display: block;
		float: none;
		width: 90%;
		margin: 20px 0;
		padding: 5%;
	}
	
	.footer {
		width: 86%;
	}
	
	.idxheaderwrapper h3, .innerhecos h1 {
		font-size: 28px;
		line-height: 30px;
	}
	
	
	.teamboxmain li {
		display: block !important;
		float: left !important;
		width: 49% !important;
	}
	
	.sectorsbox {
		width: 46%;
		padding: 2%;
	}
	
	
		

}
@media only screen and (max-width: 600px){ 
	
	
	.footercol2, .footercol3 {
		width: 100%;
		float: none;
	}
	.footernewsletter {
		width: 100%;
		padding: 5px 0 35px 0;
	}
	.footernewsletter input {
		width: 56%;
		float: left;
		display: block;
		border: 0;
		box-shadow: none;
		font-size: 15px;
		padding: 14px 4%;
		border-bottom-left-radius: 7px;
		border-top-left-radius: 7px;
		font-family: 'Nunito', sans-serif;
	}
	.footernewsletter button {
		width: 36%;
		float: left;
		display: block;
		border: 0;
		box-shadow: none;
		font-size: 16px;
		padding: 14px 3%;
		background: #225dbd;
		font-weight: 800;
		color: #fff;
		border-bottom-right-radius: 7px;
		border-top-right-radius: 7px;
		font-family: 'Nunito', sans-serif;
		cursor: pointer;
	}
	
	.footersocial {
		float: none;
		display: block;
		margin: 0 auto;
		width: 260px;
		padding: 0;
	}
	.footercopy {
		float: none;
		display: block;
		width: 100%;
		text-align: center;
		padding: 25px 0 0 0;
	}
	
	.toptext {
		padding: 20px 25px;
		line-height: normal;
	}
	
	.teamboxmain li {
		display: block !important;
		float: none!important;
		width: 99% !important;
	}
	
	.servicesmainboxcol1, .servicesmainboxcol3 {
		float: none;
		display: block;
		width: 100%;
	}
	.servicesmainboxcol2 {
		float: none;
		display: block;
		width: 100%;
		
	}
	.servicesboxheight {
		height: inherit !important;
		min-height: inherit !important;
	}
	.servicesmainboxcon {
		width: 86%;
		padding: 7%;
	}
	
	.idxservicesbox {
		width: 100%;
	}
	.sectorsbox {
		width: 100%;
		padding: 20px 0;
	}
	.aboutbox2col2 img {
		width: 80%;
		margin: 0;
		display: table;
		padding: 0px 0 30px 0;
	}
	.aboutbox2col1 h3  {
		font-weight: 1000;
		padding: 10px 0 15px 0;
		font-size: 26px;
	}
	
}