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

/* ipad mini  portrait   */
@media only screen and (max-width: 1024px){
	.MainWrapper, .TopMainWrapper, .Footer, .IdxContainWrapper, .InnerContainWrapper{
		width:94%;
	}
	.Nav{
		display:none;
	}
	.Phone{
		margin-right: 60px;
		margin-left:0px;
	}
	.TopMainRight{
		margin-bottom:30px;
	}
	.TopBg {
    	position: relative;
	}
	.RightTxt {
    	width: 85%;
	}
	.LeftTxt {
    	width: 85%;
	}
	.IdxSerWrap li {
	    margin: 10px 15px;
	}
	.ContactWrap .col1 h4 br{
		display:none;	
	}
	.FormCol1 {
		display: inline-block;
		vertical-align: top;
		margin: 5px;
		width: 47%;
	}
	.ContactForm input {
		width: 89%;
	}
	.FormCol2 {
		display: inline-block;
		vertical-align: top;
		margin: 5px;
		width: 96%;
	}
	.Footer {
    position: relative;
    padding-top: 60px;
}
}
/* Mini Desktop and Other Device*/
@media only screen and (max-width: 980px){
	.FooterTable .cell2 {
		font-size: 14px;
		line-height: 20px;
	}
	.CallUsTxt  .Button1 {
   		margin-left: 20px;
	}
}
@media only screen and (max-width: 966px){
	.CallUsTxt h6 {
		font-size: 18px;
	}
}
@media only screen and (max-width: 950px){
	
}

@media only screen and (max-width: 900px){
	.ReasonWrap .col1 {
		display: inline-block;
		vertical-align: top;
		width:40%;
		text-align:left !important;
		margin:15px;
	}
	.ReasonWrap{
		text-align:center;
	}
	.FooterTable .cell2 br{
		display:none;
		
	}
	.CallUsTxt  .Button1 {
   		margin-left: 0px;
		margin-top:25px;
	}
	.CallUsTxt h6 {
		font-size: 21px;
	}
}
@media only screen and (max-width: 854px) {
	.InnerTxtWrap h4 br{
		display:none;	
	}
	.ContactForm input {
		width: 86%;
	}
	.ContactForm textarea {
	    width: 93%;
	}
}
@media only screen and (max-width: 800px) {
	.IdxSerWrap li {
		margin: 30px 0px;
		width:96%;
	}

	.IdxHeadingHeight, .IdxTxtHeight {
		min-height:inherit !important;
	}
	.ContactInfoWrap .Col1 {
		float: none;
		width: 98%;
		margin:0px auto;
	}
	.MapBg {
		float: none;
		padding: 10px;
		border: 1px solid #DDD;
		background-color: #FFF;
		width:80%;
		margin:20px auto;
	}	
}

/* ipad mini landscape and Other Device   */
@media only screen and (max-width: 768px){
	.IdxSerWrap h2 {
    	font-size: 26px;
    	line-height: 32px;
	}
	.ContactForm input {
		width: 84%;
	}
}

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

/*Appple iPhone 6 plus landscape (if necessary) */
@media only screen and (max-width: 736px){
	.Phn {
		margin: 10px 15px 0px;
	}
	.IdxTxtTable {
		display: block;
		width: 100%;
		margin: 0px auto;
	}
	.IdxTxtTable .Cell1 {
		display: block;
		vertical-align: middle;
		padding:30px 0px;
		width: 100%;
		margin:0px auto;
	}
	.RightTxt {
		width:92%;
		float:none;
		padding:0px;
		margin:0px auto;
	}
	.LeftTxt {
		width:92%;
		float:none;
		padding:0px;
		margin:0px auto;
	}
	.ServiceWrap .col1 {
		float: none;
		width: 96%;
		font-size: 16px;
		line-height: 28px;
		margin:0px auto;
	}
	.ServiceWrap .col2 {
		float: none;
		width:68%;
		margin:0px auto;
	}
	.WorkMainWrap .odd .WorkTxt, .WorkMainWrap .even .WorkTxt  {
		float: none;
		width:96%;
		margin:0px auto;
	}
	.WorkMainWrap .odd .WorkImg, .WorkMainWrap .even .WorkImg {
		float: none;
		width:65%;
		margin:25px auto 0px;
	}
	.ContactWrap .col2 {
		display:none;
	}
	.ColHeight {
		min-height:inherit !important;
	}
	.ContactWrap .col1 {
		float: none;
		width: 98%;
		padding: 30px 0px;
		margin:0px auto;
	}
	.ContactForm input {
		width: 90%;
	}
	.ContactForm textarea {
		width: 95%;
	}
	.FormCol1 {
		margin: 8px;
		width: 47%;
	}
	.FormCol2 {
		margin: 8px;
		width: 97%;
	}
}
@media only screen and (max-width: 720px){
	
}

/* Apple iPhone 6 landscape)   */
@media only screen and (max-width: 667px){
	.Phn {
		display:block;
		vertical-align: top;
		font-family: "open_sansbold";
		margin:25px 0px 25px;
	}
	.CallUsTxt h6 {
		font-size: 21px;
		display:block;
		margin-top:0px;
	}
	.FormCol1 {
		margin: 7px;
		width: 47%;
	}
	.ContactForm input {
		width: 88%;
	}
	.FormCol2 {
		margin: 7px;
		width: 96%;
	}
}
@media only screen and (max-width: 640px){
	
}

@media only screen and (max-width: 604px){
	
	
}
@media only screen and (max-width: 600px){
		
}
@media only screen and (max-width: 569px){
	.TopMainRight {
		float: none;
		display: block;
		width: 94%;
		margin:10px auto 30px;
	}

	.Logo {
		float: none;
		display: block;
		width: 239px;
		margin:0px auto 15px
	}
	.Phone {
		float: none;
		text-align: left;
		margin-left:0px;
	}
	.InnerHeader {
		padding-bottom: 60px;
	}
	.InnerHeaderBg {
		background-size: 116%;
		background-position: center bottom;
	}
	.ServiceWrap .col2 {
		float: none;
		width: 88%;
		margin: 0px auto;
	}
	.FormCol1 {
		margin: 7px;
		width: 46%;
	}
	.FormCol2 {
		margin: 7px;
		width: 94%;
	}
	.ContactForm input {
		width: 86%;
	}
}
/* Apple iPhone 5 landscape)   */
/*@media only screen and (max-width: 568px){
	

}*/

@media only screen and (max-width: 540px){
	.InnerHeaderBg {
    background-size: 124% auto;
    background-position: center bottom;
}
}
@media only screen and (max-width: 533px){
	
}
/* Apple iPhone 4 landscape)   */
@media only screen and (max-width:480px){
	
	.ReasonWrap .col1 {
		width: 75%;
		text-align: left !important;
		margin: 6px 0px;
	}
	.SliderTxt {
    	font-size: 18px;
    	line-height: 32px;
		letter-spacing:1px;
	}
	.InnerHeaderBg {
		background-size: 140% auto;
		background-position: center bottom;
	}
	.WorkMainWrap .odd .WorkImg, .WorkMainWrap .even .WorkImg {
		float: none;
		width: 90%;
		margin: 25px auto 0px;
	}
	.MapBg {
		width: 85%;
	}
}
@media only screen and (max-width:424px){ 
	.SliderTxt {
		padding:15px;
	}
	.FooterLink{
		line-height:30px;
	}
	.FooterLink span {
		padding: 0px 5px;
	}
	.CallUsTxt h6 {
    	font-size: 18px;
	}
	.ReasonWrap .col1 {
		width: 90%;
		text-align: left !important;
		margin: 6px 0px;
	}
	.InnerHeaderBg {
		background-size: 155% auto;
		background-position: center bottom;
	}
	.FormCol1 {
		margin: 7px auto;
		width: 96%;
		display:block;
	}
	.ContactForm input {
		width: 91%;
	}
	.ContactForm textarea {
		width: 93%;
		margin:0px;
	}
}
@media only screen and (max-width:414px){
	.InnerHeaderBg {
		background-size: 165% auto;
		background-position: center bottom;
	}
	.FooterLink span {
		padding: 0px 15px;
	}
}
@media only screen and (max-width:400px){ 
}
@media only screen and (max-width:384px){ 
		.InnerHeaderBg {
			background-size: 170% auto;
			background-position: center bottom;
		}
}
/* Apple iPhone 6 portrait)   */
@media only screen and (max-width:375px){
	
	.InnerHeaderBg {
		background-size: 180% auto;
	}
	.InnerHeader h1 {
		font-size: 36px;
		line-height: 45px;
	}
	.ContactForm input {
		width: 90%;
	}
	.ContactForm textarea {
		width: 92%;
		margin: 0px;
	}
}
@media only screen and (max-width:360px){
}
/* Apple iPhone 4 portrait)   */
@media only screen and (max-width:320px){
	.Phone {
		margin-right: 30px;
		margin-left: 0px;
	    font-size: 24px;
		line-height: 28px;
	}
	a.menu-link {
	    margin-right: 10px;
		margin-top: -50px;
	}
	.CallUsTxt h6 {
		font-size: 16px;
	}
	.FooterLink span {
		padding: 0px 6px;
	}
	.InnerHeaderBg {
		background-size: 205% auto;
	}
	.ContactForm input {
		width: 87%;
	}
	.ContactForm select {
		width: 98%;
	}
	.ContactForm textarea {
		width: 89%;
		margin: 0px;
	}
	.SecurityCode input {
    	width: 115px !important;
	}
}