/*@media only screen and (max-width: 1920px) {
}*/

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

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

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

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

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

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

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

@media only screen and (max-width: 1024px) {
#body-all {width:100%;}
.lang_versions{width:98%;}
}

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

@media only screen and (max-width: 800px) {
/*------------------start responsive menu-------------------------*/
/* small screens */
nav ul {display:none; height:100%;}
nav ul li:first-child{display:none;}
nav ul.mobile li:first-child{display:block;}
label {position:relative; color:#1A4064; display:block; width:100%; min-height:2.3em; padding:0.7% 5% 0 0; font-size:0.875em; margin:0; border-left:1px solid #ffeaab; border-right:1px solid #ffc94f; text-align:right; font-weight:bold;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c19413+0,e4b51f+7,ffd044+27,fff1c0+100 */
background: #c19413; /* Old browsers */
background: -moz-linear-gradient(top,  #c19413 0%, #e4b51f 7%, #ffd044 27%, #fff1c0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c19413 0%,#e4b51f 7%,#ffd044 27%,#fff1c0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c19413 0%,#e4b51f 7%,#ffd044 27%,#fff1c0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c19413', endColorstr='#fff1c0',GradientType=0 ); /* IE6-9 */}
label:after {position: absolute; right: .25em; top:0.2em; content:"\2261"; font-size:1.8em;}
input[type=checkbox]:checked ~ label:after {color:#1A4064;}
input[type=checkbox]:checked ~ ul {display:block;}
input[type=checkbox]:checked ~ ul  li {width:100%; opacity:.8; text-align:left;}
input[type=checkbox]:checked ~ ul &:after {position:absolute; right:.25em; content:"\203A"; font: bold 1.4em sans-serif;}
nav ul li a {display:block; color:#1A4064; padding:1% 1.5%; font-size:0.750em; font-weight:bold; border-top:1px solid #ffeaab; border-bottom:1px solid #ffc94f; background: #fff0bb;}
nav ul li a:hover {display:block; color:#ffffff; padding:1% 1.5%; font-size:0.750em; font-weight:bold; border-top:1px solid #ffeaab; border-bottom:1px solid #ffc94f; background: #e4b51f;}
/*------------------end responsive menu-------------------------*/
.left-part{display:none;}
.center-part {width:100%; padding:3% 5% 3% 4%; margin:0; border-radius:0; display:block; float:left;}
.news-image {width:16%;}
.right-part {width:100%; padding:0 3%; margin:4% 0 0 0; display:block; float:left;}
.search{display:none;}
#banner {display:none;}
#right-blue-menu{display:none;}
#kalendar {display:none;}
.message-kare{margin:0% 2% 2% 2%; width:46%;}
.message-kare-inner{display:none;}
#footer {padding:0;}
#footer #bottom-nav {padding:1.2% 0;}
.sub-form {width:48%;}
.i4{padding:0 2%; margin:0; width:30%; text-align:center;}
}

@media only screen and (max-width: 768px) {
label {position:relative; color:#1A4064; display:block; width:100%; min-height:2.3em; padding:0.8% 5% 0 0; font-size:0.875em; margin:0; border-left:1px solid #ffeaab; border-right:1px solid #ffc94f; text-align:right; font-weight:bold;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c19413+0,e4b51f+7,ffd044+27,fff1c0+100 */
background: #c19413; /* Old browsers */
background: -moz-linear-gradient(top,  #c19413 0%, #e4b51f 7%, #ffd044 27%, #fff1c0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c19413 0%,#e4b51f 7%,#ffd044 27%,#fff1c0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c19413 0%,#e4b51f 7%,#ffd044 27%,#fff1c0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c19413', endColorstr='#fff1c0',GradientType=0 ); /* IE6-9 */}
.center-part {min-height:600px;}
}

@media only screen and (max-width: 736px) {
label {position:relative; color:#1A4064; display:block; width:100%; min-height:2.3em; padding:0.8% 5% 0 0; font-size:0.875em; margin:0; border-left:1px solid #ffeaab; border-right:1px solid #ffc94f; text-align:right; font-weight:bold;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c19413+0,e4b51f+7,ffd044+27,fff1c0+100 */
background: #c19413; /* Old browsers */
background: -moz-linear-gradient(top,  #c19413 0%, #e4b51f 7%, #ffd044 27%, #fff1c0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c19413 0%,#e4b51f 7%,#ffd044 27%,#fff1c0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c19413 0%,#e4b51f 7%,#ffd044 27%,#fff1c0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c19413', endColorstr='#fff1c0',GradientType=0 ); /* IE6-9 */}
.center-part {min-height:650px;}
.i4{padding:0 2%; margin:0; width:35%; text-align:center;}
}

@media only screen and (max-width: 667px) {
.dropdown-select {width:20%;}
label {position:relative; color:#1A4064; display:block; width:100%; min-height:2.3em; padding:0.8% 5% 0 0; font-size:0.875em; margin:0; border-left:1px solid #ffeaab; border-right:1px solid #ffc94f; text-align:right; font-weight:bold;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c19413+0,e4b51f+7,ffd044+27,fff1c0+100 */
background: #c19413; /* Old browsers */
background: -moz-linear-gradient(top,  #c19413 0%, #e4b51f 7%, #ffd044 27%, #fff1c0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c19413 0%,#e4b51f 7%,#ffd044 27%,#fff1c0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c19413 0%,#e4b51f 7%,#ffd044 27%,#fff1c0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c19413', endColorstr='#fff1c0',GradientType=0 ); /* IE6-9 */}
}

@media only screen and (max-width: 640px) {
.news-image {width:18%;}
label {position:relative; color:#1A4064; display:block; width:100%; min-height:2.3em; padding:0.8% 6% 0 0; font-size:0.875em; margin:0; border-left:1px solid #ffeaab; border-right:1px solid #ffc94f; text-align:right; font-weight:bold;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c19413+0,e4b51f+7,ffd044+27,fff1c0+100 */
background: #c19413; /* Old browsers */
background: -moz-linear-gradient(top,  #c19413 0%, #e4b51f 7%, #ffd044 27%, #fff1c0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c19413 0%,#e4b51f 7%,#ffd044 27%,#fff1c0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c19413 0%,#e4b51f 7%,#ffd044 27%,#fff1c0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c19413', endColorstr='#fff1c0',GradientType=0 ); /* IE6-9 */}
.center-part {min-height:550px; margin:0 0 2% 0;}
.right-part {width:100%; padding:0 3%; margin:4% 0 0 0; display:block; float:left;}
.i4{padding:0 2%; margin:0; width:40%; text-align:center;}
.sub-form-2 {width:60%;}
}

@media only screen and (max-width: 600px) {
#footer #bottom-nav {padding:1.5% 0;}
.news-image {width:20%;}
label {position:relative; color:#1A4064; display:block; width:100%; min-height:2.3em; padding:0.9% 7% 0 0; font-size:0.875em; margin:0; border-left:1px solid #ffeaab; border-right:1px solid #ffc94f; text-align:right; font-weight:bold;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c19413+0,e4b51f+7,ffd044+27,fff1c0+100 */
background: #c19413; /* Old browsers */
background: -moz-linear-gradient(top,  #c19413 0%, #e4b51f 7%, #ffd044 27%, #fff1c0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c19413 0%,#e4b51f 7%,#ffd044 27%,#fff1c0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c19413 0%,#e4b51f 7%,#ffd044 27%,#fff1c0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c19413', endColorstr='#fff1c0',GradientType=0 ); /* IE6-9 */}
.center-part {min-height:600px;}
.center-part ul li {list-style:none; background: url(img/bullet.gif) no-repeat top left; padding:0 0 0 2%;}

}

@media only screen and (max-width: 568px) {
#footer #bottom-nav {padding:1.5% 0;}
.news-image {width:20%;}
label {position:relative; color:#1A4064; display:block; width:100%; min-height:2.3em; padding:0.9% 7% 0 0; font-size:0.875em; margin:0; border-left:1px solid #ffeaab; border-right:1px solid #ffc94f; text-align:right; font-weight:bold;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c19413+0,e4b51f+7,ffd044+27,fff1c0+100 */
background: #c19413; /* Old browsers */
background: -moz-linear-gradient(top,  #c19413 0%, #e4b51f 7%, #ffd044 27%, #fff1c0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c19413 0%,#e4b51f 7%,#ffd044 27%,#fff1c0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c19413 0%,#e4b51f 7%,#ffd044 27%,#fff1c0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c19413', endColorstr='#fff1c0',GradientType=0 ); /* IE6-9 */}
.center-part {min-height:200px;}
.i4{padding:0 2%; margin:0; width:45%; text-align:center;}
.gallery-big-pic img{width:100%;}

.slider-info{top:8%;}
}

@media only screen and (max-width: 480px) {
.bottom-width{width:98%;}
label {position:relative; color:#1A4064; display:block; width:100%; min-height:2.1em; padding:0.9% 7% 0 0; font-size:0.875em; margin:0; border-left:1px solid #ffeaab; border-right:1px solid #ffc94f; text-align:right; font-weight:bold;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c19413+0,e4b51f+7,ffd044+27,fff1c0+100 */
background: #c19413; /* Old browsers */
background: -moz-linear-gradient(top,  #c19413 0%, #e4b51f 7%, #ffd044 27%, #fff1c0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c19413 0%,#e4b51f 7%,#ffd044 27%,#fff1c0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c19413 0%,#e4b51f 7%,#ffd044 27%,#fff1c0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c19413', endColorstr='#fff1c0',GradientType=0 ); /* IE6-9 */}
.message-kare{margin:2% 2% 4% 2%; width:46%;}
.sub-form {width:100%;}
.i4{padding:0 2%; margin:0; width:50%; text-align:center;}
.i5{padding:0 2%; margin:0; width:30%; text-align:center;}
.sub-form-2 {width:100%;}

}

@media only screen and (max-width: 414px) {
.bottom-width{width:98%;}
label {position:relative; color:#1A4064; display:block; width:100%; min-height:2.1em; padding:0.9% 10% 0 0; font-size:0.875em; margin:0; border-left:1px solid #ffeaab; border-right:1px solid #ffc94f; text-align:right; font-weight:bold;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c19413+0,e4b51f+7,ffd044+27,fff1c0+100 */
background: #c19413; /* Old browsers */
background: -moz-linear-gradient(top,  #c19413 0%, #e4b51f 7%, #ffd044 27%, #fff1c0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c19413 0%,#e4b51f 7%,#ffd044 27%,#fff1c0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c19413 0%,#e4b51f 7%,#ffd044 27%,#fff1c0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c19413', endColorstr='#fff1c0',GradientType=0 ); /* IE6-9 */}
.message-kare{margin:2% 2% 4% 2%; width:46%;}
.center-part{min-height:440px;}
.i4{padding:0 2%; margin:0; width:55%; text-align:center;}
.center-part ul li {list-style:none; background: url(img/bullet.gif) no-repeat top left; padding:0 0 0 3%;}

.slider-info{width:100%; background:#d9e3ea; height:90px !important; min-height:inherit; border-radius:0; position:static; padding:3%;}
.slider-info p{color:#000000; line-height:1.7em; height:32px; min-height:inherit; width:100%; float:left;}
button.slider-more{width:50%; padding:1% 0; margin:0 50% 0 0; font-size:1.1em; font-weight:bold; color:#FFFFFF; border-radius:5px; float:left;}
}

@media only screen and (max-width: 384px) {
.bottom-width{width:98%;}
label {position:relative; color:#1A4064; display:block; width:100%; min-height:2.1em; padding:0.9% 10% 0 0; font-size:0.875em; margin:0; border-left:1px solid #ffeaab; border-right:1px solid #ffc94f; text-align:right; font-weight:bold;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c19413+0,e4b51f+7,ffd044+27,fff1c0+100 */
background: #c19413; /* Old browsers */
background: -moz-linear-gradient(top,  #c19413 0%, #e4b51f 7%, #ffd044 27%, #fff1c0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c19413 0%,#e4b51f 7%,#ffd044 27%,#fff1c0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c19413 0%,#e4b51f 7%,#ffd044 27%,#fff1c0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c19413', endColorstr='#fff1c0',GradientType=0 ); /* IE6-9 */}
.center-part{margin:0 0 3% 0; min-height:380px;}
.message-kare{margin:2% 0 4% 0; width:100%;}
.left-part-table{margin:2% 0%; width:100%;}
.i1{width:18%;}
.i2{width:50%;}
.i4{padding:0 2%; margin:0; width:65%; text-align:center;}
.i5{padding:0 2%; margin:0; width:37%; text-align:center;}

}

@media only screen and (max-width: 375px) {
#footer #bottom-nav a {padding:1% 5%;}
.bottom-width{width:96%; margin:0 0 2% 0;}
label {position:relative; color:#1A4064; display:block; width:100%; min-height:2em; padding:1.4% 10% 0 0; font-size:0.875em; margin:0; border-left:1px solid #ffeaab; border-right:1px solid #ffc94f; text-align:right; font-weight:bold;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c19413+0,e4b51f+7,ffd044+27,fff1c0+100 */
background: #c19413; /* Old browsers */
background: -moz-linear-gradient(top,  #c19413 0%, #e4b51f 7%, #ffd044 27%, #fff1c0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c19413 0%,#e4b51f 7%,#ffd044 27%,#fff1c0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c19413 0%,#e4b51f 7%,#ffd044 27%,#fff1c0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c19413', endColorstr='#fff1c0',GradientType=0 ); /* IE6-9 */}
.center-part{min-height:400px;}
.i4{padding:0 2%; margin:0; width:75%; text-align:center;}

.slider-info{width:100%; background:#d9e3ea; height:80px !important; min-height:inherit; border-radius:0; position:static; padding:3%;}
.slider-info p{color:#000000; line-height:1.7em; height:32px; min-height:inherit; width:100%; float:left;}
button.slider-more{width:50%; padding:1% 0; margin:0 50% 0 0; font-size:1.1em; font-weight:bold; color:#FFFFFF; border-radius:5px; float:left;
}

@media only screen and (max-width: 360px) {
.center-part{min-height:380px;}
}

@media only screen and (max-width: 320px) {
#footer #bottom-nav a {padding:1% 5%;}
.bottom-width{width:96%; margin:0 0 2% 0;}
label {position:relative; color:#1A4064; display:block; width:100%; min-height:2em; padding:1.4% 10% 0 0; font-size:0.875em; margin:0; border-left:1px solid #ffeaab; border-right:1px solid #ffc94f; text-align:right; font-weight:bold;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c19413+0,e4b51f+7,ffd044+27,fff1c0+100 */
background: #c19413; /* Old browsers */
background: -moz-linear-gradient(top,  #c19413 0%, #e4b51f 7%, #ffd044 27%, #fff1c0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c19413 0%,#e4b51f 7%,#ffd044 27%,#fff1c0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c19413 0%,#e4b51f 7%,#ffd044 27%,#fff1c0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c19413', endColorstr='#fff1c0',GradientType=0 ); /* IE6-9 */}
.center-part{min-height:300px;}
.titleImage img{width:inherit;}
.i4{padding:0 2%; margin:0; width:100%; text-align:center;}
.i5{padding:0 2%; margin:0; width:42%; text-align:center;}

}