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

[Table of contents]

1. Tablet (landscape)
	1.1 Main Menu
	1.2 Sticky Sidebar
	1.3 Resize Headings
	1.4 Widgets
	1.5 Image Text
	1.6 Slider & Carousel Navigation
2. Tablet (portrait)
	2.1 Top Bar
	2.2 Header Settings
	2.3 Main Menu
	2.4 Main Content & Sidebar
	2.5 WP Gallery
	2.6 Anchor Menu
	2.7 Footer
	2.8 Widgets
	2.9 Portfolio Fields
	2.10 Comment Form
	2.11 Image Text
3. Smartphones
	3.1 Feature Section
	3.2 WP Gallery
	3.3 Post Gallery
	3.4 Tags & Categories
	3.5 About Author
	3.6 Resize Headings
	3.7 Image Text
	3.8 Tabs
	3.9 Icon Boxes
4. Print

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



/* =============================================================================
1. Tablet (landscape)
============================================================================= */
@media only screen and (max-width: 1200px) {

/* =============================================================================
	1.1 Main Menu
============================================================================= */
	#eut-header #eut-main-menu li > ul {
		min-width: 170px;
	}

	/* Columns 6 */
	#eut-header #eut-main-menu > ul > li.megamenu.column-6 > ul.sub-menu li {
		width: 170px;
	}

	#eut-header #eut-main-menu > ul > li.megamenu.column-6 > ul.sub-menu {
		width: 100%;
		max-width: 1024px;
	}

	/* Columns 5 */
	#eut-header #eut-main-menu > ul > li.megamenu.column-5 > ul.sub-menu li {
		width: 202px;
	}

	#eut-header #eut-main-menu > ul > li.megamenu.column-5 > ul.sub-menu {
		width: 100%;
		max-width: 1024px;
	}

	/* Columns 4 */
	#eut-header #eut-main-menu > ul > li.megamenu.column-4 > ul.sub-menu li {
		width: 256px;
	}

	#eut-header #eut-main-menu > ul > li.megamenu.column-4 > ul.sub-menu {
		width: 100%;
		max-width: 1024px;
	}

	/* Columns 3 */
	#eut-header #eut-main-menu > ul > li.megamenu.column-3 > ul.sub-menu li {
		width: 256px;
	}

	#eut-header #eut-main-menu > ul > li.megamenu.column-3 > ul.sub-menu {
		width: 768px;
	}

	/* Columns 2 */
	#eut-header #eut-main-menu > ul > li.megamenu.column-2 > ul.sub-menu li {
		width: 254px;
	}

	#eut-header #eut-main-menu > ul > li.megamenu.column-2 > ul.sub-menu {
		width: 512px;
	}

/* =============================================================================
	1.2 Sticky Sidebar
============================================================================= */
	#eut-main-content #eut-sidebar.eut-fixed-sidebar {
		position: static !important;
		width: 25.0% !important;
		top: auto !important;
	}

	#eut-main-content #eut-sidebar-wrapper {
		width: 100% !important;
		height: auto !important;
	}

/* =============================================================================
	1.3 Resize Headings
============================================================================= */
	#eut-header .eut-logo.eut-logo-text a,
	#eut-feature-title .eut-title,
	#eut-post-title .eut-title,
	#eut-portfolio-title .eut-title,
	#eut-product-title .eut-title,
	#eut-header[data-fullscreen='yes'] #eut-feature-section .eut-title {
		font-size: 48px !important;
		line-height: 54px !important;
	}

	#eut-feature-section .eut-description,
	#eut-post-title .eut-description,
	#eut-portfolio-title .eut-description,
	#eut-header[data-fullscreen='yes'] #eut-feature-section .eut-description {
		font-size: 18px !important;
		line-height: 24px !important;
	}
	#eut-main-content h1 {
		font-size: 36px !important;
		line-height: 46px !important;
	}
	#eut-main-content h2 {
		font-size: 30px !important;
		line-height: 40px !important;
	}
	#eut-main-content h3 {
		font-size: 20px !important;
		line-height: 30px !important;
	}
	#eut-main-content h4 {
		font-size: 18px !important;
		line-height: 24px !important;
	}
	#eut-main-content h5,
	#eut-main-content .eut-widget-title,
	#eut-footer .eut-widget-title {
		font-size: 16px !important;
		line-height: 20px !important;
	}
	#eut-main-content h6 {
		font-size: 14px !important;
		line-height: 18px !important;
	}
	.eut-leader-text p,
	p.eut-leader-text,
	blockquote {
		font-size: 24px;
		line-height: 38px;
	}

/* =============================================================================
	1.4 Widgets
============================================================================= */
	#eut-footer .widget:last-child,
	#eut-footer .widgets:last-child {
		margin-bottom: 40px;
	}

	.eut-widget.eut-latest-portfolio li {
		margin: 1%;
		width: 14%;
	}

/* =============================================================================
	1.5 Image Text
============================================================================= */
	.eut-section[data-section-type="fullwidth-element"] .eut-image-text .eut-content {
		padding-left: 3%;
		padding-right: 3%;
	}

/* =============================================================================
	1.6 Slider & Carousel Navigation
============================================================================= */
	.eut-carousel-navigation {
		display: none;
	}

}

/* =============================================================================
2. Tablet (portrait)
============================================================================= */
@media only screen and (max-width: 1023px) {

/* =============================================================================
	2.1 Top Bar
============================================================================= */
	#eut-top-bar {
		display: none;
	}

/* =============================================================================
	2.2 Header Settings
============================================================================= */
	#eut-header #eut-inner-header,
	#eut-header #eut-header-wrapper,
	#eut-header .eut-menu-options,
	#eut-header .eut-menu-elements-wrapper,
	#eut-header .eut-responsive-menu-button {
		height: 60px !important;
		line-height: 60px !important;
	}

	#eut-header #eut-header-options a.eut-open-button,
	#eut-header #eut-header-options a .eut-icon {
		width: 60px !important;
		height: 60px !important;
		line-height: 60px !important;
	}
	#eut-header .eut-logo {
		height: 60px !important;
	}
	#eut-header #eut-header-options ul.eut-options li a {
		padding-left: 60px !important;
	}
	#eut-header #eut-header-options ul.eut-options {
		line-height: 60px !important;
	}
	#eut-header #eut-header-options .eut-options-wrapper,
	#eut-header #eut-header-options ul.eut-options li a .eut-icon::before {
		width: 60px !important;
	}
	#eut-header #eut-header-options .eut-options-wrapper.eut-open-all {
		width: 240px !important;
	}

	/* Overlapping with top bar */
	#eut-header[data-overlap='yes'][data-header-position='above-feature'] #eut-feature-section {
		top: -60px !important;
		margin-bottom: -60px !important;
	}

/* =============================================================================
	2.3 Main Menu
============================================================================= */
	#eut-header .eut-responsive-menu-button,
	#eut-header .eut-responsive-menu-text	{
		display: block;
	}
	#eut-main-menu {
		display: none !important;
	}
	#eut-inner-header .eut-menu-options {
		display: none;
	}

	/* Search Form */
	#eut-hidden-menu .eut-widget {
		display: block;
	}

	/* Menu Elements */
	#eut-hidden-menu ul.eut-menu-options {
		display: block;
	}

/* =============================================================================
	2.4 Main Content & Sidebar
============================================================================= */
	#eut-main-content .eut-left-sidebar #eut-content-area,
	#eut-main-content .eut-right-sidebar #eut-content-area {
		float: none !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
		width: 100% !important;
	}
	#eut-main-content .eut-left-sidebar #eut-sidebar,
	#eut-main-content .eut-right-sidebar #eut-sidebar {
		float: none;
		width: 100% !important;
	}

/* =============================================================================
	2.5 WP Gallery
============================================================================= */
	.gallery .gallery-item {
		width: 33.3% !important;
	}

/* =============================================================================
	2.6 Anchor Menu
============================================================================= */
	#eut-anchor-menu.eut-sticky {
	  position: relative;
	  top: 0 !important;
	}

	#eut-anchor-menu .eut-menu-button {
		display: inline-block;
	}

	#eut-anchor-menu > ul {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		display: none;
	}

	#eut-anchor-menu ul li {
		display: block;
		float: none;
		border: none;
		line-height: 40px;
	}

	#eut-anchor-menu > ul ul.sub-menu {
		display: block;
		float: none;
		border: none;
		width: 100%;
		position: relative;
	}

/* =============================================================================
	2.7 Footer
============================================================================= */
	#eut-footer-bar .eut-column-1-2 {
		width: 100%;
	}

	#eut-footer-bar .eut-copyright,
	#eut-footer-bar #eut-second-menu,
	#eut-footer-bar .eut-social {
		text-align: center;
	}
	#eut-footer-bar #eut-second-menu ul {
		display: block;
		margin: 0 auto;
		text-align: center;
		float: none !important;
	}
	#eut-footer-bar #eut-second-menu ul li {
		margin: 0 10px;
	}

/* =============================================================================
	2.8 Widgets
============================================================================= */
	#eut-footer .widget:last-child,
	#eut-footer .widgets:last-child {
		margin-bottom: 60px;
	}

/* =============================================================================
	2.9 Portfolio Fields
============================================================================= */
	#eut-portfolio-info-responsive {
		display: block;
	}
	#eut-sidebar .eut-portfolio-info {
		display: none;
	}

/* =============================================================================
	2.10 Comment Form
============================================================================= */
	.eut-one-third,
	.eut-one-half {
		margin-right: 0;
		width: 100%;
	}

/* =============================================================================
	2.11 Image Text
============================================================================= */
	.eut-image-text p {
		margin-bottom: 10px;
	}
}


/* =============================================================================
3. Smartphones
============================================================================= */
@media only screen and (max-width: 767px) {

	#eut-theme-wrapper {
		overflow: hidden;
	}
/* =============================================================================
	3.1 Feature Section
============================================================================= */
	#eut-feature-section .eut-carousel-navigation {
		display: none;
	}

	#eut-feature-section .eut-feature-content .eut-button-wrapper {
		margin-top: 15px;
	}

	#eut-header[data-fullscreen="no"] #eut-feature-section .eut-feature-content .eut-btn,
	#eut-feature-section .eut-feature-section-inner[data-item="revslider"] .eut-btn {
		padding: 10px 7px !important;
		margin: 0 0 10px 5px !important;
		font-size: 10px !important;
	}

	#eut-header[data-fullscreen="no"] #eut-feature-section .eut-feature-content .eut-btn.eut-btn-line {
		padding: 8px 7px !important;
		border: 1px solid;
	}

	#eut-header[data-fullscreen="yes"] #eut-feature-section .eut-feature-content .eut-btn {
		padding: 15px 12px !important;
		margin: 0 0 10px 5px !important;
		font-size: 10px !important;
	}

	#eut-header[data-overlap="yes"] #eut-feature-section .eut-feature-content {
		padding-top: 50px;
	}

	/* Go to section Button */
	#eut-feature-section .eut-goto-section {
		display: none;
	}

/* =============================================================================
	3.2 WP Gallery
============================================================================= */
	.gallery .gallery-item {
		width: 100% !important;
		float: none !important;
	}


/* =============================================================================
	3.3 Post Gallery
============================================================================= */
	ul.eut-post-gallery li {
		width: 100% !important;
		float: none;
	}

/* =============================================================================
	3.4 Tags & Categories
============================================================================= */
	#eut-tags-categories .eut-tags,
	#eut-tags-categories .eut-categories {
		display: block;
		text-align: left !important;
	}

/* =============================================================================
	3.5 About Author
============================================================================= */
	#eut-about-author .eut-author-image {
		float: none;
		width: 80px;
		height: auto;
		display: block;
		margin: 10px auto;
	}

	#eut-about-author .eut-author-info {
		text-align: center;
		padding-left: 0;
	}

/* =============================================================================
	3.6 Resize Headings
============================================================================= */
	#eut-header .eut-logo.eut-logo-text a,
	#eut-feature-title .eut-title,
	#eut-post-title .eut-title,
	#eut-portfolio-title .eut-title,
	#eut-product-title .eut-title,
	#eut-header[data-fullscreen='yes'] #eut-feature-section .eut-title {
		font-size: 36px !important;
		line-height: 40px !important;
	}
	#eut-feature-section .eut-description,
	#eut-post-title .eut-description,
	#eut-portfolio-title .eut-description,
	#eut-header[data-fullscreen='yes'] #eut-feature-section .eut-description {
		font-size: 14px !important;
		line-height: 20px !important;
	}
	#eut-main-content h1 {
		font-size: 36px !important;
		line-height: 46px !important;
	}
	#eut-main-content h2 {
		font-size: 30px !important;
		line-height: 40px !important;
	}
	#eut-main-content h3 {
		font-size: 20px !important;
		line-height: 30px !important;
	}
	#eut-main-content h4 {
		font-size: 18px !important;
		line-height: 24px !important;
	}
	#eut-main-content h5,
	#eut-main-content .eut-widget-title,
	#eut-footer .eut-widget-title {
		font-size: 16px !important;
		line-height: 20px !important;
	}
	#eut-main-content h6 {
		font-size: 14px !important;
		line-height: 18px !important;
	}
	.eut-leader-text p,
	p.eut-leader-text,
	blockquote {
		font-size: 18px;
		line-height: 24px;
	}

	#eut-feature-section .eut-description br {
		display: none;
	}

/* =============================================================================
	3.7 Image Text
============================================================================= */
	.eut-image-text .eut-image {
		float: left !important;
		width: 100%;
		padding: 0 !important;
		margin-bottom: 40px;
	}
	.eut-image-text .eut-content {
		float: right !important;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
		text-align: left;
		margin-bottom: 40px;
	}

/* =============================================================================
	3.8 Tabs
============================================================================= */
	.eut-vertical-tab .eut-tabs-title {
		float: none;
		width: 100%;
		min-width: 120px;
		max-width: 100%;
		display: block;
		padding-right: 0;
	}

/* =============================================================================
	3.9 Icon Boxes
============================================================================= */
	.eut-box-icon.eut-small.eut-with-shape .eut-wrapper-icon,
	.eut-box-icon.eut-small.eut-align-center .eut-image-icon {
		font-size: 14px;
	}

	.eut-box-icon.eut-medium.eut-with-shape .eut-wrapper-icon,
	.eut-box-icon.eut-medium.eut-align-center .eut-image-icon {
		font-size: 20px;
	}

	.eut-box-icon.eut-large.eut-with-shape .eut-wrapper-icon,
	.eut-box-icon.eut-large.eut-align-center .eut-image-icon {
		font-size: 25px;
	}

	.eut-box-icon.eut-small .eut-no-shape.eut-wrapper-icon,
	.eut-box-icon.eut-small.eut-align-left .eut-image-icon,
	.eut-box-icon.eut-small.eut-align-right .eut-image-icon {
		font-size: 24px;
	}

	.eut-box-icon.eut-medium .eut-no-shape.eut-wrapper-icon,
	.eut-box-icon.eut-medium.eut-align-left .eut-image-icon,
	.eut-box-icon.eut-medium.eut-align-right .eut-image-icon {
		font-size: 36px;
	}

	.eut-box-icon.eut-large .eut-no-shape.eut-wrapper-icon,
	.eut-box-icon.eut-large.eut-align-left .eut-image-icon,
	.eut-box-icon.eut-large.eut-align-right .eut-image-icon {
		font-size: 48px;
	}

}

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

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

	body {
	    overflow-x: visible;
	}

	img {
		max-height: 200px !important;
		width: auto !important;
		page-break-inside: avoid;
	}

	img[src^="http://maps.gstatic.com/"], /* map view */
	img[src^="http://maps.googleapis.com/"] /* street view */
	{
	  max-width: none !important;
	  max-height: none !important;
	}

	video,audio,object,embed {
		display: none;
	}

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

	.page-break {
		display: block;
		page-break-before: always;
	}

	.no-print {
		display: none;
	}

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

	.vc_empty_space,
	.eut-video,
	.fluid-width-video-wrapper {
		display: none;
	}

	.eut-animated-item {
		opacity: 1;
	}
	/* - Print Header
	========================================================================= */
	#eut-inner-header {
		position: absolute !important;
	}
	#eut-header-wrapper .eut-logo .eut-default {
		display: block !important;
	}

	#eut-top-bar,
	#eut-main-menu,
	#eut-header-options,
	#eut-header-wrapper .eut-logo .eut-light,
	#eut-header-wrapper .eut-logo .eut-dark,
	#eut-header-wrapper .eut-logo .eut-sticky,
	#eut-header.eut-header-sticky .eut-logo a.eut-sticky,
	#eut-header-wrapper .eut-menu-options {
   		display: none !important;
	}

	/* - Print Main Content
	========================================================================= */

	#eut-content-area {
		display: block;
	}

	#eut-main-content .eut-container {
		padding-bottom: 0;
		padding-top: 0;
		width: 100%;
	}

	#eut-main-content .eut-left-sidebar #eut-portfolio-area,
	#eut-main-content .eut-right-sidebar #eut-portfolio-area,
	#eut-main-content .eut-left-sidebar #eut-content-area,
	#eut-main-content .eut-right-sidebar #eut-content-area {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		float: none;
	}

	#eut-sidebar,
	#eut-above-footer,
	#eut-footer,
	#eut-breadcrumbs,
	#eut-anchor-menu-wrapper,
	.eut-side-area-button,
	.eut-top-btn,
	.eut-carousel-navigation,
	.eut-pagination {
		display: none;
	}

	#eut-main-content .eut-column {
		border: none !important;
		width: 100%;
	}

	.eut-isotope[data-columns="2"] .eut-isotope-item,
	.eut-isotope[data-columns="3"] .eut-isotope-item,
	.eut-isotope[data-columns="4"] .eut-isotope-item,
	.eut-isotope[data-columns="5"] .eut-isotope-item {
		width: 100% !important;
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
	}

	.vc_tta.vc_general .vc_tta-panel,
	.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-body {
		display: block;
	}

	/* - Print Feature & Page Title
	========================================================================= */

	#eut-feature-section.eut-with-slider,
	#eut-feature-section .eut-button-wrapper,
	#eut-feature-goto {
		display: none;
	}

	.eut-page-title .eut-title,
	.eut-page-title .eut-description,
	#eut-feature-section .eut-title,
	#eut-feature-section .eut-description {
		opacity: 1;
		-webkit-transition : none;
		-moz-transition    : none;
		-ms-transition     : none;
		-o-transition      : none;
		transition         : none;
	}

	.eut-page-title .eut-title,
	#eut-header[data-fullscreen="yes"] #eut-feature-section .eut-title,
	#eut-header[data-fullscreen="no"] #eut-feature-section .eut-title {
		font-size: 24px !important;
		margin-bottom: 10px;
	}

	#eut-header[data-fullscreen="yes"] #eut-feature-section .eut-description,
	#eut-header[data-fullscreen="no"] #eut-feature-section .eut-description {
		font-size: 16px !important;
		margin-bottom: 10px;
	}

	.eut-page-title,
	.eut-page-title .eut-page-title-content {
		height: 150px !important;
	}

	#eut-feature-section,
	.eut-feature-section-inner	{
		opacity: 1;
		max-height: 150px;
		overflow: visible;
	}
	.eut-page-title.eut-align-center,
	.eut-page-title.eut-align-right,
	.eut-feature-content.eut-align-center,
	.eut-feature-content.eut-align-right {
		text-align: left;
	}

	.eut-page-title .eut-title,
	.eut-page-title .eut-description,
	#eut-feature-section .eut-title,
	#eut-feature-section .eut-description {
		color: #000000 !important;
	}

	/* - Print Single Post
	========================================================================= */
	.eut-navigation-bar,
	.eut-nav-wrapper-classic,
	.eut-related-post,
	.eut-comment-nav,
	#eut-meta-simple-style,
	#eut-social-share,
	#eut-nav-bar,
	#eut-tags-categories,
	#eut-about-author,
	#eut-comments,
	#respond {
		display: none;
	}

	#eut-main-content.eut-simple-style #eut-post-area {
		margin: 0 auto;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		float: none;
	}


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


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