.top {  z-index: 2;}
.top .brand {max-width: 1440px;margin: auto;padding: 5px 15px;background-color: #fff;box-sizing: border-box;}
.top .brand .brand-lft {float: left;}
.top .brand .brand-rgt {float: right;}
.top .brand .brand-rgt a {display: inline-block;vertical-align: top;}
.top .brand .text-img {overflow: hidden;display: block;position: relative;height: 0;padding: 50px 0 0;}
.top .brand .text-img img {position: absolute;top: 50%;left: 0;max-width: 100%;/* max-height: 100%; */display: block;
transform: translateY(-50%);-webkit-transform: translateY(-50%); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
-ms-transform: translateY(-50%);/* IE 9 */}
.top .brand .text-img.mbs {width: 100%;}
.top .brand .text-img.imda {float: right;min-width: 130px;margin-left: 15px;}
.top .brand .text-img.ips {float: left;min-width: 120px;margin-right: 15px;}
.top .brand .text-img.esg {max-width: 120px;float: left;}
.top .brand .text-img.esg img.mobile { display: none;}
 
@media screen and (max-width: 769px) {
.top .brand {text-align: center;}
.top .brand .brand-lft {display: none;}
.top .brand .text-img.ips {display: none;}
.top .brand .brand-rgt {float: none;display: inline-block;vertical-align: middle;width: 100%;}
.top .brand .brand-rgt a {display: block;width: 100%;}
.top .brand .text-img.esg {margin: 0;float: none;text-align: center;max-width: none;width: 100%;}
.top .brand .text-img.esg img.mobile {display: block;height: 100%;}
.top .brand .text-img.esg img.desktop {display: none;}
.top .brand .text-img img {
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
-ms-transform: translate(-50%, -50%);/* IE 9 */
max-width: none;
}

.top .brand .text-img.imda {display: none;}
.top .brand .text-img.ips {display: none;}
.top .brand .text-img {padding: 55px 0 0;}
.top .banner video.desktop {display: none;}
.top .banner video.mobile {display: block;}
}

@media screen and (max-width: 512px){
.top .brand {padding: 5px 55px;}
.top .brand .text-img.esg img.mobile {display: block;height: auto;width: 100%;}
}

@media screen and (max-width: 480px){
.top .brand {padding: 5px 35px;}
}