.banner-iphone11pro {
    background: url(/iphone-11/assets/images/iPhone_11_Pro_Web_Banner_TH_desktop_16oct19.jpg) center center no-repeat
}

.banner-iphone11 {
    background: url(/iphone-11/assets/images/iPhone_11_Web_Banner_TH_desktop_16oct.jpg) center center no-repeat
}

.button-control .bttn-blue.disable {
    color: #767676;
    background: #d6d6d6
}

.table-container.-grey .table-bordered th {
    white-space: nowrap
}

.section-control:nth-child(3) .inner-title .wrapper>h4 {
    margin-top: 55px
}

.section-control:nth-child(4) .inner-title .wrapper>h4 {
    margin-top: 20px
}

.inner-title .wrapper .ico-member {
    top: 0;
    vertical-align: middle
}

.inner-title .wrapper .ico-member {
    display: inline-block;
    vertical-align: middle;
    display: inline-block;
    width: 100%;
    position: relative;
    top: 0;
    max-width: 100%;
    margin-left: 0
}

.inner-title.-dsg-blue .wrapper>h3 .ico-member p {
    font-size: 3.125rem
}

.inner-topic h4 img {
    max-width: 100%
}

.inner-topic .ico-member {
    display: inline-block
}

.inner-topic,
.inner-topic>p {
    display: inline-block;
    font-size: 1.375rem
}

/*.table-container .table-bordered tbody td.c-blue .txt-td {
    height: 57px;
    line-height: 42px
}*/

.landing-title>h1,
.landing-title>h2 span {
    color: #fff;
    font-size: 3.25rem;
    line-height: 1.3
}

.landing-title>h2 {
    font-size: 2.5rem;
    color: #fff
}

ul.check-list li p {
    text-align: left
}

.tc-list li .content ul li {
    font-size: 14px
}

.tc-list li .content p {
    font-size: 16px;
    margin: 10px 0
}

.card-preorder .topic-wrapper {
    padding-left: 90px
}

.card-preorder .icon {
    max-width: 90px
}

.tc-list li .content ol li ol>li {
    list-style: none
}

.tc-list li .content ol li>ol {
    padding-left: 20px
}

.tc {
    margin-top: 0
}

.table thead tr.head-table th {
    white-space: nowrap
}

.table thead tr.head-table th .txt-th>small {
    font-family: dtac_2018regular
}

.tc-list>li header.head-tc {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #d3d3d3;
    cursor: pointer;
    padding: 15px 0
}

ul.term-con>li>header::after {
    content: "";
    position: absolute;
    top: 24px;
    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
}

ul.term-con>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
}

ul.tc-list.term-con>li:after {
    display: none
}

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

#landing-device .section-control .container,
#landing-device section.section-control.tc .container,
section.faq .container {
    max-width: 1140px;
    padding-right: 15px;
    padding-left: 15px
}

.inner-title .wrapper>h3 {
    font-size: 2.75rem
}

.tc-list.inner-list>li:after {
    display: none
}

ul.tc-list.term-con>li .content ol.inner-list {
    padding-left: 20px
}

.tabs-container.tabs-icon .dtac-dd {
    height: 90px;
    padding: 30px 0 0
}

.dtac-dd-content {
    margin-top: -1px
}

.tabs-container.tabs-icon .container {
    border-bottom: none
}

.tabs-container.tabs-icon {
    background: #fff
}

.tabs-container.tabs-icon .dtac-dd a {
    text-decoration: none
}

ul.tc-list.term-con>li>header {
    padding: 15px 0;
    border-bottom: 1px solid #d3d3d3
}

.tabs-container.tabs-icon .nav-tabs .nav-item .nav-link {
    margin-right: 60px;
}

.tabs-container.tabs-icon .nav-tabs .nav-item {
    margin-left: 35px;
    margin-right: 35px;
}

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

.tabs-container .nav-tabs .nav-item .nav-link::after {
    content: "";
    position: absolute;
    width: 0;
    bottom: 0;
    height: 6px;
    left: 0;
    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;
}

.nav-tabs {
    border: none;
}


@media only screen and (min-width:1200px) {
    .banner-iphone11pro .button-control {
        margin: 240px 0 0 760px
    }

    .banner-iphone11 .button-control {
        margin: 240px 0 0 670px
    }
}

@media only screen and (max-width:991px) {
    ul.check-list li {
        width: 100%
    }

    .landing-title h1,
    .landing-title h3 {
        font-size: 1.7rem
    }

    .section-control:nth-child(3) .inner-title .wrapper>h4 {
        margin-top: 40px
    }

    .card-preorder .topic-wrapper {
        padding-left: 0
    }

    .inner-title .wrapper>h3,
    .inner-title.-dsg-blue .wrapper>h3 {
        font-size: 2rem
    }
}

@media only screen and (max-width:767px) {
    .banner-iphone11pro {
        background: url(/iphone-11/assets/images/iPhone_11_Pro_Web_Banner_TH_mobile_16oct.jpg) center center no-repeat;
        background-size: auto 300px
    }

    .banner-iphone11 {
        background: url(/iphone-11/assets/images/iPhone_11_Web_Banner_TH_mobile_16oct.jpg) center center no-repeat;
        background-size: auto 300px
    }

    .table-bank tbody tr td img {
        height: 37px;
        padding-bottom: 7px
    }

    .section-control:nth-child(4) .inner-title .wrapper>h4 {
        margin-top: 30px
    }

    #landing-device .banner-iphone11pro {
        background: url(/iphone-11/assets/images/iPhone_11_Pro_Web_Banner_TH_mobile_16oct.jpg) center center no-repeat;
        background-size: auto 300px;
        background-color: #000
    }

    .landing-title h1,
    .landing-title h3 {
        font-size: 20px
    }

    .inner-topic .ico-member {
        text-align: center;
        width: 100%
    }

    .section-control.-grey .clone {
        top: 0
    }

    .table-container.-grey .cd-scroll-right {
        top: 100px
    }

    .butler-x ul.tc-list:nth-child(2) {
        margin-top: 20px;
        margin-bottom: 0
    }

    .section-control:nth-child(5) .table-container.-grey .table-bordered th {
        white-space: unset;
        width: 30%
    }

    .section-control:nth-child(2) .inner-title.-dsg-blue .wrapper>h3,
    .section-control:nth-child(5) .inner-title.-dsg-blue .wrapper>h3 {
        padding: 20px 30px 15px 30px;
        font-size: 30px
    }

    .section-control:nth-child(3) .inner-title .wrapper>h4,
    .section-control:nth-child(4) .inner-title .wrapper>h4 {
        margin-top: 25px
    }

    .tc-list>li header.head-tc {
        font-size: 16px
    }

    .inner-title .wrapper>h3,
    .inner-title.-dsg-blue .wrapper>h3 {
        font-size: 22px
    }

    .landing-title>h1,
    .landing-title>h2 span {
        font-size: 2rem
    }

    ul.tc-list.term-con>li>header {
        padding-right: 30px
    }
}

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

    .section-control:nth-child(2) .inner-title.-dsg-blue .wrapper>h3,
    .section-control:nth-child(5) .inner-title.-dsg-blue .wrapper>h3 {
        padding: 20px 25px 15px 25px;
        font-size: 28px
    }

    .landing-title h1,
    .landing-title h3 {
        font-size: 17px
    }
}

.table-bank {
    border: 1px solid #dee2e6 !important
}

.table-bank thead tr th {
    background-color: #f5f5f5
}

.table-bank tbody tr td {
    padding: 15px 10px 15px 10px
}

.table-bank tbody tr td img {
    height: 35px;
    padding-left: 3px
}

.section-control .section-apple-tv {
    background: #f5f5f5;
    margin-top: 45px;
    padding: 20px
}

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

.section-apple-tv .ico-apple-tv {
    display: inline-block;
    position: relative;
    padding: 5px 10px 30px 10px
}

.tabs-container.tabs-icon .dtac-dd {
    height: 90px;
    padding: 30px 0 0
}

.inner-tabs-control {
    overflow: visible;
    width: 100%
}

.card-preorder .inner-wrapper {
    max-width: 400px
}

.term-con>ul>li.bank-pmt {
    padding: 15px 0 15px 34px;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #d3d3d3;
    cursor: pointer;
}

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

.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%;
}

.viewmore-tab2 {
    position: absolute;
    top: 320px;
    left: 20px;
}

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

.compare-ipad {
    position: relative;
}

.compare-ipad .button-control {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.compare-ipad .button-control.new-ipad,
.compare-ipad .button-control.ipad-air {
    margin-top: 190px;
}

.compare-ipad .button-control.ipad-mini {
    margin-top: 230px;
}


@media(min-width:992px) {
    .dtac-2020_tabs-control .inner-tabs-control {
        z-index: 200;
        width: 100%;
        position: relative;
        text-align: center;
        top: 0 !important;
    }

    .ipad-mini .tabs-container.tabs-icon .button-control {
        width: 125px
    }

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

@media(max-width:991px) {
    .tabs-container.tabs-icon .dtac-dd {
        height: 55px;
        padding: 15px 0 0
    }

    .dtac-dd-content {
        margin-top: 0
    }

    .tabs-container.tabs-icon .nav-tabs .nav-item {
        margin-left: 0;
        margin-right: 0;
    }

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

    .tabs-container.tabs-icon .nav-tabs {
        margin-top: 56px;
    }
}

@media(max-width: 767px) {
    .term-con>ul>li.bank-pmt {
        padding: 15px 20px 15px 0
    }

    .tabs-container.tabs-icon .nav-tabs .nav-item {
        margin-left: 12px;
        margin-right: 12px;
        width: 25%;
    }
}

@media(max-width: 320px) {
    .tabs-container.tabs-icon .nav-tabs .nav-item {
        margin-left: 4px;
        margin-right: 4px;
        width: 30%;
    }
}