:root {
  --bg-color: #fff;
  --white: #fff;
  --primary-color: #165788;
  --secondary-color: #90acc8;
  --tertiary-color: #c4e0f2;
  --primary-text-color: #000;
  --button-hover: #9bb2ce;
  --light-gray: #f9f9f9;
}

html { width: 100%; }
body { margin: 0; padding: 155px 0 0 0; width: 100%; font-weight: 400; font-style: normal; font-size: 16px; overflow-x: hidden; }

h1, h2, h3, h4, h5, h6 { color: var(--primary-color); }
h1 { padding: 0; margin: 0 1rem 0 0; font-size: 2rem; }
h2 { padding: 0; margin: 0 3rem 0 0; font-size: 2rem; }
* { box-sizing: border-box; font-family: "Red Hat Display", sans-serif; font-optical-sizing: auto; }
.inner-box { max-width: 1320px; margin: 0 auto; }
.inner-narrow { max-width: 768px; margin: 0 auto; }
.m-0 { margin: 0 !important; }
.p-0 { padding: 0 !important; }
.text-center { text-align: center; }
a { color: var(--primary-color); text-decoration: underline; }
.desktop-only { display: flex; }
p { letter-spacing: 1px; margin: .5rem 0 1rem 0; }

/* HEADER */
.simply-header-container { padding: 1.5rem 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.site-header { position: fixed; z-index: 999; top: 0; left: 0; width: 100%; background-color: var(--white); }
.site-header-logo img { height: 65px; width: auto; }
.site-header-motto { display: flex; flex-direction: column; align-items: center; }
.site-header-motto p { margin: 8px 0 0 0; padding: 0; color: var(--primary-color); font-weight: 700; }
.hamburger-button { width: 55px; height: 45px; background-image: url('images/hamburger.svg'); background-position: center; background-repeat: no-repeat; background-size: contain; cursor: pointer; background-color: transparent; border: none; display: none; }

/* NAVIGATION */
.site-navigation-container { width: 100%; background-color: var(--primary-color); position: relative; top: auto; right: auto; z-index: auto; position: relative; height: auto; overflow-y: visible; padding: 0; }
.site-navigation-container-inner { position: relative; padding: 0 3rem 0 0; }
#simply-navigation { display: flex; width: 100%; padding: 0; justify-content: center; overflow-y: hidden; }
#simply-navigation ul { display: flex; flex-direction: row; width: 100%; padding: 0; justify-content: center; align-items: center; margin: 0; padding: 0; }
#simply-navigation li { display: inline-block; padding: 0.5rem 1rem; position: relative; width: auto; }
#simply-navigation li a { color: var(--white); font-size: 0.857rem; text-decoration: none; text-transform: uppercase; transition: .5s; padding: 0; }
#simply-navigation li a:hover, #simply-navigation li.current-menu-item a { color: var(--button-hover); transition: .5s; }
#simply-navigation ul li ul { display: none; }
#simply-navigation ul li ul.menu-opened { display: flex; position: fixed; top: 155px; left: 0; width: 100%; background-color: var(--primary-color); flex-direction: row; flex-wrap: wrap; justify-content: flex-start; padding: 0.5rem; }
#simply-navigation ul li ul.menu-opened li { padding: 0.25rem 0; width: 25%; }
.search-button { width: 3rem; height: 100%; background-image: url('images/search.svg'); background-position: right center; background-repeat: no-repeat; background-size: 20px 20px; cursor: pointer; position: absolute; right: 0; top: 0; background-color: transparent; border: none; }
.search-box { position: absolute; top: 37px; right: 0px; z-index: 99; opacity: 0; transition: .5s; width: 300px; }
.search-box.search-opened { opacity: 1; transition: .5s; }
.search-field { padding: .5rem 3rem .5rem .5rem; width: 100%; position: relative; border: 1px solid #ccc; }
.search-field-submit { width: 36px; height: 34px; background-color: #ededed; background-image: url('images/search-gray.svg'); background-position: center; background-repeat: no-repeat; background-size: 20px 20px; border: none; border-left: 1px solid #ccc; position: absolute; top: 1px; right: 1px; }

/* SITE BANNER */
.site-banner { width: 100%; height: 377px; overflow: hidden; }
.site-banner-container { width: 100%; height: 100%; position: relative; margin: 0 auto; overflow: hidden; text-align: left; }
.site-banner-item { position: relative; display: flex; height: 100%; width: 100%; }
.site-banner-item figure { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 50; margin: 0; padding: 0; }
.site-banner-item figure img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: cover; }
.site-banner-content { position: absolute; top: 0; left: calc((100% - 1320px) / 2); z-index: 51; width: 30%; height: 100%; display: flex; align-items: center; padding: 0; text-align: left; opacity: 1; animation-name: slide-up; animation-duration: .5s; animation-timing-function: ease-in; }
.site-banner-content p { font-size: 2.5rem; color: var(--white); width: 100%; }
.site-banner .owl-stage-outer { height: 100%; }
.site-banner .owl-stage { height: 100%; display: flex; flex-direction: row; }
.site-banner .owl-dots { position: absolute; bottom: 1rem; width: 100%; display: flex; flex-direction: row; justify-content: center; }
.site-banner .owl-dot { border: none; width: 12px; height: 12px; background-color: #555; margin: 0 .25rem; border-radius: 50%; cursor: pointer; }
.site-banner .owl-dot.active { background-color: var(--white); }

/* SITE INTRO */
.site-intro, .site-cards, .footer-top { padding: 3rem 0; }
.site-intro-content { display: flex; flex-direction: column; align-items: center; }
.site-intro p { margin: 0 0 2rem 0; }

/* BUTTONS */
.btn-primary { border-radius: 100px; background-color: var(--primary-color); color: var(--white); text-align: center; padding: .5rem 1.5rem; text-decoration: none; margin: 0 auto; transition: .5s; }
.btn-primary:hover { color: var(--button-hover); transition: .5s; }
.more-btn::after { content: ">"; color: var(--white); display: inline-block; transition: .5s; }
.more-btn:hover::after { color: var(--button-hover); transition: .5s; }
.btn-secondary { border-radius: 100px; background-color: var(--tertiary-color); color: var(--primary-text-color); text-align: center; padding: .5rem 1.5rem; text-decoration: none; margin: 0 auto; transition: .5s; border: none; cursor: pointer; }

/* SITE PRODUCTS */
.site-products { overflow: hidden; padding: 3rem 0; }
.site-products-container { width: 100%; position: relative; }
.site-products .owl-stage-outer { height: 100%; }
.site-products .owl-stage { height: 100%; display: flex; flex-direction: row; }
.site-product-item { width: 100%; padding: 0 1rem; }
.site-product-item figure { max-width: 100%; width: 100%; height: 220px; overflow: hidden; display: flex; flex-direction: row; justify-content: center; margin: 0; padding: 0; }
.site-product-item figure img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; }
.site-product-item-content { width: 100%; }
.site-product-item-content p { width: 100%; text-align: center; text-transform: uppercase; min-height: 42px; }
.site-product-item-content p a { width: 100%; text-align: center; text-transform: none; }
.site-product-item-content p a::after { content: " >"; display: inline-block; }
.site-products .owl-nav { width: 100%; position: absolute; left: 0; top: calc(50% - 16px); }
.site-products .owl-prev, .site-products .owl-next { background: none; border: none; font-size: 1.5rem; color: var(--primary-color); font-weight: 600; cursor: pointer; }
.site-products .owl-prev { position: absolute; left: 0; }
.site-products .owl-next { position: absolute; right: 0; }

/* SITE HIGHLIGHTS */
.site-highlights { background-color: var(--secondary-color); padding: 1rem 0; }
.site-highlights-content { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 2rem; }
.site-highlights-column { background-color: var(--secondary-color); aspect-ratio: auto; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.site-highlights-num, .site-highlights-title { display: block; text-align: center;  color: var(--white); }
.site-highlights-num { font-size: 2rem; font-weight: 700; }

/* SITE CARDS */
.site-cards-content { display: flex; flex-direction: row; flex-wrap: nowrap; }
.site-card { padding: 1rem; flex-grow: 1; flex-basis: 0; }
.site-card-inner, .site-card-news, .site-card-brands { background-color: var(--light-gray); padding: 1rem; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); min-height: 200px; }
.site-card-image { width: 100%; height: 175px; display: flex; justify-content: center; margin: 0 0 1rem 0; padding: 0; }
.site-card-product .site-card-image { padding: 1rem 0 0 0; }
.site-card-product h3 { min-height: 46px; }
.site-card-product p { min-height: 84px; }
.site-card-image picture { width: 100%; height: 100%; }
.site-card-image img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: cover; }
.site-card-text { min-height: 150px; }
.site-card h3 { font-size: 1.125rem; }
.site-card h3 a { color: var(--primary-color); text-decoration: none; font-size: 1rem; }
.site-card a { font-size: 0.75rem; }
.site-cards header { margin: 3rem 0; }
.site-card .more-btn::after, .site-card-inner .more-btn::after { color: var(--primary-color); }
.site-card a.site-card-archive { display: flex; height: 100%; align-items: center; justify-content: center; width: 100%; background-color: var(--secondary-color); color: var(--white); text-decoration: none; font-size: 2rem; }
.site-card-buttons { display: grid; grid-template-columns: repeat(2, 1fr); }
.site-card-buttons a { text-decoration: none; display: flex; align-items: center; justify-content: center; padding: .5rem 1rem; }
.site-card-more-button { background-color: var(--primary-color); color: var(--white); transition: .5s; }
.site-card-purchase-button { background-color: var(--secondary-color); color: var(--primary-color); transition: .5s; }
.no-url { background-color: var(--tertiary-color); cursor: crosshair; pointer-events: none; }
.site-card-product { padding: 0; }
.site-card-product a.site-card-image, .site-card-product .site-card-text { padding: 1rem; }
.site-card-product h3 { padding: 0 1rem; }

/* FOOTER */
.footer-top { display: flex; justify-content: center; }
.footer-top-container { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.footer-bottom { background-color: var(--primary-color); margin: 3rem 0 0 0; padding: 3rem 0; }
.footer-bottom-container { display: flex; flex-direction: row; justify-content: space-between; }
.footer-bottom-container p, .footer-bottom-container ul li a { color: var(--white); font-size: 0.875rem; }
.footer-bottom-left { display: flex; flex-direction: column; align-items: flex-start; text-align: left; margin: 0; padding: 0; max-width: none; }
.footer-bottom-center { display: flex; flex-direction: column; align-items: flex-end; max-width: none; margin: 0; }
.footer-bottom-center ul { list-style: none; text-align: left; margin: .5rem 0 0 0; padding: 0; }
.footer-linkedin { display: block; width: 30px; height: 33px; background-image: url('images/linkedin.png'); background-repeat: no-repeat; background-position: center; background-size: contain; }
.footer-bottom a { color: var(--white); text-decoration: none; }
.footer-bottom a:hover { text-decoration: underline; }
.footer-bottom h4 { color: var(--white); font-size: 1.25rem; }
.simply-newsletter input { margin: 0 0 1rem 0; width: 100%; border: none !important; padding: .5rem; }


/* PAGE */
#simply-main { padding: 3rem 0; }
.simply-main-header { margin: 0; }

/* RÓLUNK */
.simply-rolunk-info { display: flex; flex-direction: row; align-items: flex-start; flex-wrap: nowrap; margin: 3rem 0; }
.simply-rolunk-info p { margin: 0 0 .5rem 0; padding: 0; }
.simply-rolunk-info-left { width: 30%; padding: 0 1rem 0 0; text-align: right; order: 1; margin: 0; }
.simply-rolunk-info-left-button { border: none; background: none; display: inline-block; margin: 1rem 0 0 0; color: var(--primary-color); cursor: pointer; padding: 0; text-decoration: underline; }
.simply-rolunk-info-left-button::after { content: " >"; display: inline-block; }
.simply-rolunk-info-right { width: 30%; padding: 0 0 0 1rem; text-align: left; order: 4; }
.simply-rolunk-info-box-left, .simply-rolunk-info-box-right { width: 20%; padding: 0 .5rem; align-self: stretch; margin: 0; }
.simply-rolunk-info-box-left { order: 2; }
.simply-rolunk-info-box-right { order: 3; }
.simply-rolunk-info-box-inner { background-color: var(--secondary-color); padding: .5rem; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; }
.simply-rolunk-info-box-inner p { color: var(--white); margin: 0 0 .25rem 0; text-transform: uppercase; text-align: center; }
.simply-rolunk-info-box-inner p span { font-size: 2.5rem; line-height: 100%; }
.simply-rolunk-info.darker { margin: 6rem 0 0 0; }
.simply-rolunk-info.darker .simply-rolunk-info-box-inner { background-color: var(--primary-color); }
.simply-rolunk-info.darker .simply-rolunk-info-box-inner p span { font-size: 2rem; }

/* MAP */
.simply-map { background-image: url('images/terkep.png'); background-repeat: no-repeat; background-position: left top; background-size: 70%; background-blend-mode: normal; position: relative; transition: .5s; background-color: var(--white); display: flex; flex-direction: row; flex-wrap: nowrap; }
.simply-map::after { content: ""; display: block; background-image: url('images/tabletta.svg'); background-repeat: no-repeat; background-size: contain; width: 100px; height: 30px; position: absolute; top: 0; right: 0; z-index: 1; }
.simply-map-left { width: 50%; padding: 0 1rem 0 0; display: flex; flex-direction: column; justify-content: space-between; }
.simply-map-layer { opacity: 0; transition: .5s; margin: 0 0 2rem 0; max-height: none; }
.simply-map.visible { background-color: rgba(255,255,255,.8); background-blend-mode: lighten; transition: .5s; }
.simply-map.visible .simply-map-layer { opacity: 1; transition: .5s; max-height: none; }
.simply-map-left h2 { margin: 0 0 1rem 0; text-align: center; }
.simply-map-left p { margin: 0 0 .5rem 0; text-align: center; }
.simply-map-left p span { display: block; }
.simply-map-left p span.year { color: var(--primary-color); font-weight: 700; }
.simply-map-left-bottom { display: flex; justify-content: flex-end; padding: 0 1rem 0 0; }
.simply-map-left-bottom p { width: 60%; text-align: right; }
.simply-map-right { width: 50%; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(12, auto); padding: 6rem 0 0 0; align-self: flex-end; grid-gap: 0px; }
.simply-rolunk-box { background-color: var(--secondary-color); display: flex; justify-content: center; align-items: center; margin: 0; }
.simply-rolunk-box p { margin: 0; padding: 0; color: var(--primary-color); }
.simply-rolunk-box p span { font-size: 2.5rem; font-weight: 700; }
.munkatarsak { grid-column: 3 / 3; grid-row: 8 / 9; padding: 2rem 1rem; display: flex; flex-direction: column; }
.orszag { grid-column: 1 / 2; grid-row: 12 / 13; padding: 2rem 1rem; display: flex; flex-direction: column; }
.kep { grid-column: 2 / 4; grid-row: 10 / 13; max-width: 100%; overflow: hidden; aspect-ratio: 16 / 9; padding: 0; background: none; display: flex; }
.simply-rolunk-box.kep picture { width: 100%; height: 100%; }
.simply-rolunk-box.kep picture img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: cover; }

/* PORTFOLIO SLIDER */
.simply-portfolio-slider { width: 100%; margin: 6rem auto 0 auto; width: 100%; }
.simply-portfolio-slider-list { display: flex; flex-direction: row; flex-wrap: nowrap; margin: 3rem 0 0 0; overflow-x: auto; max-width: 100%; }
.product-name a { text-decoration: none; color: var(--primary-color); font-weight: 700; font-size: .875rem; }
.simply-portfolio-slider-item { padding: .5rem; width: 20%; flex: none; }
.simply-portfolio-slider-item figure { margin: 0; padding: 0; width: 100%; height: 220px; overflow: hidden; }
.simply-portfolio-slider-item figure a { height: 100%; width: 100%; display: flex; overflow: hidden; }
.simply-portfolio-slider-item figure a picture { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.simply-portfolio-slider-item figure a picture img, .simply-portfolio-slider-item figure a img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; }
.simply-portfolio-slider-item-content p { padding: 0; margin: 0 0 .5rem 0; }
.simply-portfolio-slider-item-content .more-btn { font-size: .75rem; }
.simply-portfolio-slider-item-content .more-btn::after { color: var(--primary-color); }

/* CONTACT */
.simply-featured-boxes { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 2rem; margin: 3rem 0 0 0; }
.simply-featured-box { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 2rem; }
.simply-featured-box-darker { background-color: var(--secondary-color); }
.simply-featured-box-darker p { color: var(--white); margin: 0 0 .5rem 0; padding: 0; }
.simply-featured-box-darker p a { color: var(--white); text-decoration: underline; }
.simply-featured-box-lighter { background-color: var(--tertiary-color); }
.simply-featured-box-lighter p { color: var(--primary-color); margin: 0 0 .5rem 0; padding: 0; }
.simply-featured-box-title, .simply-featured-box-content { width: 46%; margin: 0; }
.simply-featured-box-title h2 { font-size: 1.5rem; font-weight: 300; text-transform: uppercase; text-align: center; margin: 0; }
.simply-contacts { display: flex; flex-direction: row; flex-wrap: wrap; margin: 3rem 0 0 0; }
.simply-contact-box { width: 33.33%; margin: 0; }
.simply-contact-box h3 { padding: 0 0 .5rem 0; border-bottom: 1px solid #d1d1d1; text-align: center; text-transform: uppercase; }
.simply-contact-box-content p { text-align: center; margin: 0 0 .25rem 0; }
.page-template-page-contact #simply-main { padding: 0 0 3rem 0; }

/* BRANDS */
.site-brands-content { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 1rem; }


/* PRODUCT ARCHIVE */
.simply-pagination { margin: 3rem 0 0 0; }
.simply-pagination .nav-links { display: flex; justify-content: center; }
.simply-pagination .page-numbers { padding: .25rem .75rem; border: 1px solid var(--secondary-color); margin: 0 .5rem; text-decoration: none; color: var(--secondary-color); background-color: var(--white); transition: .5s; }
.simply-pagination .page-numbers.current { border: 1px solid var(--primary-color); background-color: var(--primary-color); color: var(--white); }

/* PRODUCT PAGE */
.simply-product-main-heading { margin: 0 0 3rem 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.simply-product-main-heading h1 { margin: 0; }
.simply-product-logo img { height: 50px; width: auto; }
.simply-product-lead { margin: 0 0 3rem 0; }
.simply-product-desc { display: flex; flex-direction: row; flex-wrap: wrap; }
.simply-product-desc-image { width: 33.33%; margin: 0; display: flex; flex-direction: column; align-items: center; }
.simply-product-desc-image figure { width: 100%; max-width: 100%; overflow: hidden; margin: 0; padding: 0; display: flex; justify-content: center; }
.simply-product-desc-image figure img { max-width: 100%; height: auto; }
.simply-product-desc-content { width: 66.66%; padding: 0 0 0 3rem; }
.simply-product-desc-content h3 { margin: 2rem 0 0 0; }
.kockazatok { margin: 3rem 0 0 0; color: var(--primary-color); font-size: 1.5rem; }

/* PAGE & SINGLE */
.simply-single-inner { max-width: 960px; }
body.markaink .simply-single-inner { max-width: 1320px; }
.simply-single-header { margin: 0 0 3rem 0; }
.simply-single-info { padding: 1rem; margin: 2rem 0; border: 1px solid var(--tertiary-color); display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; font-size: .75rem; }
.simply-single-info p { margin: 0; padding: 0; }
.simply-single-inner figure { max-width: 100%; overflow: hidden; margin: 0; padding: 0; }
.simply-single-inner img { max-width: 100%; height: auto; display: block; margin: 0 auto; }

/* LANDING */
.simply-landing-inner { width: 1320px; }
.simply-landing-inner .simply-landing-block-content a { text-decoration: none; font-weight: 600; color: var(--primary-color); }
.simply-landing-inner .simply-news-page-content h2 { margin: 0 0 16px 0 !important; }
.simply-landing-inner .simply-news-page-content h2::after { display: none; margin: 0 0 16px 0 !important; }
.simply-landing-block { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; margin: 48px 0; background: var(--grey); padding: 48px; border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; }
.simply-landing-block-image { width: 20%; order: 1; display: flex; justify-content: center; align-items: center; margin: 0; }
.simply-landing-block-image picture { max-width: 100%; }
.simply-landing-block-image img { width: 100%; max-width: 100%; height: auto; }
.simply-landing-block-content { padding: 0; order: 2; flex: 1; }
.simply-has-image .simply-landing-block-content { padding: 0 48px; }
.simply-landing-block:nth-of-type(even) .simply-landing-block-image { order: 2; }
.simply-landing-block:nth-of-type(even) .simply-landing-block-content { order: 1; }
.simply-has-image { background: rgb(233,233,233); background: linear-gradient(90deg, rgba(233,233,233,1) 0%, rgba(255,255,255,1) 50%); padding: 0; }
.simply-has-image:nth-child(even) { background: rgb(233,233,233); background: linear-gradient(270deg, rgba(233,233,233,1) 0%, rgba(255,255,255,1) 50%); }
.simply-landing-list .simply-list { margin: 0; padding: 0; }

/***** MÁRKÁINK *****/
.simply-list { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 1.5rem; padding: 3rem 0; }
.simply-brand figure { display: flex; justify-content: center; margin: 0; padding: 0; }
.simply-brand figure img { width: 137px; height: 50px; }
.simply-brand a { text-decoration: none; }
.simply-brand a p { text-align: center; text-decoration: none; color: var(--primary-color); transition: .5s; }
.simply-brand:hover a p { color: var(--secondary-blue); transition: .5s; }

/***** SEARCH *****/
.simply-display-results { margin: 0 0 4rem 0; }
.simply-display-results h2 { margin: 0 0 1rem 0; }

p:has(img.alignleft), p:has(picture img.alignleft) { display: inline-block; float: left; margin: 0 2rem 2rem 0; }
p:has(img.alignright), p:has(picture img.alignright) { display: inline-block; float: right; margin: 0 0 2rem 2rem; }
.clear { clear: both; }
.page-plus-block { clear: both; margin: 3rem 0; padding: 3rem 0; }
.page-plus-block::after { content: ""; clear: both; }

.site-news-content, .site-cards-products-content { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 1rem; }
.site-news-content a { text-decoration: none; }

/* PORTFOLIO */
.portfolio-page-items { list-style: none; columns: 2; column-gap: 80px; margin: 0; padding: 0; }
.portfolio-page-items li { margin: 0 0 10px 0; }
.portfolio-page-items li a { text-decoration: none; color: var(--primary-color); font-size: 1.125rem; transition: .5s; }
.portfolio-page-items li a:hover { color: var(--secondary-color); transition: .5s; }

/* TERMÉKOLDAL TÁBLÁZAT */
.simply-product-lead table { width: 100%; border-collapse: collapse; }
.simply-product-lead table td { border: 2px solid var(--primary-text-color); padding: .5rem; }


@keyframes slide-up {
    0% { top: 20px; opacity: 0; }
    100% { top: 0px; opacity: 1; }
}

@media (max-width: 1320px) {
  .inner-box { max-width: 90%; }
  .simply-featured-box-title p { font-size: 1.250rem; }
  .simply-landing-inner { width: 100%; }
  body.markaink .simply-single-inner { max-width: 90%; }
}

@media (max-width: 1200px) {
  .site-brands-content { grid-template-columns: repeat(3, 1fr); }
  .site-news-content, .site-cards-products-content { grid-template-columns: repeat(3, 1fr); }
  .simply-rolunk-info.darker .simply-rolunk-info-box-inner p span { font-size: 1.5rem; }
  .simply-portfolio-slider-item { width: 33.33%; }
  .simply-featured-box { flex-direction: column; }
  .simply-featured-box-title, .simply-featured-box-content { width: 100%; }
  .simply-featured-box-title { margin: 0 0 1rem 0; }
  .simply-featured-box-content p { text-align: center; }
}

@media (max-width: 1024px) {

}

@media (max-width: 960px) {
  body { padding: 100px 0 0 0; }
  .desktop-only { display: none; }
  .hamburger-button { display: flex; }
  .simply-single-inner { max-width: 90%; }
  .site-navigation-container { position: fixed; top: 94px; right: -110%; z-index: 100; height: calc(100vh - 95px); transition: 1s; overflow-y: auto; padding: 0 0 3rem 0; }
  .site-navigation-container.opened { right: 0; transition: 1s; }
  #simply-navigation { display: flex; flex-direction: column; }
  #simply-navigation.inner-box { max-width: 100%; }
  #simply-navigation ul { flex-direction: column; justify-content: flex-start; align-items: flex-start; }
  #simply-navigation li { display: block; padding: 1rem 0; width: 100%; }
  #simply-navigation li a { padding: 2rem; font-size: 1.125rem; }
  #simply-navigation ul li ul.menu-opened { position: relative; top: auto; left: auto; flex-direction: column; }
  #simply-navigation ul li ul.menu-opened li { width: 100%; padding: 1rem 0rem 1rem 2rem; }
  .search-button { display: none; }
  .search-box { position: relative; top: auto; right: auto; z-index: auto; width: 100%; opacity: 1; }
  .site-header-logo img { height: auto; width: 135px; }
  .site-brands-content { grid-template-columns: repeat(2, 1fr); }
  .site-news-content, .site-cards-products-content { grid-template-columns: repeat(2, 1fr); }
  .site-highlights { background: none; }
  .site-highlights-content { grid-template-columns: repeat(2, 1fr); }
  .site-highlights-column { aspect-ratio: 1 / 1; padding: 1rem; }
  .footer-bottom-container { flex-direction: column; }
  .footer-bottom-left { align-items: center; text-align: center; margin: 0 auto 2rem auto; padding: 0 0 1rem 0; border-bottom: 1px solid var(--white); max-width: 60%; }
  .footer-bottom-center { align-items: center; max-width: 60%; margin: 0 auto; }
  .footer-bottom-center ul { text-align: center; }
  .site-banner-container { width: 550px; }
  .site-banner-content { top: .5rem; left: 0; width: 100%; height: auto; text-align: center; padding: 0 20px; max-width: none; }
  .site-banner-content p { font-size: 1rem; text-align: center; }
  .simply-rolunk-info { flex-wrap: wrap; }
  .simply-rolunk-info-box-left { width: 50%; order: 1; padding: 0 .5rem 0 0; }
  .simply-rolunk-info-box-right { width: 50%; order: 2; padding: 0 0 0 .5rem; }
  .simply-rolunk-info-left { width: 100%; order: 3; text-align: left; margin: 0 0 1rem 0; }
  .simply-rolunk-info-right { width: 100%; order: 4; padding: 0; }
  .simply-rolunk-info-box-left, .simply-rolunk-info-box-right { margin: 0 0 1rem 0; }
  .simply-map { flex-wrap: wrap; background-size: auto 300px; background-position: center top; }
  .simply-map::after { display: none; }
  .simply-map-layer { max-height: 300px; }
  .simply-map.visible .simply-map-layer { max-height: 5000px; }
  .simply-map-left { width: 100%; padding: 3.325rem 0 0 0; }
  .simply-map-left-bottom p { text-align: center; width: 100%; }
  .simply-map-right { width: 100%; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(4, 1fr); grid-gap: 1rem; }
  .munkatarsak { grid-column: 3 / 5; grid-row: 1 / 3; }
  .orszag { grid-column: 1 / 3; grid-row: 1 / 3; }
  .kep { grid-column: 1 / 5; grid-row: 3 / 5; }
  .simply-contact-box { width: 100%; margin: 0 0 2rem 0; }
}

@media (max-width: 768px) {
  .inner-narrow { max-width: 90%; }
  .site-banner-container { width: 90%; }
  .simply-portfolio-slider-item { width: 50%; }
  .simply-featured-boxes { grid-template-columns: repeat(1, 1fr); }
  .simply-product-desc-image { width: 100%; margin: 0 0 3rem 0; }
  .simply-product-desc-content { width: 100%; padding: 0; }
  p:has(img.alignleft), p:has(picture img.alignleft) { display: block; float: none; margin: 0 0 2rem 0; }
  p:has(img.alignright), p:has(picture img.alignright) { display: block; float: none; margin: 0 0 2rem 0; }
  .clear { clear: none; }
  .page-plus-block { clear: none; padding: 0; }
  .page-plus-block::after { content: ""; clear: none; }
  .site-cards-content { flex-direction: column; }
  .site-card-inner { padding: 1rem 0; }
}

@media (max-width: 576px) {
  .site-brands-content { grid-template-columns: repeat(1, 1fr); }
  .site-news-content, .site-cards-products-content { grid-template-columns: repeat(1, 1fr); }
  .site-highlights-content { grid-template-columns: repeat(1, 1fr); }
  .site-highlights-column { aspect-ratio: auto; padding: 1rem; }
  .footer-bottom-left, .footer-bottom-center, .footer-bottom-right { max-width: 90%; }
  .simply-rolunk-info-box-left, .simply-rolunk-info-box-right { width: 100%; padding: 0; }
  .simply-portfolio-slider-item { width: 100%; }
}