.sliderControl {
    display: block;
}

.wrapPackages {
    width: auto !important;
}

.cardPackages .sliderPackages .owl-carousel .owl-item {
    width: auto !important;
}

.cardPackages .sliderPackages .item {
    width: 290px !important;
    padding: 0;
}

.slider-control .owl-dots .owl-dot span {
    display: none;
}

.cardPackages .sliderPackages .owl-carousel .owl-item {
    width: 290px !important;
}

.cardPackages .sliderPackages .item {
    width: 290px !important;
}

.listDevice {
    display: inline-block;
    width: 100%;
}

.remarkDetail>ul {
    min-height: 42px;
}

.buttonLinks .btn.active {
    border-color: #007ad0;
    background-color: #007ad0;
}

.buttonLinks .btn {
    height: 40px;
    border-radius: 8px;
    border: 1px solid #19aaf8;
    padding: 0;
    align-items: center;
    justify-content: center;
    display: flex;
    min-width: 156px;
    margin-right: 16px;
    background-color: #e6eef4;
}

.buttonLinks {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.bannerHero {
    padding-left: 0;
    padding-right: 0;
}

.bannerHero .bannerMain img {
    max-width: 100%;
    width: 100%;
}

.icoPlatinumHorizontal,
.icoPlatinumHorizontal,
.icoPlatinumHorizontal,
.icoPlatinumHorizontal,
.icoPlatinumHorizontal {
    background-image: url(/dtac-2021/assets/images/icons/ico-platinum-member-horizontal.svg);
    display: flex;
    width: 200px;
    height: 60px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    margin: 0 auto;
    vertical-align: middle;
}

@media only screen and (min-width: 1200px) {
    .cardPackages .sliderPackages .owl-carousel .owl-item {
        width: 290px !important;
    }

    .cardPackages .sliderPackages .item {
        width: 290px !important;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {

    .cardPackages .sliderPackages .owl-carousel .owl-item,
    .cardPackages .sliderPackages .item {
        width: 260px !important;
    }
}

.itemDevice {
    width: 50%;
    float: left;
    display: inline-block;
    margin: 0 auto;
    padding: 0 4px;
}

.listDetail {
    border-radius: 4px;
}

.remarkDetail {
    border-top: 1px solid #e4e4e4;
}

.itemDevice ul {
    margin-bottom: 0;
}

.innerDevice .images {
    position: relative;
}

.innerDevice .images>img {
    margin: 0 auto;
    max-height: 220px;
    width: 100%;
}

.innerDevice .images .icon {
    position: absolute;
    bottom: 0;
    right: 0;
}

.innerDevice .mobileDetail>span>u {
    text-decoration: line-through;
}

.cardMobile {
    display: flex;
    box-shadow: 0px 4px 8px rgb(96 97 112 / 16%);
    border-radius: 4px;
    max-width: 260px;
    flex-direction: column;
    margin: 0 auto;
    margin-bottom: 24px;
    /* background: #E6EEF4; */
}

.innerDevice .wrapCard {
    min-height: 225px;
}

.innerWrapper.bWhite {
    padding: 20px 0 16px;
}

.buttonLinks .btn .img-svg path {
    fill: #000000;
}

.buttonLinks .btn.active .img-svg path {
    fill: #ffffff;
}

.innerDevice .images .icon img {
    max-width: 225px;
    width: 100%;
}

@media (min-width: 768px) {
    .innerDevice .images .icon img {
        max-width: 28px;
        width: 100%;
    }

    .innerDevice .wrapCard {
        min-height: 280px;
    }

    .buttonLinks {
        justify-content: center;
    }

    .icoPlatinumHorizontal,
    .icoPlatinumHorizontal,
    .icoPlatinumHorizontal,
    .icoPlatinumHorizontal,
    .icoPlatinumHorizontal {
        display: inline-block;
    }

    .buttonLinks .btn {
        max-width: 160px;
    }
}

@media (min-width: 540px) and (max-width: 767px) {
    .itemDevice {
        width: 33.33%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .innerDevice {
        padding: 0 8px !important;
    }

    .itemDevice {
        width: 25%;
    }

    .cardMobile {
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .itemDevice {
        width: 25%;
    }

    .cardMobile {
        max-width: 260px;
    }

    .cardMobile .innerWrapper {
        padding: 40px 0 20px;
    }

    .innerDevice .wrapCard {
        min-height: 326px;
    }

    .innerDevice .images .icon {
        right: 27px;
    }

    .sec-onlinestore .top-inner .icon {
        top: -10px;
    }
}

@media (max-width: 991px) {
    .itemDevice ul {
        padding-left: 20px;
    }
}

@media (min-width: 1024px) {
    .itemDevice {
        padding: 0;
    }
}

.get-special .content {
    margin: 20px 0;
}

.term-con.get-special>ul>li>.content>ul {
    padding-left: 0;
}

.get-special li {
    list-style: none;
}

.get-special li.active {
    display: inline-block;
    width: 100%;
    min-height: 210px;
}

.get-special>ul {
    background: #fff;
    border: 2px solid #a3deff;
    padding-left: 0;
}

.term-con>ul>li>.content>ul.check-list {
    padding-left: 0;
}

.get-special>ul>li>header {
    padding: 16px 24px;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #d3d3d3;
    cursor: pointer;
}

.get-special li.active {
    display: inline-block;
    width: 100%;
    min-height: 210px;
}

.get-special .content {
    margin: 20px 8px;
}

.term-con>ul>li.active>header::after {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    background: url(https://www.dtac.co.th/dtac-library/assets/img/ico-tc-minus.png) center center no-repeat;
    background-size: 100% auto;
    filter: none;
}

.term-con>ul>li>header::after {
    content: "";
    position: absolute;
    top: 23px;
    right: 15px;
    -webkit-transition: all 0.35s ease-in-out 0s;
    -moz-transition: all 0.35s ease-in-out 0s;
    -ms-transition: all 0.35s ease-in-out 0s;
    -o-transition: all 0.35s ease-in-out 0s;
    transition: all 0.35s ease-in-out 0s;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 12px;
    height: 12px;
    background: url(https://www.dtac.co.th/dtac-library/assets/img/ico-tc-plus.png) center center no-repeat;
    background-size: 100% auto;
}

.get-special .content ul li {
    background: #0b538f;
    color: #fff;
    display: inline-block;
    width: 48%;
    margin: 4px 3px;
    border-radius: 8px;
    padding: 4px;
    border: 2px solid #fff;
    position: relative;
    box-shadow: 2px 2px 5px rgb(0, 0, 0, 0.17);
}

.get-special .content ul li::before {
    content: "";
    position: absolute;
    top: -8px;
    left: -1px;
    width: 20px;
    height: 20px;
    background-image: url(/dtac-2021/assets/images/icons/icoCheck.svg);
    background-size: 100% auto;
    border-radius: 4px;
}

.get-special .content ul li span {
    color: #fefd29;
}

.get-special .content ul {
    padding: 0;
    display: flex;
    flex-flow: wrap;
}

.get-special .icon.viu {
    max-width: 50px;
    width: 100%;
    vertical-align: middle;
    display: inline-block;
    border-radius: 4px;
}

.get-special .icon img {
    vertical-align: top;
}

.get-special .content ul li .icon.social {
    max-width: 130px;
    width: 100%;
}

.get-special .content ul li:last-child {
    display: flex;
    justify-content: center;
    align-items: center;
}

.scContent {
    display: inline-block;
    width: 100%;
}

@media (min-width: 768px) {
    .get-special .content ul {
        width: 100%;
        display: inline-block;
        float: left;
    }

    .get-special .content ul:last-child {
        width: 100%;
    }

    .get-special .content ul li {
        float: left;
        padding: 8px;
    }

    .get-special .content ul li {
        min-height: 92px;
    }
}

@media (max-width: 767px) {
    .get-special .content ul li {
        width: 100%;
    }

    .remark-detail ul {
        min-height: 56px !important;
    }

    .en .remark-detail ul {
        min-height: 84px !important;
    }
}

@media (min-width: 992px) {
    .get-special .content {
        width: 100%;
        max-width: 800px;
        padding-left: 0 !important;
        margin: 0 auto;
    }

    .get-special .content ul {
        width: 100%;
    }

    .get-special .content ul:last-child {
        width: 100%;
    }

    .icon.social img {
        max-width: 135px;
        width: 100%;
    }

    .get-special .content ul {
        margin: 20px 0;
    }
}

.remarkDetail {
    border-top: 1px solid #e4e4e4;
}

.mobileDetail>span>u {
    text-decoration: line-through;
}

.cardMobile .innerWrapper .images img {
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
}

.cardMobile .innerWrapper .images {
    max-width: 100%;
    width: 100%;
    margin-bottom: 15px;
}

.cardMobile .innerWrapper .images .icon {
    position: absolute;
    bottom: 0;
    right: 27px;
}

.mobileDetail h3 {
    width: 100%;
}

@media (min-width: 768px) {
    .sec-onlinestore .top-inner .text {
        min-height: 47px;
    }

    .table-bank-2020 tbody tr td>span img {
        min-height: 34px;
    }
}

.free-boxset .set-items.fixed-icons ul li img {
    max-width: 90px;
    height: 90px;
    object-fit: contain;
    align-self: flex-start;
}

.table-package-container {
    max-width: 750px;
    width: 100%;
    margin: 0 auto;
}

.table-slider .owl-carousel .owl-item {
    opacity: 0.3;
}

.table-slider .owl-carousel .owl-item.active.center {
    opacity: 1;
}

.table-slider .owl-carousel .owl-nav .owl-prev span {
    position: absolute;
    background: url(https://www.dtac.co.th/cms-storage/iphone-12/icon-prev.png) center center no-repeat;
    top: 56%;
    left: 0;
    text-indent: -9999999px;
    width: 68px;
    height: 68px;
    background-size: 100% auto;
    opacity: 1;
}

.table-slider .owl-carousel .owl-nav .owl-next span {
    position: absolute;
    background: url(https://www.dtac.co.th/cms-storage/iphone-12/icon-next.png) center center no-repeat;
    top: 56%;
    right: 0;
    text-indent: -9999999px;
    width: 68px;
    height: 68px;
    background-size: 100% auto;
    opacity: 1;
}

.set-items .iconItem {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    margin: 12px 0;
}

.owl-carousel .item {
    text-align: center;
}

.logo-reward img {
    height: 27px;
    display: inline-block;
    width: auto;
    max-width: 100%;
}

.strike-out {
    position: relative;
}

.strike-out::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 100%;
    border-top: 2px solid #767676;
    transform: rotate(-15deg);
}

.table-slider .table-package-container th {
    padding: 10px 5px;
    font-family: "kanitlight", Kanit, sans-serif;
}

.btn.btnOutline {
    background-color: #e5e5e5;
    color: #767676;
    border-color: #e5e5e5;
}

.items-device .btnArrow::after {
    width: 5px;
    height: 10px;
    right: 5px;
    background-size: 100% auto;
}

.free-boxset .items-device {
    max-width: 100%;
    width: 100%;
}

.set-items {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
}

.table-bank-2020 tbody td:nth-child(2) {
    padding: 0 12px !important;
}

.table-bank-2020 tbody tr:first-child td:first-child {
    padding: 0 !important;
}

.table-slider .table-package-container .table-package tr td {
    vertical-align: middle;
}

.table-bank-2020 tbody tr td>span {
    display: flex;
    justify-content: center;
    padding: 30px 8px 16px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .set-items {
        max-width: 400px;
        width: 100%;
        margin: 0 auto;
    }

    .sec-dtac-onlinestore .sec-onlinestore.-branches .icon {
        top: 0;
    }
}

@media (max-width: 991px) {
    .table-package-container {
        max-width: 600px;
    }

    .set-items .iconItem {
        margin-bottom: 16px;
    }
}

@media (min-width: 768px) {
    .set-items .iconItem img {
        height: 100px;
        width: auto;
    }

    .set-items ul {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .set-items .row {
        padding: 0;
        margin: 0 auto;
        max-width: 350px;
    }

    .set-items .iconItem img {
        max-width: 80px;
    }

    .table-slider .owl-carousel .owl-item {
        opacity: 1;
    }

    .table-responsive {
        overflow-y: hidden;
    }

    .strike-out::before {
        top: 7px;
    }
}


/* tab-fixed-bar */

.dtac-2020_tabs-control .inner-tabs-control {
    overflow: visible;
}

.tabs-container.tabs-icon {
    bottom: 0;
    background-color: #fff;
    border-bottom: 1px solid #dee2e6;
}

.tabs-container.tabs-icon .container {
    display: flex;
    align-items: center;
    border-bottom: transparent;
    justify-content: left;
}

.tabs-container.tabs-icon .dtac-dd {
    position: relative;
    display: inline-block;
    z-index: 1;
    margin-left: 0;
    margin-right: auto;
    height: 90px;
    padding-top: 30px;
    min-width: 250px;
    text-align: left;
}

.dtac-dd-toggle {
    padding: 0;
    font-size: 19px;
    color: #1a1a1a;
    transition: all 0.35s ease-in-out 0s;
}

.dtac-dd-toggle::before {
    content: "";
    display: inline-block;
    background: url(/cms-storage/apple2020/icon-dropdown-iphone@2x.png) 0 0 no-repeat;
    background-size: 100%;
    width: 18px;
    height: 30px;
    vertical-align: middle;
    margin-right: 10px;
    position: relative;
    top: -2px;
    transition: all 0.35s ease-in-out 0s;
}

.dtac-dd-toggle::after {
    content: "";
    display: inline-block;
    background: url(/cms-storage/apple2020/icon-arrw-dropdown@2x.png) 0 0 no-repeat;
    background-size: 100%;
    width: 15px;
    height: 9px;
    vertical-align: middle;
    margin-left: 10px;
    position: relative;
    transition: all 0.35s ease-in-out 0s;
}

.dtac-dd-content {
    display: none;
    position: absolute;
    top: 100%;
    margin-top: 0;
    background: rgba(255, 255, 255, 0.95);
    min-width: 12em;
    padding: 0;
    border-radius: 0 0 0.2em 0.2em;
    border: 1px solid #d3d3d3;
    border-top: 6px solid #19aaf8;
    border-radius: 0 0 3px 3px;
}

.dtac-dd-content a {
    text-decoration: none;
    padding: 0.5em 1em;
    display: block;
    text-align: left;
    line-height: 1;
    color: #1a1a1a;
    margin: 5px 0;
    font-size: 16px;
}

.dtac-dd-content hr {
    margin: 5px 0;
}

.nav-tabs {
    border-bottom: transparent;
}

.tabs-container.tabs-icon .nav-tabs .nav-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    margin-left: 35px;
    margin-right: 35px;
}

.nav-tabs .nav-item {
    margin-bottom: 0;
}

.tabs-container.tabs-icon .nav-tabs .nav-item .nav-link {
    position: static;
    padding-left: 0;
    padding-right: 0;
    font-size: 19px;
    color: #1a1a1a;
    margin-right: 60px;
}

.nav-device::before {
    content: "";
    display: inline-block;
    background: url(/cms-storage/apple2020/icon-dropdown-iphone@2x.png) center center no-repeat;
    background-size: 100%;
    width: 18px;
    height: 31px;
    vertical-align: middle;
    margin-right: 10px;
    position: relative;
    top: -2px;
    transition: all 0.35s ease-in-out 0s;
}

.nav-nb-pairing::before {
    content: "";
    display: inline-block;
    background: url(/cms-storage/apple2020/icon-tab-number-pairing@2x.png) center center no-repeat;
    background-size: 100%;
    width: 27px;
    height: 40px;
    vertical-align: middle;
    margin-right: 10px;
    transition: all 0.35s ease-in-out 0s;
}

.nav-nb-pairing.active::before,
.nav-nb-pairing:hover::before {
    background: url(/cms-storage/apple2020/icon-tab-number-pairing-active@2x.png) center center no-repeat;
    background-size: 100%;
}

.nav-compare::before {
    content: "";
    display: inline-block;
    background: url(/cms-storage/apple2020/icon-tab-compare@2x.png) center center no-repeat;
    background-size: 100%;
    width: 22px;
    height: 34px;
    vertical-align: middle;
    margin-right: 10px;
    position: relative;
    top: -2px;
    transition: all 0.35s ease-in-out 0s;
}

.nav-price::before {
    content: "";
    display: inline-block;
    background: url(/cms-storage/apple2020/icon-tab-price@2x.png) center center no-repeat;
    background-size: 100%;
    width: 37px;
    height: 37px;
    vertical-align: middle;
    margin-right: 10px;
    transition: all 0.35s ease-in-out 0s;
}

.tabs-container.tabs-icon .nav-tabs .nav-item .nav-link span {
    display: inline-block;
    font-size: 19px;
}

.tabs-container.tabs-icon .button-control {
    width: auto;
    margin-top: 0;
    margin-left: auto;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

.tabs-container .nav-tabs .nav-item:last-child .nav-link {
    margin-right: 0;
}

.tab-content.tab_dtac-2020 .tab-pane {
    padding-top: 0 !important;
}

.nav-tabs {
    border-bottom: transparent;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border-color: transparent;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: transparent;
}

.tabs-container .nav-tabs .nav-item .nav-link.active span {
    font-family: "dtac_2018bold";
}

.nav-tabs .nav-link {
    border: transparent;
}

.tabs-container .nav-tabs .nav-item .nav-link::after {
    content: "";
    position: absolute;
    width: 0;
    left: 0;
    bottom: 0;
    height: 6px;
    visibility: hidden;
    background: #19aaf8;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.tabs-container .nav-tabs .nav-item .nav-link {
    padding: 5px 0;
    border: none;
    position: relative;
    margin-right: 60px;
}

.tabs-container .nav-tabs .nav-item .nav-link:hover::after {
    width: 100%;
}

.tabs-container .nav-tabs .nav-item.show .nav-link::after,
.tabs-container .nav-tabs .nav-link.active::after,
.tabs-container .nav-tabs .nav-link:focus::after,
.tabs-container .nav-tabs .nav-link:hover::after {
    visibility: visible;
    width: 100%;
}

.tabs-container.tabs-icon .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


/* end */


/* list dropdown ประกัน */

.get-special>ul {
    background: #fff;
    border: 2px solid #a3deff;
    padding-left: 0;
}

.term-con>ul {
    list-style: none;
    padding-top: 0;
}

.get-special li {
    list-style: none;
}

.get-special>ul>li>header {
    padding: 16px 24px;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #d3d3d3;
    cursor: pointer;
}

.term-con>ul>li>header::after {
    content: "";
    position: absolute;
    top: 23px;
    right: 15px;
    -webkit-transition: all .35s ease-in-out 0s;
    -moz-transition: all .35s ease-in-out 0s;
    -ms-transition: all .35s ease-in-out 0s;
    -o-transition: all .35s ease-in-out 0s;
    transition: all .35s ease-in-out 0s;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 12px;
    height: 12px;
    background: url(https://www.dtac.co.th/dtac-library/assets/img/ico-tc-plus.png) center center no-repeat;
    background-size: 100% auto;
}

.term-con>ul>li>.content {
    margin-top: 20px;
}

.term-con.get-special>ul>li>.content>ul {
    padding-left: 0;
}

.get-special .content ul li {
    background: #0b538f;
    color: #fff;
    display: inline-block;
    width: 48%;
    margin: 4px 3px;
    border-radius: 8px;
    padding: 4px;
    border: 2px solid #fff;
    position: relative;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 17%);
}

.get-special .content ul li span {
    color: #fefd29;
}

.mbCare {
    background: #fff;
    width: auto;
    display: inline-block;
    padding: 2px 2px 2px 8px;
    border-radius: 4px;
}

.mbCare img {
    height: 24px;
    width: auto;
}

@media (min-width: 992px) {
    .get-special .content {
        width: 100%;
        max-width: 800px;
        padding-left: 0 !important;
        margin: 0 auto;
    }

    .get-special .content ul:last-child {
        width: 100%;
    }
}

.get-special .content {
    margin: 20px 0
}

.term-con.get-special>ul>li>.content>ul {
    padding-left: 0
}

.get-special li {
    list-style: none
}

.get-special li.active {
    display: inline-block;
    width: 100%;
    min-height: 210px
}

.get-special>ul {
    background: #fff;
    border: 2px solid #a3deff;
    padding-left: 0
}

.term-con>ul>li>.content>ul.check-list {
    padding-left: 0
}

.get-special>ul>li>header {
    padding: 16px 24px;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #d3d3d3;
    cursor: pointer
}

.get-special li.active {
    display: inline-block;
    width: 100%;
    min-height: 210px
}

.get-special .content {
    margin: 20px 8px
}

.term-con>ul>li.active>header::after {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    background: url(https://www.dtac.co.th/dtac-library/assets/img/ico-tc-minus.png) center center no-repeat;
    background-size: 100% auto;
    filter: none
}

.term-con>ul>li>header::after {
    content: "";
    position: absolute;
    top: 23px;
    right: 15px;
    -webkit-transition: all .35s ease-in-out 0s;
    -moz-transition: all .35s ease-in-out 0s;
    -ms-transition: all .35s ease-in-out 0s;
    -o-transition: all .35s ease-in-out 0s;
    transition: all .35s ease-in-out 0s;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 12px;
    height: 12px;
    background: url(https://www.dtac.co.th/dtac-library/assets/img/ico-tc-plus.png) center center no-repeat;
    background-size: 100% auto
}

.get-special .content ul li {
    background: #0b538f;
    color: #fff;
    display: inline-block;
    width: 48%;
    margin: 4px 3px;
    border-radius: 8px;
    padding: 4px;
    border: 2px solid #fff;
    position: relative;
    box-shadow: 2px 2px 5px rgb(0, 0, 0, 0.17)
}

.get-special .content ul li::before {
    content: "";
    position: absolute;
    top: -8px;
    left: -1px;
    width: 20px;
    height: 20px;
    background-image: url(/dtac-2021/assets/images/icons/icoCheck.svg);
    background-size: 100% auto;
    border-radius: 4px
}

.get-special .content ul li span {
    color: #fefd29
}

.get-special .content ul {
    padding: 0;
    display: flex;
    flex-flow: wrap
}

.get-special .icon.viu {
    max-width: 50px;
    width: 100%;
    vertical-align: middle;
    display: inline-block;
    border-radius: 4px
}

.get-special .icon img {
    vertical-align: top
}

.get-special .content ul li .icon.social {
    max-width: 130px;
    width: 100%
}

.tableDtacDefault .table tbody td:first-child {
    text-align: center
}

.term-con.-default .table thead>tr>th,
.term-con.-default .table tbody td {
    white-space: nowrap
}

.term-con .content li .tc-content-2 {
    padding: 0
}

.get-special .content ul li:last-child {
    display: flex;
    flex-direction: column;
}

.mbCare {
    background: #fff;
    width: auto;
    display: inline-block;
    padding: 2px 2px 2px 8px;
    border-radius: 4px
}

.mbCare img {
    height: 24px;
    width: auto
}

.listDropdown {
    background: #fff;
    border: 2px solid #a3deff;
}

.listDropdown header {
    padding: 15px;
    position: relative;
}

.listDropdown ul {
    margin: 0;
    padding: 0;
}

.listDropdown.term-con>ul>li>header::after {
    content: "";
    position: absolute;
    top: 23px;
    right: 15px;
    -webkit-transition: all .35s ease-in-out 0s;
    -moz-transition: all .35s ease-in-out 0s;
    -ms-transition: all .35s ease-in-out 0s;
    -o-transition: all .35s ease-in-out 0s;
    transition: all .35s ease-in-out 0s;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 12px;
    height: 12px;
    background: url(https://www.dtac.co.th/dtac-library/assets/img/ico-tc-plus.png) center center no-repeat;
    background-size: 100% auto;
    top: 50%;
    transform: translate(-50%, -50%);
}

.listDropdown.term-con>ul>li.active>header::after {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    background: url(https://www.dtac.co.th/dtac-library/assets/img/ico-tc-minus.png) center center no-repeat;
    background-size: 100% auto;
    filter: none;
    transform: translate(-50%, -50%);
}

@media(min-width:768px) {
    .get-special .content ul {
        width: 100%;
        display: inline-block;
        float: left
    }

    .get-special .content ul:last-child {
        width: 100%
    }

    .get-special .content ul li {
        float: left;
        padding: 8px
    }

    .get-special .content ul li {
        min-height: 100px
    }

    .step-register .-circle {
        left: 30px;
    }

    .get-special .content ul li:nth-child(1),
    .get-special .content ul li:nth-child(2) {
        min-height: 151px
    }

    .innerDevice .wrapCard {
        min-height: 530px
    }

    .en .innerDevice .wrapCard {
        min-height: 610px
    }

    .images-device {
        display: flex;
    }

    .images-device .colSpacialGift {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50%;
    }

    .images-device .colSpacialGift .colImages img {
        height: 100px;
        width: auto;
    }

    .images-device .colSpacialGift .col-detail {
        max-width: 350px;
        width: 100%;
    }
}

@media(max-width:767px) {
    .get-special .content ul li {
        width: 100%
    }

    .remark-detail ul {
        min-height: 56px !important
    }

    .en .remark-detail ul {
        min-height: 84px !important
    }

    .step-register .rg-step {
        max-width: 275px;
        margin-bottom: 45px
    }

    .innerDevice .wrapCard {
        min-height: 450px
    }

    .en .innerDevice .wrapCard {
        min-height: 500px
    }

    .images-device {
        display: flex;
        flex-direction: column;
    }

    .images-device .colSpacialGift {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .images-device .colSpacialGift .colImages img {
        height: 80px;
        width: auto;
    }

    .images-device .colSpacialGift .col-detail {
        max-width: 300px;
        width: 100%;
    }
}

@media(min-width:992px) {
    .get-special .content {
        width: 100%;
        max-width: 800px;
        padding-left: 0 !important;
        margin: 0 auto
    }

    .get-special .content ul {
        width: 100%
    }

    .get-special .content ul:last-child {
        width: 100%
    }

    .icon.social img {
        max-width: 135px;
        width: 100%
    }

    .get-special .content ul {
        margin: 20px 0
    }
}


/* end list dropdown ประกัน */

.specialGift {
    list-style: none;
    flex-direction: column;
    margin: 12px auto;
}

.specialGift ul {
    padding: 0;
    margin: 0;
}

.specialGift ul li {
    align-items: flex-start !important;
    justify-content: center;
    width: 100%;
    list-style: none;
}

.specialGift .icoSpacailGift {
    margin: 12px auto;
}

.specialGift .icoSpacailGift>div {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 85px;
    border-radius: 8px;
    overflow: hidden;
    max-width: 210px;
    width: 100%;
    margin: 0 auto;
}

.en .specialGift .icoSpacailGift>div {
    max-width: 240px;
}

.en .specialGift .icoSpacailGift .pDetail {
    width: 200px;
}

.specialGift .icoSpacailGift>div::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.specialGift .icoSpacailGift>div::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
    background: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.specialGift .icoSpacailGift .pNumber {
    text-align: center;
    display: flex;
    background: #FF4173;
    width: 45px;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.specialGift .icoSpacailGift .pNumber span {
    display: flex !important;
    flex-direction: column;
    line-height: 1 !important;
    justify-content: center;
}

.specialGift .icoSpacailGift .pNumber span small {
    font-size: 12px;
}

.specialGift .icoSpacailGift .pDetail {
    line-height: 1;
    padding: 8px;
    height: 100%;
    background: #2D28CD;
    width: 165px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.2;
}

.specialGift .icoSpacailGift .pDetail small {
    color: #FAED3C;
    width: 100%;
    display: flex;
    align-items: baseline;
    line-height: 1 !important;
}

.specialGift .icoSpacailGift .pDetail small span {
    line-height: 1 !important;
}

.specialGift .icoSpacailGift .pDetail small.tH2D {
    line-height: 1 !important;
}

.specialGift .icoSpacailGift .pDetail a {
    padding-left: 8px;
    cursor: pointer;
    color: #fff;
}

.specialGift .icoSpacailGift .pDetail a:hover {
    color: #A3DEFF;
}

@media(min-width:768px) {
    .specialGift ul {
        padding: 0;
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        justify-content: center !important;
        align-items: flex-start;
    }

    .specialGift img {
        margin: 0 auto;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .specialGift ul {
        padding: 0;
        width: 100%;
        margin: 0 auto;
    }
}

.fcb-shop {
    max-width: 330px;
    width: 100%;
    padding: 16px 12px;
    height: auto;
    background: #FFFFFF;
    box-shadow: 0px 4px 8px rgba(96, 97, 112, 0.16);
    border-radius: 4px;
}

.fcb-shop h3 {
    margin-bottom: 8px;
}

.fcb-shop .inner-tc {
    background: #FFFFFF;
    box-shadow: inset 0px 0.5px 4px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    padding: 12px;
    height: 300px;
    overflow-y: scroll;
}

.fcb-shop .inner-tc h4 {
    padding-bottom: 4px;
}

.fcb-shop .inner-tc ul {
    padding-left: 20px;
}

.fcb-shop .button-control {
    text-align: center;
}

.scBoxSet .innerSet .iconItem .-images {
    height: 50px;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
}

.scBoxSet .innerSet .iconItem .-images p {
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 1px;
}

.scBoxSet .innerSet .iconItem img.icoCreditCard {
    height: auto;
    width: 31px;
    margin: 0 auto;

}

.scBoxSet .innerSet .iconItem .-images .icoCreditCard {
    margin-right: 8px;
}

.scBoxSet .innerSet .iconItem .items-device img {
    height: 50px;
    width: auto;
}

@media (min-width: 768px) {
    .fcb-shop {
        height: auto;
    }

    .table-slider .table-package-container .table-member tr th div,
    .table-slider .table-package-container .table-customer tr th div {
        font-size: 14px !important;
    }

    .table-slider .table-package-container .table-member tr .bGoldGd div,
    .table-slider .table-package-container .table-member tr .bPlatinumGd div {
        font-size: 12px !important;
    }

    .free-boxset.scSpacial {
        max-width: 100%;
    }
}


@media (max-width: 767px) {

    // .table-slider .table-package-container .table-member tr th div,
    // .table-slider .table-package-container .table-customer tr th div {
    //     font-size: 12px !important;
    // }

    // .table-slider .table-package-container .table-member tr .bGoldGd div,
    // .table-slider .table-package-container .table-member tr .bPlatinumGd div {
    //     font-size: 10px !important;
    // }

    .table-slider .table-package-container .table-member tr th div,
    .table-slider .table-package-container .table-customer tr th div {
        font-size: 10px !important;
    }

    .scBoxSet .innerSet .iconItem .items-device img {
        height: 60px !important;
    }

    .scBoxSet .innerSet .iconItem .items-device {
        min-height: 120px;
    }

    .scBoxSet .innerSet .iconItem {
        width: 250px;
        max-width: 100%;
    }
}