.content{ padding-top: 20px; padding-bottom: 100px; background: #F4F6F7; .container{ max-width: 970px; } .containerInfo{ background: #fff; margin-top: 30px; padding: 50px; } } .back{ display: flex; align-items: center; text-decoration: none !important; margin-left: -15px; .icon{ display: block; width: 24px; } .txt{ font-size: 18px; color: #727476; } } .detailsTitle{ font-size: 32px; color: #333436; line-height: 45px; font-weight: bold; } .labels{ display: flex; align-items: center; margin-top: 30px; .label{ font-size: 15px; color: #727476; font-weight: 300; margin-right: 60px; padding: 0; } } .info{ margin-top: 30px; font-weight: 300; .pic{ width: 100%; display: block; margin-top: 30px; } img{ max-width: 100% !important; display: block !important; margin: auto; } .picTxt{ font-size: 14px; color: #515356; line-height: 24px; margin-top: 15px; font-weight: 300; } .text{ font-size: 15px; color: #515356; font-weight: 300; line-height: 2; margin-top: 30px; } p{ color: #515356 !important; line-height: 2 !important; } .title{ font-size: 20px; color: #333436; line-height: 32px; font-weight: bolder; margin-top: 50px; } .title2{ margin-top: 20px; font-size: 16px; line-height: 26px; color: #333436; font-weight: bolder; margin-bottom: -15px; } .tip{ font-size: 13px; line-height: 26px; color: #727476; margin-top: 15px; font-weight: 300; } .tableTitle{ font-size: 20px; line-height: 32px; color: #333436; font-weight: bolder; text-align: center; margin-top: 50px; } .tableBox{ position: relative; width: 100%; margin-top: 20px; } table{ border: solid 1px #EEEEEE; tr{ border-bottom: solid 1px #EEEEEE; &:last-child{ border: 0; } th,td{ padding: 12px; border-right: solid 1px #EEEEEE; &:last-child{ border: 0; &.br{ border-right: solid 1px #EEEEEE; } } } th{ font-size: 14px; line-height: 18px; color: #000000; font-weight: bolder; white-space: nowrap; } td{ font-size: 14px; line-height: 18px; color: #000000; font-weight: 300; &:first-child{ text-align: center; } } } } } @media (max-width: 767px) { .content{ padding-top: 20px; padding-bottom: 50px; background: #fff; .containerInfo{ padding: 15px; margin-top: 0;; padding-top: 0; } } .back{ margin-left: 0; .icon{ width: 20px; } .txt{ font-size: 16px; } } .detailsTitle{ font-size: 26px; line-height: 35px; margin-top: 15px; } .labels{ margin-top: 15px; .label{ margin-right: 30px; } } .tableContainer{ position: relative; margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; overflow: scroll; } .tableBox{ width: 970px !important; } }