@media only screen and (max-width: 1599px) {
    /* -- Universal Setting
    --------------------------------------------------*/
    html:lang(en) > body {
        font-size: 14px;
    }
    
    body {
        font-size: 15px;
    }
}

@media only screen and (max-width: 1199px) {
    /* -- Universal Setting
    --------------------------------------------------*/
    html:lang(en) > body {
        font-size: 13px;
    }
    
    body {
        font-size: 14px;
    }
    
    /* -- Customized Style
    --------------------------------------------------*/
    .post-content-title {
        font-size: 2em;
    }
    
    /* -- Main Content
    --------------------------------------------------*/
    /* -- HOME -- */
    .home-service-container {
        padding-left: 15%;
    }
    
    @media only screen and (orientation: portrait) {
        
    }

    @media only screen and (orientation: landscape) {
        
    }
}

@media only screen and (max-width: 991px) {
    /* -- Customized Style
    --------------------------------------------------*/
    .post-content-title {
        font-size: 1.5em;
    }
    
    /* -- Section
    --------------------------------------------------*/
    .section-container .section-content.with-side-btn {
        padding-left: 0;
        padding-right: 0;
    }
    
    /* -- Footer
    --------------------------------------------------*/
    #siteFooter .location-container {
        float: none;
    }
    
    #siteFooter .location-container ~ .location-container {
        margin-top: 3em;
        margin-left: 0;
    }
    
    #siteFooter .location-container .location-title {
        margin-bottom: 1em;
    }
    
    /* -- Main Content
    --------------------------------------------------*/
    /* -- HOME -- */
    .each-slide .slide-title {
        font-size: 3.5em;
    }
    
    #homeOurService .styled-btn-prev-next {
        position: relative;
        top: auto;
        left: auto;
    }
    
    .home-service-container {
        padding-left: 1em;
    }

    .home-service-container .each-service .each-service-wrapper {
        height: 18px;
    }

    .home-service-container .each-service .title {
        font-size: 14px;
        line-height: 18px;
    }
    
    .home-service-container .each-service .title ~ .title {
        margin-left: 0.5em;
    }

    .home-service-container .each-service .icon-container > .icon {
        margin: 0.125em 0.25em;
    }
    
    /* -- ABOUT -- */
    #aboutOurClients .about-client-container .each-client {
        width: 20%;
        padding-top: 20%;
    }

    #aboutOurClients .about-client-container .each-client:nth-child(7n+1) {
        clear: none;
    }
    
    #aboutOurClients .about-client-container .each-client:nth-child(5n+1) {
        clear: both;
    }
    
    /* -- CONTACT -- */
    #findYOW a[data-toggle="tooltip"],
    #joinYOW a[data-toggle="tooltip"] {
        top: 1.25em;
        right: 1.5em;
    }
    
    #needYOW a[data-toggle="tooltip"] {
        top: 0;
        right: 0;
    }
    
    #needYOW .styled-block-rounded {
        padding-left: 0;
        padding-right: 0;
    }
    
    /* -- Components
    --------------------------------------------------*/
    /* -- Styled List -- */
    ul.styled-list-inline > li ~ li {
        margin-left: 2.25em;
    }
    
    ul.styled-list-sec-nav > li ~ li {
        margin-left: 1em;
    }
    
    /* -- Styled Block -- */
    .styled-block-next-prev .share-container {
        display: inline-block;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        max-width: 100%;
        margin-bottom: 2em;
        padding-left: 4em;
        padding-right: 4em;
        vertical-align: bottom;
        overflow: hidden;
    }
    
    .styled-block-next-prev .share-container > .share {
        display: none;
    }
    
    .styled-block-next-prev .share-container > .share,
    .styled-block-next-prev .share-container .styled-btn-container {
        float: left;
    }
    
    .styled-block-next-prev .share-container .styled-btn-container {
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
        width: auto;
        max-height: none;
    }

    .styled-block-next-prev .share-container > .share._open + .styled-btn-container,
    body.hasHover .styled-block-next-prev .share-container > .share:hover + .styled-btn-container,
    body.hasHover .styled-block-next-prev .share-container .styled-btn-container:hover {
        max-height: none;
    }

    .styled-block-next-prev .styled-btn-container .styled-btn {
        margin: 0 0.5em;
    }

    .styled-block-title-content .each-title-content {
        padding-left: 12em;
    }

    .styled-block-title-content .each-title-content .block-title {
        width: 12em;
    }
    
    .styled-block-rounded {
        padding: 3em 3em 1.875em;
    }
    
    @media only screen and (orientation: portrait) {
        /* -- Universal Setting
        --------------------------------------------------*/
        html:lang(en) > body {
            font-size: 15px;
        }
        
        body {
            font-size: 16px;
        }
        
        /* -- Customized Style
        --------------------------------------------------*/
        /* .mobile-center {
            text-align: center !important;
        } */
        
        /* -- Main Content
        --------------------------------------------------*/
        /* -- HOME -- */
        #homeOurService #homeOurServiceMain .section-container .center-container {
            padding-bottom: 20vh;
        }
        
        #homeOurService .section-container .center-container {
            position: relative;
            top: auto;
            bottom: auto;
            left: auto;
            right: auto;
            height: 100%;
            padding-top: 20vh;
            padding-bottom: 5em;
        }

        #homeOurService .section-container .center-container::before {
            display: none;
        }

        #homeOurService .col-title {
            position: relative;
            top: auto;
            bottom: auto;
            left: auto;
            height: auto;
        }
        
        #homeOurService .col-title .subtitle-heading {
            text-align: left;
        }
        
        #homeOurService .col-title-icon-container {
            display: inline-block;
            position: relative;
            top: auto;
            bottom: auto;
            left: auto;
            margin: auto;
            vertical-align: bottom;
        }

        #homeOurService .styled-btn-more {
            position: relative;
            bottom: auto;
            left: auto;
            margin: auto;
        }

        .center-container .half-block {
            float: none;
            width: 100%;
            height: 50% !important;
            /* text-align: center !important; */
        }
        
        .vertical-slide-container {
            display: block;
            width: 100%;
            vertical-align: baseline;
        }
        
        /* -- WORK INNER -- */
        #pageWorkInner._inverted ._inverted-d-hidden {
            display: none !important;
        }

        #pageWorkInner._inverted ._inverted-d-block {
            display: block !important;
        }

        #pageWorkInner._inverted ._inverted-d-inline-block {
            display: inline-block !important;
        }
        
        #pageWorkInner._inverted #siteHeader .site-menu .lang-container > li ~ li::after {
            color: #6b92e4;
        }

        #pageWorkInner._inverted #siteHeader .site-menu ul.lang-container > li > a {
            color: #6b92e4;
        }

        #pageWorkInner._inverted #siteHeader .site-menu ul.lang-container > li > a._active,
        #pageWorkInner._inverted.hasHover #siteHeader .site-menu ul.lang-container > li > a:hover {
            color: #fff;
        }

        /* -- SERVICES -- */
        .each-slide-cover .slide-bg-img {
            width: 100%;
            max-width: none;
            height: auto;
            padding-top: 100%;
        }
        
        .each-slide-cover {
            overflow-x: hidden;
        }

        .each-slide-cover .slide-container {
            position: relative;
            top: auto;
            right: auto;
            width: 100%;
            min-width: 0;
            height: auto;
            overflow-x: visible;
        }

        .each-slide-cover .slide-container > .inner {
            padding: 5vh 2em;
        }
        
        .each-slide-cover .slide-title {
            margin-top: 0;
        }

        .each-slide-cover .slide-paragraph {
            margin: 2em auto 3em;
        }
        
        /* -- CONTACT -- */
        #contactInfo .info-container {
            display: block;
            max-width: 30em;
            margin-left: auto;
            margin-right: 0;
            padding-left: 0;
            vertical-align: baseline;
        }
        
        /* -- Components
        --------------------------------------------------*/
        /* -- Styled Card -- */
        .styled-card-post-img .card-cover {
            display: block;
            position: relative;
            top: auto;
            bottom: auto;
            left: auto;
            right: auto;
            -webkit-align-items: stretch;
            -ms-flex-align: stretch;
            align-items: stretch;
            -webkit-justify-content: flex-start;
            -ms-flex-pack: flex-start;
            justify-content: flex-start;
            opacity: 1;
        }
    }

    @media only screen and (orientation: landscape) {
        /* -- Universal Setting
        --------------------------------------------------*/
        html:lang(en) > body {
            font-size: 12px;
        }
        
        body {
            font-size: 13px;
        }
        
        /* -- Main Content
        --------------------------------------------------*/
        /* -- HOME -- */
        #homeOurService .section-container .center-container {
            height: auto;
        }
    }
}

@media only screen and (max-width: 767px) {
    /* -- Universal Setting
    --------------------------------------------------*/
    html:lang(en) > body {
        font-size: 13px;
    }
    
    body {
        font-size: 14px;
    }
    
    /* -- Color & Font
    --------------------------------------------------*/
    .font-meta { font-size: 4.5em; }
    .font-h1 { font-size: 32px; }
    .font-h2 { font-size: 2.75em; }
    .font-h3 { font-size: 2.25em; }
    .font-h4 { font-size: 1.625em; }
    .font-h5 { font-size: 1.125em; }
    .font-h6 { font-size: 1em; }
    
    /* -- Customized Style
    --------------------------------------------------*/
    #searchForm .input-wrapper {
        width: 50vw;
        /* width: 40vw; */
        /* width: 33.33vw; */
        max-width: 12em;
        /* max-width: 15em; */
        padding: 0 2em 0 1em;
    }

    #searchForm .input-wrapper > .inner input {
        height: 1.75em;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 1em;
        line-height: normal;
    }

    #searchForm .input-wrapper > .inner .input-btn {
        right: -1.5em;
        width: 1em;
        height: 1em;
        padding: 0.125em;
    }

    #searchForm .input-wrapper .focus-line {
        height: 1em;
    }

    .map-container {
        /* padding-top: 150%; */
    }
    
    .post-content-title {
        font-size: 18px;
        /* font-size: 1.25em; */
    }
    
    /* .mobile-center {
        text-align: center !important;
    } */
    
    /* -- Header
    --------------------------------------------------*/
    #siteHeader .site-brand {
        width: 4em;
        height: 2.75em;
        /* height: 1.75em; */
        margin-top: 0;
        margin-bottom: 0;
    }

    #siteHeader .site-menu {
        height: 1.75em;
    }
    
    #siteHeader .site-menu ul.btn-container > li {
        min-width: 1.75em;
    }
    
    #siteHeader .site-menu ul.lang-container > li > a {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 1em;
        line-height: 1.75em;
    }
    
    #siteHeader .site-menu ul.btn-container > li > a {
        width: auto;
        height: 1.75em;
        padding-top: 0;
        padding-bottom: 0;
    }
    
    /* -- Nav
    --------------------------------------------------*/
    #siteNav .site-brand {
        width: 4em;
        height: 2.75em;
        /* height: 1.75em; */
        margin-top: 0;
        margin-bottom: 0;
    }

    .nav-toggle-btn {
        height: 1.75em;
        margin-top: 0;
        margin-bottom: 0;
    }
    
    /* -- Section
    --------------------------------------------------*/
    #siteBody {
        padding-top: 8vh;
        padding-bottom: 0;
    }
    
    #homeOurService .col-title .title-heading,
    #homeOurWorks .col-title .title-heading,
    #homeContactUs .col-title .title-heading {
        margin: 0 auto;
        font-size: 24px;
    }
    
    #homeOurWorks .section-container .section-content {
        margin-top: 1.25em;
    }
    
    .section-container .col-title .title-heading {
        margin-bottom: 0;
    }
    
    .section-container .col-title .subtitle-heading {
        font-size: 12px;
    }
    
    /* -- Footer
    --------------------------------------------------*/
    #siteFooter {
        padding-top: 2em;
        padding-bottom: 1em;
    }

    /* #siteFooter .brand-container,
    #siteFooter .link-container,
    #siteFooter .contact-container {
        min-height: auto;
    } */
    
    #siteFooter .location-container {
        margin-top: 3em;
    }
    
    #siteFooter .location-container ~ .location-container {
        margin-top: 2em;
    }

    #siteFooter .info-container > .wrapper {
        margin-top: 0;
    }
    
    #siteFooter .link-container .nav-container {
        text-align: left;
    }

    #siteFooter .link-container .media-container {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
    }

    #siteFooter .contact-container .each-contact {
        text-align: right;
    }

    #siteFooter .contact-container .each-contact ~ .each-contact {
        margin-top: 0.5em;
    }

    #siteFooter .contact-container .each-contact > .wrapper {
        display: inline-block;
        position: relative;
        max-width: 100%;
        padding-left: 1em;
        vertical-align: bottom;
        overflow: hidden;
    }

    #siteFooter .contact-container .each-contact > .wrapper > span {
        position: absolute;
        top: 0;
        left: 0;
        width: 1em;
        text-align: center;
        overflow: hidden;
    }

    #siteFooter .contact-container .each-contact > .wrapper > a,
    #siteFooter .contact-container .each-contact > .wrapper > p {
        display: block;
        width: 10.5em;
        max-width: 100%;
        padding-left: 1em;
        word-break: break-all;
    }

    #siteFooter .contact-container > img {
        position: relative;
        right: auto;
        bottom: auto;
        margin-top: 2.375em;
    }
    
    /* -- Main Content
    --------------------------------------------------*/
    /* -- HOME -- */
    .each-slide .slide-title {
        font-size: 3em;
    }
    
    #homeOurService {
        min-height: 100%;
        height: auto;
    }
    
    #homeOurService #homeOurServiceMain .section-container .center-container,
    #homeOurService .section-container .center-container {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        height: auto;
        padding-top: 16vh;
        /* padding-top: 20vh; */
        padding-bottom: 2em;
    }

    #homeOurService .section-container .center-container::before {
        display: none;
    }

    #homeOurService .col-title {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        height: auto;
    }
    
    #homeOurService .col-title .subtitle-heading {
        text-align: left;
    }
    
    #homeOurService .col-title-icon-container {
        display: inline-block;
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        margin: auto;
        vertical-align: bottom;
    }
    
    #homeOurService .styled-icon-tab {
        position: relative;
        top: auto;
        right: auto;
    }

    #homeOurService .styled-btn-more {
        position: relative;
        bottom: auto;
        left: auto;
        margin: auto;
    }

    .center-container .half-block {
        float: none;
        width: 100%;
        height: auto !important;
        /* text-align: center !important; */
    }
    
    .center-container .half-block ~ .half-block {
        margin-top: 8.5vh;
    }
    
    .center-container .half-block.with-shadow-y > .shadow-top {
        top: -webkit-calc(1.5em + 20px - 10px);
        top: -moz-calc(1.5em + 20px - 10px);
        top: calc(1.5em + 20px - 10px);
        bottom: -webkit-calc((100% + 1.5em + 20px) * 0.5 - 1.5em - 20px + 22.5px);
        bottom: -moz-calc((100% + 1.5em + 20px) * 0.5 - 1.5em - 20px + 22.5px);
        bottom: calc((100% + 1.5em + 20px) * 0.5 - 1.5em - 20px + 22.5px);
    }

    .center-container .half-block.with-shadow-y > .shadow-bottom {
        top: -webkit-calc((100% + 1.5em + 20px) * 0.5 + 22.5px);
        top: -moz-calc((100% + 1.5em + 20px) * 0.5 + 22.5px);
        top: calc((100% + 1.5em + 20px) * 0.5 + 22.5px);
    }
    
    /* .center-container .half-block.with-shadow-y::before,
    .center-container .half-block.with-shadow-y::after {
        display: none;
    } */
    
    .home-service-container {
        padding-left: 0;
    }
    
    /* .home-service-container {
        display: block;
        width: 290px;
        vertical-align: baseline;
    } */

    .home-service-container .each-service {
        height: auto;
    }
    
    .home-service-container .each-service ~ .each-service {
        margin-top: 3.5vh;
    }

    .home-service-container .each-service .each-service-wrapper {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        height: auto;
    }

    .home-service-container .each-service .title {
        font-size: 14px;
        line-height: 24px;
    }
    
    .home-service-container .each-service .title ~ .title {
        margin-left: 1.5em;
    }
    
    .home-service-container .each-service .icon-container > .icon {
        margin: 0.375em 0.25em;
    }
    
    .vertical-slide-container {
        display: block;
        width: 100%;
        vertical-align: baseline;
    }
    
    .vertical-slide-container .tab-content {
        height: -webkit-calc(100vh - 16vh - 2em - 78px - 8.5vh - 18px - 1.5em - 20px - 0.5em) !important;
        height: -moz-calc(100vh - 16vh - 2em - 78px - 8.5vh - 18px - 1.5em - 20px - 0.5em) !important;
        height: calc(100vh - 16vh - 2em - 78px - 8.5vh - 18px - 1.5em - 20px - 0.5em) !important;
        min-height: 165px;
        margin-top: 20px;
    }
    
    .vertical-slide-container .vertical-slide-wording .slide-item .title {
        height: 16px;
        font-size: 12px;
        line-height: 16px;
    }

    .vertical-slide-container .vertical-slide-wording .slide-item.active .title {
        height: 28px;
        font-size: 14px;
        line-height: 28px;
    }

    .vertical-slide-container .vertical-slide-img .slide-item img {
        max-height: -webkit-calc(100% - 25px);
        max-height: -moz-calc(100% - 25px);
        max-height: calc(100% - 25px);
    }

    .vertical-slide-container .vertical-slide-img .slide-item.active img {
        max-height: 100%;
    }
    
    #homeContactUs .styled-btn-container {
        display: inline-block;
        vertical-align: bottom;
    }
    
    #homeContactUs .styled-btn-container .styled-btn {
        float: left;
        width: 10em;
        max-width: -webkit-calc((100% - 8px) * 0.5);
        max-width: -moz-calc((100% - 8px) * 0.5);
        max-width: calc((100% - 8px) * 0.5);
        margin-left: auto;
        margin-right: auto;
        padding-top: 1.5em;
        padding-bottom: 1.5em;
        border-radius: 1.5em;
    }

    #homeContactUs .styled-btn-container .styled-btn ~ .styled-btn {
        margin-left: 8px;
    }
    
    /* -- WORK INNER -- */
    #pageWorkInner .section-container .col-title .title-heading {
        width: 11.75em;
        max-width: 100%;
        margin-bottom: 0.75em;
        font-size: 18px;
        font-style: normal;
        line-height: 1.44;
        letter-spacing: normal;
    }
    
    /* -- ABOUT -- */
    #aboutIntro {
        padding-top: 8vh;
    }
    
    #aboutIntro .title-heading {
        margin-bottom: 1em;
    }
    
    /* -- SERVICES -- */
    #servicePreview {
        padding: 15vh 5vw;
    }
    
    .each-slide-cover .slide-bg-img {
        width: 100%;
        max-width: none;
        height: auto;
        padding-top: 40%;
    }
    
    .each-slide-cover {
        overflow-x: hidden;
    }

    .each-slide-cover .slide-container {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        min-width: 0;
        height: auto;
        overflow-x: visible;
    }

    .each-slide-cover .slide-container > .inner {
        padding: 2em 15px;
    }
    
    .each-slide-cover .slide-title {
        margin-top: 0;
    }

    .each-slide-cover .slide-paragraph {
        margin: 2em auto 3em;
        line-height: 1.5em;
    }
    
    /* -- CONTACT -- */
    #contactForm .styled-btn-container .styled-btn {
        padding-top: 1em;
        padding-bottom: 1em;
    }
    
    #contactInfo .info-container {
        display: block;
        max-width: 27em;
        margin-left: auto;
        margin-right: 0;
        padding-left: 0;
        vertical-align: baseline;
    }
    
    #contactInfo .info-title {
        width: 2em;
    }

    #contactInfo .info-title > .wrapper {
        min-width: 2em;
        padding-right: 0;
    }

    #contactInfo .info-content {
        margin-left: 2em;
    }
    
    #findYOW .styled-block-rounded {
        float: none;
        width: auto;
    }

    #findYOW .styled-block-rounded ~ .styled-block-rounded {
        margin-top: 3em;
        margin-left: auto;
    }
    
    /* -- Components
    --------------------------------------------------*/
    form .error-message {
        min-height: 8px;
    }
    
    /* -- Styled Tab -- */
    ul.styled-tab {
        padding: 0 0 27px 0;
    }

    ul.styled-tab > li > a {
        margin: 0.75em auto;
        font-size: 12px;
    }

    ul.styled-tab > li > a.active {
        margin: 0 auto;
        font-size: 18px;
    }
        
    /* -- Styled List -- */
    ul.styled-list-inline > li ~ li {
        margin-left: 2em;
    }

    ul.styled-list-inline.mobile-block {
        display: block;
    }

    ul.styled-list-inline.mobile-block > li {
        float: none;
    }

    ul.styled-list-inline.mobile-block > li ~ li {
        margin-top: 1.5em;
        margin-left: 0;
    }
    
    /* -- Styled Block -- */
    .styled-block-next-prev {
        padding-left: 0;
        padding-right: 0;
    }
    /* .styled-block-next-prev {
        padding-left: 0;
        padding-right: 0;
    }

    .styled-block-next-prev .next-prev-container {
        position: relative;
        margin-bottom: 1em;
        overflow: hidden;
    }
    
    .styled-block-next-prev .next-prev-container > .prev,
    .styled-block-next-prev .next-prev-container > .next {
        position: relative;
        float: left;
        top: auto;
        left: auto;
        right: auto;
        width: 3em;
    }
    
    .styled-block-next-prev .next-prev-container > .next {
        float: right;
    } */

    .styled-block-title-content .each-title-content {
        padding-left: 0;
    }

    .styled-block-title-content .each-title-content .block-title {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
    }

    .styled-block-title-content .each-title-content .block-content {
        width: 100%;
        max-width: none;
        margin: 40px auto 0;
    }
    
    .styled-block-rounded p {
        font-size: 12px;
        line-height: 1.67em;
    }
    
    .styled-block-company .location-subtitle {
        margin-top: 1.5em;
    }
    
    /* -- Styled Card -- */
    .styled-card-post-img .card-cover {
        display: block;
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: flex-start;
        justify-content: flex-start;
        opacity: 1;
    }
    
    .styled-card-post-img .card-content {
        padding: 60px 22px;
    }
    
    @media only screen and (orientation: portrait) {
        /* -- Customized Style
        --------------------------------------------------*/
        .map-container {
            padding-top: 110%;
        }
    
        .post-content-container {
            padding-left: 22px;
            padding-right: 22px;
        }
        
        .post-content-container iframe,
        .post-content-container img {
            width: -webkit-calc(100% + 22px * 2);
            width: -moz-calc(100% + 22px * 2);
            width: calc(100% + 22px * 2);
            margin-left: -22px;
            margin-right: -22px;
        }
        
        .col-mobile-no-padding {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
        
        .mobile-full-width-row {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-wrap: wrap;
            -moz-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-left: -15px;
            margin-right: -15px;
        }
        
        /* -- Header
        --------------------------------------------------*/
        #siteHeader {
            padding-top: 1.5em;
        }

        #siteHeader .header-container {
            padding: 0 15px;
        }
        
        /* -- Nav
        --------------------------------------------------*/
        #siteNav {
            padding: 1.5em 15px 0;
        }
        
        #siteNav .top-container {
            height: auto;
            min-height: 0;
            padding-bottom: 1.5em;
            /* min-height: 20vh; */
            /* padding: 1.5em 15px 0; */
        }
        
        ul.nav-main,
        ul.media-container {
            padding-right: 0;
        }
        
        ul.nav-main {
            height: auto;
        }
        
        ul.nav-main > li > a {
            font-size: 1.75em;
        }
        
        /* -- Section
        --------------------------------------------------*/
        #siteBody.with-side-nav {
            padding-left: 0;
            padding-right: 0;
        }

        #sideNav {
            display: none;
        }
        
        .section-container.with-side-shadow::before,
        .section-container.with-side-shadow::after {
            display: none;
        }
        
        /* -- Main Content
        --------------------------------------------------*/
        /* -- HOME -- */
        .each-slide .slide-container {
            padding: 25vh 15px 0;
        }

        .each-slide .slide-title {
            position: relative;
            top: auto;
            bottom: auto;
            right: auto;
            height: auto;
            font-size: 2.5em;
            line-height: 1.5em;
            text-align: right;
        }
        
        .each-slide .slide-title.title-row-2 {
            height: auto;
            line-height: 1.2em;
        }

        .each-slide .slide-subtitle {
            position: relative;
            top: auto;
            bottom: auto;
            left: auto;
            height: auto;
            margin: 15vh auto 3em;
        }

        .each-slide .slide-info {
            position: relative;
            left: auto;
            bottom: auto;
            width: 100%;
        }
        
        .each-slide .slide-info .slide-info-toggle-btn {
            display: none;
        }

        .each-slide .slide-info .slide-info-toggle-btn ~ *,
        .each-slide .slide-info .slide-info-toggle-btn._open ~ * {
            max-height: none;
            padding-bottom: 0;
            opacity: 1;
        }
        
        .home-service-container .each-service .title ~ .title {
            margin-left: auto;
            clear: both;
        }
        
        .home-service-container .each-service .icon-container {
            float: left;
            margin-left: 1.5em;
        }
        
        /* -- ABOUT -- */
        #aboutOurTeam .owl-item.center .styled-card-thumbnail {
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }
        
        #aboutOurClients .about-client-container .each-client {
            width: 33.33%;
            padding-top: 33.33%;
        }

        #aboutOurClients .about-client-container .each-client:nth-child(5n+1) {
            clear: none;
        }
        
        #aboutOurClients .about-client-container .each-client:nth-child(3n+1) {
            clear: both;
        }
        
        /* -- SERVICES -- */
        .each-slide-cover .slide-bg-img {
            padding-top: 100%;
        }
        
        /* -- CONTACT -- */
        #findYOW a[data-toggle="tooltip"],
        #joinYOW a[data-toggle="tooltip"] {
            top: 0.5em;
            right: 1em;
        }
        
        /* -- Components
        --------------------------------------------------*/
        /* -- Form -- */
        form .textarea-wrapper {
            padding: 1em 1.5em;
        }
        
        /* -- Styled Block -- */
        .styled-block-mosaic .mosaic-img,
        .styled-block-mosaic .mosaic-img:nth-child(4n+1),
        .styled-block-mosaic .mosaic-img:nth-child(4n+2),
        .styled-block-mosaic .mosaic-img:nth-child(4n+3),
        .styled-block-mosaic .mosaic-img:nth-child(4n) {
            float: none;
            width: 100%;
        }

        .styled-block-mosaic .mosaic-img .img-title,
        .styled-block-mosaic .mosaic-img:nth-child(4n+1) .img-title,
        .styled-block-mosaic .mosaic-img:nth-child(4n+2) .img-title,
        .styled-block-mosaic .mosaic-img:nth-child(4n+3) .img-title,
        .styled-block-mosaic .mosaic-img:nth-child(4n) .img-title {
            /* left: 1em;
            right: auto;
            top: 1em;
            bottom: auto; */
            height: 20px;
            font-size: 16px;
            line-height: 20px;
            visibility: visible;
        }
        
        .styled-block-mosaic .mosaic-img:nth-child(4n+2) .img-title {
            display: none;
        }
        
        .styled-block-mosaic .mosaic-img:nth-child(4n+3) .img-title {
            left: 1em;
            right: auto;
            top: auto;
            bottom: 1em;
        }
        
        .styled-block-mosaic .mosaic-img:nth-child(4n) .img-title {
            left: auto;
            right: 1em;
        }

        .styled-block-mosaic .mosaic-img .img-title::before,
        .styled-block-mosaic .mosaic-img:nth-child(4n+1) .img-title::before,
        .styled-block-mosaic .mosaic-img:nth-child(4n+2) .img-title::before,
        .styled-block-mosaic .mosaic-img:nth-child(4n+3) .img-title::before,
        .styled-block-mosaic .mosaic-img:nth-child(4n) .img-title::before {
            left: 0;
            right: auto;
            width: 20px;
            height: 20px;
            border-radius: 20px;
        }
        
        .styled-block-rounded {
            padding: 3em 1.25em 2em;
        }

        /* -- Styled Card -- */
        .styled-card-thumbnail {
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }
    }

    @media only screen and (orientation: landscape) {
        /* -- Main Content
        --------------------------------------------------*/
        /* -- HOME -- */
        /* #homeOurService .section-container .center-container {
            padding-top: 10vh;
        } */
        
        #homeOurService .col-title .title-heading {
            margin-top: 0;
            margin-bottom: 0;
        }
        
        /* .home-service-container {
            width: 390px;
        } */
    }
}

@media only screen and (max-width: 575px) {
    /* -- Customized Style
    --------------------------------------------------*/
    .post-content-container {
        padding-left: 22px;
        padding-right: 22px;
    }
    
    .post-content-container iframe,
    .post-content-container img {
        width: -webkit-calc(100% + 22px * 2);
        width: -moz-calc(100% + 22px * 2);
        width: calc(100% + 22px * 2);
        margin-left: -22px;
        margin-right: -22px;
    }
    
    .col-mobile-no-padding {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .mobile-full-width-row {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -15px;
        margin-right: -15px;
    }
    
    /* -- Header
    --------------------------------------------------*/
    #siteHeader {
        padding-top: 1.5em;
    }

    #siteHeader .header-container {
        padding: 0 15px;
    }
    
    /* -- Nav
    --------------------------------------------------*/
    #siteNav {
        padding: 1.5em 15px 0;
    }
    
    #siteNav .top-container {
        height: auto;
        min-height: 0;
        padding-bottom: 1.5em;
        /* min-height: 20vh; */
        /* padding: 1.5em 15px 0; */
    }
    
    ul.nav-main,
    ul.media-container {
        padding-right: 0;
    }
    
    ul.nav-main {
        height: auto;
    }
    
    ul.nav-main > li > a {
        font-size: 1.75em;
    }
    
    /* -- Section
    --------------------------------------------------*/
    #siteBody.with-side-nav {
        padding-left: 0;
        padding-right: 0;
    }

    #sideNav {
        display: none;
    }
    
    .section-container.with-side-shadow::before,
    .section-container.with-side-shadow::after {
        display: none;
    }
    
    /* -- Main Content
    --------------------------------------------------*/
    /* -- HOME -- */
    .each-slide .slide-container {
        padding: 25vh 15px 0;
    }

    .each-slide .slide-title {
        position: relative;
        top: auto;
        bottom: auto;
        right: auto;
        height: auto;
        font-size: 2.5em;
        line-height: 1.5em;
        text-align: right;
    }
    
    .each-slide .slide-title.title-row-2 {
        height: auto;
        line-height: 1.2em;
    }

    .each-slide .slide-subtitle {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        height: auto;
        margin: 15vh auto 3em;
    }

    .each-slide .slide-info {
        position: relative;
        left: auto;
        bottom: auto;
        width: 100%;
    }
    
    .each-slide .slide-info .slide-info-toggle-btn {
        display: none;
    }

    .each-slide .slide-info .slide-info-toggle-btn ~ *,
    .each-slide .slide-info .slide-info-toggle-btn._open ~ * {
        max-height: none;
        padding-bottom: 0;
        opacity: 1;
    }
    
    .home-service-container .each-service .title ~ .title {
        margin-left: auto;
        clear: both;
    }
    
    .home-service-container .each-service .icon-container {
        float: left;
        margin-left: 1.5em;
    }
    
    /* -- ABOUT -- */
    #aboutOurTeam .owl-item.center .styled-card-thumbnail {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    
    #aboutOurClients .about-client-container .each-client {
        width: 33.33%;
        padding-top: 33.33%;
    }

    #aboutOurClients .about-client-container .each-client:nth-child(5n+1) {
        clear: none;
    }
    
    #aboutOurClients .about-client-container .each-client:nth-child(3n+1) {
        clear: both;
    }
    
    /* -- SERVICES -- */
    .each-slide-cover .slide-bg-img {
        padding-top: 100%;
    }
    
    /* -- CONTACT -- */
    #findYOW a[data-toggle="tooltip"],
    #joinYOW a[data-toggle="tooltip"] {
        top: 0.5em;
        right: 1em;
    }
    
    /* -- Components
    --------------------------------------------------*/
    /* -- Form -- */
    form .textarea-wrapper {
        padding: 1em 1.5em;
    }
    
    /* -- Styled Block -- */
    .styled-block-mosaic .mosaic-img,
    .styled-block-mosaic .mosaic-img:nth-child(4n+1),
    .styled-block-mosaic .mosaic-img:nth-child(4n+2),
    .styled-block-mosaic .mosaic-img:nth-child(4n+3),
    .styled-block-mosaic .mosaic-img:nth-child(4n) {
        float: none;
        width: 100%;
    }

    .styled-block-mosaic .mosaic-img .img-title,
    .styled-block-mosaic .mosaic-img:nth-child(4n+1) .img-title,
    .styled-block-mosaic .mosaic-img:nth-child(4n+2) .img-title,
    .styled-block-mosaic .mosaic-img:nth-child(4n+3) .img-title,
    .styled-block-mosaic .mosaic-img:nth-child(4n) .img-title {
        /* left: 1em;
        right: auto;
        top: 1em;
        bottom: auto; */
        height: 20px;
        font-size: 16px;
        line-height: 20px;
        visibility: visible;
    }
    
    .styled-block-mosaic .mosaic-img:nth-child(4n+2) .img-title {
        display: none;
    }
    
    .styled-block-mosaic .mosaic-img:nth-child(4n+3) .img-title {
        left: 1em;
        right: auto;
        top: auto;
        bottom: 1em;
    }
    
    .styled-block-mosaic .mosaic-img:nth-child(4n) .img-title {
        left: auto;
        right: 1em;
    }

    .styled-block-mosaic .mosaic-img .img-title::before,
    .styled-block-mosaic .mosaic-img:nth-child(4n+1) .img-title::before,
    .styled-block-mosaic .mosaic-img:nth-child(4n+2) .img-title::before,
    .styled-block-mosaic .mosaic-img:nth-child(4n+3) .img-title::before,
    .styled-block-mosaic .mosaic-img:nth-child(4n) .img-title::before {
        left: 0;
        right: auto;
        width: 20px;
        height: 20px;
        border-radius: 20px;
    }
    
    .styled-block-rounded {
        padding: 3em 1.25em 2em;
    }

    /* -- Styled Card -- */
    .styled-card-thumbnail {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    
    @media only screen and (orientation: portrait) {
        
    }

    @media only screen and (orientation: landscape) {
        
    }
}

@media(-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx),(min-resolution: 192dpi) {
    
}