@media all and (max-width: 1024px) {
    html {
        font-size: 0.8rem;
    }
    body.active {
        position: fixed;
    }
    .logo {
        width: 240px;
        height: 90px;
    }
    .header,
    .menu.topmenu {
        height: 50px;
    }
    .menu.topmenu {
        padding-top: 5px;
    }
    .menuheader {
        height: 1px;
    }
    .menu.topmenu div.search {
        margin-right: 50px;
    }
    div.search input {
        height: 25px;
    }
    div.language ul {
        margin-left: 0;
    }
    .mainmenu {
        position: fixed;
        top: 0;
        right: -320px;
        width: 320px;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        background: rgba(0,0,0,0.85);
        transition: right ease 0.4s;
        z-index: 5;
    }
    .mainmenu.active {
        right: 0;
    }
    .mainmenu * {
        width: 100%;
        font-size: 16px;
        color: #fff;
    }
    .mobilemenubutton {
        display: block;
        width: 32px;
        height: 32px;
        position: absolute;
        top: -40px;
        right: 10px;
        background: url('../Images/bg_mobilemenubutton.png') 0 0 no-repeat #c00;
        cursor: pointer;
        z-index: 6;
    }
    .mobilemenubutton.active {
        background-position: 0 -50px;
    }
    .tagline {
        padding: 20px 60px 20px 15px;
    }
    .mainmenu li {
        position: relative;
    }
    .mainmenu ul.level1 > li {
        border-bottom: 1px solid #fff;
    }
    .mainmenu ul.level1 li.menu-home {
        border-top: 1px solid #fff;
    }
    .mainmenu a {
        padding: 9px 15px;
        min-height: 41px;
        box-sizing: border-box;
    }
    .mainmenu ul.level1 > li .show-sub {
        position: absolute;
        top: 2px;
        right: 2px;
        width: 36px;
        height: 36px;
        background: #fff;
        cursor: pointer;
    }
    .mainmenu ul.level2 > li > .show-sub {
        background: #528ded;
    }
    .mainmenu ul.level1 > li .show-sub::before {
        content: '+';
        display: inline-block;
        width: 36px;
        height: 36px;
        color: #000;
        font-size: 2.0rem;
        text-align: center;
        line-height: 36px;
    }
    .mainmenu ul.level1 > li .show-sub.active::before {
        content: '-';
        font-size: 2.6rem;
        line-height: 32px;
    }
    .mainmenu ul.level2,
    .mainmenu ul.level3 {
        display: none;
    }
    .mainmenu ul.level2 li {
        border-top: 1px dotted #fff;
        border-bottom: none;
    }
    .mainmenu ul.level2 a {
        padding-left: 30px;
    }
    .mainmenu li.selected > a {
        color: #528ded;
    }
    .headercontent .csc-firstHeader {
        line-height: 2.6rem;
        font-size: 2.4rem;
    }
	.container.content .contentcontainer {
		padding-bottom: 0px;
    }
	.block {	
		height: auto !important;
		min-height: 170px;
		margin-bottom: 10px;
    }
	.block1,
	.block2,
	.block3,
	.block4 {
        float: none;
        display: inline-block;
		width: 46%;
		margin-left: 2%;
	}
	.footerblock {
        width: 50% !important;
        margin: 0 !important;
	}
	.footer {
		position: static;
		bottom: auto;
	}
    .footer nav li {
        float: none;
    }
	.copy .contentcontainer {
		padding-left: 20px;
		margin-left: 1%;
	}
    .left {
        display: none;
    }
    .main {
        width: 60%;
        margin-left: 2.5%;
    }
    .right {
        width: 30%;
        margin-left: 5%;
    }
    .pathway {
        margin-left: 2.5%;
        width: 95%;
    }
}
@media all and (max-width: 767px) {
    .logo {
        width: 200px;
        height: 80px;
    }
    .headercontent .csc-firstHeader {
        line-height: 1.8rem;
        font-size: 1.8rem;
    }
    .block1,
	.block2,
	.block3,
	.block4 {
		width: 96%;
	}
    .footerblock,
    .copy .contentcontainer {
		width: 100% !important;
        margin-left: 0 !important;
	}
    .copy .contentcontainer * {
        font-size: 1.0rem;
    }
    .block .csc-header * {
        font-size: 1.4rem;
    }
    .main,
    .right{
        width: 95%;
        margin-left: 2.5%;
    }
}
@media all and (max-width: 500px) {
    div.csc-mailform li.csc-form-element-radio {
        width: 50%;
    }
    div.csc-mailform li:not(.csc-form-element-radio) label,
    input[type=text],
    input[type=email],
    input[type=tel],
    input[type=password],
    input[type=number],
    select,
    textarea,
    input[type=submit] {
        width: 100%;
        margin-left: 0;
        height: 35px;
    }
    textarea {
        height: 100px;
    }
}