.singleSlideBanner { display: flex; width: 100%; background-repeat: no-repeat; background-color: #dde5eb; background-size: auto 100%;}
.singleSlideBanner .container {display: flex; justify-content: space-around; flex-direction: column;}
.singleSlideBanner .container::after,   .singleSlideBanner .container:before {content:none;}
.singleSlideBanner p.h3 {margin-top:0;}
.singleSlideBanner img {margin-left:5px;}
.NVColor {color: #0082cf;}
.textcomp p {font-size:16px; }
.item_title { position: relative; padding: 25px 0 0 0;}
.item_title>span { position: relative; z-index: 2; display: inline-block; margin: 0; padding: 0 10px; width: auto; font-size: 28px; color: #0082cf; background: #fff;}
.item_title:after {width: 100%;}
.item_title:after {background: #cbcbcb; content: ""; display: block; height: 1px; position: absolute; top: 45px; z-index: 1;}
.d1 strong, .d2 strong {line-height: 2; margin-left: 2px;}
.d1 strong.height3 , .d2 strong.height3 {line-height: 3; margin-left: 4px;}
.table-p-lg>tbody>tr>td {padding:12px;}
td.bg-light { background-color: #e4f3ff;}
td.bg-gray { background-color: rgba(0, 0, 0, .035);}
td.p10 { padding: 8px 0 0 !important; border-top:0 !important;}
td.p10 p { padding: 5px 10px 10px 10px; border-bottom: 1px solid #adadad; font-size:1.55rem;}
td.p10 p:last-child {border-bottom: 0;}
td.p10 ul { padding-bottom:15px; border-bottom:1px solid #adadad;}

.mb-0 { margin-bottom: 0;}

@media (min-width: 1200px) {
    .singleSlideBanner { height:320px; background-position-x: 30%;}
    .singleSlideBanner img {max-width:280px;}
    .textcomp h3, ul.h3  {font-size:20px; line-height:1.55;}
}

@media (min-width: 992px) {
    .text-lg-right {text-align:right;}
    .item_title {padding-bottom:20px;}
}

@media (max-width: 1199px) and (min-width: 768px) {
    .singleSlideBanner { height:300px; background-position-x: 40%;}
    .singleSlideBanner img {max-width:230px;}
    .textcomp h3, ul.h3 {font-size:18px; line-height:1.53;}
}

@media (min-width: 768px) {
    .singleSlideBanner {background-image: url(/chs/developer/images/DL_Banner2023_1_L.webp?v=1.1);}
    .table-p-lg {margin-bottom:50px;}
}

@media (max-width: 767px) {    
    .singleSlideBanner .container {width:calc(100% - 15px)}
    .singleSlideBanner h2 {margin-left:15px;}   
    .textcomp p {text-align:left;}
    .textcomp h3, ul.h3  {font-size:16px; line-height:1.5;}
}

@media (max-width: 767px) and (min-width: 581px) {
    .padding-xs-x30 > .row { margin-right:0 !important; margin-left:0 !important;}
}

@media (max-width: 767px) and (min-width: 461px) {
    .singleSlideBanner {background-image: url(/chs/developer/images/DL_Banner2023_1_M.webp?v=1.1); max-height: 280px; background-position-x: 37%; height: calc(77vw);}
    .singleSlideBanner img {max-width:35vw;}
}

@media (max-width: 580px) {
    .singleSlideBanner p.h2{ font-size: 22px !important;}
    .singleSlideBanner p.h3{ font-size: 17px !important;}
    .padding-xs-x30 { padding-left:30px !important; padding-right:30px !important;}
    .textcomp {padding:0 !important}
    .textcomp h3, ul.h3  {font-size:15px !important; line-height:1.4 !important;}
}

@media (max-width: 460px) {
    .singleSlideBanner {background-image: url(/chs/developer/images/DL_Banner2023_1_S.webp?v=1.1); max-height: 360px; background-position-y: 100%; background-size: cover; height: calc(100vw);}
    .singleSlideBanner .container { margin: 30px auto; justify-content: space-between;}
    .singleSlideBanner .h2 { line-height: 50px; margin-left: 5px; font-size: 22px;}
    .singleSlideBanner p { margin: 0 5px; padding-top: 0;color: #626262;}
    .singleSlideBanner img { max-width: 40vw;}
}