.xlx28-container{width:100%;margin:1px 0;padding-top:30px}.xlx28-inner-wrapper{width:1200px;margin:0 auto;position:relative}.xlx28-container li>a,.xlx28-container picture{display:block}.xlx28-container li{position:relative;padding-bottom:30px}.xlx28-container li:after{content:" ";display:block;width:0;height:0;clear:both;visibility:hidden}.xlx28-container .banner-description,.xlx28-container li>a,.xlx28-container li>picture{width:47%}.xlx28-container .container{width:50%;width:100%;margin:0}.xlx28-container li:nth-child(2n+1)>a,.xlx28-container li:nth-child(2n+1)>picture{float:right}.xlx28-container li:nth-child(2n+1) .banner-description{float:left;text-align:right}.xlx28-container li:nth-child(2n+1) .container{float:right}.xlx28-container li:nth-child(2n+2) .banner-description{float:right}.xlx28-container li:nth-child(2n+2)>a,.xlx28-container li:nth-child(2n+2)>picture{float:left;text-align:right}.xlx28-container li:nth-child(2n+2) .container{float:left}.xlx28-container img{max-width:100%;max-height:150px;object-fit:contain}.xlx28-container .banner-name-before{content:" ";display:block;width:36px;height:36px;z-index:2;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);border:1px solid #fcc92f;border-radius:50%;background:white}.xlx28-container .banner-name-after{content:" ";display:block;width:10px;height:10px;z-index:3;position:absolute;top:14px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);background:#fcc92f;border-radius:50%}.xlx28-container .banner-name{font-size:24px;height:36px;line-height:36px;color:inherit}.xlx28-container .banner-docs{font-size:14px;margin:12px 0;line-height:24px;color:black}.xlx28-line{position:absolute;top:0;left:0;width:2px;height:1px;background:#fcc92f;z-index:1}@media screen and (max-width:1200px){.xlx28-inner-wrapper{width:100%}.xlx28-container .banner-description{width:45%}.xlx28-container .container{width:96%}}@media screen and (max-width:968px){.xlx28-container .banner-description,.xlx28-container .xlx28-inner-wrapper li>a,.xlx28-container .xlx28-inner-wrapper li>picture{width:90%;padding-right:20px;box-sizing:border-box}.xlx28-container .container{width:100%}.xlx28-container li:nth-child(2n+1)>a,.xlx28-container li:nth-child(2n+1)>picture{float:right}.xlx28-container li:nth-child(2n+2)>a,.xlx28-container li:nth-child(2n+2)>picture{float:right;text-align:left}.xlx28-container li:nth-child(2n+1) .banner-description{float:right;text-align:left}.xlx28-container li:nth-child(2n+1) .container{float:left}.xlx28-container .banner-name-before,.xlx28-container .banner-name-after{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.xlx28-container .banner-name-before{left:calc((10% - 36px) / 2)}.xlx28-container .banner-name-after{left:calc((10% - 10px) / 2)}.xlx28-container .banner-name{margin:15px 0 0 0}.xlx28-container .banner-docs{margin:0}}@media screen and (max-width:568px){.xlx28-container .banner-description,.xlx28-container .xlx28-inner-wrapper li>a,.xlx28-container .xlx28-inner-wrapper li>picture{width:80%}.xlx28-container .banner-name-before{left:calc((20% - 36px) / 2)}.xlx28-container .banner-name-after{left:calc((20% - 10px) / 2)}}