/* ---------------------

Tablets (1024px max)

------------------------ */
@media only screen and (max-width: 1024px) {
		
	#page-content { min-width: inherit; }
	.hidden-1024 { display: none !important; }
	
	/* wrapper and spacings */
	.wrapper, .wrapper-small, .wrapper-medium, .wrapper-mini { max-width: calc(100% - 120px); }
	#hero:not(.no-bg) #page-title.no-wrapper { width: calc(100% - 120px); }
	
	/* mouse */
	.custom-mouse { display: none; }	
	
	#header .header-inner { padding: 40px 0; }
	
	/* FOOTER */
	#footer .footer-inner { padding: 30px 0; }
	#footer.sticky .footer-inner { padding: 0 0 30px 0; }
	#footer.tabletnonsticky.sticky { position: relative; pointer-events: auto; }
	#footer.tabletnonsticky.sticky .footer-inner { padding: 20px 0 30px 0; }
	
	/* logo appearance */
	#header #logo img { height: 20px; }
	#header #logo .text-logo { line-height: 20px; }
	#menu nav#main-nav > ul { height: 20px; }
	#menu nav#main-nav > ul > li { top: calc((20px - 26px) / 2); }
	#hero #page-title { padding-top: calc(60px + 60px + 20px); padding-bottom: 100px; }
	#hero.hero-fullscreen #page-title.title-center { padding-top: calc(60px + 60px + 20px); padding-bottom: calc(60px + 60px + 20px); }
		
	/* menu appearance */
	.menu-toggle { display: block !important; }
	#menu #menu-inner { overflow:hidden; position:fixed; top:0; left:0; width:100%; height: 0; opacity: 0; transition: all 0.6s ease, height 0.01s ease 0.6s; transform: translateY(20px); }
	body.loading-end.menu-is-open #menu #menu-inner { height: 100%; opacity: 1; transition: all 0.6s ease 0.4s, height 0.01s ease; transform: none; }
	#menu #menu-inner .scroll-menu { overflow-y: auto; position:absolute; bottom: 30px; left: 0; width: 100%; max-height: calc(100vh - 80px); padding: 0px 60px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;  }
	
	#hero-and-body { transition: all 0.5s ease 0.4s; }
	body.menu-is-open #hero-and-body { opacity: 0; visibility: hidden; transform: translateY(20px); transition-delay: 0s; }

	
	#menu nav#main-nav > ul { height: auto; }
	#menu nav#main-nav > ul > li { margin: 20px 0; display: block; position: relative; height: auto; top: auto; }
	#menu nav#main-nav > ul > li:first-child { margin-top: 0; }
	#menu nav#main-nav > ul > li:last-child { margin-bottom: 3px; }
	nav#main-nav ul > li a { font-size: 36px; display: inline-block; height: 42px; line-height: 42px; vertical-align: top; }
	nav#main-nav ul > li .sub-menu li a { font-size: 22px; height: 28px; line-height: 28px; }
	
	#menu nav#main-nav > ul > li .sub-menu { position:static; padding: 10px 0 0 0; top:auto; left:auto; opacity:1; visibility:visible; display:none; transition: none; transform: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;box-sizing: border-box;}
	#menu nav#main-nav > ul > li ul.sub-menu::before { display: none; }
	nav#main-nav > ul > li ul.sub-menu > li { transform: none; opacity: 1; }
	
	.menu-language { top: 10px; }
	
	/* SPACER */
	.spacer-mini { height: 20px; }
	.spacer-small { height: 40px; }
	.spacer-medium { height: 60px; }
	.spacer-big { height: 80px; }
	
	/* COLUMNS */
	.spaced-huge .column { margin-right: 50px; }
	.spaced-huge .one-half { width: calc(50% - 25px); }
	.spaced-huge .one-third { width: calc(33.33% - 33.33px); }
	.spaced-huge .two-third { width: calc(66.6% - 16.66px); } 
	.spaced-huge .one-fourth { width: calc(25% - 37.5px); } 
	.spaced-huge .two-fourth { width: calc(50% - 25px); } 
	.spaced-huge .one-fifth { width: calc(20% - 40px); } 
	.spaced-huge .two-fifth { width: calc(40% - 30px); } 
	.spaced-huge .three-fifth { width: calc(60% - 20px); }
	
	/* ISOTOPE spacing huge */
	.isotope-grid[class*='isotope-spaced-huge'] { width: calc(100% + 60px); margin-bottom: -60px; }
	
	.isotope-grid[class*='isotope-spaced-huge'] .isotope-item { margin-bottom: 60px; margin-right: 60px; }
	
	.isotope-grid.style-column-2[class*='isotope-spaced-huge'] .isotope-item  { width: calc(50% - 60px); }
		.isotope-grid.style-column-2[class*='isotope-spaced-huge'] .isotope-item.double-width { width: calc(100% - 60px); }
	
	.isotope-grid.style-column-4[class*='isotope-spaced-huge'] .isotope-item  { width: calc(50% - 60px); }
		.isotope-grid.style-column-4[class*='isotope-spaced-huge'] .isotope-item.double-width { width: calc(100% - 60px); }
	
	/* normal offset */
	.isotope-grid.offset-ultra:not(.offset-crazy).style-column-2 .isotope-item:nth-child(2) { margin-top: 80px; }
	.isotope-grid.offset-ultra:not(.offset-crazy).style-column-3 .isotope-item:nth-child(2) { margin-top: 80px; }
	.isotope-grid.offset-ultra:not(.offset-crazy).style-column-3 .isotope-item:nth-child(3) { margin-top: 160px; }
	.isotope-grid.offset-ultra:not(.offset-crazy).style-column-4 .isotope-item:nth-child(2) { margin-top: 80px; }
	.isotope-grid.offset-ultra:not(.offset-crazy).style-column-4 .isotope-item:nth-child(3) { margin-top: 160px; }
	.isotope-grid.offset-ultra:not(.offset-crazy).style-column-4 .isotope-item:nth-child(4) { margin-top: 240px; }
	
	/* BLOG */
	#blog-single .blog-media { max-width: calc(100% - 120px); }
	.slist.blog-list .slist-item > a { max-width: 100%; }
	.slist.blog-list .slist-item .post-meta { float: none; width: auto; margin-top: 5px; }
	.slist.blog-list .slist-item .post-meta > span { display: inline-block; margin-bottom: 5px; margin-right: 10px; }
	.slist.blog-list .slist-item .entry-title { float: none; width: 100%; }
	
	/* SLIDER */
	.carousel-slider .gallery-image { width: 640px; max-width: calc(100% - 120px); margin-right: 80px; }
	
	/* MOUSE MOVE */
	.follow-mouse:not(.active):hover .mouse-action { opacity: 0; }
	.flickity-wrapper.follow-mouse .flickity-enabled.is-draggable .flickity-viewport { cursor: inherit !important; }
	.flickity-wrapper.follow-mouse .flickity-carousel .flickity-page-dots { opacity: 1; visibility: visible; }
	.inline-video.follow-mouse .mouse-action,
	.inline-lightcase.follow-mouse .mouse-action { position: absolute; top: calc(50% - 40px) !important; left: calc(50% - 40px) !important; transform: none !important; opacity: 1 !important; }
	.inline-video:not(.active), 
	.inline-lightcase:not(.active) { cursor: pointer; }
	.follow-mouse.active .mouse-action { opacity: 0 !important; }
	
	/* SLIST */
	.slist-wrapper { padding: 120px 0; }
	.responsive-grid { display: block; padding: 120px 0; }
	.responsive-grid + .slist-wrapper { display: none; }
					
}



/* ---------------------

Smartphones (768px max)

------------------------ */
@media only screen and (max-width: 768px) { 
	
	p { margin-top: 30px; }
	
	/* hidden */
	.hidden-768 { display: none !important; }
	
	/* wrapper and spacings */
	.wrapper, .wrapper-small, .wrapper-medium, .wrapper-mini { max-width: calc(100% - 80px); }
	#hero:not(.no-bg) #page-title.no-wrapper { width: calc(100% - 80px); }
	
	/* heading spacing */
	div h1, div h2, div h3, div h4, div h5, div h6 { margin-top: 20px; }
	i + h1, i + h2, i + h3, i + h4, i + h5, i + h6 { margin-top: 10px; }
	
	/* Menu */
	#menu #menu-inner .scroll-menu { padding: 0px 40px; }
	#menu nav#main-nav > ul > li { margin: 12px 0;}
	
	/* columns */
	.column:not(.one-fourth):not(.one-half) { float: none !important; margin-right: 0px !important; width: 100% !important; margin-top: 50px; display: block; }
	.spaced-none .column:not(.one-fourth):not(.one-half) { margin-top: 0px;}
	div .column:first-child, .column.empty-content, .column.empty-content + .column { margin-top: 0px !important; }
	.column.hasbg.empty-content { min-height: 300px !important; }
	
	.one-fourth { width: calc(50% - 10px); }
	.spaced-big .one-fourth { width: calc(50% - 20px); }
	.spaced-huge .one-fourth { width: calc(50% - 25px); }
	.one-fourth + .one-fourth:nth-child(2) { margin-right: 0px; }
	.two-fourth:first-child { margin-bottom: 50px; }
	.two-fourth:last-child, .one-fourth + .one-fourth:nth-child(3), .one-fourth + .one-fourth:nth-child(4) { margin-top: 40px; }
	
	/* FOOTER */
	#footer .column { float: none !important; margin-right: 0px !important; width: 100% !important; margin-top: 40px; display: block; }
	#footer .column-section .column.last-col { text-align: left; }
	
	
	/* ISOTOPE */
	.isotope-grid:not(.mobile-col-2) { width: 100%; margin-bottom: -15px; }
	.isotope-grid[class*='isotope-spaced']:not(.mobile-col-2) {margin-bottom: -15px; }
	.isotope-grid[class*='isotope-spaced-big']:not(.mobile-col-2) { margin-bottom: -20px; }
	.isotope-grid[class*='isotope-spaced-huge']:not(.mobile-col-2) { margin-bottom: -30px; }
	
	.isotope-grid:not(.mobile-col-2) .isotope-item { width: 100% !important; margin-right: 0 !important; margin-bottom: 0px; }
	.isotope-grid[class*='isotope-spaced']:not(.mobile-col-2) .isotope-item { margin-bottom: 15px; }
	.isotope-grid[class*='isotope-spaced-big']:not(.mobile-col-2) .isotope-item { margin-bottom: 25px; }
	.isotope-grid[class*='isotope-spaced-huge']:not(.mobile-col-2) .isotope-item { margin-bottom: 50px; }
		.isotope-grid:not(.mobile-col-2) .isotope-item.double-width { width: 100% !important; }
	
	.isotope-grid.mobile-col-2[class*='isotope-spaced'] { width: calc(100% + 15px); margin-bottom: -15px; }
	.isotope-grid.mobile-col-2[class*='isotope-spaced-big'] { width: calc(100% + 20px); margin-bottom: -20px; }
	.isotope-grid.mobile-col-2[class*='isotope-spaced-huge'] { width: calc(100% + 30px); margin-bottom: -30px; }
	
	.isotope-grid.mobile-col-2[class*='isotope-spaced'] .isotope-item { margin-bottom: 15px; margin-right: 15px !important; }
	.isotope-grid.mobile-col-2[class*='isotope-spaced-big'] .isotope-item { margin-bottom: 20px; margin-right: 20px !important; }
	.isotope-grid.mobile-col-2[class*='isotope-spaced-huge'] .isotope-item { margin-bottom: 30px; margin-right: 30px !important; }
	
	.isotope-grid.mobile-col-2 .isotope-item { width: 50% !important; }
	.isotope-grid.mobile-col-2[class*='isotope-spaced'] .isotope-item  { width: calc(50% - 15px) !important; }
	.isotope-grid.mobile-col-2[class*='isotope-spaced-big'] .isotope-item  { width: calc(50% - 20px) !important; }
	.isotope-grid.mobile-col-2[class*='isotope-spaced-huge'] .isotope-item  { width: calc(50% - 30px) !important; }
	
	/* normal offset */
	.isotope-grid.offset-big:not(.offset-crazy) .isotope-item { margin-top: 0px !important; }
	.isotope-grid.offset-huge:not(.offset-crazy) .isotope-item { margin-top: 0px !important; }
	.isotope-grid.offset-ultra:not(.offset-crazy) .isotope-item { margin-top: 0px !important; }
	
	/* crazy offset */
	.isotope-grid.offset-crazy .isotope-item { margin-bottom: 40px !important; }
	.isotope-grid.offset-crazy .isotope-item:nth-child(1n) { padding: 0% 4% 0% 7%; }
	.isotope-grid.offset-crazy .isotope-item:nth-child(2n) { padding: 0% 2% 1% 0%; }
	.isotope-grid.offset-crazy .isotope-item:nth-child(3n) { padding: 0% 0% 0% 6%; }
	.isotope-grid.offset-crazy .isotope-item:nth-child(4n) { padding: 0% 5% 0% 2%; }
	.isotope-grid.offset-crazy .isotope-item:nth-child(5n) { padding: 0% 7% 0% 1%; }
	.isotope-grid.offset-crazy .isotope-item:nth-child(6n) { padding: 0% 3% 0% 4%; }
	.isotope-grid.offset-crazy .isotope-item:nth-child(7n) { padding: 0% 2% 0% 5%; }
	.isotope-grid.offset-crazy .isotope-item:nth-child(8n) { padding: 0% 4% 0% 2%; }
	
	.load-isotope { height: 34px; margin: 20px 0; }
	
	/* BLOG */
	#blog-single .blog-media { max-width: calc(100% - 80px); }
	#page-title .post-meta { margin-top: 30px; }
	#blog-single .blog-media { margin-bottom: 80px; }
	.single-post #hero.hero-auto #page-title { padding-bottom: 80px; }
	.leavecomment .comment-form .one-third { float: none; width: 100%; margin-right: 0%; }
	#single-pagination .pagination li { float: none; width: 100%; }
	#single-pagination .pagination li.next { float: none; text-align: left; margin: 30px 0 0 0; }
	#single-pagination .pagination li a { padding: 0; }
	
	/* SLIDER */
	.carousel-slider .gallery-image { width: 540px; max-width: calc(100% - 80px); margin-right: 60px; }
	
	/* SLIST */
	.slist-wrapper { padding: 120px 0 60px 0; }
	
	/* Share */
	#single-share { right: 5px; }
	body.scrolled-hero.loading-end #single-share { right: 15px; }
	
}


/* ---------------------

Small Screens (680px max)

------------------------ */
@media only screen and (max-width: 640px) {
	
	p { margin-top: 25px; }
	
	/* wrapper and spacings */
	.wrapper, .wrapper-small, .wrapper-medium, .wrapper-mini { max-width: calc(100% - 60px); }
	#hero:not(.no-bg) #page-title.no-wrapper { width: calc(100% - 60px); }
	
	/* HEADER */
	#header .header-inner { padding: 30px 0; }
	
	/* FOOTER */
	#footer.sticky { position: relative; pointer-events: auto; }
	#footer.sticky .footer-inner { padding: 20px 0 30px 0; }
	#footer .column { margin-top: 30px; }
	
	/* PAGE TITLE*/
	#hero #page-title { padding-top: calc(60px + 60px + 20px); padding-bottom: 80px; }
	
	/* Menu */
	#menu #menu-inner .scroll-menu { padding: 0px 30px; }
		
	/* columns */
	.column { float: none !important; margin-right: 0px !important; width: 100% !important; margin-top: 50px; display: block; }
	.spaced-none .column { margin-top: 0px; }
	
	/* BLOG */
	#blog-single .blog-media { max-width: calc(100% - 60px); }
	#page-title .post-meta { margin-top: 20px; }
	#blog-single .blog-media { margin-bottom: 60px; }
	.single-post #hero.hero-auto #page-title { padding-bottom: 60px; }
	
	/* SLIDER */
	.carousel-slider .gallery-image { width: 540px; max-width: calc(100% - 60px); margin-right: 20px; }
	
	/* SPACER */
	.spacer-mini { height: 12px; }
	.spacer-small { height: 25px; }
	.spacer-medium { height: 50px; }
	.spacer-big { height: 60px; }
	
	/* Social media widget */
	.socialmedia-widget.text-style li a, .socialmedia-widget.textshort-style li a { padding-right: 20px; }
	
	/* Share */
	#single-share { right: 0px; }
	body.scrolled-hero.loading-end #single-share { right: 7px; }
		
}