/*frontteaserblock*/

.frontteaserblock {margin:30px 0; width:100%; overflow:hidden;}
.frontteaserblock div {width:103.3%;}
.frontteaserblock div a {
    background: #fff none repeat scroll 0 0;
    border: thin solid;
    display: block;
    float: left;
    margin-right: 2%;
    opacity: 0.9;
    text-decoration: none;
    width: 28.7%;
height: 300px;}
.frontteaserblock div a img {width:100%; }
.frontteaserblock div a .mt_title {display:block; margin:10px 5px 0 10px; height:40px; font-size:16px; lineheight:120%; font-weight:bold; }
.frontteaserblock div a .mt_desc {display:block; margin:0 5px 0 10px; height:90px }
.frontteaserblock div a:hover  {opacity:1;}

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

    .frontteaserblock div {width:100%;}
    .frontteaserblock div a {width:100%; clear:left; margin-bottom:30px;}
    .frontteaserblock div .row1 {clear:left;}
    .frontteaserblock div a img {width:48%; float:left; margin-right:4%;}
    .frontteaserblock div a .mt_title {height:auto; margin-bottom:20px;}
    .frontteaserblock div a .mt_desc {height:auto; }
}
@media screen and (max-width: 400px) {

    .frontteaserblock div a img {width:100%; float:none;}
    .frontteaserblock div a .mt_title {clear:both; height:auto; margin:10px 5px 5px 10px;}
    .frontteaserblock div a .mt_desc { margin:0 5px 30px 10px; }


}