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



@media only screen and (max-width: 1440px) {
    #ihf-main-container .hidden-xs {
        display: block!important;
    }
    .header .header-logo {
        max-width: 300px;
    }



    .header .header-navigation {
        padding: 0 42px 0 39px;
    }

    .header .header-toggle {
        margin-left: 35px;
    }

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

    .fixed-header .header-navigation > ul {
        margin: 0 -20px;
    }

    .fixed-header .header-navigation > ul > li {
        padding: 0 20px;
    }

    .hp-fp .fp-title strong,
    .hp-imap .imap-title strong,
    .hp-welcome .welcome-title strong,
    .hp-why .why-title strong,
    .hp-media .media-title strong,
    .hp-testi .testi-title strong,
    .footer-git .git-title strong {
        font-size: 85px;
    }

    .fixed-header .header-navigation > ul > li > .sub-menu {
        padding-top: 27px;
    }
    .fixed-header .header-contact ul li > ul{
        padding-top: 55px;
    }
}

@media only screen and (max-width: 1366px) {
    #ihf-main-container .hidden-xs {
        display: block!important;
    }
    .header .header-logo {
        max-width: 275px;
    }

    .header .header-navigation {
        padding: 0 32px 0 29px;
    }

    .header .header-toggle {
        margin-left: 25px;
    }

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

    .fixed-header .header-navigation > ul > li {
        padding: 0 15px;
    }

    .hp-fp .fp-title strong,
    .hp-imap .imap-title strong,
    .hp-welcome .welcome-title strong,
    .hp-why .why-title strong,
    .hp-media .media-title strong,
    .hp-testi .testi-title strong,
    .footer-git .git-title strong {
        font-size: 78px;
    }

    .hp-why .why-list .why-item strong {
        font-size: 52px;
    }

    .hp-why .why-list .why-item span {
        font-size: 15px;
    }

    .fixed-header .header-navigation > ul > li > .sub-menu {
        padding-top: 27px;
    }

    .fixed-header .header-contact ul li > ul {
        padding-top: 55px;
    }

    .hp-imap .imap-controls .imap-form{
        margin-left: 180px;
    }
}

@media only screen and (max-width: 1280px) {
    #ihf-main-container .hidden-xs {
        display: block!important;
    }
    .header .header-wrap {
        padding: 48px 63px 48px 59px;
    }

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

    .header .header-navigation > ul > li > a,
    .site-menu .sub-menu a,
    .header .header-contact ul li > ul li {
        font-size: 16px;
    }

    .header .header-contact ul li > ul {
        left: calc(50% - 140px) !important;
    }

    .header .header-contact ul li {
        font-size: 17px;
    }

    .fixed-header .header-wrap {
        padding: 10px 20px;
    }

    .fixed-header .header-logo {
        max-width: 225px;
    }
    .fixed-header .header-navigation > ul > li > .sub-menu {
        padding-top: 18px;
    }

    .hp-fp .fp-title strong,
    .hp-imap .imap-title strong,
    .hp-welcome .welcome-title strong,
    .hp-why .why-title strong,
    .hp-media .media-title strong,
    .hp-testi .testi-title strong,
    .footer-git .git-title strong {
        font-size: 72px;
    }
    
    .site-global-hp-container {
        padding-left: 50px;
        padding-right: 50px;
    }
    .fixed-header .header-contact ul li > ul {
        padding-top: 45px;
    }
}

/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */
@media only screen and (max-width: 1199px) {
    #ihf-main-container .hidden-xs {
        display: block!important;
    }
    .site-global-hp-container {
        padding-left: 25px;
        padding-right: 25px;
    }

    .fixed-header .header-navigation > ul > li > .sub-menu {
        padding-top: 19px;
    }

    .header .header-wrap {
        padding: 38px 48px 38px 44px;
    }

    .header .header-logo {
        max-width: 225px;
    }

    .header .header-navigation {
        padding: 0 27px 0 24px;
    }

    

    .fixed-header .header-contact ul li > ul {
        padding-top: 45px;
    }

    /* .hp-fp .fp-buttons {
        padding: 0 1px;
    } */

    .header .header-navigation > ul > li > a,
    .site-menu .sub-menu a,
    .header .header-contact ul li > ul li {
        font-size: 14px;
    }

    .header .header-contact ul li {
        font-size: 15px;
        letter-spacing: 1.5px;
    }

    .header .header-toggle {
        margin-left: 15px;
    }

    .fixed-header .header-wrap {
        padding: 10px 20px;
    }

    .fixed-header .header-logo {
        max-width: 200px;
    }

    .fixed-header .header-navigation > ul > li {
        padding: 0 10px;
    }

    .hp-fp .fp-slider-controls span {
        width: 45px;
        font-size: 20px;
    }

    .hp-fp .fp-slider .fp-item .fp-info {
        padding: 0 21px 14px;
    }

    .hp-fp .fp-slider .fp-item .fp-info .fp-address {
        padding-left: 16px;
    }

    .hp-welcome .welcome-left {
        margin-left: calc((100vw - 940px) / -2);
    }

    .hp-welcome .welcome-right {
        padding: 60px 48px 79px 42px;
    }

    .hp-welcome .welcome-title {
        margin-bottom: 31px;
    }

    .hp-welcome .welcome-content {
        font-size: 16px;
        line-height: 1.45;
    }

    .hp-welcome .welcome-read-more {
        margin-top: 44px;
    }

    .hp-why {
        padding: 102px 0 145px;
    }

    .hp-why .why-list .why-item strong {
        font-size: 42px;
    }

    .sidebar .qs-city .dropdown-menu {
        left: auto !important;
        right: 0 !important;
    }

    .hp-why .why-list .why-item span {
        font-size: 14px;
        letter-spacing: 2px;
    }

    .hp-media {
        padding: 48px 0 98px;
    }

    .hp-media .media-title {
        margin-bottom: 36px;
    }

    .hp-media .media-controls {
        margin-top: 32px;
    }

    .hp-testi .testi-top .testi-left {
        margin-left: calc((100vw - 940px) / -2);
    }

    .hp-testi .testi-top .testi-right {
        margin-right: calc((100vw - 940px) / -2);
    }
    .hp-testi .testi-title strong {
        font-size: 60px;
    }


    .hp-imap .imap-controls .imap-form{
        margin-left: 190px;
    }

}

@media only screen and (max-width: 1024px) {
    #ihf-main-container .hidden-xs {
        display: block!important;
    }

    .hp-fp .fp-title strong,
    .hp-imap .imap-title strong,
    .hp-welcome .welcome-title strong,
    .hp-why .why-title strong,
    .hp-media .media-title strong,
    .hp-testi .testi-title strong,
    .footer-git .git-title strong {
        font-size: 65px;
    }
    
    .hp-fp .fp-title span,
    .hp-imap .imap-title span,
    .hp-welcome .welcome-title span,
    .hp-why .why-title span,
    .hp-media .media-title span,
    .hp-testi .testi-title span,
    .footer-git .git-title span {
        font-size: 26px;
    }

    .hp-testi .testi-top .testi-right {
        padding-left: 65px;
    }

    

    .hp-testi .testi-slider:before {
        margin-bottom: 33px;
    }

    .hp-testi .testi-slider .testi-slide .testi-content,
    .hp-testi .testi-slider .testi-slide .testi-author {
        font-size: 16px;
    }
}

/* iPad(portrait) | Galaxy Tab 4(portrait)  */
@media only screen and (max-width: 991px) {
    #ihf-main-container .hidden-xs {
        display: block!important;
    }

    .mort-wrapper .c3-tooltip-container {
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%,-50%);
    }
    
    /* 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%;
    }
    
    .floating-smi {
        display: none;
        /* bottom: 100px;
        left: 15px; */
    }
    
    .floating-smi ul li a {
        width: 32px;
        height: 32px;
        font-size: 15px;
    }
    
    .floating-smi .smi-label {
        left: -18px;
    }
    
    .hp-fp .fp-title,
    .hp-imap .imap-title,
    .hp-welcome .welcome-title,
    .hp-why .why-title,
    .hp-media .media-title,
    .hp-testi .testi-title,
    .footer-git .git-title {
        text-align: center;
    }
    
    .hp-fp .fp-title strong,
    .hp-imap .imap-title strong,
    .hp-welcome .welcome-title strong,
    .hp-why .why-title strong,
    .hp-media .media-title strong,
    .hp-testi .testi-title strong,
    .footer-git .git-title strong {
        font-size: 60px;
    }
    
    .header {
        position: relative;
        z-index: 1;
        margin-top: 52px;
        background: #161011;
    }
    
    .header .header-logo {
        max-width: 100%;
    }
    
    .hp-fp .fp-spacer {
        display: none;
    }
    
    .hp-fp .fp-title-wrap, .hp-fp .fp-buttons-wrap {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        z-index: 1;
        width: 100%;
    }
    
    .hp-fp .fp-title {
        position: static;
        margin-bottom: 30px;
    }
    
    .hp-fp .fp-slider .fp-item .fp-info .fp-price {
        font-size: 20px;
    }
    
    .hp-fp .fp-slider .fp-item .fp-info .fp-address {
        padding-left: 10px;
    }
    
    .hp-fp .fp-slider-controls {
        position: static;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
    }
    
    .hp-fp .fp-slider-controls span {
        position: static;
        width: 40px;
        height: 40px;
        padding: 0;
        margin: 30px 5px 0;
    }
    
    .hp-fp .fp-buttons {
        position: static;
        margin-top: 30px;
    }
    
    .hp-fp .fp-buttons a {
        width: 400px;
        max-width: 100%;
        height: 64px;
        margin: 15px auto 0;
        font-size: 16px;
        letter-spacing: 2.5px;
    }
    
    .site-global-button {
        font-size: 16px;
        letter-spacing: 2.5px;
    }
    
    .hp-fp .fp-slider.slick-initialized .fp-slide.dummy {
        display: none;
    }
    
    .hp-imap .imap-controls .imap-form {
        width: 400px;
        max-width: 100%;
        margin: 60px auto 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    
    .hp-imap .imap-controls .imap-field {
        width: 100% !important;
    }
    
    .hp-imap .imap-controls .imap-field.c-range {
        margin: 5px 0 0;
    }
    
    .hp-imap .imap-controls .imap-field.c-range .irs {
        margin: 0;
    }
    
    .hp-imap .imap-controls .imap-label {
        font-size: 14px;
    }
    
    .hp-imap .imap-controls .imap-checkbox {
        width: 15px;
        height: 15px;
    }
    
    .hp-imap .imap-controls .imap-field.c-range .irs--round .irs-min,
    .hp-imap .imap-controls .imap-field.c-range .irs--round .irs-max {
        font-size: 14px;
    }
    
    .hp-welcome .welcome-wrap > .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    
    .hp-welcome .welcome-right {
        margin: 0;
        padding: 0 30px 250px;
    }
    
    .hp-welcome .welcome-left {
        margin: -150px 0 0;
    }
    
    .hp-welcome .welcome-photo {
        display: block;
    }
    
    .hp-welcome .welcome-photo img {
        margin: 0 auto;
    }
    
    .hp-why {
        padding: 100px 0;
    }
    
    .hp-why .why-list {
        margin-top: 50px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    
    .hp-why .why-list .why-item {
        width: 100%;
        margin: 30px 0 0;
    }
    
    .hp-why .why-list .why-item:after {
        display: none;
    }
    
    .hp-testi {
        padding: 75px 0;
        background: #dbdbdb;
    }
    
    .hp-testi .testi-title {
        margin-bottom: 30px;
    }
    
    .hp-testi .testi-top > .container .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    
    .hp-testi .testi-bottom {
        position: relative;
    }
    
    .hp-testi .testi-top .testi-left,
    .hp-testi .testi-top .testi-right {
        margin: 0;
        padding: 0;
        background: transparent;
    }
    
    .hp-testi .testi-top .testi-agent-photo,
    .hp-testi .testi-slider .testi-slide:after {
        display: none;
    }
    
    .footer .footer-git .git-form {
        padding: 0;
    }
    
    .footer .footer-navigation ul li {
        padding: 0 15px;
        margin-bottom: 30px;
    }
    
    .footer .footer-copyright {
        margin-top: 0;
        line-height: 1.5;
    }
    
    .footer .footer-info {
        padding: 50px 0;
    }
    
    .footer .footer-git .git-form form {
        margin: 0;
    }
    
    .header .header-wrap {
        padding: 10px 48px 10px 44px;
    }
    
    .hp-imap .imap-controls {
        top: 0;
    }
}

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */
@media only screen and (max-width: 767px) {
    #ihf-main-container .hidden-xs {
        display: none!important;
    }

    #ihf-detail-extrainfo-tabrow .hidden-xs{
        display: block!important;
    }
    #ihf-detail-extrainfo-tabrow .visible-xs{
        display: none!important;
    }

    .footer .footer-git .git-form form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    
    .footer .footer-git .git-form form .git-field:not(.submit) {
        width: 100% !important;
        margin-top: 32px !important;
    }
    
    .hp-fp .fp-title strong,
    .hp-imap .imap-title strong,
    .hp-welcome .welcome-title strong,
    .hp-why .why-title strong,
    .hp-media .media-title strong,
    .hp-testi .testi-title strong,
    .footer-git .git-title strong {
        font-size: 55px;
    }
    
    .hp-welcome .welcome-right {
        padding-bottom: 200px;
    }
    
    .hp-welcome .welcome-photo img {
        max-width: 500px;
    }

    .hp-media .media-controls .media-dots li{
        padding: 0 2px;
    }

    #ihf-main-container div#ihf-detail-extrainfo-tabrow .nav>li>a {
        padding: 10px 10px;
    }

    .hp-media .media-controls .slick-arrow{
        display: none !important;
    }

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

    #ihf-main-container label.ihf-area-inclusion-label input[type="checkbox"] {
        margin-top: 5px;
    }
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */
@media only screen and (max-width: 480px) {
    #ihf-main-container .hidden-xs {
        display:  none!important;
    }
    
    #ihf-detail-extrainfo-tabrow .hidden-xs{
        display: block!important;
    }
    #ihf-detail-extrainfo-tabrow .visible-xs{
        display: none!important;
    }


    .hp-fp .fp-title strong,
    .hp-imap .imap-title strong,
    .hp-welcome .welcome-title strong,
    .hp-why .why-title strong,
    .hp-media .media-title strong,
    .hp-testi .testi-title strong,
    .footer-git .git-title strong {
        font-size: 50px;
    }
    
    .hp-welcome .welcome-title strong {
        font-size: 45px;
    }
    
    .hp-why .why-title strong {
        font-size: 33px;
    }
    
    .hp-testi .testi-title strong,
    .footer-git .git-title strong {
        font-size: 37px;
    }
    
    .hp-why .why-title strong:after {
        margin-top: 22px;
    }
    
    .hp-fp .fp-title span,
    .hp-imap .imap-title span,
    .hp-welcome .welcome-title span,
    .hp-why .why-title span,
    .hp-media .media-title span,
    .hp-testi .testi-title span,
    .footer-git .git-title span {
        font-size: 20px;
    }
    
    .site-global-section-title span:before {
        border-left-width: 20px;
        margin-right: 10px;
    }
    
    .hp-welcome .welcome-photo img {
        max-width: 400px;
    }
    
    .hp-imap .imap-controls .imap-field {
        padding: 15px 20px;
    }
    
    .hp-imap .imap-controls .imap-label {
        letter-spacing: 2.5px;
        font-size: 14px;
        margin-right: 15px;
    }
    
    .hp-fp .fp-buttons a {
        font-size: 14px;
    }
    
    .site-global-button {
        font-size: 14px;
    }
    
    .footer .footer-git .git-form {
        margin-top: 10px;
    }
    .hp-media .media-controls .media-dots li{
        padding: 0 1px;
    }

    aside.sidebar {
        margin-top: 40px !important;
    }

    div#breakdown-yearlyundefined {
        min-width: 600px;
    }

    .mort-wrapper .srizon .row:last-child {
        overflow-y: scroll;
    }
}

@media print {
    .header-wrapper,
    .header-bg,
    .header-fixed.ease-transition,
    .aios-mobile-header-wrapper,
    .textwidget,
    .yoast-breadcrumbs,
    .footer-form-wrapper,
    .footer-wrapper,
    footer.footer-wrap,
    .sidebar,
    .ip-banner,
    .ihf-contiguous-links,
    .entry-title,
    .ihf-open-home .panel.panel-default,
    .menu-main-navigation-container,
    .entry.entry-content>a,
    .footer-link,
    p#breadcrumbs,.footer
    {
        display: none !important;
    }
    #content{
        width: 100% !important;
    }
    div#inner-page-wrapper{
        padding-top: 0px;
    }
    #ihf-main-container{
        margin-top: -220px;
    }
}