@media only screen and (max-width: 1440px){
    #main,
    header#header{
        padding-left: 20px;
        padding-right: 20px;
    }

}




@media only screen and (max-width: 1250px){
    .footer_group{
        gap: 50px;
    }
    .footer_group > div{
        width: 100%;
    }
    .footer_group_right > span{
        text-align: center;
    }
    nav#block-footermenu .menu{
        justify-content: center;
    }
    .footer_group_left{
        justify-content: center;
    }
    .footer_group_left > div:first-child{
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width: 1050px){
    div#block-headerinfo{
        position: initial;
        padding-top: 80px;
    }
    .headerinfo_left, div#block-views-block-referencie-header-block-1{
        width: 100%;
    }
    div#block-headerinfo{
        gap: 50px;
    }
}



@media only screen and (max-width: 1000px){
  
    div#block-prepinacjazykov{
        position: absolute;
        right: 100px;
    }
    .menu_button{
        width: 40px;
        height: 40px;
        background-image: url(/themes/mytheme/images/icons/menu.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 48px;
    }
    nav#block-mytheme-main-menu{
        display: none;
    }
    .menu_open header#header{
        height: 100vh;
        /* background-color: #fff; */
        overflow-x: scroll;
    }
    body.menu_open{
        position: fixed;
    }
    .menu_open #block-mytheme-main-menu{
        width: 100%;
        left: 50%;
        top: 185px;
        transform: translate(-50%,0);
        display: block;
    }
    .menu_open #block-mytheme-main-menu .menu{
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }
    .menu_open div#block-headerinfo{
        display: none;
    }
    
}
@media only screen and (max-width: 990px){
    .o_firme_box{
        flex-direction: column;
    }
    .o_firme_box > div{
        width: 100%;
    }
    .o_firme_r{
        margin-top: initial;
    }
    div#block-views-block-referencie-block-1 .view-referencie .view-content > .views-row,
    div#block-views-block-referencie-block-2 .view-referencie .view-content > .views-row,
    .page-node-type-referencia .field--field-galeria > div{
        width: calc(100% / 3 - 17px);
    }
    .sluzby_group > div{
        width: 100%;
    }
    .sluzby_group{
        gap: 50px;
    }
}
@media only screen and (max-width: 900px){
    .page_top{
        margin-top: 50px;
    }
    .kariera_box{
        flex-direction: column;
    }
    .kariera_box > div{
        width: 100%;
    }
    .kariera_box_right{
        margin-top: initial;
    }
}

@media only screen and (max-width: 850px){
    div#block-views-block-sluzby-block-1 .view-content > div{
        width: 100%;
    }
}


@media only screen and (max-width: 790px){
    div#block-views-block-referencie-block-1 .view-referencie .view-content > .views-row,
    div#block-views-block-referencie-block-2 .view-referencie .view-content > .views-row,
    .page-node-type-referencia .field--field-galeria > div{
        width: calc(100% / 2 - 13px);
    }
}


@media only screen and (max-width: 740px){
    .kontakt_box{
        flex-direction: column;
    }
    .kontakt_box > div{
        width: 100%;
    }
    div#block-kontakt{
        margin-top: 50px;
    }
}
@media only screen and (max-width: 680px){
    nav#block-footermenu .menu{
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }
    .footer_group_left{
        flex-direction: column;
        align-items: center;
        gap: 50px;
    }
    .footer_group_left > div{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
@media only screen and (max-width: 680px){
    div#edit-suhlasim-so-spracuvanim-osobnych-udajov---description{
        font-size: 12px;
    }
}
@media only screen and (max-width: 550px){
    .referencia_title h2,
    .sluzby_fp_h2{
        font-size: 30px;
    }
    .underline:after{
        top: 28px;
    }
    .headerinfo_left_buttons{
        flex-wrap: wrap;
    }
    .headerinfo_button.red a,
    .headerinfo_button.white a{
        width: 135px;
        padding-right: initial;
    }
    .headerinfo_left_buttons{
        gap: 10px;
    }
    .sluzby_fp_buttons{
        flex-wrap: wrap;
    }
    .header-nadpis h2{
        font-size: 35px;
    }
    
}

@media only screen and (max-width: 500px){
    div#block-views-block-referencie-block-1 .view-referencie .view-content > .views-row,
    div#block-views-block-referencie-block-2 .view-referencie .view-content > .views-row,
    .page-node-type-referencia .field--field-galeria > div{
        width: 100%;
    }
}

@media only screen and (max-width: 450px){
    .field--field-certifikaty{
        flex-direction: column;
    }
    .field--field-ico, .field--field-ic-dph, .field--field-statutarny-zastupca{
        display: block;
    }
    div#block-views-block-sluzby-block-1 .view-content .field--title h2,
    .pozicie_title{
        font-size: 20px;
        padding-left: 35px;
    }
    div#block-views-block-sluzby-block-1 .view-content .field--title h2:before,
    .pozicie_title:before{
        width: 20px;
    }
    .sluzby_box{
        padding: 25px;
    }
    .o_firme_r_top,
    .o_firme_r_bottom{
        padding: 25px;
    }
    .otvorene_pozicie{
        padding: 25px;
    }
    .field--field-sluzby-faq > div .field--field-faq-nadpis h2:before{
        width: 20px;
        height: 20px;
    }
    .field--field-faq-nadpis h2{
        font-size: 17px;
    }
    .field--field-faq-nadpis{
        padding: 20px 85px 5px 30px;
    }
    .referencie_button a,
    .osp_button.red a,
    .osp_button.white a,
    .sluzby_fp_buttons > div{
        width: 100%;
    }
    .sluzby_fp_buttons{
        gap: 10px;
    }
}

@media only screen and (max-width: 380px){
    div#block-prepinacjazykov{
        right: 60px;
    }
}