@media only screen and (max-width: 1200px) {
    #header_msg{
        width: 330px;
        background-size: contain;
    }
    body{
        padding-top: 40px;
    }
    .container{
        padding: 0px 16px;
    }
    #header_right_rest,
    #header_links_row a,
    #footer_menu{
        display: none;
    }
    #header_right{
        width: auto;
    }
    #main_top_cont{
        flex-wrap: wrap;
    }
    #main_slider_cont,
    #mainSlider{
        width: 100%;
    }
    #main_slider_right{
        width: 100%;
        flex-direction: row;
    }
    #kontakt_flex_form_left,
    #kontakt_flex_form_right{
        width: 50%;
    }
    #mobBurger{
        display: block;
    }
    #header_links_row{
        justify-content: flex-end;
        padding: 0px 16px;
    }
    .hms_news_cont,
    .hms_docs_cont{
        width: calc(50% - 16px);
    }
    .csrCont{
        padding: 40px 24px;
    }
    #openFormularModal{
        right: 24px;
    }
}
@media only screen and (max-width: 770px) {
    #header_msg {
        width: 230px;
    }
    .header{
        background-position: top right 24px;
    }
    #header_right{
        display: none;
    }
    #main_slider_right,
    #main_mid_cont,
    #kontakt_form_flex_wrap,
    #footer_cont{
        flex-direction: column;
    }
    .main_mid_div,
    #kontakt_flex_form_left,
    #kontakt_flex_form_right,
    #footer_left,
    .footer_cont{
        width: 100%;
    }
    .footer_cont_txt.line_clap{
        height: auto;
    }
    #aboutEU,
    #footer_flex
    {
        justify-content: center;
    }
}
@media (max-width: 740px) {
    #header_logo{
        width: 50%;
        background-size: contain
    }
    #header_msg{
        width: 35%;
        background-size: contain;
    }
    #headerRight{
        width: 60%;
    }
    .hms_docs_cont{
        width: 100%;
    }
    #csr_img{
        height: 124px;
    }
    .bioCont p{
        width: 100%;
    }
    .csrModulBottom{
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
}
@media (max-width: 480px) {
    #headerRight {
        width: 100%;
    }
    .header {
        background-position: top right 0px;
        background-size: contain;
    }
    #header_flex_row{
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    #header_logo,
    #header_msg{
        width: 100%;
        background-position: left center;
    }
    #main_slider_top{
        flex-direction: column;
        height: auto;
        gap: 16px;
    }
    #mst_btn_cont{
        width: 100%;
        height: auto;
        flex-direction: column;
    }
    .mst_btn,
    #kontakt_top,
    #aboutEU_img,
    #aboutEu_txt{
        width: 100% !important;
    }
    #mainSlider_nav_cont{
        padding: 0;
    }
    #mainSliderNav{
        display: none;
    }
    .mainSlide{
        height: 344px !important;
    }
    .mainSlide_bottom{
        padding: 24px;
    }
    .mmd_title,
    .main_mid_div,
    .mmd_mid,
    .kontakt_icons{
        height: auto;
    }
    .mmd_mid,
    #footer_flex{
        flex-direction: column;
    }
    .kontakt_form_row,
    #aboutEU{
        height: auto;
        flex-direction: column;
    }
    .kontakt_form_row input{
        width: 100%;
        height: 48px;
    }
    #footer_copyright_cont{
        padding: 0;
        gap: 8px;
    }
    .hms_news_cont{
        width: 100%;
    }
    .hms_news_cont .hmsn_bottom .hmsn_text{
        height: 60px;
    }
    .hms_news_cont .hmsn_header{
        padding: 24px 16px;
    }
    .hms_news_cont .hmsn_bottom{
        padding: 16px 16px 32px 16px;
    }
    #profile_tabs_cont{
        flex-direction: column;
        margin-bottom: 16px;
    }
    .profile_tabs{
        border-radius: 0;
    }
    #openFormularModal{
        position: relative;
        top: unset;
        right: unset;
    }
    #inline-flex{
        flex-direction: column;
        gap: 24px;
    }
    #csr_img{
        height: 75px;
    }
    .bioCont{
        flex-direction: column;
    }
    .csrTop{
        height: 170px;
    }
    .bioCont p{
        max-width: 100% !important;
    }
}