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

/* 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) {

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

	/* - 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-2-5,
	.grve-column-3-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 {
		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-2-5,
	#grve-main-content .grve-column-3-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;
	}
}

