@media (min-width: 768px) {
}

@media (min-width: 1024px) {
    #localnav-fixed.fixto-fixed~.section-featured {
        padding-top: 85px;
    }
    .nav-anchor {
        display: block;
        position: absolute;
        bottom: 0;
        width: 1px;
        height: 1px;
    }
    .section.section-highlight .sc-heading {
        font-size: 33px;
    }
}

@media (min-width: 1025px) {
    
}

@media (min-width: 1400px) {
    
}

@media (min-height: 800px) {
    
}

@media (max-width: 1023px) {
    
}

@media (max-width: 320px) {
    
}

@media (min-width: 320px) and (max-width: 359px) {   
}

@media (min-width: 360px) and (max-width: 400px) {
}

@media (min-width: 371px) and (max-width: 767px) {
}

@media (min-width: 380px) and (max-width: 767px) {
}

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {
}

@media (min-width: 768px) and (max-width: 1023px) {
    
}

@media (min-width: 768px) and (max-width: 1159px) {
    
}



@media (min-width: 1160px) {
    
}
@media (min-width: 1280px) {
    
}

@media (min-width: 1400px) {
}

@media (min-width: 1750px) {
}

@media (min-width: 1024px) and (max-width: 1400px) {
    
}

@media (min-width: 960px) and (max-width: 1152px) {
    
    
}

@media (min-width: 768px) and (max-width: 959px) {
    .section-detail .item p {
        font-size: 16px;
    }
    .section-detail .row-note {
    margin-top: 85px;
    margin-left: 80px;
}
    .section-featured .item h3 {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .section.section-highlight .sc-heading {
        font-size: 20px;
    }
    .section-bg-fixed.section-ct-right .sc-bgimg {
        background: url(../images/banner-cancer.jpg) center top no-repeat!important;
        background-size: cover!important;
    }
    .en .section-bg-fixed.section-ct-right .sc-bgimg {
        background: url(../images/banner-cancer.jpg) center top no-repeat!important;
        background-size: cover!important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .localnav-links, .localnav-links-wrap {
        max-width: 70%;
    }
    .localnav {
        font-size: 13px;
    }
    .section-process {
        background: url(../images/bg-banner-detail.jpg) center no-repeat;
        background-size: cover;
        height: 300px;
    }
    .box-process {
        margin-top: 35px;
        margin-right: 50px;
    }
    .box-process li {
        padding: 0 18px;
        display: inline-block;
        float: none;
    }
    .box-process li:before {
        width: 19px;
        height: 17px;
        background: url(../images/icon-arrw-process.png) 0 0 no-repeat;
        background-size: 100%;
        left: -9px;
        margin-top: -30px;
    }
    
    .box-process li:after {
        width: 50px;
        height: 50px;
    }
    .box-process li.icon-pc-1:after {
        background: url(../images/icon-process-01.png) 0 0 no-repeat;
        background-size: 100%;
    }
    .box-process li.icon-pc-2:after {
        background: url(../images/icon-process-02.png) 0 0 no-repeat;
        background-size: 100%;
    }
    .box-process li.icon-pc-3:after {
        background: url(../images/icon-process-03.png) 0 0 no-repeat;
        background-size: 100%;
    }
    .box-process li p {
        font-size: 80px;
    }
}
@media (max-width: 767px) {
    .section-featured {
        padding-top: 0;
        padding-bottom: 0;
    }
    .section-featured .sc-inner {
        padding-bottom: 20px;
    }
    .section.section-featured .sc-heading {
        margin-bottom: 10px;
    }
    .section-featured .row {
        margin-left: -15px;
        margin-right: -15px;
    }
    .section-featured .item {
        padding: 30px 0;
    }
    .section-featured .item:first-child {
        border-bottom: 1px solid #e2e2e2;
    }
    .section-featured .item .icon {
        width: 117px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px;
        min-height: inherit;
    }
    .section-featured .item:first-child .icon {
        width: 85px;
    }
    .section-featured .item h3 {
        font-size: 16px;
        margin-bottom: 0;
    }
    .section-featured .item h3 br {
/*        display: none;*/
    }
    
    .section-process {
        background: none;
        height: auto;
        background: #e2ebea;
    }
    .section.section-process .sc-inner {
        padding-top: 0;
    }
    .img-process {
        margin-left: -15px;
        margin-right: -15px;
    }
    .box-process {
        float: none;
        margin-top: 30px;
        text-align: center;
    }
    .en .box-process {
        margin-top: 30px;
    }
    .icw .box-process li {
        padding: 0 18px;
        display: inline-block;
        float: none;
    }
    .box-process li:before {
        width: 19px;
        height: 17px;
        background: url(../images/icon-arrw-process.png) 0 0 no-repeat;
        background-size: 100%;
        left: -9px;
        margin-top: -30px;
    }
    .en .box-process li:before {
        margin-top: -33px;
    }
    .box-process li:after {
        width: 50px;
        height: 50px;
    }
    .box-process li.icon-pc-1:after {
        background: url(../images/icon-process-01.png) 0 0 no-repeat;
        background-size: 100%;
    }
    .box-process li.icon-pc-2:after {
        background: url(../images/icon-process-02.png) 0 0 no-repeat;
        background-size: 100%;
    }
    .box-process li.icon-pc-3:after {
        background: url(../images/icon-process-03.png) 0 0 no-repeat;
        background-size: 100%;
    }
    .box-process li p {
        font-size: 24px;
    }
    .en .box-process li p {
        font-size: 24px;
    }
    .section.section-detail .sc-inner {
        padding-bottom: 0;
    }
    .section.section-premium .sc-inner {
        padding-bottom: 0;
    }
    .section.section-condition .sc-inner {
        padding-bottom: 0;
    }
    .table {
        border-top: 3px solid #23a960;
    }
    .table th, .table td {
        display: block;
        border-left: none;
        font-size: 16px;
    }
    .table tbody tr {
        border-top: none;
    }
    
    .table-ins-detail .table th.text-center, .table-ins-detail .table th.col-plan, .table-ins-detail .table td.col-num {
        text-align: left!important;
    }
    
    .list-bl-tb,.table td h3.head-row  {
        padding-left: 0!important;
        font-size: 16px;
    }
    .list-bl-tb:before {
        display: none;
        top: 11px;
        left: 0;
    }
    .table-ins-detail tbody td {
        position: relative;
        border-bottom: 1px solid #f0f0f0;
        padding-left: 44%;
        font-family: 'kurious-looped';
    }
    .table-ins-detail .table td.col-num {
/*        padding-left: 32%;*/
    }
    .table-ins-detail tbody .header-row td:first-child {
        padding-left: 0;
        padding-bottom: 0;
        border-bottom: none;
    }
    .table-ins-detail tbody td:before {
        font-family: 'kurious-looped';
        font-weight:600;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background: #fafafa;
        width: 38%;
        display: block;
        padding: 14px 12px;
    }
    .table-ins-detail tbody td.col-cover, .col-mg-top {
        margin-top: 15px;
        border-top: 1px solid #f0f0f0;
    }
    .table-ins-detail tbody td.col-cover:before {
        content: 'ความคุ้มครอง';
    }
    .table-ins-detail tbody td.plan1:before {
        content: 'แผน 1';
    }
    .table-ins-detail tbody td.plan2:before {
        content: 'แผน 2';
    }
    .table-ins-detail tbody td.plan3:before {
        content: 'แผน 3';
    }
    .en .table-ins-detail tbody td.col-cover:before {
        content: 'Coverage';
    }
    .en .table-ins-detail tbody td.plan1:before {
        content: 'Plan 1';
    }
    .en .table-ins-detail tbody td.plan2:before {
        content: 'Plan 2';
    }
    .en .table-ins-detail tbody td.plan3:before {
        content: 'Plan 3';
    }
    .table-ins-detail thead {
        display: none;
    }
    .icw .table h3 {
        font-size: 26px;
        margin-top: 5px;
    }
    .icw .table h3 br {
        display: none;
    }
    .table-premium tbody td {
        position: relative;
        border-bottom: 1px solid #f0f0f0;
        padding-left: 44%;
        font-family: 'kurious-looped';
    }
    .table-premium tbody td.col-num {
        text-align: left!important;
    }
    .table-premium tbody tr:nth-child(odd) {
        background: #fff;
    }
    .table-premium thead {
        display: none;
    }
    .table-premium tbody td.old {
        margin-top: 15px;
        border-top: 1px solid #f0f0f0;
    }
    .table-premium tbody tr:first-child td.old {
        margin-top: 0;
    }
    .table-premium tbody td:before {
        font-family: 'kurious-looped';
        font-weight:600;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background: #fafafa;
        width: 38%;
        display: block;
        padding: 14px 12px;
    }
    .table-premium tbody td.old:before {
        content: 'อายุ';
    }
    .table-premium tbody td.plan1:before {
        content: 'แผน 1';
    }
    .table-premium tbody td.plan2:before {
        content: 'แผน 2';
    }
    .table-premium tbody td.plan3:before {
        content: 'แผน 3';
    }
    .en .table-premium tbody td.old:before {
        content: 'Age';
    }
    .en .table-premium tbody td.plan1:before {
        content: 'Plan 1';
    }
    .en .table-premium tbody td.plan2:before {
        content: 'Plan 2';
    }
    .en .table-premium tbody td.plan3:before {
        content: 'Plan 3';
    }
    .section-condition .list-order, .section-condition .list-bl {
        margin-bottom: 20px;
    }
}