/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/



 
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {
	.hp-featured-prop .fp-item {
		padding: 0 15px;
		min-height: 360px;
	}
	/* main header */
	.main-header #nav > li{
		margin-right: 17px;
	}

		.main-header #nav > li > a{
			font-size: 15px;
		}
	
	#nav .sub-menu{
		padding-top: 57px;
	}
	/* end main header */

	/* hp agent */
	.hp-agent .hp-agent-1 .agent-content-wrapper .agent-info,
	.hp-agent .hp-agent-2 .agent-content-wrapper .agent-info{
		margin-left: 68px;
		max-width: 280px;
	}

	.hp-agent .agent-content-wrapper .agent-info .name span{
		font-size: 23px;
	}
	/* end hp agent */

	/* hp latest */
	.hp-latest .latest-item{
		text-align: center;
		min-height: 388px;
	}

	.hp-latest .latest-item .latest-text p{
		text-align: justify;
	}
	/* end hp latest */

	/* hp latest home price */
	.hp-latest-price .latest-price-title h1{
		font-size: 26px;
	}
	/* end hp latest home price */

	/* footer */
	.footer .footer-form .input-field, .footer .footer-form .input-sub{
		margin-right: 11px;
	}

	.footer .footer-bottom .footer-nav ul li{
		padding-right: 7px;
		margin-right: 2px;
	}
	/* end footer */

	/* ip welcome */
	.ip-welcome .welcome-video .play-btn{
		left: calc(50% - 25.5px);
	}
	/* end ip welcome */

	.ip-fp-buttons a{
		margin: 0 1%;
	}

	.ip-container .hp-agent .agent-content-wrapper .agent-info .name span {
		font-size: 20px;
	}

	.ip-container .hp-agent .agent-content-wrapper .agent-photo{
		top: 36px;    
		left: -23px;
	}

	.ip-container .hp-agent .hp-agent-2 .agent-content-wrapper .agent-photo img{
		max-width: 165px;
	}

	.ip-container .hp-agent .hp-agent-1 .agent-content-wrapper .agent-photo img{
		max-width: 142px;
	}

	.ip-container .hp-agent .hp-agent-1 .agent-content-wrapper .agent-info, 
	.ip-container .hp-agent .hp-agent-2 .agent-content-wrapper .agent-info{
		margin-left: 37px;
		max-width: 247px;
	}
	.hp-latest .latest-item-wrapper {
        height: 530px;
    }

    #content .grid .prop-det .prop-title {
	    font-size: 15px;
	}

	#content .grid .grid-property-content > p {
	    font-size: 14px;
	}

	.ip-container .agent-info {
		text-align: right;
	}

	.ip-container .agent-content-wrapper .agent-info .email a {
		font-size: 13px;
	}

	.main-header #nav > li:last-child > .sub-menu {
		left: unset;
		right: 0;
		transform: unset;
	}
} 

/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 
@media only screen and (max-width: 991px) {

	.hp-latest-price .hp-latest-form input#address-keycode-submit {
	    width: 100% !important;
	}

	#content ul.grid, #content .list-wrap, #content ul.list {
	    overflow: hidden;
	}
	
	/* The following are used on inner pages. Please edit carefully. */
	.address-item {
		margin: 0 auto;
		max-width: 200px;
	}

	.inner {
	    width: 100%;
	}
	#content-sidebar, #content-full {
	    width: 100%;
	}	
	.outer{
		width: 100%;
		min-width: 100%;
	}
	#content-sidebar #content{
		width: 100%;
	}

	#main-wrapper{
		padding-top: 52px;
	}

	/* main header  */
	.main-header{
		position: relative;
		overflow: hidden;
	}

	.main-header .navigation{
		display: none;
	}

	.main-header .logo-wrapper{
		margin-top: 0;
		text-align: center;
	}

	.main-header .logo-gif{
		top: 0;
		left: 50%;
        transform: translateX(-50%);
	}

	.main-header.scrolled .logo-gif{
		top: -10px;
	}

	.main-header .logo-gif img{
		max-width: 325px;
	}
	/* end main header */

	/* hp agent */
	.hp-agent .hp-agent-wrapper > div{
		width: 100%;
		margin-bottom: 25px;
		height: 196px;
	}

	.hp-agent .agent-content-wrapper .agent-photo{
		left: 50%;
		-webkit-transform: translateX(-115%);
		-moz-transform: translateX(-115%);
		-ms-transform: translateX(-115%);
		transform: translateX(-115%);
	}

	.hp-agent .hp-agent-1 .agent-content-wrapper .agent-info, 
	.hp-agent .hp-agent-2 .agent-content-wrapper .agent-info{
		margin-left: 31%;
	}
	/* end hp agent */

	/* hp testimonials */
	.hp-testimonial .testi-title h2{
		text-align: center;
	}

	.hp-testimonial .testi-title h2::after{
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.hp-testimonial .hp-testi-btn.prev{
		right: calc(50% - 5px);
		top: 90px;
	}

	.hp-testimonial .hp-testi-btn.next{
		left: calc(50% - -5px);
    	top: 90px;
	}

	.hp-testimonial .testi-slider{
		margin-top: 50px;
	}

	.hp-testimonial .testi-slider-item .testi-content{
		padding-right: 0;
		text-align: center;
	}

	/* end hp testimonials */

	/* hp latest */

	.hp-latest .latest-title h2{
		text-align: center;
	}

	.hp-latest .latest-title h2 a::after{
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.hp-latest .latest-item{
		min-height: 0;
	}
	/* end hp latest */

	/* hp featured properties */

	.hp-featured-prop{
		padding-right: 0;
	}

	.featured-prop-title h2{
		text-align: center;
	}

	.featured-prop-title h2::after{
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.hp-featured-prop .slick-initialized .slick-slide {
		display: block;
		/* width: 100% !important; */
	}

	.hp-featured-prop .fp-item-wrapper {
		margin: 0 auto 56px auto;
		max-width: 256px;
	}

	/* end hp featured properties */

	/* hp welcome */
	.hp-welcome .welcome-title h2,
	.ip-welcome .welcome-title h2{
		text-align: center;
	}

	.hp-welcome .welcome-title h2::after,
	.ip-welcome .welcome-title h2::after{
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.ip-welcome .welcome-video canvas{
		margin: 0 auto;
	}
	/* end hp welcome */

	/* hp latest home price */
	.hp-latest-price .latest-price-title h2,
	.ip-latest-price .latest-price-title h2{
		text-align: center;
	}

	.hp-latest-price .latest-price-title h2::after,
	.ip-latest-price .latest-price-title h2::after{
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.hp-latest-price .hp-latest-form .input-field.s,
	.ip-latest-price .ip-latest-form .input-field.s{
		margin: 0 auto;
	}
	/* end hp latest home price */

	/* hp mortgage calculator */
	.hp-mortgage-calculator,
	.ip-mortgage-calculator{
		text-align: center;
	}

	.hp-mortgage-calculator .hp-mortgage-calculator-title h2::after,
	.ip-mortgage-calculator .ip-mortgage-calculator-title h2::after{
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.hp-mortgage-calculator input,
	.ip-mortgage-calculator input{
		width: 100%;
	}
	/* end hp mortgage calculator */

	/* hp social links */
	.hp-social-links,
	.ip-social-links{
		text-align: center;
	}

	.hp-social-links .social-links-title h2::after,
	.ip-social-links .social-links-title h2::after{
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	/* end hp social links */

	/* footer */

	.footer .footer-form{
		overflow: hidden;
	}

	.footer .footer-form .input-field.s, 
	.footer .footer-form .input-field.l,
	.footer .footer-form .input-sub{
		width: 100%;
		margin-bottom: 10px;
	}

	.footer{
		text-align: center;
	}

		.footer .footer-bottom .footer-logo{
			margin-top: 25px;
		}

		.footer .footer-bottom .footer-copyright{
			margin-top: 25px;
		}

			.footer .footer-logo img{
				display: block;
				margin: 0 auto;
			}

	.footer .footer-bottom .footer-logo .logo-wrapper{
		padding-right: 0;
	}

	.footer .footer-bottom .footer-logo .footer-contact{
		text-align: center;
	}
	/* end footer */

	/* ip welcome */
	.ip-welcome .welcome-text{
		text-align: center;
	}
	/* end ip welcome */

	/* ip  latest home price*/
	.ip-latest-price .ip-latest-form .input-field.s{
		width: 100%;
	}
	/* nd ip latest home price */

	.hp-welcome{
		margin-bottom: 45px;
	}

	.page-id-223 .ip-latest-price.ip-lp-wrap, 
	.page-id-6982 .ip-latest-price.ip-lp-wrap{
		margin: 0 auto;
	}

	.ip-container .hp-agent .hp-agent-wrapper > div {
		margin: 0 auto 25px;
	}

	.ip-container .hp-agent .hp-agent-1 .agent-content-wrapper .agent-info, 
	.ip-container .hp-agent .hp-agent-2 .agent-content-wrapper .agent-info{
		max-width: 280px;
		margin-left: 31%;
	}

	.ip-container .hp-agent .agent-content-wrapper .agent-photo{
		top: 36px;
		left: 49%;
	}
	.hp-latest .latest-item-wrapper {
        height: initial;
       	max-width: 320px;
	    margin: 0 auto;
    }

    .hp-latest .latest-content .latest-img img{
	    height: initial;
    }


	.featured-prop-title a {
	    width: 200px;
	    max-width: 100%;
	   	display: block;
	    position: relative;
	    margin: 10px auto;
	}

	body .hidden-sm {
	    display: none;
	}

	body .hidden-md {
	    display: block;
	}

	.hp-testimonial .hp-testi-btn {
	    margin: 0 10px;
	}

	.footer .footer-bottom .footer-nav ul li {
	    margin-bottom: 5px;
	}

	#content .top-sort {
		text-align: right;
	}

	#content .grid li {
		min-height: 520px;
	}

	.ip-latest-price #widget-address-form input[type="submit"] {
		width: 100% !important;
	}

	
	
	#content-listings .top-sort {
		float: none;
		text-align: center;
		font-size: 0;
	}

	#content .top-sort .sort-left{
		text-align: left !important;
		width: 32%;
	}

	#content .top-sort .sort-left a:first-child{
		margin-left: 2px;
	}

	#content .top-sort .sort-left:last-child{
		margin-right: 0;
	}

	.sort-right .sort-sel {
		margin-right: 12px;
	}

} 

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */ 
@media only screen and (max-width: 767px) {

	/* hp featured properties */
	.hp-featured-prop .fp-item-wrapper{
		max-width: 253px;
		margin: 0 auto 25px;
	}
	/* end hp featured properties */

	.ip-fp-buttons a {
		display: block;
		margin: 0 auto 8px !important;
	}

	.page-id-887 img[alt="circle graph"] {
		display: block;
		margin: 40px auto 40px !important;
		float: none !important;
	}

	ul.list li .prop-img-wrap {
		text-align: center;
	}

	a.pop-sold.listing-item {
		display: inline-block;
		position: relative;
	}

	.listing-item img {
		max-width: unset !important;
		width: 100%;
	}

	#content .listing-details-wrap .property-details .details-list .det-specs span strong {
		font-size: 12px;
	}

	.sort-right .sort-sel {
		margin-right: 0;
	}
}


/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 480px) {

	/* main heder */
	.main-header .logo-gif img{
		max-width: 395px;
    	width: 395px;
	}
	/* end main header */

	/* hp agent  */

	.hp-agent .hp-agent-wrapper > div{
		height: auto;
	}

	.hp-agent .agent-content-wrapper .agent-photo{
		position: relative;
		left: 0;
		transform: none;
		text-align: center;
	}

	.hp-agent .hp-agent-1 .agent-content-wrapper .agent-photo img{
		max-width: 130px;
	}

	.hp-agent .hp-agent-2 .agent-content-wrapper .agent-photo img{
		max-width: 135px;
	}

	.hp-agent .hp-agent-1 .agent-content-wrapper .agent-info, 
	.hp-agent .hp-agent-2 .agent-content-wrapper .agent-info {
		max-width: 100%;
		margin-left: 0;
		text-align: center;
		margin-top: 0;
	}

	.hp-agent .agent-content-wrapper .agent-info .content{
		float: none;
	}

	/* end hp agent */

	/* hp latest */
	.hp-latest .latest-item{
		max-width: 253px;
   		margin: 0 auto 40px;
	}

	.hp-latest .latest-content .latest-img img{
		max-width: 100%;
	}
	/* end hp latest */

	/* hp latest price */
	.hp-latest-price .hp-latest-form .input-field.s{
		width: 100%;
	}
	/* end hp latest price */
	.ip-container .hp-agent .hp-agent-wrapper > div {
		margin: 0 auto 25px;
		width: 100%;
		display: block;
	}

	.ip-container .hp-agent .agent-content-wrapper .agent-photo{
		left: 0;
	}

	.ip-container .hp-agent .hp-agent-1 .agent-content-wrapper .agent-info, 
	.ip-container .hp-agent .hp-agent-2 .agent-content-wrapper .agent-info{
		margin-left: 0;
		margin: 0 auto;
	}

	.ip-container .hp-agent .agent-content-wrapper .agent-photo {
		display: block;
		margin: 0 auto;
		top: 0;
	}

	.page-id-213 #content a.asis-mailto-obfuscated-email {
	    word-break: break-all;
	    font-size: 14px;
	}

	.col-md-4.p-button {
		margin-top: 15px;
	}

	a.p-clients span{
		font-size: 14px;
	}

	.page-nation {
		float: none;
		margin: 0 auto;
		text-align: center;
	}

	.page-nation a.page-numbers {
		margin: 0 5px;
		font-size: 14px;
		display: inline-block;
	}
}
 
