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


@media only screen and (max-width: 1366px) {
	header #nav > li {
    	padding: 0 15px;
	}

	.qs-wrap .qs-logo .large-text {
	    font-size: 70px;
	}

	.qs-wrap .qs-logo {
	    font-size: 22px;
	}

	.title-design {
	    right: 0;
	    width: calc(50% - 200px);
	}

	.hp-testi .gtitle .title-design {
	    right: -100px;
	}

	.hp-testi .gtitle .title-design:before {
	    height: 200px;
	}

	.hp-testi .title-design.up {
	    left: -100px;
	}

	.hp-testi .title-design.up{
		left: -100px;
	}
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
	.qau-form-wrap .qua-content .qau-form-control {
		padding-top: 11px;
	}
}


/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */
@media only screen and (max-width: 1199px) {
	header #nav > li {
	    padding: 0 7px;
	}

	header #nav > li > a {
	    font-size: 12px;
	}

	.qs-wrap .qs-logo .large-text {
	    font-size: 60px;
	}

	.qs-wrap .qs-logo {
	    font-size: 19px;
	}

	.qs-wrap .qs-btn-control{
		font-size: 12px;
	}

	.qs-wrap .qs-form-control {
	    font-size: 10px;
	}

	.qs-wrap .bootstrap-select.btn-group .dropdown-toggle .filter-option{
		font-size: 10px;
	}

	.wc-wrap .gtitle h1 {
	    font-size: 45px;
	}

	.fp-item .address-wrap {
	    font-size: 20px;
	}

	.hp-testi .gtitle .title-design {
	    right: 0;
	}

	.hp-testi .gtitle .title-design:before {
	    height: 150px;
	}

	.hp-testi .title-design.up{
		left: 0;
	}


	.ip-container .bootstrap-select.btn-group .dropdown-menu li a span.text{
	    font-size: 11px!important;
	}


	.ip-container  .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{
	    right: 10px!important;
	}


}

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

	.shownonmob{
	  display: block !important;
	}

	.ip-container .bootstrap-select.btn-group .dropdown-menu li a span.text{
	    font-size: 13px!important;
	}


	.ip-container  .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{
	    right: 15px!important;
	}

	/* The following are used on inner pages. Please edit carefully. */

	.ip-banner{
		padding-top: 0;
	}

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

	.title-design{
		display: none !important;
	}

	header.header,
	header.fixed {
	    position: relative;
	    background: #000;
	    padding: 20px 0;
	    margin-top: 52px;
	    z-index: 1;
	}

	header .h-right{
		display: none;
	}

	header .h-left {
	    width: 100%;
	}

	header .logo-wrap a,
	header.fixed .logo-wrap a {
	    margin: 0 auto;
	    max-width: 260px;
	}

	.hp-qs .qs-wrap {
	    max-width: 320px;
	    margin: 0 auto;
	}

	.qs-wrap .qs-logo {
	    width: 100%;
	    text-align: center;
	    padding: 0;
	    margin-bottom: 20px;
	}

	.qs-wrap .qs-form {
	    width: 100%;
	}

	.qs-wrap .qs-col-lg {
	    width: 100%;
	    margin-bottom: 5px;
	}

	.qs-wrap .qs-col-md {
	    width: 50%;
	    margin-bottom: 5px;
	}

	.qs-wrap .qs-btn-col {
	    width: 100%;
	}

	.hp-qs {
	    position: relative;
	    bottom: 0;
	    margin-top: 30px;
	}

	.cta-wrap a.cta-btn {
	    max-width: 320px;
	    margin: 0 auto;
	    margin-bottom: 10px;
	}

	.agent-list {
	    max-width: 380px;
	    margin: 0 auto;
	}

	.agent-list .agent-item {
	    padding: 0;
	}

	.agent-list button.next-btn {
	    right: -50px;
	}

	.agent-list button.prev-btn {
	    left: -50px;
	}

	.agent-item .name-wrap,
	.agent-item .smi-links{
		opacity: 0;
		margin-top: 0;
		right: 0;
	}

	.agent-item .img-wrap .design-lines.top {
	    border-color: rgba(255, 255, 255, .50);
	}

	.agent-item .img-wrap .design-lines:before,
	.agent-item .img-wrap .design-lines:after{
		background-color: rgba(255, 255, 255, .50);
	}

	.agent-item .img-wrap{
		border-color: rgba(255, 255, 255, .50);
	}

	.fp-list {
	    margin: 0 auto;
	    max-width: 380px;
	}

	.fp-list .fp-item {
	    padding: 0;
	}

	.fp-list .slick-track{
		padding: 0;
	}

	.agent-list .slick-track{
		padding: 0;
	}

	.tv-media-view{
		margin-bottom: 20px;
	}

	.tv-media-view, .tv-media-details {
	    display: block;
	    width: 100%;
	    padding: 0;
	}

	.tv-media-details .tv-media-more > span {
	    text-align: center;
	}

	.blog-list .blog-post {
	    display: block;
	    width: 100%;
	    margin-bottom: 10px;
	}

	.blog-list .blog-post {
	    display: block;
	    width: 100%;
	    margin-bottom: 10px;
	    max-width: 320px;
	    margin: 0 auto 20px;
	}

	.blog-post .details-wrap h2 {
	    text-align: center;
	}

	.git-form .git-col-md {
	    width: 50%;
	}

	.git-form .git-col-md.no-padding-left + .git-col-md {
	    padding-right: 0;
	}

	.git-form .git-col-md.no-padding-left + .git-col-md + .git-col-md {
	    padding-left: 0;
	}

	.f-logo-wrap img {
	    margin: 0 auto 10px;
	}

	footer .f-cinfo-wrap .cinfo {
	    text-align: center;
	}

	footer ul.smi-links {
	    text-align: center;
	}

	.f-smi-wrap {
	    margin-bottom: 30px;
	}

	footer .f-cinfo-col {
	    display: block;
	    max-width: 320px;
	    margin: 0 auto;
	    margin-bottom: 30px;
	}

	.f-logo.right img{
		margin: 0 auto;
	}

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

	.tv-media-view .gtitle {
	    padding: 0;
	    margin-bottom: 25px;
	    text-align: center;
	}

	.tv-media-more {
	    max-width: 320px;
	    margin: 0 auto;
	    display: block;
	    width: 100%;
	}

	.tv-media-details .tv-media-more-item {
	    display: block;
	    width: 100%;
	    margin: 0 auto 20px;
	}

	.qau-form-wrap{
		display: none;
	}

	.tv-media-details .tv-media-more .tv-media-more-list{
		text-align: center;
	}

	.qs-wrap .bootstrap-select.btn-group .dropdown-menu{
		min-width: 100%;
	}

	footer .footernav li{
		padding: 0 5px;
	}



}

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

	#ihf-market-report-header .ihf-market-report-header-toggle .dropdown-menu {
	    right: auto !important;
	    left: 0 !important;
	}

	#content .listing-details-wrap .property-details .details-list .det-item {
	    display: block!important;
	    width: 100%!important;
	    max-width: 100%!important;
	}

	#content .listing-details-wrap .property-details .details-list .det-specs span {
	    text-align: left!important;
	}
}

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

	a.fparrow{
		top: inherit;
	}
	.agent-list button.agent-arrows {
		display: none !important;
	}

	#ihf-refine-search-button #ihf-refine-search-button > button,
	#ihf-main-container .pull-right:not(.ihf-social-share) .btn-group,
	#ihf-main-container .pull-right:not(.ihf-social-share) .btn-group > button {
	    text-align: right !important;
	    width: 100%;
	}

	#ihf-main-container .col-xs-6:not([class*="col-xs-offset"]),
	#ihf-main-container > div.ihf-listing-search-results > div:nth-child(5) .col-xs-6 {
	    width: 100% !important;
	}

	.ihf-refine-search-container form#ihf-mini-search-form div.col-xs-6 {
	    width: 50% !important;
	}

	#ihf-refine-search #ihf-refine-search-button,
	#ihf-refine-search + .btn-group button {
	    float: right !important;
	    width: auto !important;
	}

	#ihf-main-container .row > .row {
	    margin: 0!important;
	}

	#ihf-main-container label.field-label.ihf-area-inclusion-label {
	    display: block!important;
	}

	#ihf-main-container .btn{
	    white-space: normal;
	}

	#ihf-main-container .ihf-mapsearch-refine-overlay .col-xs-6{
        width: 50%!important;
    }

    #ihf-main-container .ihf-market-report #ihf-market-report-nav-container a.ihf-market-report-nav{
		padding: 10px 2.5px;
    }

    .ip-video-archive iframe{
    	height: 220px;
    }

    footer .f-cinfo-col .flex-wrapper > div {
        width: 100%;
        text-align: center;
    }
}




@media print {
    header.header,
    .git-sec,
    .aios-mobile-header-wrapper,
    .textwidget,
    .yoast-breadcrumbs,
    p#breadcrumbs,
    footer.footer,
    .entry-content > a:first-child,
    aside.sidebar,
    .ip-banner,
    .ihf-contiguous-links,
    .entry-title,
	.ihf-open-home .panel.panel-default,
	.addtoany_content
    {
        display: none !important;
    }
    #content{
        width: 100% !important;

    }
    .inner-page-wrapper{
        padding-top: 0px;
    }
    div#content-sidebar{
        margin-top: 0px;
    }
}