::selection {background:#000000;;color:#FFF}
::-moz-selection {background:#000000;;color:#FFF}

body {font-family: 'Open Sans', sans-serif;background:#fff;line-height:1.6;     padding-top: 112px; /* cca 32px (topbar) + 80px (navbar) */
}

.form-control-feedback {
    display: none !important;
}
  .opening-hours-box {
  background-color: #f5f0e6; /* světle šedé pozadí */
  border: 1px solid #dee2e6; /* jemný rámeček */
  border-radius: 0.5rem; /* zaoblení rohů */
  box-shadow: 0 2px 5px rgba(0,0,0,0.05); /* lehký stín */
  max-width: 320px; /* omezení šířky, přizpůsobíš dle potřeby */
 /* margin-top: 115px;
  margin-left: 35px;*/

  margin: 150px auto;
}

.opening-hours-box h4 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  color: #343a40; /* tmavě šedá */
  padding-bottom: 0.5rem;
}

.opening-hours-box ul {
  padding-left: 0;
  margin-bottom: 0;
}

.opening-hours-box ul li {
  display: flex;
  justify-content: space-between;
  padding: 0.3rem 0;
  font-size: 0.9rem;
  color: #495057;
  border-bottom: 1px solid #e9ecef;
}

.opening-hours-box ul li:last-child {
  border-bottom: none;
}

.opening-hours-box ul li strong {
  color: #212529;
  flex: 1 1 auto;
}

.opening-hours-box ul li span {
  flex: 1 1 auto;
  text-align: right;
  white-space: nowrap;
}

.aktuality-box img {
  height: 200px;
  object-fit: cover;
  width: 100%;
  border-radius: 8px;
}

/* Zalomení nadpisu na max. 2 řádky */
.aktuality-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 22px;
  text-transform: inherit;
  margin-bottom: 10px;
  text-align: left;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
}
.pagination__wrapper a{color:#000000 !important;}
.pagination__wrapper .page-item.active .page-link {
    color: #000000;
    background-color: #ffffff; /* volitelné: pozadí aktivní stránky */
    border-color: #000000; /* volitelné: okraj */
}



a {color:#5c4033; text-decoration: none;}
.btn-success {
border-radius: 5px;
color: #fff !important;
border-color: #5c4033  !important;
background-color: #5c4033  !important;
}
.btn-success:hover {
  background-color: #3e2b20 !important;
  color: #fff !important;
}
.btn-primary:hover {
  background-color: #3e2b20 !important;
  color: #fff !important;
}
.separator {
  width: 60px;
  height: 2px;
  background-color: #000000;;
  border-radius: 2px;
}
.article-title {
  font-size: 2rem;
  font-weight: 600;
  color: #154054;
}

.article-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.article-content img {
  max-width: 200px;
  max-height: 100px;
  object-fit: contain;
  padding: 0.5rem;
  transition: transform 0.3s ease;
}

.article-content img:hover {
  transform: scale(1.05);
}
/* Týmová sekce */
.team-avatar-wrapper {
    display: flex;
    justify-content: center;
}

.team-avatar {
    position: relative;
    width: 160px;
    height: 160px;
    overflow: hidden;
    border-radius: 50%;
    transition: transform 0.3s ease;
}

.team-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    transition: 0.3s ease;
}

.team-avatar:hover {
    transform: scale(1.05);
}

.team-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
background-color: rgba(113, 193, 250, 0.8);
    color: #000000;
    opacity: 0;
    transition: opacity 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px;
}

.team-avatar:hover .team-overlay {
    opacity: 1;
}

.team-text {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.3;
}

#topBar {background:#e8ecee;padding:7px 0;font-weight:700;font-size:14px;color:#71848c}
#topBar .text-offset {padding-left:120px;}
.row .fix{
  padding-left: 12px;
}
.socialbar{
  position: absolute;
    top: 30%;
    color: white;
    left: 94%;
}
.splide__slide img {
      width: 100%;
      height: auto;
    }
.row .fix .col-lg-6{
  padding-left: 0px;
 padding-right: 0px;
 padding: 0px;
}
.col-lg-1{
  padding-left: 0px!important;
  padding-right: 0px!important;
  padding: 0px!important;

}
.col-lg-1 img{
  padding: 1px!important;

}
.row .fix .col-lg-6 img{
  padding-left: 0px;
 padding-right: 0px;
 padding: 0!important;
 cursor: pointer;
}
body, html {
height: 100%;
margin: 0;
}

.socialbar {
position: relative;

}
.grid {
  margin-left: 2.5rem;
        display: flex;
        flex-wrap: wrap;
    }
    .grid-item {
        width: calc(33.33% - (10px * 2)); /* Šířka jednotlivého obrázku s odstupy */

    }
    .grid-item:nth-child(3n) {
        margin-right: 0; /* Odstranění marginu z posledního obrázku ve sloupci */
    }
    .grid-item img {
        width: 100%;
        height: auto;
    }

.fullwidth-intro-image {
    width: 100%;
    max-width: 1920px;  /* nepřesáhne 1920px na velkých obrazovkách */
    margin: 0 auto;
    overflow: hidden;
}

.fullwidth-intro-image img {
    width: auto;
    max-height: 500px;       /* fixní maximální výška */
    display: block;
    margin: 0 auto 20px; /* vycentruje obrázek a přidá margin dole */
    border-radius: 8px;  /* případně lehce zaoblit rohy, aby to lépe vypadalo */
    box-shadow: 0 2px 8px rgba(0,0,0,0.15); /* jemný stín pro lepší vizuální oddělení */
}
.hes-gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 obrázky na řádek */
    gap: 1rem;
    margin-top: 1rem;
}

.hes-gallery img {
    width: 100%;
    aspect-ratio: 4 / 3; /* nebo 1 / 1 pro čtverec */
    object-fit: cover;
    border-radius: 0.5rem;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 8px rgba(0,0,0,0.5);
    cursor: pointer;
}


    .hes-gallery img:hover {
        transform: scale(1.03);
        box-shadow: 0 6px 12px rgba(0,0,0,0.7);
    }

    hr {
        border-color: #5c4033;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
header {position:relative;height:111px;line-height:70px;z-index:10}
header .container {background:none;}
header a:hover, header a:focus {text-decoration:none;}
@media (min-width: 1200px){.container {max-width: 1140px;}}
.mx-2 {margin-right: 0.7rem!important;margin-left: 0.7rem!important;}

#logo {position:relative;z-index:0;}
#logo a {display:block;font-size:32px;font-weight:700;letter-spacing:-2px;color:#03abc8;}
#logo a img {position: absolute;height: 96px;left: -30px;top: 10px;}
#logo a span {color:#a4d6e1}
#logo a i {display:inline-block;color:#FFF;background:#03abc8;width:50px;height:50px;text-align:center;line-height:50px;border-radius:100%;font-size:24px;margin-right:20px;vertical-align:2px}

nav ul.nav {float:right;position: relative;}
nav ul.nav li {position:relative;}
nav ul.nav li a { #FFF;display:block;padding:0 10px;transition:all .3s;color:#ffffff;  font-weight: bold; /* nebo např. 600 pro semi-bold */
}
nav ul.nav li.active a {border-top-color:#99a7aa;color:#c0c8ca}
nav ul.nav li.active a, nav ul.nav li:hover a, nav ul.nav li:focus a {border-top-color:#b4def2;}
nav ul.nav li.parent > a:after {display: none;}
nav ul.nav li ul {position:absolute;z-index:100;background-color:transparent;text-align:left;overflow:hidden;border-radius:0 0 4px 4px;top:100%;left:0;padding:0;min-width:100%;display:none}
nav ul.nav li:hover ul, nav ul.nav li:focus ul {display:block}
nav ul.nav li ul li {display:block;font-size:16px;}
nav ul.nav li ul li a {border:0;border-bottom:1px solid #454f53;;background:#222324;;white-space:nowrap;padding:11px 30px 11px 20px;line-height:normal;text-decoration:none;color:#FFF!important;}
nav ul.nav li ul li a:hover, nav ul.nav li ul li a:focus {background:#37393b}
nav ul.nav li ul li:last-child a {border-bottom:0;}
nav ul.nav li.item-120 a {text-indent: -9999px;width:25px;background-image: url('../images/search.png');background-size: 20px auto;background-repeat: no-repeat; background-position: center; }
nav ul.nav li a:hover,
nav ul.nav li a:focus {
  color: #536569;           /* změna barvy textu */
  transition: background-color 0.3s ease, color 0.3s ease;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.5rem;
  vertical-align: middle;
  content: "▼"; /* nebo třeba "⮟" pro jemnější šipku */
  font-size: 0.7em;
  color: #eb4947; /* vlastní barva šipky */
  border: none !important; /* zruší výchozí Bootstrap trojúhelník */
}

#frontBanner {background:#FFF;padding-top:500px;padding-bottom:10px;position:relative;}
.carousel-fade .carousel-item {
  transition-property: opacity;
  transition-duration: 1s; /* Délka přechodu */
  transition-timing-function: ease-in-out;
}

#carouselStripe {background:#FFF;height:10px;position:absolute;width:100%;left:0;top:0}
#carouselWrap {margin:auto;max-width:1920px;width:100%;height:100%;position:relative}
#frontBanner img.main-image {left:0;right:0;top:0;width:100%;height:900px;background:#F60;display:block;z-index:0;}
#frontBanner #carousel {position:absolute;left:0;right:0;top:0;width:100%;height:700px;background:rgba(0,0,0,.2);display:block;z-index:0;overflow:hidden;}
#frontBanner img {height:100%;width:100%;object-fit:cover;}
#frontBanner .carousel-inner, #frontBanner .carousel-item {height:100%;}
.menu-icon{width: 20px !important;}
#frontBanner #carousel .carousel-overlay {    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
/* background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); */
    display: flex;
    flex-direction: column;
    justify-content: center;
    pointer-events: none;
}
#frontBanner #carousel .carousel-control-prev, #frontBanner #carousel .carousel-control-next {z-index:4}
#frontBanner #carousel .carousel-control-next, #frontBanner #carousel .carousel-control-prev {height:90px;top:50%;margin-top:-45px;position:absolute;width:90px;color:#56676b;opacity:1;background:#FFF;font-size:40px;transition:all .3s}
#frontBanner #carousel .carousel-control-next:hover, #frontBanner #carousel .carousel-control-next:focus, #frontBanner #carousel .carousel-control-prev:hover, #frontBanner #carousel .carousel-control-prev:focus {opacity:1;color:#079bbb}
#frontBanner #carousel .carousel-control-next {border-radius:100% 0 0 100%;}
#frontBanner #carousel .carousel-control-prev {border-radius:0 100% 100% 0;}
#frontBanner #carousel .carousel-caption {text-align:left;top:28%;right:auto;left:auto;width:100%}
#frontBanner #carousel .carousel-caption-inner {width:520px;margin-left:400px}
#frontBanner #carousel .carousel-caption p {color:#FFF;margin-bottom:50px;font-size:18px;text-shadow:0 1px 3px rgba(0,0,0,.25);}
#frontBanner #carousel .carousel-caption p.h1 {margin-bottom:20px;line-height:1.2;font-size:42px;font-weight:700;letter-spacing:.5px;text-transform: uppercase;
}
#frontBanner #carousel .carousel-caption .btn.btn-carousel {padding:20px 25px;border-radius:4px;line-height:17px;background:#71c1fa;color:#FFF;font-weight:700;font-family: goudy-old-style, serif;}
#frontBanner #carousel .carousel-caption .btn.btn-carousel:hover, #frontBanner #carousel .carousel-caption .btn.btn-carousel:focus {background:#F4C7D3;}
#frontBanner .info-boxes {margin-top:110px;border-radius:4px;overflow:hidden;background:#FFF;position:relative;z-index:1}
#frontBanner .box {padding:10px 40px 10px;}
#frontBanner .box p {margin-bottom:0}
#frontBanner .box-text {background:#FFF;color:#56676b;font-size:16px;font-weight:400;}
#frontBanner .box-table {background:#f5f0e6;color:#FFF}
#frontBanner .box-text table, #frontBanner .box-table table {text-shadow:rgba(0,0,0,.15) 0 1px 3px;font-size:16px;width:100%;text-align:left;}
#frontBanner .box-table tr.border-bottom {border-bottom:1px solid rgba(255,255,255,.3);}
#frontBanner .box-table tr.padding-top td {padding-top:6px;}
#frontBanner .box-table tr td:last-child {text-align:right;}
#frontBanner .box-table tr.note {font-size:11px;color:rgba(255,255,255,.7);}
#frontBanner .box-table tr.note td {text-align:right;padding-bottom:6px}
#frontBanner .box-contact {background:#f5f0e6;color:#000000;}
#frontBanner .box-contact .contact {display:block;width:100%;float:left;}
#frontBanner .box-contact .contact:first-child {border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:20px;padding-bottom:10px;}
#frontBanner .box-contact .contact i {font-size:0;line-height:46px;margin-right:16px;display:block;color:rgba(0,0,0,.35);float:left;}
#frontBanner .box-contact .contact i:before {font-size:46px;}
#frontBanner .box-contact .contact i.fa-phone {transform:scaleX(-1);}
#frontBanner .box-contact .contact .description {font-size:14px;line-height:17px;display:block;color:rgba(0,0,0,.35);float:left;width:calc(100% - 46px - 18px);font-weight:700}
#frontBanner .box-contact .contact .href {font-size:17px;line-height:25px;font-weight:700;color:#FFF;float:left;width:calc(100% - 46px - 18px);}
#frontBanner .box-contact .contact:hover,#frontBanner .box-contact .contact:focus {text-decoration:none;text-shadow:rgba(0,0,0,.05)0 1px 3px;}
#frontBanner .box-contact .contact:hover i,#frontBanner .box-contact .contact:focus i {color:#06839e;}
#frontBanner .box-contact.box-text {background:#f5f0e6;color:#000000;font-size:16px;font-weight:400;}
#frontBanner .box-contact.box-text .contact .description {color: #000000}
#frontBanner .box-contact.box-text .contact .href {color: #333;font-size: 14px;}
#frontBanner .box-contact.box-table {background:#f5f0e6;color:#000000}
#frontBanner .info-board .col-12 {padding:30px 30px 0;}
#frontBanner .info-board .label {text-transform:uppercase;border-radius:32px;background:#e76f78;color:#FFF;font-size:12px;display:inline-block;padding:6px 12px 6px 8px;margin-right:7px;font-weight:700;line-height:19px;margin-right:15px;}
#frontBanner .info-board i.fas {font-size:18px;vertical-align:-2px;}
#frontBanner .info-board .custom {display:inline-block;width:calc(100% - 150px);vertical-align:top}
#frontBanner .info-board p {font-size:16px;font-weight:700;margin:0;color:#546A6B;vertical-align:-1px;display:inline-block;}

h1 {font-size:50px;color:#000000!important ;padding:30px 0; text-transform: uppercase; font-weight: 600;}
h2 {font-size:29px;color:#000000!important;line-height:38px;margin:0 0 9px;padding:10px 0; text-transform: uppercase; font-weight: 600;}

#subpage {background:#FFF;padding-top: 40px;}
/*#subpage .heading {border-bottom:1px solid #000000;text-align:center;background:#fff ;}*/
#subpage .content {padding-top:50px;padding-bottom:0px}
#subpage p, #subpage li {font-size:16px;line-height:25.6px;}
#subpage p {margin-bottom:18px;}
#subpage blockquote {background:#e9edf0;padding:30px;color:#56676b;font-weight:700;margin:26px 0;position:relative;}
#subpage blockquote:before {content:"\f06a";font-family:"Font Awesome 5 Free";font-weight:900;color:#FFF;background:#e76e78;padding:10px;border-radius:100%;position:absolute;left:30px;top:30px;font-size:40px;line-height:40px;width:60px;height:60px;}
#subpage blockquote p {margin:0;text-align:justify;padding-left:90px;}
#subpage table {border-collapse:collapse;width:100%;}
#subpage table tr {border-bottom:1px solid rgba(0,0,0,.1);}
#subpage table tr th {padding-bottom:22px;padding-top:23px;color:#56676b;}
#subpage table tr th:last-child {text-align:right}
#subpage table tr td {padding-top:23px;padding-bottom:22px;color:#079bbb;font-weight:700}
#subpage table tr td:first-child {}
#subpage table tr td:last-child  {text-align:right;}
#subpage .ea-cat {padding-bottom: 25%;background-size: 140px auto;background-repeat: no-repeat;background-position: center;}
#subpage .ea-cat:before{content: "";display: block;background:rgba(255,255,255,0);position: absolute;left: 2px;right: 2px;top: 2px;bottom: 2px;border: 1px solid #079bbb;}
#subpage .ea-cat h2 {text-align: center;font-size: 20px;padding-top: 10px;}
#subpage .ea-cat:hover {background-color: rgba(7, 155, 187, 0.1);}
#subpage .ea-cat:hover::before {border-color:#000;}
#subpage .ea-cat:hover h2 {color:#000;}

#subpage .ea-items .col-sm-9 {padding-bottom: 20px;border-bottom: 1px solid #dcdcdc;margin-bottom: 30px;}
#subpage .ea-items h2 {font-size: 24px;line-height: 1.2em;}

#homepage {background:#FFF;padding:80px 0}
#homepage .heading {background:#FFF;border-bottom:0;}
#homepage h1 {font-size:36px;padding:0;margin-top:30px;margin-bottom:9px;text-align:left;font-weight:700}
#homepage h2 {font-size:18px;font-weight:700;color:#72858a}

table h2 {font-size: 20px;}
table p, #subpage table p {font-size:14px;}

.btn-primary{background:#5c4033!important;border:0;    border-radius: 5px;}

#prettyLinks {background:#e9edf0;padding:55px 0 25px;}
.prettyButton {display:block;width:100%;border-radius:4px;border:1px solid #ddd;color:#56676b;background:#FFF;font-size:18px;font-weight:700;padding:15px 20px;line-height:30px;margin-bottom:30px;transition:all .3s}
.prettyButton i {margin-right:20px}
.prettyButton:focus, .prettyButton:hover {text-decoration:none;color:#FFF;background:#079bbb;border-color:#079bbb}

.panel {color:#000000;padding:32px 32px;}
.panel a {font-weight:700;color:#000000 !important;}

form input, form textarea {padding:21px 20px;line-height:17px;font-size:14px;margin-bottom:30px;border:1px solid #e9edf0;color:#72858a;border-radius:4px;background:#e9edf0;transition:all .3s;width:100%}
form input:focus, form textarea:focus {background-color:#FFF;color:#56676b;border-color:#56676b;outline:0;}
form textarea {resize:vertical;min-height:156px}
form button {border:2px solid #66d0cc;text-shadow:0 1px 2px rgba(0,0,0,.25);color:#FFF;background-color:#66d0cc;border-radius:4px;transition:all.3s;padding:19px 25px;font-weight:700;}
form button:focus, form button:hover {outline:0;background:#4fc9c4;border-color:#4fc9c4;cursor:pointer}
.topbar{background:#5c4033!important ;height: 32px;}
footer {background:#212529;font-size:13px;line-height:60px;color:#ffffff}
footer a {font-weight:700;color:#ffffff;}
footer a:hover, footer a:focus {color:#56676b}
footer ul {padding-left:0;justify-content:flex-end}
footer ul a {margin-left:15px}
footer ul li:after {content:"/";margin-left:15px}
footer ul li:first-child:before {content:"/";}


/** search **/
.search .btn-group {margin:0px auto;}
.search .input-group-append .btn {height:60px;}
@media (max-width: 1199px) {

  #logo a {font-size:24px;letter-spacing:-2px}
  nav ul.nav li a {padding:0 10px;font-size:14px}
  #frontBanner .box {padding:20px 20px 10px;}
  #frontBanner .box-text {font-size:22px;line-height:50px;}
  #frontBanner .box-table table td {white-space:nowrap;padding-top:10px}
  #frontBanner .box-table tr.note td {padding-top:0;}
  #frontBanner .box-contact .contact:first-child {margin-bottom:10px;padding-bottom:5px;margin-top:10px}
  #frontBanner .box-contact .contact .description {line-height:20px;}
  #frontBanner .box-contact .contact .href {font-size:15px;}
  #homepage h1 {font-size:30px;}
  
}
@media (max-width: 991px) {
  .navbar-brand img {
    height: 50px !important; 
    width: auto !important;
  }
  #topBar .col-12 {font-size:12px;line-height:19px;padding:7px 0;}
  #topBar .text-offset {padding-left:0}
  #topBar .text-right {text-align:left!important;border-top:1px solid rgba(0,0,0,.2)}
  header {background:#FFF;line-height:96px;min-height:96px;height:auto}
  .desktopMenu ul.nav {display:none}
  #logo:before {content:none;}
  #logo a img {height:0px;top:1px;}
  .menuButton {text-shadow:0 1px 2px rgba(0,0,0,.25);color:#FFF;background-color:#5c4033;border-radius:4px;transition:all.3s;padding:19px 15px 19px 20px;font-weight:700;float:right;line-height:18px;border:0;cursor:pointer;font-size:13px;margin-top:20px;}
  .menuButton.active, .menuButton:focus, .menuButton:hover {box-shadow:rgba(0,0,0,.2) 0 0 200px inset;outline:0;}
  .menuButton i {margin-right:8px}
  nav.mobileMenu {border-radius:0 0 4px 4px;}
  nav.mobileMenu ul.nav {float:left;width:100%;display:block;line-height:25px;border-radius:4px;overflow:hidden;margin-bottom:15px}
  nav.mobileMenu ul.nav li {position:static;display:block;}
  nav.mobileMenu ul.nav li a {border-top:0;border-bottom:1px solid rgba(255,255,255,.2);padding:10px 15px;color:#FFF;background:#212529;font-size:18px;}
  nav.mobileMenu ul.nav li.active > a {font-weight:700}
  nav.mobileMenu ul.nav li.active a, nav.mobileMenu ul.nav li:hover a, nav.mobileMenu ul.nav li:focus a {color:#FFF;}
  nav.mobileMenu ul.nav li a:hover, nav.mobileMenu ul.nav li a:focus {background:#42494b;}
  nav.mobileMenu ul.nav li.parent > a:after {content:none}
  nav.mobileMenu ul.nav li ul {display:block;position:static;background-color:transparent;border-radius:0;}
  nav.mobileMenu ul.nav li ul li {display:block;}
  nav.mobileMenu ul.nav li ul li a {border-bottom:1px solid rgba(255,255,255,.2);background:#32373b;;padding:11px 30px;font-size:14px;font-weight:400}
  nav.mobileMenu ul.nav li ul li.active a {font-weight:700}
  nav.mobileMenu ul.nav li ul li a:hover, nav ul.nav li ul li a:focus {background:#42494b}
  nav.mobileMenu ul.nav li ul li:last-child a {border-bottom:1px solid rgba(255,255,255,.2);}
  nav ul.nav li.item-120 a {text-indent: initial;width: inherit;}
  #frontBanner {margin-top:0;padding-top:500px;padding-bottom:30px;}
  #frontBanner #carousel,#carouselStripe {width:100%;height:500px;}
  #frontBanner #carousel .carousel-caption {top:14%}
  #frontBanner .box-contact .contact {display:block;width:50%;float:left;margin-top:10px;}
  #frontBanner .box-contact .contact:first-child {border-bottom:0;border-right:1px solid rgba(0,0,0,.1);margin-bottom:0;padding-bottom:0;}
  #frontBanner .box-contact .contact:last-child {padding-left:20px}
  #homepage {padding:40px 0;}
  h1 {padding:35px 0;font-size:40px}
  #subpage .content {padding-top:35px;padding-bottom:5px}
}

@media (max-width: 767px) {
  .opening-hours-box {

  margin: 0px auto;
  }

  #frontBanner #carousel .carousel-caption {top:10%;}
  #frontBanner #carousel .carousel-caption-inner {width:370px;margin-left:70px}
  #frontBanner .box-contact .contact {display:block;width:100%;float:left;margin-top:10px;padding-left:0!important}
  #frontBanner .box-contact .contact:first-child {border-bottom:1px solid rgba(0,0,0,.1);border-right:0;margin-bottom:0;padding-bottom:0;}
  #prettyLinks {padding-bottom:40px}
  .prettyButton {margin-bottom:15px}
  footer {text-align:center;line-height:45px}
  footer ul{justify-content:center;}
  #logo a {font-size:22px}
  #logo a img {left:10px;}
  #subpage .ea-cat {background-size: 80px auto}
  #subpage .ea-cat h2 {font-size: 16px;}
  .hes-gallery {
            grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
        }
    }

    .btn-brown {
        background-color: #5c4033;
        color: #fff;
        border: none;
        padding: 0.6rem 1.2rem;
        border-radius: 2rem;
        font-weight: 500;
        transition: background-color 0.3s ease;
    }

    .btn-brown:hover {
        background-color: #7a5748;
        color: #fff;
    }


@media (max-width: 575px) {
  
   .navbar-brand img {
    height: 40px !important; 
    width: auto !important;
  }
  #topBar .row {padding-left:15px;padding-right:15px}
  #logo a {font-size:19px}
  #logo a i {display:none}
  #logo a img {height: 60px;top:2px;}
  #frontBanner #carousel, #carouselStripe {display:none}
  #frontBanner {padding-top:30px;}
  #frontBanner .info-boxes {margin-top:0;}
  #frontBanner .box-text {font-size:20px;font-weight:700;line-height:34px}
  #frontBanner .info-board .custom {width:100%;margin-top:15px;}

  .panel h2 {font-size:26px;}
  form input, form textarea {margin-bottom:15px}
}

@media(max-width: 400px) {
  h1 {font-size: 24px;}
  #subpage .ea-cat {background-size: 40px auto}
}

.hes-gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor:pointer;
}

.hes-gallery .col-lg-3 img {
  width: 33%;
  height: 100%;
  object-fit: cover;
padding:0px!important;
cursor:pointer;
}
.splide__arrow--prev {
    left: -1em!important;
}
.splide__arrow--next {
    right: -1em!important;
}