@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 980px) and (max-width: 1200px) {
body {font-size:15px;}
.row-container {width: 960px;}
#showcase-row .image.span9 {width: 702px;min-height: 330px;}
#showcase-row .image.span4 {width: 319px;min-height: 330px;}
#showcase-row .image.span3 {width: 256px;min-height: 330px;}
#showcase-row .image.span9 img {width: 702px;height: 329px;}
#showcase-row .image.span4 img {width: 319px;height: 329px;}
#showcase-row .image.span3 img {width: 256px;height: 329px;}
#showcase-row .row-fluid .image .item-title {
    text-shadow: 1px 1px 1px #fff;
    margin: 0px !important;
    padding-top: 110px;
    padding-bottom: 10px;
    font-size: 24px;
    line-height: 30px;
}
#showcase-row .image .item_introtext {
    top: 150px;
    padding: 10px 0;
}
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 979px) {
body {font-size:14px;}
.row-container {width: 724px;}
#showcase-row .image.span9 {width: 530px;min-height: 250px;}
#showcase-row .image.span4 {width: 240px;min-height: 250px;}
#showcase-row .image.span3 {width: 192px;min-height: 250px;}
#showcase-row .image.span9 img {width: 530px;height: 249px;}
#showcase-row .image.span4 img {width: 240px;height: 249px;}
#showcase-row .image.span3 img {width: 192px;height: 249px;}
#showcase-row .row-fluid .image .item-title { text-shadow: 1px 1px 1px #fff; margin: 0px !important; padding-top: 80px; padding-bottom: 10px; font-size: 18px; line-height: 30px;}
#showcase-row .image .item_introtext {top: 120px; padding: 10px 0; font-size: 12px; line-height: 14px;}
#maintop-row .about {width: 31.6%; margin-right: 3%; padding: 15px 5px;}
#maintop-row .about h2 {font-size: 44px !important;}
#maintop-row .about .item-title {font-size: 28px; padding: 0 0 18px; margin-bottom: 23px;}
#maintop-row .about h6 { font-size: 11px; margin-bottom: 21px;line-height: 16px;}
.moduletable .mod-article-single__about p { font-size: 12px;line-height: 16px;}
#maintop-row .news { padding: 14px 0 0 26px;  width: 59.6%;}
#maintop-row .news .item {padding: 0 0 0 30px; margin-bottom: 25px;  margin-right: 8.5%; width: 44.3%;}
#maintop-row .news .item:before { width: 25px; height: 25px; background-size: contain; margin: 2px 0 0 -38px;}
#maintop-row .news h4 { font-size: 15px;}
#maintop-row .news .item_introtext { font-size: 12px;}
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 640px) and (max-width: 767px) {
body {font-size:12px;}
.row-container {width: 600px;}
div#maximenuck ul.maximenuck li.maximenuck.level1 { margin: 0 12px !important;}
#showcase-row .image.span9 {width: 438px;min-height: 205px;float:left;}
#showcase-row .image.span4 {width: 199px;min-height: 205px;float:left;}
#showcase-row .image.span3 {width: 160px;min-height: 205px;float:left;}
#showcase-row .image.span9 img {width: 438px;height: 204px;}
#showcase-row .image.span4 img {width: 199px;height: 204px;}
#showcase-row .image.span3 img {width: 160px;height: 204px;}
#showcase-row .row-fluid .image .item-title { text-shadow: 1px 1px 1px #fff; margin: 0px !important; padding-top: 50px; padding-bottom: 5px; font-size: 15px; line-height: 30px;}
#showcase-row .image .item_introtext {top: 85px; padding: 5px 0; font-size: 11px; line-height: 12px;}
#feature-row .hello h2 { font-size: 38px !important;}
#feature-row .hello .item_introtext { font-size: 18px; line-height: 29px;}
#feature-row .hello .readmore { font-size: 15px; line-height: 5px !important;}
#maintop-row .about {width: 31.6%; margin-right: 3%; padding: 15px 5px;float:left;}
#maintop-row .about h2 {font-size: 37px !important;}
#maintop-row .about .item-title {font-size: 28px; padding: 0 0 18px; margin-bottom: 23px;}
#maintop-row .about h6 { font-size: 11px; margin-bottom: 21px;line-height: 16px;}
.moduletable .mod-article-single__about p { font-size: 12px;line-height: 16px;}
#maintop-row .news { padding: 14px 0 0 26px;  width: 63.6%;float:left;}
#maintop-row .news .item {padding: 0 0 0 30px; margin-bottom: 25px;  margin-right: 8.5%; width: 44.3%;float:left;}
#maintop-row .news .item:before { width: 25px; height: 25px; background-size: contain; margin: 2px 0 0 -38px;}
#maintop-row .news h4 { font-size: 15px;}
#maintop-row .news .item_introtext { font-size: 12px;}
#copyright-row .articles { width: 49%; float: left;}
#copyright-row .footermenu { width: 49%; float: left;}

}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (max-width: 639px) {
body {font-size:12px;}
.row-container {width: 320px;}
div#maximenuck ul.maximenuck li.maximenuck.level1 { margin: 0 12px !important;text-align: center;}
div.maximenuckh li { width: 92% !important;}
#showcase-row .image.span9 {width: 218px;min-height: 110px;float:left;}
#showcase-row .image.span4 {width: 105px;min-height: 110px;float:left;}
#showcase-row .image.span3 {width: 100px;min-height: 110px;float:left;}
#showcase-row .image.span9 img {width: 218px;height: 109px;}
#showcase-row .image.span4 img {width: 105px;height: 109px;}
#showcase-row .image.span3 img {width: 100px;height: 109px;}
#showcase-row .row-fluid .image .item-title { text-shadow: 1px 1px 1px #fff; margin: 0px !important; padding-top: 38px; padding-bottom: 60px; font-size: 13px; line-height: 13px;}
#showcase-row .image .item_introtext {top: 85px; padding: 5px 0; font-size: 11px; line-height: 12px;display:none;}
#feature-row .hello { margin-top: 0px;}
#feature-row .hello h2 { font-size: 28px !important;}
#feature-row .hello .item_introtext { font-size: 18px; line-height: 29px;}
#feature-row .hello .readmore { font-size: 15px; line-height: 5px !important;}
#maintop-row .about {width: 100%; margin-right: 3%; padding: 15px 5px;}
#maintop-row .about h2 {font-size: 37px !important;}
#maintop-row .about .item-title {font-size: 28px; padding: 0 0 18px; margin-bottom: 23px;}
#maintop-row .about h6 { font-size: 11px; margin-bottom: 21px;line-height: 16px;}
.moduletable .mod-article-single__about p { font-size: 12px;line-height: 16px;}
#maintop-row .news { padding: 14px 0 0 0;  width: 100%;border: none;}
#maintop-row .news .item {padding: 0 0 0 25px; margin-bottom: 25px;  margin-right: 4%; width: 48%;float:left;}
#maintop-row .news .item:before { width: 20px; height: 20px; background-size: contain; margin: 2px 0 0 -25px;}
#maintop-row .news h4 { font-size: 14px;}
#maintop-row .news .item_introtext { font-size: 10px;}
#copyright-row .articles { width: 49%; float: left;}
#copyright-row .footermenu { width: 49%; float: left;}
#copyright-row .links { float: left;}
}