/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/
@media only screen and (max-width: 1366px){
	#hp-buttons ul li .btn-h{
		padding: 35px 0 0 20px;
	}
}
 
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {
	#hp-qs form .qs-title h3 {
		font-size: 17px;
	}
	#hp-welcome .welcome-text h1{
		font-size: 40px;
	}
	#hp-welcome .welcome-text h1 span {
		font-size: 17px;
	}
	#hp-welcome .welcome-text {
		padding: 25px 0 0;
		margin: 0 -45px 0 0;
	}
	#hp-welcome .welcome-text em {
		padding: 5px 0 15px;
	}
	#hp-welcome .welcome-text a{
		margin: 20px 0 0;
	}
	#hp-cta-qs #hp-cta {
		padding: 0 0 15px;
	}
	#hp-cta-qs #hp-cta h3 {
		font-size: 35px;
	}
	#hp-cta-qs #hp-cta a{
		margin: 20px 0 0;
	}
	#main-header #nav > li > a {
		padding: 0 6px;
		font-size: 12px;
	}
	#hp-welcome .welcome-text p {
		line-height: 21px;
	}
	#hp-buttons ul li .btn-h {
		padding: 15px 0 0 15px;
	}
	#hp-buttons ul li .btn-h h3 {
		font-size: 22px;
	}
	#hp-buttons ul li .btn-h h3 span {
		font-size: 15px;
	}
	#hp-buttons .button-rm {
		bottom: 5px;
		right: 5px;
	}
	#hp-buttons a:hover .button-rm {
		bottom: 10px;
		right: 10px;
	}
	.info-wrapper .info-list > div{
		font-size: 14px;
	}
	.info-wrapper .info-list > div.phone-1 {
		padding: 0 0 0 14px;
	}
	.info-wrapper .info-list > div.phone-3 {
		padding: 0 0 0 14px;
	}
	.info-wrapper .info-list span.info-mini {
		font-size: 9px;
	}
	.info-wrapper .info-list span.ai-font-phone {
		font-size: 12px;
	}

	.header.fixed #main-header .navigation {
		padding: 20px 0 0;
	}

	.fixed #main-header #nav > li:hover > a:after {
		bottom: -35px;
	}

	.fixed #main-header #nav > li:hover > .sub-menu {
		padding: 35px 0 0;
	}	

	.c-us-img {
		margin-left: 7%;
		max-width: 445px;
	}
} 

/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 
@media only screen and (max-width: 991px) {	
	
	/* The following are used on inner pages. Please edit carefully. */

	.inner {
	    width: 100%;
	}
	#content-sidebar, #content-full {
	    width: 100%;
	}	
	.outer{
		width: 100%;
		min-width: 100%;
	}
	#content-sidebar #content{
		width: 100%;
	}
	.header,
	.header.fixed{
		position: relative;
		max-height: none;
		padding: 70px 0 15px;
		background: none;
	}
	#main-header .navigation{
		display: none;
	}
	#main-header .logo{
		text-align: center;
		margin: 0 auto;
	}
	.header.fixed #main-header .logo img,
	#main-header .logo img{
		max-width:400px;
		width: 90%;
	}
	.header:before {
		display: none;
	}
	#hp-slideshow #aios-slider-hp-slideshow .aios-slider-volume {
		bottom: 20px;
	}
	#hp-cta-qs{
		position: relative;
	}
	#hp-cta-qs #hp-cta{
		color: #002639;
		padding: 20px 0;
	}
	#hp-cta-qs #hp-cta a{
		color: #002639;
		border: 1px solid #002639;
	}
	#hp-qs form .qs-title,
	#hp-qs form .qs-long,
	#hp-qs form .qs-submit,
	#hp-qs form .qs-adv{
		width: 100%;
		margin: 0 0 7px;
		display: block;
		text-align: center;
	}
	#hp-qs form .qs-short{
		width: calc(50% - 1.5px);
		margin: 0 0 7px 0;
	}
	#hp-qs form .qs-short:nth-child(odd){
		margin: 0 0 7px 3px;
	}
	#hp-cta-qs #hp-cta a:hover{
		color:#fff;
	}
	#hp-qs .qs-wrapper {
		max-width: 500px;
		margin: 0 auto;
		width: 100%;
	}
	#hp-welcome .welcome-text{
		text-align: center;
		margin: 0 0 0 0;
	}
	#hp-welcome .welcome-img{
		text-align: center;
		padding: 20px 0;
	}
	#hp-welcome .welcome-img img{
		max-width: 400px;
		width: 100%;
	}
	#hp-welcome .welcome-text p {
		line-height: 25px;
		text-align: justify;
	}
	#hp-buttons ul li .btn-h h3 {
		font-size: 18px;
	}
	#hp-buttons ul li .btn-h h3 span {
		font-size: 13px;
	}
	#hp-buttons .button-rm{
		font-size: 10px;
		padding: 4px 10px;
	}
	.info-wrapper .info-list > div{
		display: block;
		padding: 7px 0 0 0;
	}
	.info-wrapper .info-list > div.phone-1,
	.info-wrapper .info-list > div.phone-2,
	.info-wrapper .info-list > div.phone-3{
		padding: 10px 0 0;
		margin: 0 0 0;
	}
	.info-wrapper .info-list{
		padding: 10px 0 0;
	}
	#hp-qs form .qs-title h3 {
		font-size: 30px;
		padding: 0 0 15px;
	}
	#hp-git-info .git-bg:before{
		display: none;
	}
	.info-wrapper .info-list > div {
		font-size: 17px;
	}
	.footer .footernav li {
		padding: 0 7px;
	}
	.git-wrapper {
	    position: relative;
	    margin-bottom: 25px;
	}
	#hp-git-info div.wpcf7-response-output{
		position: absolute;
		bottom: initial;
		top: 100%;
		margin: 10px 0 0;
	}
	body.page-id-64 #content .alignright {
		float: none; 
		left: 0; 
		position: relative;
	}

	#hp-git-info .git-bg {
		width: 100%!important;
		display: none;
	}

	body.page-id-64 #content .alignright {
		display: block;
		margin: 0 auto;
	}

	#main-header .logo img {
		width: 100%;
		max-width: unset;
	}

	#main-header .logo {
		max-width: 430px;
	}

	.cycloneslider-template-video .cycloneslider-volume {
		bottom: 45px;
	}

	.c-us-img {
		display: block;
		margin: 0 auto;
	}

} 

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */ 
@media only screen and (max-width: 767px) {
	#hp-cta-qs #hp-cta h3 {
		font-size: 30px;
	}
	#hp-buttons{
		padding: 20px 0;
	}
	#hp-buttons ul li{
		display: block;
		width: 100%;
		max-width: 530px;
		margin: 15px auto 0;
	}
	#hp-buttons ul li .btn-h {
		padding: 25px 0 0 25px;
	}
	#hp-buttons ul li .btn-h h3{
		font-size: 30px;
	}
	#hp-buttons ul li .btn-h h3 span{
		font-size: 20px;
	}
	#hp-buttons .button-rm {
		font-size: 12px;
		padding: 7px 20px;
	}

	ul.list li .prop-det .prop-title a, .list-price span {
		font-size: 20px;
	}

	.prop-det .prop-desc {
		font-size: 11px !important;
	}

	#content #ihf-main-container .ihf-grid-result-address {
		display: inline-block;
		font-size: 13px;
		line-height: 14px;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 480px) {
	#hp-welcome .welcome-text h1 {
		font-size: 35px;
	}
	#hp-buttons ul li a:after{
		left: 0;
	}
	#hp-buttons ul li a:hover:after{
		background:#002639;
		opacity: .6;
	}

	#main-header .logo {
		max-width: 250px;
	}

	.cycloneslider-template-video .cycloneslider-volume {
		bottom: 20px;
		right: 20px !important;
	}
}
 
@media print {
	.textwidget.custom-html-widget, 
	header.header,
	h1.entry-title,
	.entry-content a,
	p#breadcrumbs,
	.addtoany_share_save_container.addtoany_content.addtoany_content_bottom,
	footer.footer {
	    display: none;
	}

	.entry.entry-content {
	    margin-top: -280px;
	}

}