/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */
@media only screen and (min-width: 1367px) {
    .custom-container {
        width: 1330px;
    }
}

@media only screen and (min-width: 1440px) {
    .custom-container {
        width: 1442px;
    }
}

/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */
@media only screen and (max-width: 1440px) {
    .site-title span {
        font-size: 70px;
    }

    .jump-22-section .site-title span em {
        font-size: 110.55px;
    }

    .values-section .values-list-wrapper {
        margin: 0;
    }

    .values-section .values-text-content {
        font-size: 12px;
        line-height: 18px;
        padding: 0 28px;
    }

    .areas-section .area-label h3 {
        font-size: 28px;
    }

    .areas-section a:hover .area-label h3 {
        font-size: 38px;
    }

    .app-content {
        padding-left: 30px;
    }

    .main-header .mh-btn {
        /*margin-left: 10px;*/
    }
}

/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */
@media only screen and (max-width: 1366px) {
    .site-title span {
        font-size: 63px;
    }

    .jump-22-section .site-title span em {
        font-size: 102.55px;
    }

    #nav>li {
        /*padding: 0 16.5px;*/
        /*padding: 0 24px;
    padding: 0 35px;*/
    }

    .areas-section a:hover .area-label h3 {
        font-size: 34px;
    }

    .app-content {
        padding-left: 92px;
    }

    .app-section .app-dl-btn {
        max-width: 200px;
    }
}

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

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

    .main-header .mh-btn {
        font-size: 13px;
    }

    .hero-section .banner-logo img {
        max-width: 330px;
    }

    .qs-section .qs-btn {
        margin-left: 4px;
    }

    .qs-section .qs-field input, .qs-section .qs-field select {
        font-size: 12px;
        padding: 0 13px;
    }

    .values-section .values-item a {
        height: 227px;
    }

    .service-section .service-item {
        max-width: 175px;
    }

    .service-section .service-logo .default-logo {
        position: relative;
        max-width: 253px;
    }

    .service-section .service-item h2 {
        font-size: 22px;
        line-height: 1;
    }

    .areas-section .area-label h3 {
        font-size: 23px;
        line-height: 1;
    }

    .areas-section .area-label span {
        font-size: 10px;
    }

    .areas-section a:hover .area-label {
        padding-bottom: 25px;
    }

    .jump-22-section .jump-22-content {
        padding: 34px 54px;
    }

    .vh-section .vh-slider-wrap {
        margin-right: calc((940px - 100vw) / 2);
    }

    .vh-section .vh-details {
        padding: 43px 25px 15px;
    }

    .vh-section .vh-text {
        font-size: 12px;
        line-height: 19px;
    }

    .vh-section .vh-title {
        font-size: 20px;
    }

    .testi-section .testi-row {
        margin-left: 0;
    }

    .testi-section .testi-main-item p, .testi-section .testi-author {
        font-size: 12px;
        line-height: 21px;
    }

    .testi-section .site-btn {
        padding: 19.5px 25.5px;
    }

    .lv-section .site-title span {
        font-size: 46px;
    }

    .lv-section .lv-title {
        font-size: 46px;
        line-height: 1;
    }

    .lv-section .lv-bottom::before {
        background-size: 58%;
    }

    .app-section .app-dl-btn {
        max-width: 146px;
    }

    .app-section .app-qr-code span {
        font-size: 14px;
    }

    .main-footer .footer-nav li {
        /* margin-right: 40px; */
    }

    .main-footer .footer-nav {
        padding: 0;
    }

    .site-title .title-count {
        font-size: 12px;
    }

    .agent-popup-head h3 {
        font-size: 45px;
        line-height: 1;
    }

    .agent-popup-text p {
        font-size: 12px;
        line-height: 20px;
    }

    .sb-qs .qs-field input, .sb-qs .qs-field select {
        padding: 0 5px;
    }

    .sb-qs .qs-field select {
        background-position: center right 10px;
    }
}

/* iPad(portrait) | Galaxy Tab 4(portrait)  */
@media only screen and (max-width: 991px) {
    .main-header {
        position: relative;
        margin-top: 52px;
        background: var(--dark);
        text-align: center;
        padding: 30px 15px;
    }

    .main-header .mh-inner {
        display: none;
    }

    .main-header .banner-logo img {
        max-width: 308px;
        width: 100%;
    }

    .hero-section .banner-logo-holder {
        display: none;
    }

    .side-contact {
        display: none;
    }

    .qs-section {
        position: relative;
        background: var(--dark);
        padding: 60px 0;
    }

    .qs-section .qs-form p {
        padding: 0;
        text-align: center;
    }

    .qs-section .qs-field {
        width: calc(50% - 5px);
    }

    .qs-section .qs-field-2, .qs-section .qs-field-1 {
        width: 100%;
    }

    .qs-section .qs-field.qs-field-right {
        float: right;
    }

    .qs-section .qs-field input, .qs-section .qs-field select {
        border: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    }

    .qs-section .qs-btn {
        width: 100%;
        margin: 30px 0 0;
        margin-left: 0;
    }

    button.btn.dropdown-toggle.btn-default {
        color: #fff !important;
        padding: 0 13px;
        border-right: none;
        border-bottom: 1px solid rgba(255,255,255,0.5);
    }

    .site-title {
        text-align: center;
    }

    .values-section .values-text {
        text-align: center;
    }

    .values-section .values-item {
        width: 50%;
    }

    .values-section .values-item a {
        height: 300px;
    }

    .values-section .values-list:nth-child(even) .values-item:nth-child(odd) a {
        background-image: url("./images/values-cta-bg.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .values-section .values-list:nth-child(even) .values-item:nth-child(odd) a::after {
        content: '';
        display: block;
        position: absolute;
        top: 10px;
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--primary);
        opacity: .50;
    }

    .values-section .values-list:nth-child(even) .values-item:nth-child(even) a {
        background-image: none;
        background: #111111;
    }

    .values-section .values-list:nth-child(even) .values-item:nth-child(even) a::after {
        opacity: 0;
    }

    .service-section .service-list {
        /* display: block; */
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .service-section .service-item {
        display: block;
        width: 100%;
        max-width: 183px;
        margin-bottom: 35px;
    }

    .areas-section .slick-current+.slick-active+.slick-active .area-item a {
        -webkit-transform-origin: right;
        transform-origin: right;
    }

    .jump-22-section .jump-22-row {
        display: block;
    }

    .jump-22-section .jump-22-left {
        width: 100%;
        max-width: 500px;
        margin: 0 auto 60px;
    }

    .jump-22-section .jump-22-content {
        text-align: center;
    }

    .jump-22-section .site-title span {
        margin-top: -22px;
    }

    .jump-22-section .jump-22-right {
        width: 100%;
    }

    .jump-22-section .jump-22-video {
        margin: 0 auto;
        max-width: 700px;
    }

    .mtt-section .mtt-content {
        text-align: center;
        margin-bottom: 60px;
    }

    .mtt-section .mtt-slider-holder {
        margin: 0 auto;
        padding: 0 60px;
    }

    .vh-section .vh-content {
        max-width: unset;
        margin-top: 0;
        margin-bottom: 60px;
        text-align: center;
    }

    .vh-section .vh-slider-wrap {
        margin-right: 0;
    }

    .vh-section .vh-slider {
        margin: 0;
    }

    .vh-section .vh-slide-contols {
        text-align: center;
    }

    .testi-section .testi-content {
        text-align: center;
        margin-top: 0;
        padding: 0;
    }

    .testi-section .testi-row {
        display: block;
        margin: 0;
    }

    .testi-section .testi-slider-left {
        padding: 0;
        width: 100%;
        margin-bottom: 37px;
        margin-top: 60px;
        text-align: center;
    }

    .testi-section .testi-slider-right {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }

    .testi-section {
        padding: 100px 0 70px;
    }

    .testi-section .testi-controls {
        margin-top: 30px;
        text-align: center;
    }

    .testi-section .site-btn {
        display: block;
        max-width: 265px;
        margin: 45px auto 50px;
    }

    .lv-section .lv-top-row {
        display: block;
    }

    .lv-section .lv-subscribe, .lv-section .lv-profile {
        display: block;
    }

    .lv-section .lv-profile {
        margin: 0 0 40px;
        text-align: center;
    }

    .lv-section .lv-bottom-row {
        display: block;
    }

    .lv-section .lv-left {
        width: 100%;
        margin-bottom: 60px;
        text-align: center;
    }

    .lv-section .lv-right {
        width: 100%;
    }

    .lv-section .lv-video-slider {
        margin: 0;
    }

    .app-section .site-bg-accent {
        display: none;
    }

    .app-section .app-content {
        padding: 0;
        text-align: center;
    }

    .app-section .app-content-text {
        max-width: unset;
    }

    .app-section .app-phone {
        margin: 60px auto 0;
        max-width: 300px;
    }

    .main-footer .mf-contact-holder {
        text-align: center;
    }

    .main-footer .mf-contact {
        padding: 0;
        max-width: unset;
    }

    .main-footer .mf-contact span {
        position: relative;
        top: unset;
        margin-right: 9px;
    }

    .main-footer .footer-nav {
        display: block;
    }

    .main-footer .footer-nav li {
        display: block;
        margin: 10px 0;
    }

    .hero-section .site-scroll-down {
        display: none;
    }

    .main-footer .mf-cf-holder {
        padding: 0;
    }

    .agent-popup-img {
        margin: 0 auto 60px;
        max-width: 400px;
        padding-right: 30px;
        padding-bottom: 30px;
    }

    .agent-popup-img-accent {
        top: 30px;
        left: 30px;
    }

    .agent-popup-content {
        padding: 0;
        text-align: center;
    }

    .agent-popup-contact {
        padding: 0;
    }

    .agent-popup-contact span {
        position: relative;
        top: unset;
        margin-right: 7px;
    }

    .team-popup .site-popup-close {
        top: 15px;
        right: 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%;
    }

    .areas-control {
        display: block;
    }

    .lv-section .title-line-left::before {
        left: calc(100% + 23px);
        right: auto;
    }

    .lv-control > button {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding: 0;
        border: none;
        background-color: transparent;
        line-height: 1;
        -webkit-transition: 0.3s all ease-in-out;
        transition: 0.3s all ease-in-out;
        padding: 19px 34px;
        filter: brightness(0) invert(1);
    }

    .lv-control {
        text-align: center;
        margin: 46px auto 0;
    }

    .lv-control > button:not(:last-child) {
        border-right: 1px solid rgba(0,0,0,.20);
    }

    .lv-control > button:hover {
        opacity: .75;
    }

    .lv-section .lv-bottom {
        padding: 108px 0 70px;
    }

    #pojo-a11y-toolbar {
            display:none;
       }
	
	.social-section,
	.main-footer {
		overflow: hidden;
	}
}

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */
@media only screen and (max-width: 767px) {
    .values-section .values-item {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
        display: block;
    }

    .areas-section .areas-slider {
        margin: 0 auto;
        max-width: 400px;
    }

    .areas-section .slick-list {
        padding: 60px;
    }

    .areas-section .slick-current .area-item a {
        -webkit-transform-origin: center;
        transform-origin: center;
    }

    .areas-section .area-item {
        opacity: 0;
    }

    .areas-section .slick-current .area-item {
        opacity: 1;
    }

    .mtt-section .mtt-slider-holder {
        padding: 0 36px;
    }

    .lv-section .site-title span {
        font-size: 41px;
        max-width: 340px;
        padding-left: 0;
    }

    .site-btn-secondary {
        font-size: 14px;
        padding: 35px 42px;
    }

    .site-popup-content {
        max-width: 90%;
    }

    .site-popup-content .site-title span {
        font-size: 36px;
    }

    .popup-field-sm {
        width: 100%;
    }

    .popup-field-row {
        display: block;
    }

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

    .aios-contact-wrap .aios-contact-main {
        margin: 75px 0 !important;
        padding: 60px 15px !important;
    }

    .lv-section .title-line-left::before {
        top: 23%;
        left: calc(100% + 10px);
    }
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */
@media only screen and (max-width: 480px) {
    .site-title span, .site-title .title-logo {
        padding-left: 15px;
    }

    .title-line-left::before {
        right: calc(100% - 5px);
    }

    .title-line-right::before {
        left: calc(100% + 5px);
    }

    .site-title span {
        font-size: 45px;
    }

    .hl-section .site-title .title-inner {
        margin-left: 0;
    }

    .hl-section .site-title .title-count, .hl-section .site-title .title-logo {
        display: block;
    }

    .hl-section .site-title .title-logo {
        padding-left: 15px;
    }

    .jump-22-section .site-title span em {
        font-size: inherit;
    }

    .jump-22-section .site-title span {
        margin-top: 5px;
    }

    .mtt-section .mtt-slider-holder {
        padding: 0;
    }

    .mtt-section .mtt-prev, .mtt-section .mtt-next {
        display: none !important;
    }

    .mtt-section .mtt-agent-label h3 {
        font-size: 22px;
    }

    .mtt-section .mtt-agent-label span {
        font-size: 12px;
    }

    .social-section .site-btn-secondary {
        padding: 35px 16px;
        font-size: 12px;
    }

    .app-section .app-dl-btn {
        display: block;
        margin: 10px 0;
        text-align: center;
        max-width: unset;
    }

    .app-section .app-qr-code span, .app-section .app-qr-code img {
        display: block;
    }

    .app-section .app-qr-code span {
        margin: 0 0 30px;
    }

    .app-section .app-qr-code img {
        margin: 0 auto;
    }

    .jump-22-section .jump-22-content {
        text-align: center;
        padding: 34px 15px;
    }

    .site-popup-content {
        max-width: 95%;
        padding: 10px;
    }

    .site-popup-inner {
        padding: 50px 15px 43px;
    }

    .site-popup-content .site-title span {
        font-size: 27px;
    }

    .site-popup-inner::after {
        width: 229px;
        height: 270px;
        background-size: 100%;
    }

    #content .entry-title, #content .archive-title {
        font-size: 40px;
    }

    .lv-section .title-line-left::before {
        left: calc(100% - 20px);
        right: auto;
        top: 24%;
    }

    .lv-section .site-title span {
        font-size: 35px;
        max-width: 290px;
        width: 100%;
    }
}

@media print{
    .ihf-printable-template #content .listings-printable-header span,
    .ihf-printable-template .grecaptcha-badge,
    .ihf-printable-template #pojo-a11y-toolbar,
    .ihf-printable-template .side-contact-list {
        display: none !important;
    }

    .ihf-printable-template #content .listings-printable-inner{
        width: 90% !important;
    }

    .ihf-printable-template #main-wrapper{
        overflow: unset!important;
    }

    .ihf-printable-template #content .listings-printable-git ul li a[href]:after {
        content: none !important;
    }
}