/* Mobile Portrait View */
@media screen and (max-width:767px) {
	.pum-container {max-width: 95% !important; width: 95% !important}
	.ic-catalog-container #breadcrumbs {padding: 15px 0;}
	.container {width: 90% !important}
	.header {height: 64px; padding: 5px}
	.header-container {height: auto}
	.mobile-only {display: block}
	.mobile-and-tablet {display: block}
	.tablet-only {display: none}
	.desktop-only {display: none}
	.tablet-and-desktop {display: none}
	.header-inner .logo {width: auto; flex-grow: 0}
	.header .phohe {width: 90%}
	.page-wrapper {margin-top: 24px;}
	.footer .container {flex-wrap: wrap}
	.footer-column, #footer-column-1, #footer-column-2, #footer-column-3 {width: 100% !important}
	.intro-video { height: 360px;} 
	.intro-video .intro-content {width: 95%}
	.intro-video .intro-content h1 {font-size: 32px; font-weight: 600; text-align: center; line-height: 1.5}
	.intro-video .intro-content h2 {font-size: 20px; font-weight: 400; text-align: center; line-height: 1.5}
	.index_about_inner {flex-wrap: wrap !important}
	.index_about_inner .about {width: 95% !important; max-width: 95% !important; height: auto !important;}
    .logo img {height: 60px !important}
	.page-wrapper > .content {margin-top: 50px !important}
	
	 h1.entry-title {font-size: 32px}
	
	.carousel-container .carousel-image img:hover {width: 100%; height: 100%;  background:none;}
	
	
	
} 

/* Mobile Landscape View */
@media screen and (min-width: 400px) and (max-width: 767px) {
	.header-container {width: 100%}
	.container {width: 90% !important}
	.mobile-only {display: block}
	.desktop-only {display: none}
	.index_about_inner {flex-wrap: wrap}
	.mobile-and-tablet {display: block}
	.tablet-only {display: none}
	.tablet-and-desktop {display: none}
	
}

/* Tablet View */
@media screen and (max-width:1169px) and (min-width:768px) { 
	.header {right: auto, width: 100%; height: 85px;  padding: 5px}
	.header-container {width: 100%; height: auto}
	.container {width: 90% !important}
	.mobile-only {display:none}
	.desktop-only {display: none}
	.mobile-and-tablet {display: block}
	.tablet-only {display: block}
	.tablet-and-desktop {display: block}
	.page-wrapper {margin-top: 0px;}
	
}

/* Other */