/* =========================================================================== */

/* Tablet Landscape
	/* - Container
/* Tablet Portait
	/* - Responsive Header
	/* - Logo
	/* - Main Menu
	/* - Feature Section Content
	/* - Feature Section Graphic
	/* - Small Blog
	/* - Background Image
/* Mobile Landscape
	/* - Hide Br Tag
	/* - Large Blog
	/* - Comment Form
	/* - Call Out
/* Mobile Portait

/* =========================================================================== */

/* Tablet Landscape
============================================================================= */

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

    /* - Container
    ========================================================================= */
    #grve-content.grve-left-sidebar .grve-content-wrapper,
    #grve-content.grve-right-sidebar .grve-content-wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }

    .grve-fullwidth .grve-container {
        padding-left: 0;
        padding-right: 0;
    }

    #grve-body.grve-boxed #grve-theme-wrapper {
        width: 90%;
    }

    #grve-body.grve-boxed #grve-header.grve-fixed #grve-main-header {
        width: 90%;
    }

    #grve-body.grve-boxed .grve-anchor-menu .grve-anchor-wrapper.grve-sticky {
        width: 90%;
    }

    body.grve-boxed #grve-theme-wrapper {
        margin-top: 0;
        margin-bottom: 0;
    }

}

/* Tablet Portait
============================================================================= */

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

    .grve-typed-text {
        display: none
    }

    /* - Container
    ========================================================================= */
    #grve-content.grve-left-sidebar .grve-content-wrapper,
    #grve-content.grve-right-sidebar .grve-content-wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    #grve-content.grve-left-sidebar .grve-container,
    #grve-content.grve-right-sidebar .grve-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    #grve-content.grve-left-sidebar #grve-main-content {
        width: auto;
        margin-left: 0;
        float: none;
    }

    #grve-content.grve-right-sidebar #grve-main-content {
        width: auto;
        margin-right: 0;
        float: none;
    }

    #grve-content.grve-left-sidebar #grve-sidebar {
        width: auto;
        float: none;
        padding-left: 15px;
        padding-right: 15px;
    }

    #grve-content.grve-right-sidebar #grve-sidebar {
        width: auto;
        float: none;
        padding-left: 15px;
        padding-right: 15px;
    }

    /* - Responsive Header
    ========================================================================= */
    #grve-main-header {
        display: none;
    }

    #grve-responsive-header {
        display: block;
    }

    #grve-responsive-header {
        height: 110px !important;
    }

    #grve-responsive-header > .grve-wrapper {
        background-color: rgba(255, 255, 255, 1) !important;
        height: 60px;

    }

    .grve-toggle-hiddenarea {
        height: 60px;
        margin-top: -13px;
    }

    /* - Logo
    ========================================================================= */
    #grve-logo.grve-position-center,
    #grve-logo.grve-position-center .grve-wrapper {
        position: relative;
        left: 0;
    }

    /* - Main Menu
    ========================================================================= */
    #grve-main-menu,
    #grve-bottom-header {
        display: none;
    }

    /* - Feature Section Content
    ========================================================================= */
    #grve-feature-section .grve-content {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    /* - Feature Section Graphic
    ========================================================================= */
    .grve-content.grve-align-left-center .grve-graphic,
    .grve-content.grve-align-center-center .grve-graphic,
    .grve-content.grve-align-right-center .grve-graphic {
        position: relative;
    }

    /* - Small Blog
    ========================================================================= */
    .grve-blog-small .grve-blog-item {
        margin-bottom: 90px;
    }

    .grve-blog-small .grve-post-content,
    .grve-blog-small .grve-media + .grve-post-content {
        padding-left: 0;
        overflow: visible;
    }

    .grve-blog-small .grve-media {
        margin-bottom: 30px;
        width: 100%;
        padding-right: 0;
    }

    /* - Background Image
    ========================================================================= */
    .grve-bg-image.grve-bg-tablet-sm-left-top {
        background-position: left top;
    }

    .grve-bg-image.grve-bg-tablet-sm-left-center {
        background-position: left center;
    }

    .grve-bg-image.grve-bg-tablet-sm-left-bottom {
        background-position: left bottom;
    }

    .grve-bg-image.grve-bg-tablet-sm-center-top {
        background-position: center top;
    }

    .grve-bg-image.grve-bg-tablet-sm-center-center {
        background-position: center center;
    }

    .grve-bg-image.grve-bg-tablet-sm-center-bottom {
        background-position: center bottom;
    }

    .grve-bg-image.grve-bg-tablet-sm-right-top {
        background-position: right top;
    }

    .grve-bg-image.grve-bg-tablet-sm-right-center {
        background-position: right center;
    }

    .grve-bg-image.grve-bg-tablet-sm-right-bottom {
        background-position: right bottom;
    }

}

/* Mobile Landscape
============================================================================= */

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

    /* - Hide Br Tag
    ========================================================================= */
    br.hidden {
        display: none;
    }

    /* - Large Blog
    ========================================================================= */
    .grve-blog-large .grve-blog-item {
        margin-bottom: 90px;
    }

    .grve-blog-large .grve-post-content {
        padding-left: 0;
    }

    .grve-blog-large .grve-media {
        margin-bottom: 30px;
    }

    .grve-blog-large ul.grve-post-meta {
        position: static;
        top: 0;
        left: 0;
        width: auto;
        font-size: 0.813em;
    }

    .grve-blog-large ul.grve-post-meta:after {
        display: none;
    }

    .grve-blog-large ul.grve-post-meta li {
        display: inline-block;
        margin-right: 10px;
    }

    /* - Comment Form
    ========================================================================= */
    #grve-comment-form .grve-form-input {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    /* - Call Out
    ========================================================================= */
    .grve-callout.grve-btn-right {
        display: block;
    }

    .grve-callout.grve-btn-right .grve-callout-wrapper {
        position: relative;
        display: block;
        vertical-align: top;
        padding-right: 0;
    }

    .grve-callout.grve-btn-right .grve-button-wrapper {
        display: block;
        vertical-align: top;
        max-width: 100%;
        text-align: left;
        margin-top: 30px;
    }

}

/* Mobile Portait
============================================================================= */

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

}

/* Print
============================================================================= */
@media print {

    /* - Print General
    ========================================================================= */
    @page {
        margin: 3.5cm;
    }

    img {
        max-height: 200px !important;
        width: auto !important;
    }

    p a:link:after,
    p a:visited:after {
        content: " [" attr(href) "] ";
    }

    .grve-element {
        margin-bottom: 40px !important;
    }

    .vc_empty_space {
        display: none;
    }

    .grve-animated-item {
        opacity: 1;
    }

    /* - Print Header
    ========================================================================= */
    #grve-header.grve-fixed #grve-main-header {
        position: static;
    }

    #grve-header.grve-sticky-header.grve-advanced.hide #grve-main-header {
        -webkit-transform: translateY(0) !important;
        -moz-transform: translateY(0) !important;
        transform: translateY(0) !important;
    }

    #grve-main-header .grve-logo .grve-wrapper img.grve-default {
        display: block !important;
    }

    #grve-main-header .grve-logo .grve-wrapper img.grve-light,
    #grve-main-header .grve-logo .grve-wrapper img.grve-dark,
    #grve-main-header .grve-logo .grve-wrapper img.grve-sticky,
    #grve-main-menu,
    #grve-main-header .grve-header-elements-wrapper {
        display: none !important;
    }

    /* - Print Main Content
    ========================================================================= */
    #grve-content.grve-right-sidebar #grve-main-content,
    #grve-content.grve-left-sidebar #grve-main-content {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        float: none;
    }

    #grve-content {
        display: block;
        page-break-after: always;
    }

    #grve-sidebar,
    #grve-footer,
    .grve-back-top,
    .grve-anchor-menu,
    #grve-breadcrumbs {
        display: none;
    }

    .grve-column-1-12,
    .grve-column-5-12,
    .grve-column-7-12,
    .grve-column-11-12,
    .grve-column-1-6,
    .grve-column-1-5,
    .grve-column-1-4,
    .grve-column-1-2,
    .grve-column-1-3,
    .grve-column-2-3,
    .grve-column-3-4,
    .grve-column-4-5,
    .grve-column-5-6,
    .grve-column-1-1,
    .grve-column-1 {
        width: 100%;
    }

    #grve-main-content .grve-column-1-12,
    #grve-main-content .grve-column-5-12,
    #grve-main-content .grve-column-7-12,
    #grve-main-content .grve-column-11-12,
    #grve-main-content .grve-column-1-6,
    #grve-main-content .grve-column-1-5,
    #grve-main-content .grve-column-1-4,
    #grve-main-content .grve-column-1-2,
    #grve-main-content .grve-column-1-3,
    #grve-main-content .grve-column-2-3,
    #grve-main-content .grve-column-3-4,
    #grve-main-content .grve-column-4-5,
    #grve-main-content .grve-column-5-6,
    #grve-main-content .grve-column-1 {
        border: none !important;
    }

    /* - Print Feature & Page Title
    ========================================================================= */
    .grve-page-title .grve-subheading,
    #grve-feature-section .grve-subheading,
    .grve-page-title .grve-title,
    #grve-feature-section .grve-title,
    .grve-page-title .grve-description,
    #grve-feature-section .grve-description {
        opacity: 1;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }

    .grve-page-title .grve-graphic,
    #grve-feature-section .grve-graphic,
    .grve-page-title .grve-btn,
    #grve-feature-section .grve-btn {
        display: none;
    }

    .grve-page-title,
    .grve-page-title .grve-wrapper,
    #grve-feature-section,
    #grve-feature-section .grve-wrapper {
        max-height: 150px;
    }

    .grve-content.grve-align-center-center,
    .grve-content.grve-align-center-top,
    .grve-content.grve-align-center-bottom {
        text-align: left;
    }

    .grve-page-title .grve-subheading.grve-text-light,
    .grve-page-title .grve-title.grve-text-light,
    .grve-page-title .grve-description.grve-text-light,
    #grve-feature-section .grve-subheading.grve-text-light,
    #grve-feature-section .grve-title.grve-text-light,
    #grve-feature-section .grve-description.grve-text-light {
        color: #000000;
    }

    /* - Print Single Post
    ========================================================================= */
    #grve-single-post-meta-bar,
    .grve-navigation-bar,
    #grve-post-bar,
    #grve-related-post,
    #grve-comment-form,
    #grve-comments {
        display: none;
    }

    .grve-smallwidth .grve-container {
        padding-left: 0;
        padding-right: 0;
    }

    /* - Print Single Product
    ========================================================================= */
    .woocommerce .grve-product-form,
    .woocommerce .grve-product-social,
    .woocommerce #grve-related-products,
    .woocommerce #tab-reviews {
        display: none !important;
    }

    .woocommerce #tab-description {
        display: block !important;
    }
}

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

}