@media (max-width: 599px) {
#nase-sluzby {
    padding: 57px 20px 109px 20px;
}
.our-services-inner {
    gap: 18px;
}
.footer-upper p {
    text-align: left !important;
}
.fast-contact, .where-to-find-us {
    flex-flow: column;
    justify-content: flex-start;
}
.footer-bottom-inner-top, .footer-bottom-inner-bottom {
    align-items: center;
    flex-flow: column;
}
#footer ul {
    line-height: 30px;
    text-align: center;
    margin-top: 53px;
}
.footer-bottom-inner-bottom {
        flex-flow: column-reverse;
}
.footer-bottom-inner-bottom {
    margin-top: 63px;
}
.footer-bottom-inner .container-flex {
    padding: 73px 40px 68px 40px;
}
.footer-bottom-inner-bottom {
    gap: 98px;
}
#footer ul li {
    margin-right: 14px;
}
.footer-bottom-inner::before {
    left: 0;
    right: 0;
    top: -129px;
}
.main-body .container-flex {
    padding: 0 15px;
}
#static {
    padding: 36px 33px;
}
#static .body p {
    line-height: 156%;
    font-size: 15px;
}
#static .body h2 {
    line-height: 120%;
}
}

@media (max-width: 500px) {
  .top-header .contacts{
  display:none;
  }
.map-box {
    display: none;
}
#slider_hp_text > div {
    font-size: 44px;
}
.top-header {
    display: none;
}
#slider_hp_text {
    top: 42%;
}

.kitchen-select .body .flex-wrap div div {
    margin: 48px;
    margin-bottom: 42px;
}

.gallery .photo {
    flex: 0 1 33.33% !important;
}

#contact_wrap div {
    background: #c83131 !important;
    margin: 0px;
    padding: 48px;
    padding-left: 27px;
    padding-right: 27px;
    padding-bottom: 27px;
    text-align: center;
}

.contact #poptavka {
    margin: 0;
}

#static .body {
    margin-top: 0px;
}

#poptavka .form-group {
    flex: 1 100%;
    padding: 15px;
    padding-bottom: 0;
}

#poptavka {
    margin: 11px;
    padding: 23px;
    padding-top: 33px;
    padding-bottom: 55px;
    text-align: center;
}

#poptavka button {
    padding: 23px 19px;
}

.benefits .ico_1 {
    background: url(../images/calendar.svg) no-repeat;
    background-size: 34px;
    background-position: center 3px;
    margin-right: 0px;
    width: 20px;
    height: 30px;
    flex: 1;
    margin: 0 auto;
    margin-bottom: 13px;
}

.benefits .ico_2 {
    background: url(../images/handshake.svg) no-repeat;
    background-size: 50px;
    background-position: center -1px;
    margin-right: 0px;
    width: 52px;
    height: 20px;
    margin: 0 auto;
    flex: 1;
    margin-bottom: 13px;
}

.benefits .ico_3 {
    background: url(../images/furniture.svg) no-repeat;
    background-size: 37px;
    background-position: center 2px;
    margin-right: 0px;
    width: 20px;
    height: 20px;
    flex: 1;
    margin: 0 auto;
    margin-bottom: 13px;
}

.benefits .ico_4 {
    background: url(../images/meter.svg) no-repeat;
    background-size: 30px;
    background-position: center -1px;
    margin-right: 0px;
    width: 20px;
    height: 20px;
    flex: 1;
    margin: 0 auto;
    margin-bottom: 13px;
}

.benefits {
    flex-flow: column;
}

.benefits div {
    flex: 1 100%;
    flex-flow: column;
    text-align: center;
    padding: 33px;
    padding-left: 35px;
    padding-right: 35px;
    padding-bottom: 0px;
}

.benefits div:first-child {
    padding: 40px;
    padding-left: 35px;
    padding-right: 35px;
    padding-bottom: 0 !important;
    /* padding-top: 45px; */
}

.benefits div:last-child {
    padding: 50px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 33px;
}
#hero_inner_left_wrap {
    padding: 46px 40px 54px 40px;
}
#hero_wrap .subtitle {
    line-height: 145%;
}
.hero-btns-wrap {
    margin-top: 33px;
}
#stats_inner_wrap {
    flex-flow: column;
    padding: 52px 0px 45px 0px;
}
.counter_wrap:first-child {
    border-left: 0;
}
.counter_wrap {
    border-right: 0;
}
#coop_wrap {
    flex-flow: column;
}
#part_of_wrap {
    margin-top: 18px;
}
table tr td {
    padding: 14px 15px;
}
.header-img {
    padding: 46px 28px 29px 28px;
}
.header-img span {
    font-size: 18px;
    padding: 10px 15px;
    letter-spacing: 1px;
}
.contacts-wrapper-persons > div {
    flex: 0 1 100%;
}
.contacts-wrapper {
    flex-flow: column;
    gap: 10px;
}
.contacts-wrapper-persons {
    gap: 25px 0px;
}
.contacts-wrapper > .bg-light-blue:first-child {
    border-right: 0;
}
.hero {
    padding: 148px 20px 121px 20px;
    background-position: center left -209px;
}
h1 {
    font-size: 29px;
    line-height: 130%;
    margin-bottom: 52px;
}
.hero-content p {
    line-height: 21px;
}
h2 {
    font-size: 22px;
    line-height: 155%;
    margin-bottom: 29px;
}
.home .lead-text {
    font-size: 12px;
margin-bottom: 11px;
}
.our-services-inner {
    margin-top: -10px;
}
.service p {
    margin-bottom: 16px;
}
h3 {
    margin-bottom: 18px;
}
#proc-my {
    margin-top: -55px;
    position: relative;
    padding: 0 30px 0 30px;
}
.list-text p {
    margin-bottom: 4px;
}
.why-us-inner {
    gap: 6px;
}
.why-us-inner-left h2 {
    margin-bottom: 40px;
}
.headline {
    font-size: 16px;
}
img.triangle {
    right: -37px;
}
#footer .logo img {
    margin-bottom: 33px;
    margin-top: -25px;
}
#footer {
    flex-flow: column;
    gap: 17px;
    text-align: center;
}
#footer ul {
    margin-top: 11px;
}
.contact-single.mail a {
    font-size: 15px;
}
.contact-single.phone a {
    font-size: 18px;
}
.contact-single.phone a, .contact-single.mail a {
    padding: 21px 35px;
}
.contact-single.phone a::before {
    bottom: 18px;
}
.home p, .home span {
    font-size: 15px;
    line-height: 155%;
}
.showMenu {
    right: 23px;
}
#content ul li {
    font-size: 15px;
}
#footer {
    padding: 38px 0px 0px 0px;
}
.hero .container-flex {
    padding: 0 !important;
}
.hero-content > div {
    justify-content: center;
    flex-flow: column;
    gap: 37px;
    /* width: 100%; */
}
.znamy-lekar div {
    padding: 23px;
    width: 288px;
    background-size: 235px;
}

.gallery-inside {
    margin-left: 0;
    margin-right: 0;
    flex-flow: column;
}

.side-panel {
    padding: 53px 30px 40px 30px;
}

.format-title, #content .main-title, .kontakt h1 {
    font-size: 25px;
}

iframe {
    max-height: 255px;
}

}

@media (max-width: 445px) {
.home #static .body div div {
    margin: 18px 0;
    margin-bottom: 35px;
    font-size: 11px;
}
.home #static .body div strong span {
    margin-bottom: 14px;
}
.home #static .body div span {
    line-height: 129%;
}
.home #static .body div strong span::before {
    top: -23px;
}
.kitchen-select .body div strong {
    font-size: 37px;
    letter-spacing: -1px;
}
.kitchen-select .body .flex-wrap div strong span::before {
    top: -21px;
    left: -6px;
}
.kitchen-select .body .flex-wrap div strong span {
    margin-bottom: 12px;
}
.kitchen-select .body .flex-wrap div span {
    line-height: 121%;
}
.contact_form_headline_flex_wrap {
    max-width: 90%;
    margin: 0 auto;
}
.box.menu-box {
    padding: 78px 45px 101px 45px;
}
.znamy-lekar-wrap a {
    padding: 15px 58px 18px 32px;
}
}

@media (max-width: 401px) {
.hero-btns-wrap a:first-child button {
    margin-bottom: 9px;
}
.hero-btns-wrap a button {
    width: 100%;
}
.hero-btns-wrap {
    margin-top: 26px;
}
#hero_wrap .subtitle {
    font-size: 9px;
    margin-bottom: 14px;
}
#hero_inner_left_wrap {
    padding: 36px 30px 47px 30px;
}
.references-btns-wrap .primary-btn {
    margin-right: 16px;
}

}

@media (max-width: 365px) {
.home #static .body div strong {
    font-size: 35px;
}
.home #static .body div span {
    display: none;
}
.home #static .body div strong span {
    margin-bottom: 3px;
}
.kitchen-select .body .flex-wrap div span {
    display: none;
}
.kitchen-select .body .flex-wrap div strong span {
    margin-bottom: 1px;
}
}