.bracnd{ position: relative; } .bracnd_item{ position: absolute; left:70% ; top: 50%; transform: translate(-50%,-50%); } .bracnd_item h3{ font-size: 46px; font-weight: 400; } .bracnd_item p{ font-size: 16px; font-weight: normal; } .serve_box{ background-color: #f6f7f9; padding: 30px 0px; } .row_item{ display: flex; background-color: white; padding: 35px 50px; margin: 20px 0px; min-height: 25vh; } .row_item_rr{ padding-left: 30px; } .row_item p{ font-size: 16px; font-weight: 400; color: #999999; } .row_item h4{ font-size: 24px; font-weight: 400; } .content{ margin: 30px 0px; } .content .ttul{ display: flex; justify-content: space-between; } .content .ttul li{ width: 11%; text-align: center; border: 1px solid #dddddd; padding: 10px 0px; font-size: 18px; font-weight: 400; cursor: pointer; } .backl{ margin-top: 30px; margin-bottom: 80px; position: relative; } .backl_item{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(91deg, #FFFFFF 0%, rgba(255,255,255,0) 100%); padding: 30px 50px; } .backl_item ul{ width: 50%; display: flex; flex-wrap: wrap; justify-content: space-between; } .backl_item ul li{ width: 25%; margin: 10px 10px; font-size: 16px; font-weight: 400; padding-bottom: 8px; border-bottom: 1px solid #707070; } .backl_item p{ font-family: 'Raleway',sans-serif; font-weight: 400; font-size: 20px; color: #666; line-height: 2.19rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } @media(max-width:767px){ .bracnd.daveyz-bradcnd .bracnd_item{position:relative;left:auto;top:auto;width:auto;transform:translate(0);padding:20px 15px;} .bracnd.daveyz-bradcnd .bracnd_item .title{margin-top:0;} .row_item{padding:20px;min-height:1px;} .row_item>div:nth-child(1){min-width:25px;} .row_item h4{margin-top:0;font-size:18px;} .row_item p{font-size:12px;} .row_item_rr {padding-left: 15px;} .serve_box .row div[class*=col-]:last-child .row_item{ margin-bottom:0; } .serve_box .row div[class*=col-] .row_item{} .daveyz-fw.content .ttul li{width: auto;min-width: 45%;flex: 1;font-size:14px;} .daveyz-fw.content .ttul li:nth-child(even){margin-left:10px;} .daveyz-fw.content .ttul li:nth-child(1n+3){margin-top:10px;} .daveyz-fw.content .backl_item ul li{font-size:12px;} .daveyz-fw.content .backl_item ul{width:100%;} .daveyz-fw.content .backl_item{position:relative;top:auto;left:auto;padding:10px 0 0;} .daveyz-fw.content .backl_item ul li{width:auto !important;flex:1; min-width: 30%;margin:0;} .daveyz-fw.content .backl_item ul li~li{margin-left:10px;} .daveyz-fw.content .backl_item ul li:nth-child(3n+1){margin-left:0;} .daveyz-fw.content .backl_item ul li:nth-child(1n+4){margin-top:10px;} }