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

[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

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



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

}

