.box-layout16 > .row{display: flex;align-items: center;}
.body-xs .box-layout16 > .row{flex-direction: column;}
.box-layout16 .contents{ margin-left: -8.33333333%; margin-right: 0; position: absolute; right: 0; padding: 40px 50px; background: #fff; z-index: 9999;}
.box-layout16 .img .image{position:relative; z-index: 0;}
.body-xs .box-layout16 .img{order: 1;}
.body-xs .box-layout16 .contents{ order: 2}
.box-layout16 h2{ margin-bottom: 40px }
.body-md .box-layout16 h2{ margin-bottom: 25px }
.box-layout16 h2:after{ content: ''; background: url(../../../../images/design/boxy/layout16/headingLine.png) 0 0 no-repeat;display: block;width: 100%;height: 10px; margin-top: 5px }
.box-layout16 .contents .row > .row { margin: 0 }
.body-xs .box-layout16 .contents,.body-sm .box-layout16 .contents{ margin: 0; position: static; -webkit-transform: none;-ms-transform: none;transform: none; padding: 30px 15px}
.body-xs .box-layout16 > div,.body-sm .box-layout16 > .row { display: flex; flex-direction: column; }
.body-xs .box-layout16 .img,.body-sm .box-layout16 .img{ order: 1}
.body-xs .box-layout16 .contents,.body-sm .box-layout16 .contents{ order: 2;}
.body-xs .box-layout16.reverse .contents .text,.body-sm .box-layout16.reverse .contents .text{ padding-left: 15px; padding-right: 15px}
.body-md .box-layout16 .contents{ padding: 25px 30px}
.box-layout16.reverse .contents{ margin-right: -8.33333333% !important; margin-left: 0 !important; left: 0; right: 0 !important; }
.box-layout16 .image .row{ margin: 0 }
.box-layout16 .btn{ margin-top: 30px; background: url(../../../../images/design/boxy/layout16/buttonArrow.png) 100% 50% no-repeat; color: #50b0c8 }
.body-md .box-layout16 .btn{ margin-top: 15px; }