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


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

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


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

@media only screen and (max-width: 991px) {
    .footer-links p {
        font-size: 12px !important;
    }

    .footer-contact-inner a,
    .footer-address-inner a {
        padding: 9px 0;
    }

    .footer-nav li {
        padding: 10px 0;
    }

    /* 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%;
    }

    /*******************************************************
     *
     * 2. Custom CSS
     *
     *******************************************************/


    /* Global */

    html {}

    body {
        font-size: 16px;
    }

    body::-webkit-scrollbar {}

    *:focus {}

    a,
    a:hover {}

    a:hover {}

    a,
    input,
    button,
    img,
    canvas {}

    .lazyload {}

    .img-wrapper {}

    .img-wrapper canvas {}

    .img-wrapper img {}

    .bg-wrapper {}

    .bg-wrapper canvas {}

    #main-wrapper {
        padding: 52px 0 0;
    }

    main {}


    /*** Header ***/

    .header {
        position: relative;
        padding: 0 30px;
    }

    .header-inner {
        max-width: 1478px;
        padding: 15px 0;
    }

    .header-logo {}

    .header-logo-inner {
        max-width: 400px;
    }

    .header-logo-inner a {}

    .header-logo-inner a img {
        width: 150px;
        filter: none;
    }

    .header-logo-inner a img:first-child {
        width: 30%;
    }

    .header-logo-inner a img:last-child {
        width: 70%;
    }

    .header-contact-smis-navigation-off-canvas-trigger {}

    .header-contact-smis-navigation {
        max-width: 1036px;
    }

    .header-contact-smis {
        margin: 0 0 12px;
    }

    .header-contact {}

    .header-contact-inner {}

    .header-contact-inner a {
        font-size: 16px;
    }

    .header-contact-inner a:not(:last-child) {
        margin: 0 10px 0 0;
    }

    .header-contact-inner a:hover {}

    .header-contact-inner a i {
        font-size: 14px;
        margin: 0 13px 0 0;
    }

    .header-smis {
        margin: 0 0 0 39px;
    }

    .header-smis-inner {}

    .header-smis-inner a {}

    .header-smis-inner a:not(:last-child) {
        margin: 0 25px 0 0;
    }

    .header-smis-inner a:hover {}

    .header-smis-inner a i {
        font-size: 18px;
    }

    .header-smis-inner a i.ai-font-youtube {
        font-size: 20px;
    }

    /*** Header Navigation ***/

    .header-navigation {}

    .header-nav {}

    .header-nav li {}

    .header-nav li a {
        font-size: 14px;
    }

    .header-nav>li:hover>a {}

    .header-nav .sub-menu {
        width: 205px;
        transform: translateY(30px);
        padding: 30px 0 0;
    }

    .header-nav li:hover>.sub-menu {}

    .header-nav .sub-menu .sub-menu {
        margin: 0 0 0 calc(100% + 1px);
    }

    .header-nav .sub-menu li {
        margin: 0 0 1px;
    }

    .header-nav .sub-menu li:hover {}

    .header-nav .sub-menu li a {
        padding: 15.5px 10px 15.5px calc(10px + 0.1em);
    }

    .header-nav .sub-menu li:hover>a {}


    /*** Fixed Header ***/

    .header.fixed {}

    .header.fixed.show-fixed {}


    /*** Off Canvas ***/

    .off-canvas-trigger {
        width: 35px;
        margin: 0 0 0 45px;
    }

    .off-canvas-trigger i {
        height: 2px;
    }

    .off-canvas-trigger i:not(:last-child) {
        margin: 0 0 8px;
    }

    .off-canvas-trigger:hover i {}

    .off-canvas-backdrop {}

    .off-canvas-backdrop.off-canvas-open {}

    .off-canvas-backdrop::before {}

    .off-canvas-backdrop.off-canvas-open::before {}

    .off-canvas {
        max-width: 966px;
        max-height: 530px;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    }

    .off-canvas.off-canvas-open {}

    .off-canvas-inner {
        padding: 10px;
    }

    .off-canvas-close {
        top: 40px;
        right: 40px;
    }

    .off-canvas-close i {
        font-size: 35px;
    }

    .off-canvas-close:hover i {}

    .off-canvas-bg {}

    .off-canvas-bg::before {
        border: 10px solid rgba(53, 144, 230, 0.85);
    }

    .off-canvas-logo-contact-navigation {}

    .off-canvas-logo-contact {
        padding: 30px;
    }

    .off-canvas-logo {
        margin: 0 0 54px;
    }

    .off-canvas-logo-inner {}

    .off-canvas-logo-inner a {}

    .off-canvas-logo-inner a img {
        width: 208px;
    }

    .off-canvas-contact {}

    .off-canvas-contact-inner {}

    .off-canvas-contact-inner a {
        font-size: 16px;
    }

    .off-canvas-contact-inner a:not(:last-child) {
        margin: 0 0 10px;
    }

    .off-canvas-contact-inner a:hover {}

    .off-canvas-contact-inner a i {
        font-size: 14px;
        margin: 0 13px 0 0;
    }

    .off-canvas-contact-inner a i.ai-font-envelope {
        font-size: 12px;
    }

    .off-canvas-contact-inner a i.ai-font-location-c {
        font-size: 22px;
        top: -11px;
        max-width: 14px;
    }

    .off-canvas-navigation {
        padding: 30px 73px;
    }

    .off-canvas-nav {
        max-height: 340px;
        margin: 44px 0 0;
    }

    .off-canvas-nav li {
        margin: 0 0 44px;
    }

    .off-canvas-nav li a {
        font-size: 28px;
    }

    .off-canvas-nav li:hover a {}

    body.off-canvas-open {}


    /*** Site Title ***/

    .site-title {}

    .site-title.center {}

    .site-title span {
        font-size: 14px;
        margin: 0 0 4px;
        text-align: center;
        padding: 0 0 0 0.8em;
    }

    .site-title.light span {}

    .site-title h2 {
        font-size: 65px;
        padding: 0;
        text-align: center;
    }

    .site-title.light h2 {}

    .site-title h2::before {
        width: 3px;
        display: none;
    }


    /*** Site Button ***/

    .site-button {}

    .site-button.center {}

    .site-button a,
    .site-button button {
        width: 180px;
        height: 54px;
        font-size: 13px;
    }

    .site-button.light a,
    .site-button.light button {}

    .site-button a:hover,
    .site-button button:hover {}

    .site-button a::after,
    .site-button button::after {
        height: 3px;
    }

    .site-button.light a::after,
    .site-button.light button::after {}

    .site-button a:hover::after,
    .site-button button:hover::after {}

    .site-button a span,
    .site-button button span {}

    .site-button a i,
    .site-button button i {
        font-size: 10px;
        margin: 0 0 0 10px;
    }


    /*** Slideshow ***/

    #hp-ss-tagline {}

    .hp-ss {}

    .hp-ss-inner {}

    .hp-ss-inner:before {}

    .hp-ss-inner>canvas {
        min-height: 300px;
    }

    .hp-ss-inner .aios-slider {}

    .hp-ss-inner .aios-slider canvas {}


    /*** Tagline ***/

    .hp-tagline {
        padding: 0 30px;
    }

    .hp-tagline-inner {
        padding: 0;
        max-width: 720px;
    }

    .hp-tagline-inner span {
        font-size: 26px;
        margin: 0 0 7px;
        text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
    }

    .hp-tagline-inner h2 {
        font-size: 50px;
        text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
    }

    .hp-tagline-inner a {
        width: 255px;
        height: 48px;
        font-size: 14px;
        margin: 31px auto 0;
    }

    .hp-tagline-inner a:hover {}


    /*** Featured Listings ***/

    #hp-fl {}

    .hp-fl {
        padding: 0 30px;
    }

    .hp-fl-inner {
        max-width: 720px;
        padding: 60px 0;
    }

    .fl-pattern {
        bottom: 358px;
    }

    .fl-pattern canvas {}

    .hp-fl-inner .site-title {
        margin: 0 0 29px;
    }

    .fl-slider {}

    .fl-slides {}

    .fl-slides .slick-slide>div {
        margin: 0 -1px;
    }

    .fl-slide {
        padding: 1px;
        width: 100% !important;
    }

    .fl-slides .slick-slide>div .fl-slide:nth-child(1),
    .fl-slides .slick-slide>div .fl-slide:nth-child(4) {
        width: 100% !important;
    }

    .fl-slides .slick-slide>div .fl-slide:nth-child(2),
    .fl-slides .slick-slide>div .fl-slide:nth-child(3) {
        width: 100% !important;
    }

    .fl-slide a {}

    .fl-slide-inner {}

    .fl-photo {}

    .fl-photo canvas {}

    .fl-slides .slick-slide>div .fl-slide:nth-child(1) .fl-photo canvas.canvas-2,
    .fl-slides .slick-slide>div .fl-slide:nth-child(4) .fl-photo canvas.canvas-2 {}

    .fl-slides .slick-slide>div .fl-slide:nth-child(2) .fl-photo canvas.canvas-1,
    .fl-slides .slick-slide>div .fl-slide:nth-child(3) .fl-photo canvas.canvas-1 {}

    .fl-info-button {}

    .fl-slide a:hover .fl-info-button {}

    .fl-info {
        width: calc(100% - 30px);
        max-width: 404px;
    }

    .fl-slide-inner>.fl-info {
        padding: 16px 15px 15px;
    }

    .fl-slide a:hover .fl-slide-inner>.fl-info {}

    .fl-info-button .fl-info {
        padding: 23px 15px 31px;
    }

    .fl-info::before {
        height: calc(100% - 4px);
    }

    .fl-info::after {
        height: 4px;
    }

    .fl-price {
        margin: 0 0 4px;
    }

    .fl-price span {
        font-size: 30px;
    }

    .fl-address {}

    .fl-address span {
        font-size: 17px;
    }

    .fl-bbs {
        margin: 17px 0 0;
    }

    .fl-bbs span {
        font-size: 14px;
    }

    .fl-bbs span:not(:last-child)::after {
        margin: 0 7px;
    }

    .fl-button {}

    .fl-button span {
        width: 222px;
        height: 54px;
        font-size: 13px;
    }

    .fl-button span i {
        font-size: 10px;
        margin: 0 0 0 10px;
    }

    .hp-fl-inner .site-button {
        margin: 35px 0 0;
    }

    .hp-fl-inner .site-button a {
        width: 278px;
    }


    /*** About ***/

    #hp-about {}

    .hp-about {
        padding: 0 30px;
    }

    .hp-about-inner {
        max-width: 720px;
        padding: 0 0 60px;
    }

    .about-pattern {
        top: 45px;
    }

    .about-pattern canvas {}

    .about-accent {
        top: 45px;
        bottom: 176px;
    }

    .about-accent canvas {}

    .about-photo {
        width: 100%;
        margin: 0;
    }

    .about-photo canvas {}

    .about-photo img {
        left: -17px;
    }

    .about-title-text-button {
        width: 100%;
        padding: 60px;
        box-shadow: 15px 26px 30px 0 rgba(0, 0, 0, 0.05);
    }

    .about-title-text-button .site-title {
        margin: 0 0 27px;
        justify-content: center;
    }

    .about-text {
        padding: 0;
    }

    .about-text p {
        font-size: 16px;
        text-align: center;
    }

    .about-title-text-button .site-button {
        padding: 0;
        margin: 17px 0 0;
        justify-content: center;
    }


    /*** Call To Actions ***/

    #hp-ctas {}

    .hp-ctas {}

    .hp-ctas-inner {
        max-width: 720px;
        margin: 0 auto;
        padding: 0 0 60px;
    }

    .ctas {
        margin: 0 -1px;
    }

    .ctas-pattern {
        width: calc(100% + calc(100vw - 100%));
        left: calc(calc(-100vw + 100%) / 2);
    }

    .ctas-pattern canvas {}

    .cta {
        padding: 0 1px;
        width: 100%;
    }

    .cta:not(:last-child) {
        margin: 0 0 2px;
    }

    .cta a {}

    .cta-inner {}

    .cta-photo {}

    .cta-photo::before {}

    .cta a:hover .cta-photo::before {}

    .cta a:hover .cta-photo img {}

    .cta-title {}

    .cta-title::after {
        width: 51px;
        height: 3px;
        margin: 9px 0 0;
    }

    .cta-title span {
        font-size: 14px;
        margin: 0 0 3px;
    }

    .cta-title h2 {
        font-size: 30px;
    }


    /*** Areas ***/

    #hp-areas {}

    .hp-areas {
        padding: 0 30px;
    }

    .hp-areas-inner {
        max-width: 720px;
        padding: 120px 0;
    }

    .areas-bg {}

    .areas-bg canvas {}

    .areas-photo {
        top: 60px;
        bottom: 60px;
    }

    .areas-photo::before {}

    .areas-photo::after {}

    .areas-photo canvas {}

    .areas-title-text-button {
        max-width: 100%;
        padding: 60px;
    }

    .areas-title-text-button .site-title {
        margin: 0 0 35px;
        justify-content: center;
    }

    .areas-text {
        max-width: 460px;
        margin: 0 auto;
        padding: 0;
    }

    .areas-text p {
        font-size: 16px;
        text-align: center;
    }

    .areas-title-text-button .site-button {
        padding: 0;
        margin: 40px 0 0;
        justify-content: center;
    }

    .areas-title-text-button .site-button a {
        width: 322px;
    }


    /*** Client Reviews ***/

    #hp-cr {}

    .hp-cr {
        padding: 0 30px;
    }

    .hp-cr-inner {
        max-width: 720px;
        padding: 0 0 60px;
    }

    .cr-pattern {
        top: 55px;
    }

    .cr-pattern canvas {}

    .cr-bg {
        bottom: 185px;
    }

    .cr-bg-overlay {
        background-size: 915px auto;
    }

    .cr-bg canvas {
        background-size: 915px auto;
    }

    .cr-accent {
        bottom: 89px;
    }

    .cr-accent canvas {}

    .cr-title-slider-button-arrows {
        width: 100%;
        padding: 60px;
        box-shadow: 15px 26px 30px 0 rgba(0, 0, 0, 0.05);
    }

    .cr-title-slider-button-arrows .site-title {
        margin: 0 0 27px;
        justify-content: center;
    }

    .cr-slider {
        padding: 0;
    }

    .cr-slides {}

    .cr-slide {}

    .cr-slide-inner {}

    .cr-text {}

    .cr-text p {
        font-size: 16px;
        text-align: center;
    }

    .cr-title {
        margin: 31px 0 0;
    }

    .cr-title h2 {
        font-size: 18px;
        text-align: center;
    }

    .cr-button-arrows {
        padding: 0;
        margin: 40px 0 0;
    }

    .cr-button-arrows .site-button {
        width: 100%;
        margin: 30px 0 0;
    }

    .cr-arrows {
        width: 100%;
        margin: 0;
        order: -1;
    }

    .cr-arrows::before {
        width: 1px;
        height: 32px;
        margin: 0 10px;
    }

    .cr-arrows a {
        font-size: 13px;
    }

    .cr-arrows a:hover {}

    .cr-arrows a.prev {}

    .cr-arrows a span {}

    .cr-arrows a i {
        font-size: 10px;
        margin: 0 10px;
    }

    .cr-photo {
        margin: 0;
        width: 100%;
    }


    /*** Social Media ***/

    #hp-sm {}

    .hp-sm {
        padding: 0 30px;
    }

    .hp-sm-inner {
        max-width: 720px;
        padding: 60px 0;
        flex-flow: column-reverse;
    }

    .sm-bg {}

    .sm-bg::before {}

    .sm-bg canvas {}

    .sm-slider {
        width: 100%;
    }

    .sm-slides {
        margin: 0 -7px;
    }

    .sm-slide {
        padding: 7px;
    }

    .sm-slide a {}

    .sm-slide-inner {}

    .sm-photo {}

    .sm-slide a:hover .sm-photo img {}

    .sm-title-profile-smis {
        padding: 0;
        width: 100%;
        margin: 0 0 53px;
    }

    .sm-title-profile-smis .site-title {
        margin: 0 0 30px;
        justify-content: center;
    }

    .sm-profile {
        padding: 0;
        flex-flow: column;
        align-items: center;
    }

    .sm-profile-photo {
        max-width: 75px;
        box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.35);
    }

    .sm-profile-info {
        padding: 0;
        justify-content: center;
        margin: 20px 0 0;
    }

    .sm-profile-info h2 {
        font-size: 22px;
        margin: 0 0 6px;
        text-align: center;
    }

    .sm-profile-info span {
        font-size: 13px;
        text-align: center;
    }

    .sm-profile-info span:not(:last-child) {
        margin: 0 18px 0 0;
    }

    .sm-smis {
        padding: 0;
        margin: 44px 0 0;
        justify-content: center;
    }

    .sm-smis h2 {
        font-size: 14px;
        margin: 0 0 20px;
        text-align: center;
    }

    .sm-smis a {}

    .sm-smis a:not(:last-child) {
        margin: 0 21px 0 0;
    }

    .sm-smis a:hover {}

    .sm-smis a i {
        font-size: 26px;
    }

    .sm-smis a i.ai-font-youtube {
        font-size: 30px;
    }


    /*** Get In Touch ***/

    #hp-git {}

    .hp-git {
        padding: 0 30px;
    }

    .hp-git-inner {
        max-width: 720px;
        padding: 60px 0 90px;
    }

    .git-bg {}

    .git-bg canvas {}

    .git-title-text {
        padding: 0;
        width: 100%;
        margin: 0 0 60px;
    }

    .git-title-text .site-title {
        margin: 0 0 19px;
        justify-content: center;
    }

    .git-text {
        max-width: 100%;
        padding: 0;

    }

    .git-text p {
        font-size: 16px;
        text-align: center;
    }

    .git-form {
        width: 100%;
    }

    .git-form-inner {}

    .git-form-inputs {
        margin: 0 -8px;
    }

    .git-form-input {
        padding: 0 8px;
    }

    .git-form-input:first-child {
        margin: 0 0 31px;
    }

    .git-form-input:not(:first-child):not(:last-child) {
        margin: 0 0 34px;
    }

    .git-form-inner .opt-in .wpcf7-list-item label,
    .git-form-input>label {
        font-size: 13px;
    }

    .git-form-input:first-child>label {
        margin: 0 39px 0 0;
    }

    .git-form-input .wpcf7-form-control-wrap {}

    .git-form-input input:not([type="radio"]),
    .git-form-input textarea {
        max-height: 50px;
        border-bottom: 1px solid #fff;
        font-size: 13px;
        padding: 7px 0;
    }

    .git-form-input .wpcf7-radio {
        margin: 0 -8px;
    }

    .git-form-input .wpcf7-radio .wpcf7-list-item {
        padding: 0 8px;
    }

    .git-form-input .wpcf7-radio .wpcf7-list-item label {}

    .git-form-input .wpcf7-radio .wpcf7-list-item input {}

    .git-form-input .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {
        height: 49px;
        border: 1px solid #fff;
        font-size: 13px;
    }

    .git-form-input .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label:hover,
    .git-form-input .wpcf7-radio .wpcf7-list-item input:checked+.wpcf7-list-item-label {}

    .git-form-button {
        margin: 18px 0 0;
        justify-content: center;
    }

    .git-form .wpcf7-spinner {
        left: calc(100% + 15px);
    }

    .git-form .wpcf7-response-output {
        border-width: 1px !important;
        font-size: 12px;
        padding: 5px 15px !important;
        margin: 30px auto 0 !important;
    }

    .git-form .wpcf7-not-valid-tip {
        width: 200px;
        height: 27px;
        border-width: 1px !important;
        font-size: 12px;
        padding: 5px 15px !important;
    }


    /*** Footer ***/

    .footer {
        padding: 0 30px;
    }

    .footer-inner {
        max-width: 720px;
        padding: 60px 0;
    }

    .footer-contact-logo-address {}

    .footer-contact-logo-address>div {
        width: 100%;
        padding: 0;
    }

    .footer-contact,
    .footer-address {}

    .footer-contact-inner,
    .footer-address-inner {}

    .footer-contact-inner a,
    .footer-address-inner a {
        font-size: 16px;
    }

    .footer-contact-inner a:hover,
    .footer-address-inner a:hover {}

    .footer-contact-inner a i,
    .footer-address-inner a i {
        font-size: 14px;
        margin: 0 13px 0 0;
    }

    .footer-contact-inner a i.ai-font-envelope,
    .footer-address-inner a i.ai-font-envelope {
        font-size: 12px;
    }

    .footer-contact-inner a i.ai-font-location-c,
    .footer-address-inner a i.ai-font-location-c {
        font-size: 22px;
        top: -11px;
        max-width: 14px;
    }

    .footer-logo {
        order: -1;
        margin: 0 0 30px;
    }

    .footer-logo-inner {}

    .footer-logo-inner a {}

    .footer-logo-inner a img {
        width: 210px;
    }

    .footer-logo-inner a img:last-child {
        width: 270px;
    }

    .footer-smis {
        margin: 60px 0 0;
    }

    .footer-smis-inner {}

    .footer-smis-inner::before,
    .footer-smis-inner::after {
        height: 1px;
    }

    .footer-smis-inner::before {
        margin: 0 30px 0 0;
    }

    .footer-smis-inner::after {
        margin: 0 0 0 30px;
    }

    .footer-smis-inner a {}

    .footer-smis-inner a:not(:last-child) {
        margin: 0 20px 0 0;
    }

    .footer-smis-inner a:hover {}

    .footer-smis-inner a i {
        font-size: 23px;
    }

    .footer-smis-inner a i.ai-font-youtube {
        font-size: 25px;
    }

    .footer-accessibility {
        margin: 35px 0 0;
    }

    .footer-accessibility p {
        font-size: 14px;
    }

    .footer-navigation {
        max-width: 950px;
        margin: 32px auto 0;
    }

    .footer-nav {}

    .footer-nav li {}

    .footer-nav li a {
        font-size: 14px;
    }

    .footer-nav li:hover a {}

    .footer-copyright {
        margin: 22px 0 0;
    }

    .footer-copyright p {
        font-size: 13px;
    }

    .footer-copyright p span {}


    /*******************************************************
     *
     * 3. IP Styles
     *
     *******************************************************/

    .ip-banner {}

    .ip-banner:before {}

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

    .ip-banner .container {}

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

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


    /* Adjust minimum height of page area */

    #content-sidebar,
    #content-full {
        min-height: 500px;
        margin: 20px 0 0;
    }


    /** Adjust width of content columns **/

    #content-sidebar #content {}

    #content-full #content {}


    /* Adjust width of sidebar */

    .sidebar {}


    /* fullwidth template */

    .page-template-template-fullwidth #content {
        padding: 0 15px;
    }

    .page-template-template-fullwidth #content ihf-search[data-eureka-id*=""].ihf-eureka {
        margin: 0 -15px;
    }


    /* Adjust line height of page elements */

    #content h4,
    aside h4,
    #content p,
    aside p,
    #content blockquote,
    aside blockquote,
    #content ul,
    aside ul,
    #content fieldset,
    aside fieldset,
    #content form,
    aside form,
    #content ol,
    aside ol,
    #content dl,
    aside dl,
    #content dir,
    aside dir,
    #content menu,
    aside menu {}


    /* Style .entry-title(post/page) and .archive-title(category/archive/etc) main headings (h1) */

    #content .entry-title,
    #content .archive-title {
        /* font-size: 65px; */
    }


    /* Styles for category/archive/search/etc subheadings (h2) */

    #content .archive-subtitle {}


    /* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */

    body #pojo-a11y-toolbar {}

    body #pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle {}

    button:focus-visible,
    a:focus-visible {
        outline-width: 5px !important;
    }


    /* High contrast and Negative contrast break canvas elements with backgrounds */

    #pojo-a11y-toolbar .pojo-a11y-btn-high-contrast,
    #pojo-a11y-toolbar .pojo-a11y-btn-negative-contrast {}

    #inner-page-wrapper>.container {
        width: 1170px;
        padding: 0 15px;
    }

    .slick-arrow.slick-hidden {}

    body .ai-minimalist-column-content-right {
        margin-top: 50px;
    }


    body.archive #content .archive-thumbnail {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }

    .popup-photo {
        width: 100%;
    }

    .popup-title-form {
        width: 100%;
    }

    .popup-close i {
        color: #fff;
    }
}


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

@media only screen and (max-width: 767px) {
    .ip-banner .container {
        width: 100%;
    }

    .site-title h2 {
        font-size: 55px;
    }

    .hp-tagline {
        padding: 0 15px;
    }

    .hp-tagline-inner span {
        font-size: 16px;
    }

    .hp-tagline-inner h2 {
        font-size: 25px;
    }

    .hp-tagline-inner a {
        margin: 15px auto 0;
    }

    .hp-fl {
        padding: 0 15px;
    }

    .fl-photo canvas.canvas-1 {
        display: none !important;
    }

    .fl-photo canvas.canvas-2 {
        display: block !important;
    }

    .hp-about {
        padding: 0 15px;
    }

    .about-title-text-button {
        padding: 60px 30px;
    }

    .hp-areas {
        padding: 0 15px;
    }

    .areas-title-text-button {
        padding: 60px 30px;
    }

    .hp-cr {
        padding: 0 15px;
    }

    .cr-title-slider-button-arrows {
        padding: 60px 30px;
    }

    .hp-sm {
        padding: 0 15px;
    }

    .sm-slide {
        width: 50%;
    }

    .hp-git {
        padding: 0 15px;
    }

    .git-form-input:first-child {
        flex-flow: column;
    }

    .git-form-input:first-child>label {
        margin: 0 0 20px;
    }

    .git-form-input .wpcf7-form-control-wrap {
        width: 100%;
    }

    .git-form-input .wpcf7-radio .wpcf7-list-item {
        width: 100%;
    }

    .git-form-input .wpcf7-radio .wpcf7-list-item:not(:last-child) {
        margin: 0 0 16px;
    }

    .git-form-input:not(:first-child):not(:last-child) {
        width: 100%;
    }

    .footer-nav {
        flex-flow: column;
    }

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


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

@media only screen and (max-width: 480px) {

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

    .footer-links p a {
        display: block;
        padding: 10px 0;
    }

    .footer-links p span.gap {
        display: none;
    }
}

@media only screen and (max-width: 360px) {
    .site-title h2 {
        font-size: 45px;
    }

    .site-button a span br,
    .site-button button span br {
        display: block;
    }

}