
@media only screen and (max-width:2200px) {
	.flexslider ul.slides li img { display: block; width: 130%; max-width: 130% }
}

@media only screen and (max-width:1300px) {
.wrapper { max-width: 96%; padding: 0 2%; position: relative }
#search { right: 2% }
.logo { left: 2% }
.ntyheter .item { width: 31.3%; margin: 0 1% 2% }
.ntyheter { margin: 0px -1% 25px; width: 102% }
}
@media only screen and (max-width:1195px) {
	.nav-item a {padding:5px 24px 5px;}
}
@media only screen and (max-width:1110px) {
	.nav-item a {padding:5px 19px 5px;}
}
@media only screen and (max-width:1080px) {
.flexslider ul.slides li img { display: block; width: 100%; max-width: 100% }
.contact_form { width: 460px }
.contact_form .inputText, .contact_form .textarea { width: 338px }
footer .link { padding-right: 0 }
footer .design_by { padding-left: 0 }
}
@media only screen and (max-width:1030px) {
	.nav-item a { font-size:15px}
}
@media only screen and (max-width:1024px) {
.wrapper { max-width: 96%; padding: 0 2%; position: relative }
.clear2 { clear: both }
.nav-item a { font-size:14px}
}

@media only screen and (max-width:960px) {
.nav-item a { display: inline; padding:5px 18px 5px;}

}
@media only screen and (max-width: 926px) {
.nav-item a { display: inline; padding:5px 15px 5px;}
.omoss { padding: 2% 0 }
.contact_form { width: 400px }
.contact_form .inputText, .contact_form .textarea { width: 278px }
}

@media only screen and (max-width: 880px) {
header{ padding-bottom:10px}
.logo { position: relative; float: none; left: 0; margin-bottom: 0px; width:100% ; text-align:center}
#search { position: relative; float:none; right: 0; margin:0 auto 30px }

/*nav*/
.nav-mobile { display: block; }
.name { display: block }
.nav { width: 100%; margin:10px 0 0 0; height: auto; padding: 45px 0 0 0; background: #bc2c2c}
.nav-list { display: none; width: 100%; border-top: 1px solid #ce3737 }
.nav-item { width: 100%; float: none; }
.nav-item:nth-child(1) { width: 100% }
.nav-item > a { padding: 13px 15px; text-align: left;border-bottom: 1px solid #ce3737; color: #fff }
.nav-click { display: block; }
.nav-mobile-open { border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; }
.nav-item:hover .nav-submenu { display: none; }
.nav-submenu-item:hover .nav-submenu2 { display: none }
.nav-item a.last { width: auto }
.nav-submenu { position: static; width: 100%; }
.nav-submenu2 { position: static; width: 100%; left: 0; top: 0 }
.nav-submenu a { padding: 15px 25px }
.nav-submenu2 a { padding: 15px 35px }
.nav-item > a:hover, .nav-item a.active { text-decoration: none; background: #5c0000 }
.nav-item:hover a { background: #8b1717; color:#000}
/*nav*/
.nav-mobile { display: block; }
.name { display: block }
.welkomen h1{ margin-bottom:20px}
.ntyheter .item { width: 45%; margin: 0 2% 4% }
.ntyheter .item a.wr_img { width:94%;}
.ntyheter { margin: 0px -2% 25px; width: 104% }

.info_center { float: left; width: 100%; margin-bottom: 10px; float: left; border-bottom: 1px solid #bc2c2c; padding-bottom: 15px }
.contact_form { float: left; width: 100% }
.contact_form .inputText, .contact_form .textarea { width: 54% }
}

@media only screen and (max-width: 787px) {
.colLeft{ float:left; width:35%; margin-right:5%;}
.colRight{ float:left; width:60%; text-align:left;}
	
.contact_form { width: 100%; float: left }
.info_center { width: 100%; }
}

@media only screen and (max-width: 767px) {
.flexslider ul.slides li img { display: block; width: 150%; max-width: 150% }
footer { padding: 15px 0 }
footer .design_by { float: left; width: 100%; padding: 1% 0%; text-align:center}
footer .design_by p.text_footer { text-align: left; margin: 0 }
}
@media only screen and (max-width: 600px) {
.slick-next{ right:-2%}
}
@media only screen and (max-width: 560px) {
	
.colLeft{ float:left; width:45%; margin-right:5%;}
.colRight{ float:left; width:50%; text-align:left;}
.main { max-width: 560px; margin-top: 0 }
.main h1, .welkomen h1, .outNews h1 { font-size: 30px; line-height: 33px; margin-bottom: 15px }
.main h2{ font-size:30px}
.ntyheter .item { margin-bottom: 20px }
.contact_form .inputText, .contact_form .textarea { width: 72% }
}

@media only screen and (max-width:500px) {
header { padding-top: 15px }
.ntyheter { width: 96%; margin: 0; overflow: inherit }
.ntyheter .item { width: 100%; margin-right: 0%; margin-bottom: 25px }

.colLeft{ float:left; width:98%; margin-right:0%;}
.colRight{ float:left; width:98%; text-align:left; margin-top:20px}
}
@media only screen and (max-width:360px) {
.contact_form .inputText, .contact_form .textarea { width: 90% }
.contact_form .button { margin-left: 0 }
.contact_form label { float:none; width: 100%; }
}
@media only screen and (max-width:340px) {
.flex-direction-nav li a { top: 37% }
.contact_form .inputText, .contact_form .textarea { padding: 0 3%; width: 94% }
.contact_form li { margin-bottom: 15px }
}
