.wrapSerieBanner {margin:0 auto;}
.seriebanner{
  text-align:center;
  display:block;
  width:100%;
  max-width:1200px;
  margin:3em auto;
  border:0px solid violet;
  clear:both;
  }
.WrapBannerHome-25-perc {
  position:relative;
  display: inline-block;
  vertical-align: top;
  width: 22%;
  margin: 0 1%;
  padding:0;
  float:none;
  border:0px solid red;
  max-width: 300px;
  }
.BannerHome-25-perc {display:block;margin-left:1em;background-color:#dfe7e9;}
.BannerHome-25-perc img {
  display: inline-block;
  vertical-align: top;
  width:100%;
  max-width:auto !important;
  max-width:100% !important;
  height:auto !important;
  margin:0;
  padding:0;
  float:none;
  border:0px solid red;
  }
.BannerHome-25-perc-link a {
	position: absolute;
    right: 15px;
    top: 25px;  
    background-color: #0087bd;
    vertical-align: middle;
    padding: .5em 1em .5em 1em;
    color: #fff;
    border-radius: .3em;
    width: 55px;
	color:#fff;}
.BannerHome-25-perc-link a:hover{background-color:#37404D;}	

 /*
@media only screen and (max-width:1310px) {
.WrapBannerHome-25-perc {margin: 0 0 1em 0;}
 }

 @media only screen and (max-width:1200px) {
.WrapBannerHome-25-perc {margin: 0 -1em 1em 0;}
.BannerHome-25-perc-link a {bottom: 45px;top: auto;}
 }
*/
 @media only screen and (max-width:1200px) {
 .WrapBannerHome-25-perc {width: 48%;margin: 1%;display:block;margin:1% auto;}
}
@media only screen and (max-width:550px) {
  .WrapBannerHome-25-perc {width: 100%;}
}
/*
@media only screen and (max-width:300px) {
  .BannerHome-25-perc {width:100%;}
}
*/