/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/
    @media only screen and (max-width: 1440px) {
        .post-page-contact .addtoany_content {
            padding: 0 96px;
        }
    }

    @media only screen and (max-width: 1366px) {
        .post-page-contact .addtoany_content {
            padding: 0 71px;
        }
    }

    @media only screen and (max-width: 1280px) {
        .hp-slideshow .slideshow-info .info-tagline strong {
            font-size: 50px;
        }

        .hp-slideshow .slideshow-info .info-tagline span {
            font-size: 30px;
        }

        .header .header-navigation .site-menu>li {
            padding: 0 14px;
        }

        .post-page-contact .addtoany_content {
            padding: 0 46px;
        }
    }

    /* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */
    @media only screen and (max-width: 1199px) {
        .bootstrap-extend-left {
            margin-left: calc((100vw - 940px) / -2);
        }

        .bootstrap-extend-right {
            margin-right: calc((100vw - 940px) / -2);
        }

        .header .header-navigation .site-menu>li {
            padding: 0 10px;
        }

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

        .hp-slideshow .slideshow-info .info-tagline strong {
            font-size: 45px;
        }

        .hp-slideshow .slideshow-info .info-tagline span {
            font-size: 25px;
        }

        .hp-welcome .welcome-main {
            padding: 50px 0;
        }

        .hp-welcome .welcome-content,
        .hp-welcome .welcome-link {
            margin-top: 50px;
        }

        .hp-qs {
            padding: 60px 0 50px;
        }

        .hp-fp .fp-address {
            font-size: 25px;
        }

        .hp-fp .fp-price {
            font-size: 23px;
        }

        .hp-aoe .aoe-inner .aoe-right {
            padding: 80px 0;
        }

        .hp-testi {
            padding: 52px 0 68px;
        }

        .hp-blog:before,
        .hp-blog:after {
            max-height: 396px;
        }

        .hp-blog {
            padding: 53px 0 77px;
        }

        .footer .footer-git .git-inner {
            padding: 39px 45px 78px;
        }

        .footer .footer-navigation ul+ul {
            margin-left: 28px;
        }

        .footer .footer-contact ul li,
        .footer .footer-navigation ul li a {
            font-size: 13px;
        }

        .header .header-logo {
            margin-right: 15px;
        }

        .header .header-navigation .site-menu>li>a {
            font-size: 13px;
            letter-spacing: 0;
        }
    }

    /* iPad(portrait) | Galaxy Tab 4(portrait)  */
    @media only screen and (max-width: 991px) {
        .post-page-contact .addtoany_content {
            padding: 0 26px;
        }

        .hp-welcome .welcome-img img {
            margin: 0 auto;
        }

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

        .hp-communities .hpcom-lists .hpcom-list {
            width: 100%;
        }

        html {
            overflow: scroll !important;
        }

        /* The following are used on inner pages. Please edit carefully. */
        .amh-fixed-header-nav .amh-header-buttons {
            /*background: var(--primary-color);*/
        }

        .amh-header-buttons .amh-navigation-trigger,
        .amh-header-buttons .amh-center,
        .amh-header-buttons .amh-header-right-btn {
            /*color: var(--secondary-color);*/
        }

        .amh-navigation {
            background: var(--primary-color);
        }

        .amh-navigation .amh-menu li a {
            color: var(--secondary-color);
        }

        .inner {
            width: 100%;
        }

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

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

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

        .ip-banner canvas {
            min-height: 250px;
        }

        .bootstrap-extend-left {
            margin-left: 0;
        }

        .bootstrap-extend-right {
            margin-right: 0;
        }

        #content .archive-list>article {
            width: 100%;
        }

        #content .archive-list .article-long .archive-has-thumbnail .archive-subtitle {
            margin: 0.75em 0;
            font-size: 24px;
        }

        #content .archive-list .article-long p {
            font-size: 17px;
        }

        #content .archive-list .article-long .archive-thumbnail,
        #content .archive-list .article-long .archive-has-thumbnail {
            width: 100%;
            margin-left: 0;
        }

        .site-offcanvas {
            display: none;
        }

        .header {
            position: relative;
            z-index: 1;
            top: 0;
            margin-top: 52px;
            padding: 35px 0;
            background: var(--primary-color);
            transition: none;
        }

        .header .header-logo {
            margin: 0 auto;
        }

        .hp-slideshow #aios-slider-homepage-slidershow-auto-generated .aios-slider-splide .aios-slider-img canvas,
        .hp-slideshow .slideshow-spacer canvas {
            min-height: 450px;
        }

        .hp-slideshow .slideshow-info .info-name:after {
            margin-top: 20px;
        }

        .hp-slideshow .slideshow-info .info-tagline {
            margin-top: 30px;
        }

        .hp-slideshow .slideshow-info .info-tagline strong {
            font-size: 35px;
        }

        .hp-slideshow .slideshow-info .info-tagline span {
            font-size: 20px;
            margin-top: 10px;
        }

        .hp-slideshow .slideshow-info .info-cta {
            margin-top: 35px;
        }

        .hp-welcome .welcome-title strong {
            font-size: 40px;
        }

        .hp-welcome .welcome-content {
            width: 100%;
        }

        .hp-qs .qs-wrap p {
            text-align: center;
        }

        .hp-fp .fp-item .fp-info {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }

        .hp-fp .fp-item .fp-extras {
            opacity: 1;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }

        .hp-fp .fp-title,
        .hp-fp .fp-main {
            padding: 0 72px;
        }

        .hp-fp .fp-controls {
            left: 15px;
            right: 15px;
        }

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

        .hp-aoe {
            padding-bottom: 25px;
        }

        .hp-aoe .aoe-inner {
            flex-direction: column-reverse;
        }

        .hp-aoe .aoe-inner .aoe-right {
            justify-content: center;
            padding: 0 0 50px;
        }

        .hp-aoe .aoe-img {
            padding-left: 0;
            margin-right: 0;
        }

        .hp-aoe .aoe-img canvas {
            max-width: 100%;
            margin: 0 auto;
        }

        .hp-testi {
            padding: 25px 0 50px;
        }

        .hp-testi .testi-controls {
            position: static;
            justify-content: center;
        }

        .hp-testi .testi-arrow {
            margin: 30px 15px 0;
        }

        .hp-blog,
        .hp-socm {
            padding: 50px 0;
        }

        .hp-blog .blog-list:not(.slick-initialized) {
            display: block;
        }

        .hp-blog .blog-list:not(.slick-initialized) .blog-col {
            max-width: 400px;
            width: 100%;
            margin: 30px auto;
        }

        .hp-socm .socm-link {
            margin-top: 50px;
        }

        .hp-socm .socm-blogs-wrap {
            margin-top: 20px;
        }

        .hp-socm .socm-blogs {
            width: 670px;
            margin: 0 auto;
        }

        .hp-socm .socm-col {
            width: 50%;
            padding: 0 15px;
            margin-top: 30px;
        }

        .footer .footer-inner>div+div,
        .footer .footer-mls {
            margin-top: 30px;
        }

        .footer .footer-contact,
        .footer .footer-copyright,
        .footer .footer-navigation ul li,
        .footer .footer-mls {
            text-align: center;
        }

        .footer .footer-contact ul li+li {
            margin-top: 5px;
        }

        .footer .footer-navigation {
            justify-content: center;
        }

        .footer .footer-main {
            padding: 50px 0;
        }

        .footer .footer-logo-list {
            flex-flow: column wrap;
        }

        .ip-banner h1 {
            font-size: 40px;
        }
    }

    /* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */
    @media only screen and (max-width: 767px) {
        .global-title small {
            margin-bottom: 17px;
        }

        .global-title small.center-line {
            margin-bottom: 20px;
        }

        .global-title strong {
            font-size: 30px;
        }

        .global-title p {
            margin-top: 5px;
        }

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

        .hp-slideshow #aios-slider-homepage-slidershow-auto-generated .aios-slider-splide .aios-slider-img canvas,
        .hp-slideshow .slideshow-spacer canvas {
            min-height: 400px;
        }

        .hp-slideshow .slideshow-info .info-tagline strong {
            font-size: 30px;
        }

        .hp-slideshow .slideshow-info .info-tagline span {
            font-size: 18px;
        }

        .hp-welcome .welcome-title strong {
            font-size: 35px;
        }

        .hp-welcome .welcome-content,
        .hp-welcome .welcome-link {
            margin-top: 40px;
        }

        .hp-fp .fp-img canvas {
            min-height: 500px;
        }

        .hp-fp .fp-title {
            top: 30px;
        }

        .hp-fp .fp-main {
            bottom: 30px;
        }

        .hp-fp .fp-title,
        .hp-fp .fp-main {
            text-align: center;
        }

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

        .hp-fp .fp-extras ul li {
            display: flex;
            flex-direction: column;
        }

        .hp-fp .fp-extras ul li:after {
            position: static;
            transform: none;
            font-size: 15px;
        }

        .hp-cta {
            padding: 75px 0;
        }

        .hp-blog .blog-list {
            width: 360px;
            max-width: 100%;
            margin: 0 auto;
        }

        .hp-blog .blog-list .blog-col {
            padding: 0;
        }


        .ip-banner h1 {
            font-size: 35px;
        }
    }

    @media only screen and (max-width: 567px) {
        .hp-slideshow .slideshow-info .info-tagline strong {
            font-size: 28px;
        }

        .hp-slideshow .slideshow-info .info-tagline span {
            font-size: 15px;
        }

        .hp-qs .qs-form {
            width: 500px;
            max-width: 100%;
            margin: 0 auto;
        }

        .hp-qs select.qs-search {
            padding: 0 45px;
            background-position: center left 10px;
        }

        .hp-qs .qs-submit {
            position: static;
            display: block;
            margin: 18px auto 0;
            width: 276px;
            height: 59px;
            color: #fff;
            background: var(--primary-color);
        }

        .hp-qs .qs-submit:hover {
            background: rgba(var(--primary-color-rgb), 0.8);
        }

        .hp-blog:before,
        .hp-blog:after {
            max-height: 370px;
        }

        .hp-socm .socm-blogs {
            width: 320px;
        }

        .hp-socm .socm-col,
        .footer .footer-git .git-field {
            width: 100%;
        }

        .footer .footer-git .git-inner {
            padding: 40px 45px 65px;
        }

        .footer .footer-navigation ul+ul {
            margin-left: 0;
        }

        .footer .footer-navigation {
            flex-direction: column;
        }

        .footer .footer-navigation ul li,
        .footer .footer-navigation ul li+li {
            margin-top: 10px;
        }

        .footer .footer-inner>div+div,
        .footer .footer-mls {
            margin-top: 20px;
        }
    }

    /* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */
    @media only screen and (max-width: 480px) {
        .global-title strong {
            font-size: 25px;
        }

        .hp-fp .fp-title,
        .hp-fp .fp-main {
            padding: 0 15px;
            pointer-events: auto;
        }

        .hp-fp .fp-title {
            position: static;
            margin-bottom: 30px;
        }

        .hp-fp .fp-title strong {
            color: var(--primary-color);
        }

        .hp-fp .fp-controls {
            position: static;
            justify-content: center;
            margin: 30px 0 50px;
            border-color: #000;
        }

        .hp-fp .fp-arrow {
            border-color: #000;
            color: #000;
        }

        .hp-fp .fp-arrow+.fp-arrow {
            margin-left: 30px;
        }

        .hp-fp .fp-arrow:hover {
            border-color: var(--primary-color);
            background: var(--primary-color);
            color: #fff;
        }

        .hp-aoe .aoe-list {
            width: auto;
        }

        .footer .footer-git .git-inner {
            padding: 40px 30px 65px;
        }

        .ip-banner h1 {
            word-break: break-all;
        }

        .post-page-contact #content .contact-main {
            margin: 50px 15px;
            padding: 60px 5px 0;
        }

        .post-page-contact #content .contact-smi ul li {
            padding: 0 10px;
        }

        .post-page-contact #content .contact-info ul li {
            letter-spacing: 0;
        }

        .post-page-contact #content .contact-info ul li:last-child {
            display: flex;
        }
    }