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

@media only screen and (max-width: 1440px) {
    .hdr-nav ul#nav>li {
        padding: 0 clamp(17px, 1.46vw, 19px);
    }

    .ftr-logos ul li {
        margin: 28px 7px;
    }
}

@media only screen and (max-width: 1366px) {
    .ftr-logos ul li {
        margin: 28px 5px;
    }
}

@media only screen and (max-width: 1280px) {
    .dta-tablet {
        left: -2%;
        bottom: -10%;
        width: 28%;
    }

    .dta-smartphone {
        bottom: -15%;
        left: 22%;
        width: 15%;
    }

    .ftr-logos ul:nth-child(2) li {
        width: 10%;
    }
}


/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */

@media only screen and (max-width: 1199px)and (min-width: 992px) {


    .fl-info ul li,
    .cln-info ul li,
    .clmi-info ul li {
        padding: 0 clamp(3px, 0.3vw, 11px);
    }

    .clmi-btn .site-btn:nth-child(2) {
        width: 63%;
    }

    .cln-btn .site-btn,
    .clmi-btn .site-btn {
        margin-left: 9px;
        font-size: 9.5px;
    }

    .hdr-nav ul#nav>li {
        padding: 0 clamp(8px, 0.875vw, 17px);
    }

    .ftr-logos ul:nth-child(2) li {
        margin: 28px 10px;
        max-width: 103px;
    }
}

@media only screen and (max-width: 1199px) {
    .non_parallax_bg canvas {
        background-attachment: scroll !important;
    }

    .bm-row {
        padding-left: 25px;
        padding-right: 25px;
    }

    .hdr-nav ul#nav li ul.sub-menu ul.sub-menu {
        min-width: 205px;
    }

    .hdr-nav ul#nav li ul.sub-menu {
        min-width: 205px;
    }

    .ftr-logos ul:nth-child(2) li {
        width: 8.9%;
    }
}

@media only screen and (min-width: 992px) {
    .page-id-2039 .ip-bm-feeds>.ip-bm-item {
        /* padding-bottom: clamp(20px, 2.8vw, 48px); */
    }
}


/* iPad(portrait) | Galaxy Tab 4(portrait)  */

@media only screen and (max-width: 991px) {
    .ftr-logos ul:nth-child(2) li {
        width: auto;
    }
    .aios-mobile-header-2 .amh-navigation .amh-menu li li.open ul li.open ul li a {
        background: #666;
    }

    .aios-mobile-header-2 .amh-navigation .amh-menu li li.open ul li.open ul li a:hover {
        background: #f4c76f;
        color: #FFFFFF;
    }

    html:has(body.show_menu) {
        overflow-y: auto;
    }

    #pojo-a11y-toolbar {
        display: none !important;
    }

    .site-title,
    .site-title h2 span {
        width: fit-content !important;
        text-align: center;
        margin: auto;
        padding-left: 0 !important;
    }

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

    /* .site-title {
		padding-left: 25px !important;
	} */
    .site-title strong::before {
        width: 100% !important;
    }

    .site-btn {
        max-width: 250px;
    }

    .fl-wrap .fl-feeds.qs-feeds,
    .fl-wrap .slick-slide,
    .cln-wrap .slick-slide,
    .clmi-wrap .slick-slide {
        padding: 10px calc((min(100vw, 1600px) * 0.02875) + 4px);
    }

    #main-header {
        position: relative;
        margin-top: 52px;
        background: #000;
    }

    #main-header.hdr-fixed {
        padding: 40px 0;
        z-index: 5;
    }

    .hdr-inner {
        justify-content: center;
    }

    .hdr-logo {
        width: 100%;
        max-width: 275px;
    }

    .hdr-fixed .hdr-logo a {
        max-width: 275px;
    }

    .hp-fl,
    .hp-cln,
    .hp-clmi {
        padding: clamp(20px, 4vw, 40px) 0 2vw;
    }

    .fl-title,
    .cln-title,
    .clmi-title {
        justify-content: center;
        flex-direction: column;
        padding: 32px 0;
    }

    .fl-img,
    .cln-img,
    .clmi-img {
        max-height: 289px;
    }

    .fl-btn,
    .cln-btn,
    .clmi-btn {
        justify-content: center;
        margin: 40px auto -20px;
    }

    .fl-feeds,
    .cln-feeds,
    .clmi-feeds {
        max-width: 503px;
        margin: auto;
    }

    .cln-btn,
    .clmi-btn {
        flex-wrap: wrap;
        width: 100%;
    }

    .fl-feeds.qs-feeds .fl-item,
    .fl-feeds.qs-feeds .fl-item:nth-child(2),
    .fl-feeds .slick-slide>div>.fl-item,
    .slick-slide>div>.cln-item,
    .slick-slide>div>.clmi-item {
        width: 100% !important;
    }

    .cln-btn .site-btn,
    .clmi-btn .site-btn {
        margin: 10px !important;
    }

    .cln-btn .site-btn,
    .clmi-btn .site-btn,
    .clmi-btn .site-btn:nth-child(2) {
        width: 78%;
    }

    .fl-info ul li,
    .cln-info ul li,
    .clmi-info ul li {
        padding: 0 clamp(7px, 2vw, 17px);
        font-size: clamp(10.5px, 3vw, 15px);
    }

    .wc-feeds {
        flex-direction: column;
        padding: 0;
        align-items: center;
    }

    .wc-img {
        width: 100%;
        margin-bottom: 60px;
        max-width: 500px;
    }

    .wc-txt {
        width: 100%;
        margin: auto;
    }

    .wc-title .site-title {
        margin: 0 auto 40px;
    }

    .wc-desc {
        margin: auto;
        padding: 40px min(7.423%, 100px);
        width: 95%;
    }

    .wc-desc p {
        text-align: justify;
        /* text-align-last: center; */
    }

    .wc-btn {
        flex-direction: column;
    }

    .wc-btn .site-btn {
        margin: auto;
    }

    .wc-gr {
        width: 50%;
        margin: 40px auto 0;
    }

    .hp-cta {
        padding: 150px 0 52px;
    }

    .cta-item {
        width: 40%;
        height: 227px;
        margin: 12px 0 !important;
        padding: 12.5px;
    }

    .cta-item:not(:last-child) {
        margin-bottom: 25px !important;
    }

    .cta-item .canvas_img,
    .cta-item .canvas,
    .cta-item img {
        height: 227px;
    }

    .test-wrap {
        flex-direction: column;
        margin: auto;
        height: auto;
        padding: 0;
        margin-bottom: -20%;
    }

    .test-img {
        width: 70%;
        margin: auto;
        margin-top: -30%;
        z-index: 1;
    }

    .test-img .canvas_img {
        margin: auto;
    }

    .test-title {
        top: min(30%, 100px);
        left: 50%;
        width: 100%;
    }

    .test-txt .canvas_img {
        margin: 0;
    }

    .test-txt {
        margin: 40px auto 0;
        width: 100%;
        height: auto;
        max-width: 700px;
    }

    .test-col {
        padding: 30px 0;
    }

    .hp-test .non_parallax_bg {
        height: calc(79.404761904762% + 33px);
        height: 100%;
    }

    .test-txt::before {
        top: 0;
    }

    .test-block {
        position: relative;
        z-index: 2;
        bottom: 0;
    }

    .test-item {
        border-right: none !important;
        padding: 5px 5% 20px;
        /* text-align-last: center; */
    }

    .test-item p,
    .test-item h4 {
        text-align: center;
    }

    .test-gr {
        position: relative;
        right: auto;
        top: auto;
        min-width: 100%;
        margin-top: 50px;
    }

    .test-gr .canvas_img {
        max-width: 170px;
        width: 80%;
        margin: auto;
    }

    .hp-dta {
        padding: 100px 0 80px;
        margin: auto;
    }

    .dta-feeds {
        flex-direction: column-reverse;
    }

    .dta-img,
    .dta-txt {
        width: 100%;
        max-width: 700px;
        padding: 0 10px;
    }

    .dta-desc {
        padding: 0;
        padding-bottom: 40px;
    }

    .dta-title .site-title {
        margin: 0 auto 25px;
    }

    .dta-desc p {
        text-align: center;
        text-align: justify;
        /* text-align-last: center; */
    }

    .cf-title p {
        /* text-align: justify !important; */
        /* text-align-last: center; */
    }

    .ftr-col {
        flex-direction: column;
    }

    .ftr-contact,
    .ftr-logo,
    .ftr-smi {
        width: 100%;
    }

    .ftr-contact {
        order: 1;
        text-align: center;
        margin: 15px auto;
    }

    .ftr-smi {
        order: 2;
        margin: 15px auto;
    }

    .ftr-smi ul {
        justify-content: center;
    }

    .ftr-smi ul li a {
        margin: 5px 16px;
    }

    .ftr-logos ul {
        margin: 0 auto;
        max-width: 650px;
    }

    .ftr-logos ul li,
    .ftr-logos ul li .canvas_img,
    .ftr-logos ul li canvas,
    .ftr-logos ul li img {
        max-height: 70px;
        max-width: 150px;
        object-fit: contain;
    }

    .ftr-copyright {
        text-align: justify;
        /* text-align-last: center; */
    }

    /* The following are used on inner pages. Please edit carefully. */
    .inner {
        width: 100%;
    }

    #inner-page-wrapper p,
    #aios-testimonials .aios-testimonials-lists .aios-testimonials-content,
    .aiosp-wrap div[class*=aios-testimonials-popup-] .aiosp-content .aios-testimonials-popup-content {
        text-align: justify !important;
        /* text-align-last: center; */
    }

    #content-sidebar,
    #content-full {
        width: 100%;
    }

    .outer {
        width: 100%;
        min-width: 100%;
    }

    #content-sidebar #content {
        width: 100%;
    }

    .ip-content-img.left,
    .ip-content-img.right {
        width: 90%;
        max-width: 700px;
        float: none;
        display: block;
        margin: 0 auto 30px;

        max-width: 400px;
    }


    .ip-content-img.center {
        max-width: 400px;
    }

    .ip-content-img img {
        width: 100%;
        max-width: 100% !important;
    }

    .page-id-1234 .ip-bm-item-wrap.no-image .ip-buyers-title,
    .page-id-1227 .ip-bm-item-wrap.no-image .ip-buyers-title {
        width: 100%;
        margin: auto;
    }

    .page-id-21 #content .site-title,
    .page-id-21 #content .site-title h2 span {
        width: fit-content !important;
        text-align: center !important;
        margin: auto !important;
        padding-left: 0 !important;
    }

    .page-id-21 #content .wwu-title .site-title h2 {
        text-align: center;
    }

    .page-id-21 #content .display-flex {
        width: 100%;
        top: unset !important;
    }

    .market-video-feed {
        padding-bottom: 0;
    }

    .single-aios-communities .ip-listings-top {
        justify-content: center;
        padding: 0 15px;
    }

    .ss-content {
        max-width: 100%;
    }


    .fl-feeds.qs-feeds .fl-item:not(:last-child) {
        margin-bottom: 25px;
    }

    #ip-link-page {
        column-count: 2;
    }

    #ip-link-page li:last-child {
        margin-bottom: 0;
    }

    .const-form-inner {
        width: inherit;
        margin: 0;
    }

    .const-form-inner>div {
        width: 100%;
        margin: 5px 0;
    }

    .const-form .wpcf7-list-item span.wpcf7-list-item-label {
        /* padding-left: 5px; */
    }

    #inner-page-wrapper p.center-mobile {
        text-align: center !important;
        margin-top: 50px;
        margin-bottom: -35px;
    }

    #inner-page-wrapper p.ul-two-col {
        column-count: 1;
    }

    .page-id-29 #content .entry.entry-content p,
    .page-id-29 #content .entry h2,
    .page-id-2975 #content .entry.entry-content p,
    .page-id-2975 #content .entry h2 {
        text-align: center !important;
    }

    .page-id-1614 .const-form .wpcf7 form .wpcf7-response-output {
        left: 50%;
    }

    .fl-title,
    .cln-title,
    .clmi-title {
        justify-content: center;
        flex-direction: column;
        padding: 32px 0;
    }
    .fl-title {
        padding: 0;
    }
    .cln-title {
        padding-top: 5px;
    }
    .cln-btn, .clmi-btn  {
        margin-top: 20px !important;
    }
    .clmi-title {
        padding-top: 0;
    }    
}


/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */

@media only screen and (max-width: 767px) {
    .wwu-item {
        width: 50%;
        margin-bottom: 20px;
    }

    .cta-item {
        width: 100%;
        max-width: 360px;
    }

    .ftr-nav ul {
        flex-direction: column;
    }

    .ftr-nav ul li {
        line-height: 2.2;
        border: none;
    }

    .ftr-nav ul li a {
        font-size: 13px;
        line-height: 2.6;
        display: block;
    }

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

    #ip-link-page {
        column-count: 1;
    }
}

@media only screen and (max-width: 600px) {
    .wwu-item {
        width: 100%;
        max-width: 239px;
    }

    .test-btn {
        flex-wrap: wrap;
        max-width: 290px;
        margin: auto;
    }

    .test-btn a.slick-prev {
        order: 1;
    }

    .test-btn a.slick-next {
        order: 2;
    }

    .test-gr {
        order: 3;
    }

    .cf-form form .info-item {
        width: 100%;
    }
}


/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */

@media only screen and (max-width: 480px) {
    .const-form-inner .wpcf7-radio {
        flex-flow: column;
        align-items: flex-start;
    }
}