@media only screen and (max-width: 1400px){
    .menu_button{
        right: 0;
    }
}
@media only screen and (max-width: 1240px){
    #header,
    #footer,
    #main,
    #block-frontpageinfo h2,
    #header .menu--main,
    body:not(.page-node-type-frontpage) #main{
        padding-left: 20px;
        padding-right: 20px;
    }
    .block-spolupraca .field--field-banner{
        gap: 50px;
    }
    .field--field-nadpis{
        font-size: 45px;
        line-height: 50px;
    }
}
@media only screen and (max-width: 1080px){
    div#block-frontpageinfo h2{
        order: 1;
    }
    div#block-frontpageinfo .field--body{
        width: 100%;
        order: 3;
    }
    div#block-frontpageinfo .field--body h3{
        margin-top: 50px;
    }
    div#block-frontpageinfo .field--field-obrazok{
        width: 100%;
        order: 2;
        display: flex;
        justify-content: center;
    }
    div#block-frontpageinfo{
        padding-bottom: 70px;
    }
    .field--field-obrazok img{
        max-height: 400px;
        object-fit: contain;
        width: 100%;
        border-radius: 10px;
    }
    div#block-frontpageinfo h2{
        margin-bottom: 70px;
        font-size: 35px;
    }
}
@media only screen and (max-width: 1050px){
    .page-node-49 .header-page-title{
        font-size: 50px;
    }
    .field--field-clen > div{
        width: calc(100%/3 - 7px);
    }
}
@media only screen and (max-width: 1000px){
    #footer .menu--main .menu{
        display: flex;
        flex-wrap: wrap;
        row-gap: 30px;
        justify-content: center;
    }
}
@media only screen and (max-width: 970px){
    .header-text-big{
        font-size: 70px;
        max-width: 490px;
        line-height: 85px;
    }
    .header-text-small{
        font-size: 24px;
    }
    div#block-headertext--2 .more-link,
    #block-headertext .more-link{
        position: initial;
        top: initial;
        right: initial;
        left: initial;
        margin-top: 20px;
    }
    .header-text-star img{
        max-width: 70%;
    }
}
@media only screen and (max-width: 900px){
    .view-frontpage-slider .content{
        flex-direction: column;
    }
    .view-frontpage-slider .content > div{
        width: 100%;
    }
    .slider-r-text{
        left: 0;
    }
    .field--field-nadpis{
        padding-right: 130px;
    }
    div#block-views-block-frontpage-slider-block-1{
        padding-right: 0;
        margin-left: -20px;
    }
    .block-views-block-frontpage-slider-block-1 .slick-next.slick-arrow{
        top: 0;
        right: 0;
    }
    .block-views-block-frontpage-slider-block-1 .slick-prev.slick-arrow{
        top: 50px;
        right: 50px;
    }
    .view-frontpage-slider .content{
        gap: 30px;
    }
    .view-frontpage-slider{
        padding-bottom: 70px;
    }
}
@media only screen and (max-width: 850px){
    .block-kontaktujtenas{
        flex-direction: column;
    }
    .block-kontaktujtenas .field--body{
        width: 100%;
        align-self: initial;
        max-width: initial;
    }
    .field--field-webform{
        width: 100%;
        max-width: initial;
    }
    .header-page-title{
        font-size: 50px;
    }
    body:not(.page-node-type-frontpage) header#header{
        min-height: 360px;
    }
    header#header::after{
        left: -50%;
    }
}
@media only screen and (min-width: 751px){
    body:not(.page-node-type-frontpage) .menu_button{
        display: none;
    }
}
@media only screen and (max-width: 750px){
    .block-prepinacjazykov-2{
        display: none;
    }
    #header .menu--main{
        display: none;
    }
    .region-header-top{
        max-width: 100%;
        right: -100%;
    }
    .side-menu-open .region-header-top{
        transition: width 0.4s ease, right 0.5s ease;
    }
    .close_side_menu_button{
        top: 25px;
        right: 20px;
    }
    div#block-prepinacjazykov{
        top: 25px;
    }
    .page-node-type-fotogaleria .page-title,
    .page-node-type-fitness_centrum .page-title{
        font-size: 35px;
    }
    .page-node-type-fotogaleria .field--field-galeria > div{
        width: calc(100%/2 - 13px);
    }
    .field--field-clen > div{
        width: calc(100%/2 - 5px);
    }
}

@media only screen and (max-width: 670px){
    div#block-headertext--2 .more-link,
    #block-headertext .more-link{
        text-align: left;
    }
    .header-text-star{
        top: 245px;
    }
}
@media only screen and (max-width: 650px){
    .page-node-47 .header-page-title{
        font-size: 35px;
        top: 210px;
    }
}
@media only screen and (max-width: 580px){
    ul.flexni-ma-fc > li{
        width: 100%;
    }
    .fc_view_bottom h2,
    .page-node-4 .view-content .views-row h2,
    .term-id-2 .field--title h2,
    .term-id-1 .field--title h2{
        font-size: 24px;
        margin-bottom: 0;
    }
    .field--field-text-nad-clenmi h2{
        font-size: 24px;
    }
    .page-node-4 .view-content .views-row,
    .term-id-2 .view-content .views-row,
    .term-id-1 .view-content .views-row,
    .page-node-type-fotogaleria .field--field-galeria > div{
        width: 100%;
    }
    #main .menu--main .menu > li{
        width: 100%;
    }
}
@media only screen and (max-width: 560px){
    .field--field-nadpis{
        font-size: 35px;
        line-height: 45px;
    }
}
@media only screen and (max-width: 550px){
    .page-node-type-frontpage header#header::after{
        height: 668px;
        width: 1500px;
    }
    .header-text-big{
        font-size: 50px;
        max-width: 385px;
        line-height: 65px;
    }
    .block-kontaktujtenas h2{
        font-size: 35px;
    }
    .page-node-type-fotogaleria .page-title,
    .page-node-type-fitness_centrum .page-title{
        font-size: 35px;
    }
    .header-page-title{
        margin-left: 0;
    }
    .page-node-49 .header-page-title{
        font-size: 29px;
    }
    .field--field-vysledky-nadpis h2{
        font-size: 20px;
    }
    .field--field-vysledky-obsah h3{
        font-size: 18px;
    }
}
@media only screen and (max-width: 450px){
    #footer .menu--main .menu{
        flex-direction: column;
        row-gap: 20px;
    }
    #footer .menu--main{
        padding-top: 70px;
    }
    div#block-frontpageinfo h2{
        font-size: 25px;
    }
    .field--field-nadpis{
        font-size: 30px;
        line-height: 42px;
        margin-top: 10px;
        padding-right: initial;
    }
    .block-views-block-frontpage-slider-block-1 .slick-next.slick-arrow{
        top: -50px;
        right: initial;
        left: 75px;
    }
    .block-views-block-frontpage-slider-block-1 .slick-prev.slick-arrow{
        top: -50px;
        right: initial;
        left: 25px;
    }
    .header-text-star{
        top: -95px;
    }
    .header-text-star img{
        max-width: 85px;
    }
    .page-node-type-frontpage #header{
        min-height: 560px;
    }
    div#block-headertext--2 .more-link a,
    #block-headertext .more-link a{
        padding: 10px 50px;
    }
    .slider-l .field--body p,
    div#block-frontpageinfo .field--body p,
    body:not(.page-node-type-frontpage) p{
        font-size: 16px;
        line-height: 2;
    }
    .field--field-vrchny-text,
    .field--field-spodny-text{
        font-size: 20px;
    }
    #block-mytheme-content ul{
        margin-left: 20px;
    }
    .header-page-title{
        font-size: 40px;
    }
    body:not(.page-node-type-frontpage) header#header{
        min-height: 300px;
    }
    header#header::after{
        top: initial;
        bottom: 0;
    }
    .page-node-5 header#header::after{
        top: initial;
        bottom: 0;
        background-size: cover;
        background-position: bottom;
        transform: initial;
        left: 0;
        height: 100%;
    }
    body:not(.page-node-type-frontpage) #main{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .page-node-47 .header-page-title{
        font-size: 25px;
    }
    .field--field-clen > div{
        width: 100%;
    }
}

@media only screen and (max-width: 400px){
    .header-text-big{
        font-size: 40px;
        line-height: 55px;
    }
    .header-text-small{
        font-size: 20px;
    }
    .site-logo img{
        max-width: 150px;
    }
    .field--field-nadpis{
        font-size: 24px;
    }
    .field--field-adresa{
        font-size: 22px;
    }
}
@media only screen and (max-width: 350px){
    .header-page-title{
        font-size: 35px;
    }
}