@media screen and (min-width: 2000px) {

    .container { float: none; margin: 0 auto; }
}


@media screen and (min-width: 1025px) and (max-width: 1440px) {


    .maingrid { width: 100%; float: left; display: grid; grid-template-columns: minmax(210px, 330px) minmax(300px, 1fr); grid-template-rows: auto; gap: 30px 20px; }

    .phgridNews { width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .mainbox5 { width: 100%; display: grid; grid-template-columns: minmax(100px, 150px) minmax(120px, auto); grid-template-rows: 108px auto; }
    .mainbox5 .boxcontent h2 { color: #274472; font-size: 14px; font-weight: 400; }
}


@media screen and (max-width:1024px) {
}


@media screen and (max-width:1024px) {

    * { box-sizing: border-box; margin: 0; padding: 0; }

    .openNav { display: block; }
    .closebtn { display: block; }

    .topleft { display: block; }
    .topmiddle { max-width: 400px; position: absolute; top: 15px; left: 110px; }

    .col0 { width: 0; height: 100%; position: fixed; z-index: 1; top: 0; left: 0; background: #fff; overflow-x: hidden; transition: 0.5s; display: block; }
    .col1 { width: 100%; max-width: 100%; position: relative; left: 0; margin-bottom: 0; display: block; }
    .col2 { width: 100%; max-width: 100%; position: relative; left: 0; }

    .maingrid { width: 100%; float: left; display: grid; grid-template-columns: minmax(210px, 330px) minmax(300px, 1fr); grid-template-rows: auto; gap: 30px 20px; }

    .phgridNews { width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }

    .mainbox3 { width: 100%; display: grid; grid-template-columns: 1fr; grid-template-rows: 150px auto; }

    .mainbox5 { width: 100%; display: grid; grid-template-columns: minmax(90px, 150px) minmax(120px, auto); grid-template-rows: 108px auto; }
    .mainbox5 .boxcontent h2 { color: #274472; font-size: 13px; font-weight: 400; }
}

@media screen and (max-width:991px) {

    .maingrid { width: 100%; float: left; display: grid; grid-template-columns: minmax(300px, 1fr); grid-template-rows: auto auto auto; }

    .mainbox1 h4 { color: #777; font-size: 16px; display: inline-block; }
    .type1, .type2, .type3, .type4 { margin-right: 5px; font-size: 16px; }
}

@media screen and (max-width:768px) {

    .maingrid { width: 100%; float: left; display: grid; grid-template-columns: minmax(250px, 1fr); grid-template-rows: auto; gap: 30px 30px; grid-template-areas:
            "slide"
            "category"
            "info"
            "news1"
            "image"; }


    .detailPageGrid { width: 100%; display: grid; grid-template-columns: 1fr; grid-template-rows: auto; gap: 20px; grid-template-areas:
            "image"
            "statement"
            "info"
            "carousel"
            "tag"; }

    .contactgrid { width: 100%; display: grid; grid-template-columns: 1fr; gap: 20px; grid-template-areas:
            "form"
            "adres" }

    .phgrid4 { width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .mainbox3 { width: 100%; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 170px; }

    .mainbox8 { height: 40vh; }

    @media screen and (max-width:600px) {

        .topmiddle { display: none; }
    }

    @media screen and (max-width:575px) {

        .topmiddle { display: none; }

        .phgridNews { width: 100%; display: grid; grid-template-columns: repeat(1, 1fr); gap: 10px; }
        .mainbox3 { width: 100%; display: grid; grid-template-columns: 1fr; grid-template-rows: auto; }
    }

    @media screen and (max-width:425px) {

        .mainbox0 h1 { width: 100%; margin: 0; padding: 0; font-size: 16px; color: #1D6988; display: block; }
        .mainbox8 { height: 30vh; }

        fieldset#contactinfo input[type=tel], fieldset#contactinfo input[type=email] { width: 100%; margin-bottom: 5px; box-sizing: inherit; }
        fieldset#birthdate select { width: 32%; /* width: calc(99% / 3);*/ box-sizing: inherit; }
        fieldset#contactadres select { width: 100%; margin-bottom: 5px; box-sizing: inherit; }
    }


    @media screen and (max-width:360px) {

        .phgrid4 { width: 100%; display: grid; grid-template-columns: repeat(1, 1fr); gap: 10px; }
    }

    @media screen and (max-width:320px) {
    }