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

 @media only screen and (max-width: 1366px){
	 .hdrnav > li:last-child:hover > .sub-menu{
		transform: translate(0, 0);
		left: auto;
		right: 0;
	}
	.burger-menu .hdrnav li a {
		padding: 13px 0;
	}

	.hdrnav > li:last-child > .sub-menu {
    transform: translate(0, 20px);
    left: auto;
    right: 0;
}


 }
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {

	.hdrnav li a {
		font-size: 10px;
		padding: 17px 10px;
	}

	.hdrnav .sub-menu a{
		font-size: 10px;
	}

	.fixed-header .hdrnav li a {
		padding: 17px 12px;
	}

	.footernav li a {
		padding: 0 3px;
	}

	.footer .f-bottom .copyright {
		padding-right: 3px;
	}
	.hp-team .team-photo canvas {
        height: calc(100vh - 83px);
    }
	
	
	#inner-page-wrapper:after{
		background-attachment: scroll;
	}
	ul.list li p.prop-desc{
		clear: both;
	}
	ul.list li .prop-det h3{
		clear: both;
	}

	.hp-social-media-bg canvas{
        background-attachment: scroll;
    }
} 

/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 
@media only screen and (max-width: 991px) {
	.burger-menu-active {
		overflow: visible;
	}
	.hp-team .team-photo canvas {
        height: auto;
    }
	.hide-mobile {
		display: none !important;
	}

	.header {
		position: relative;
		padding: 70px 15px 20px;
	}

		.header .hdr-logo {
			width: 100%;
		}

			.header .hdr-logo img.hide-desktop {
	            display: block;
	            margin: 0 auto;
	        }

	.hp-blog .row {
		display: block;
	}

		.hp-blog .blog-right {
			margin-top: 30px;
		}

	.hp-git .intro {
		padding: 0;
	}

	.footer .f-logos .logo-wrap {
		display: block;
		text-align: center;
	}

		.footer .f-logos .logo-wrap img {
			display: inline-block;
			margin: 10px;
			vertical-align: middle;
		}

	.footernav li a {
		margin-bottom: 5px;
	}	

	.footer .f-bottom .f-left,
	.footer .f-bottom .f-right {
		width: 100%;
		text-align: center;
		padding: 0;
	}

		.footer .f-bottom .f-right {
			margin-top: 15px;
		}

	
	/* 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%;
	}
	.hp-team .team-title {
		padding: 30px 20px;
	}

	#content .listing-details-wrap .property-details .details-list .det-specs span.d-beds,
	#content .listing-details-wrap .property-details .details-list .det-specs span{
		display: block;
	}

	#content .listing-details-wrap .property-details .details-list .det-specs span.d-cars {
		display: block;
	}

	.single-listing #content .listing-details-wrap .details-head {
		min-height: 0;
	}

	.hp-social-media-title {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    justify-content: center;
	}

	.hp-social-media-title > span {
	    display: flex;
	    align-items: center;
	}

	.hp-social-media-button a {
	    width: 100%;
	    max-width: 250px;
	    margin: 40px auto;
	}

	.hp-social-media-smi-inner a {
	    justify-content: flex-start;
	    width: 100%;
	    padding: 0 5%;
	    max-width: 250px;
	}

	.hp-social-media-smi-inner {
	    max-width: 100%;
	    justify-content: center;
	}

	.hp-social-media-feed {
	    padding-bottom: 35px;
	    /*justify-content: center;*/
	    max-width: 290px;
	}

	.hp-social-media-item {
	    width: 100%;
	    padding: 10px 0;
	}

	.hp-social-media-inner .row {
	    padding: 15px 0;
	    flex-direction: column-reverse;
	    align-items: center;
	}

	.hp-social-media-bg {
	    height: 100%;
	}

} 

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

	.hp-testimonials .slick-slide:before {
		display: none;
	}

	.hp-testimonials .test-item {
		padding: 0 10px 0 0 !important;
	}

    .ip-banner .container{
        width: 100%;
    }

    .hp-fl > div h2,
	.hp-fl > div h2,
	.hp-testimonials h2,
	.hp-blog .blog-left h2,
	.hp-git h2,
	.hp-team h2 {
		font-size: 32px;
	}

	.hp-team .team-title {
		/* top: 21px; */
		white-space: nowrap;
	}
	#content .entry-title, #content .archive-title {
		font-size: 30px;
		line-height: 1.4;
	}
	.hp-testimonials .test-wrap{
		padding: 55px 15px;
	}
	.hp-testimonials .test-dots li{
		font-size: 9px;
	}
}

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

	#capture-form .popup-top .pop-logo,
	#capture-form .popup-top .pop-text {
		width: 100%;
		text-align: center;
	}

		#capture-form .popup-top .pop-logo img {
			margin: 0 auto 20px;
		}

	.hp-blog .blog-list .blog-item {
		display: block;
		align-items: initial;
	}

	.hp-blog .blog-item > div {
		width: 100%;
	}

	.hp-blog .blog-list .blog-item:nth-of-type(even) {
		flex-direction: initial;
	}	

	.hp-team .team-title {
		top: -45px;
		padding: 20px 15px;
	}

	.hp-team h3 {
		font-size: 10px;
	}

	.hp-team h3 .sep {
		margin: 0 3px;
		height: 14px;
	}

	.hp-team h2 {
		font-size: 20px;
	}
	
	.hp-git .form-col.mar-rl,
	.hp-git .form-col{
		margin: 10px 0 0;
		width: 100%;
	}
	.hp-git .form-col:first-child{
		margin: 0 0 0;
	}

}