@font-face {
    font-family: 'Thongterm_krungsri2';
    src: url('/bank/CMSWebParts/KrungsriGuru/plearn/Thongterm_krungsri/webfont/thongterm_roman-webfont.eot');
    src: url('/bank/CMSWebParts/KrungsriGuru/plearn/Thongterm_krungsri/webfont/thongterm_roman-webfont.eot')\9;
    src: url('/bank/CMSWebParts/KrungsriGuru/plearn/Thongterm_krungsri/webfont/thongterm_roman-webfont.eot?') format('embedded-opentype'),url('/bank/CMSWebParts/KrungsriGuru/plearn/Thongterm_krungsri/webfont/thongterm_roman-webfont.woff') format('woff'),url('/bank/CMSWebParts/KrungsriGuru/plearn/Thongterm_krungsri/webfont/thongterm_roman-webfont.ttf') format('truetype'),url('/bank/CMSWebParts/KrungsriGuru/plearn/Thongterm_krungsri/webfont/thongterm_roman-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility
}

.ks-container h2 {
    height: unset !important;
    margin-top: unset !important;
    margin-bottom: .5rem !important;
    font-weight: unset !important;
    line-height: 1.2 !important;
}

.exchage-rate span {
    color: #FFF
}

h2 span {
    color: black !important;
}

h2, h3 {
    font-family: 'Thongterm-Roman' !important
}

button.btn.btn-krugsri-1 {
    height: auto !important;
    line-height: 1.5 !important
}

span#p_lt_ctl06_pageplaceholder_p_lt_ctl03_BoardingCard_lblDate {
    color: #000 !important
}

#lblTitle {
    color: black
}

.krugsri-tabs .krugsri-tabs-content .exchage-rate {
    background-color: #ffe57b !important
}

.table thead ~ tbody tr:nth-of-type(odd), .table thead ~ tbody tr:nth-of-type(odd) th {
    background: #ffea94
}

.table thead ~ tbody tr:nth-of-type(even), .table thead ~ tbody tr:nth-of-type(even) th {
    background: #ffe57b
}

    .table thead ~ tbody tr:nth-of-type(even), .table thead ~ tbody tr:nth-of-type(even) td {
        background: #ffe57b
    }

.exchage-rate #p_lt_ctl07_pageplaceholder_p_lt_ctl08_BoardingCard_lblDateexchage-rate {
    padding: 10px 20px;
    display: block;
    width: 100%;
    text-align: right
}

.btn-krugsri {
    height: auto !important;
    line-height: 1.5 !important
}

div#v-pills-home .card {
    padding: 0
}

.table.b__step-table tbody tr:nth-of-type(odd) {
    background: transparent
}

.table.b__step-table tbody tr {
    background: transparent
}

#topbg {
    position: relative
}

.m-t50 {
    margin-top: 50px
}

body {
    overflow-x: hidden
}

a {
    color: black
}

    a:hover {
        color: black
    }

.preview-area {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f4f5f0;
    z-index: 2500;
    position: fixed
}

.spinner {
    width: 60px;
    height: 60px;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    right: 50%;
    bottom: 50%;
    transform: translate(-50%,-50%)
}

.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #412c64;
    opacity: .9;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2s infinite ease-in-out;
    animation: sk-bounce 2s infinite ease-in-out
}

.double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes sk-bounce {
    0%,100% {
        -webkit-transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bounce {
    0%,100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.loader {
    font-size: 10px;
    margin: 50px auto;
    text-indent: -9999em;
    width: 5em;
    height: 5em;
    border-radius: 50%;
    background: #ffcd00;
    background: -moz-linear-gradient(left,#ffcd00 10%,rgba(255,255,255,0) 42%);
    background: -webkit-linear-gradient(left,#ffcd00 10%,rgba(255,255,255,0) 42%);
    background: -o-linear-gradient(left,#ffcd00 10%,rgba(255,255,255,0) 42%);
    background: -ms-linear-gradient(left,#ffcd00 10%,rgba(255,255,255,0) 42%);
    background: linear-gradient(to right,#ffcd00 10%,rgba(255,255,255,0) 42%);
    position: relative;
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

    .loader:before {
        width: 50%;
        height: 50%;
        background: #ffcd00;
        border-radius: 100% 0 0 0;
        position: absolute;
        top: 0;
        left: 0;
        content: ''
    }

    .loader:after {
        background: #f4f5f0;
        width: 75%;
        height: 75%;
        border-radius: 50%;
        content: '';
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0
    }

@-webkit-keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.quick-block {
    padding-left: 7.5px;
    padding-right: 7.5px
}

.quick-block-l {
    padding-left: 7.5px
}

.quick-block-r {
    padding-right: 7.5px
}

.quick-block-l-0 {
    padding-left: 0
}

.quick-block-r-0 {
    padding-right: 0
}

.btn-krugsri {
    color: #554242 !important;
    background-color: #ffd400 !important;
    border-color: #ffd400 !important;
    padding: 10px 30px;
    font-size: 18px
}

    .btn-krugsri:hover {
        color: #554242 !important;
        background-color: #ffd400 !important;
        border-color: #ffd400
    }

.btn-krugsri-bg {
    color: #554242 !important;
    background-color: #ffd400 !important;
    border-color: #ffd400 !important
}

    .btn-krugsri-bg:hover {
        color: #554242 !important;
        background-color: #ffd400 !important;
        border-color: #ffd400
    }

.btn-krugsri-1 {
    color: black;
    background-color: transparent;
    border-color: transparent;
    padding: 10px 30px;
    font-size: 18px;
    width: 100%
}

    .krugsri-owl .btn-krugsri-1.active, .btn-krugsri-1.active {
        background-color: #ffce07;
        border-color: #ffce07
    }

    .btn-krugsri-1:hover {
        color: #fff;
        background-color: #ffce07;
        border-color: #ffce07
    }

.krugsri-carousel .carousel-inner {
    overflow: visible
}

.krugsri-carousel .carousel-indicators {
    text-align: right;
    float: right;
    right: 1% !important;
    left: inherit;
    margin-left: 15px;
    margin-right: 15px;
    width: auto
}

    .krugsri-carousel .carousel-indicators li {
        width: 8px;
        height: 8px;
        border-radius: 100%;
        background-color: white;
        margin-right: 5px;
        margin-left: 5px
    }

        .krugsri-carousel .carousel-indicators li.active {
            background-color: #ffc107
        }

.krugsri-carousel .krugsri-ctrl-01 {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -50px
}

.krugsri-carousel .krugsri-ctrl-02 {
    position: absolute;
    left: 38%;
    -webkit-transform: translateX(-40%);
    transform: translateX(-50%);
    bottom: 0
}

.krugsri-carousel .krugsri-ctrl-text {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-40%);
    transform: translateX(-50%);
    top: 10%
}

    .krugsri-carousel .krugsri-ctrl-text p {
        color: white;
        text-align: center;
        font-size: 36px;
        margin-bottom: 0;
        line-height: 36px
    }

        .krugsri-carousel .krugsri-ctrl-text p small {
            color: #ffda01;
            font-size: 50%
        }

.krugsri-tabs {
    position: relative;
    margin-top: 100px
}

    .krugsri-tabs .nav-item {
        margin: 0 3px
    }

        .krugsri-tabs .nav-item a {
            font-size: 18px;
            color: black;
            padding: .5rem 1rem
        }

            .krugsri-tabs .nav-item a:hover {
                border-bottom: 5px solid #ffc107;
                background-color: unset
            }

            .krugsri-tabs .nav-item a.active {
                border-bottom: 5px solid #ffc107;
                background-color: unset
            }

    .krugsri-tabs .krugsri-tabs-content {
        margin-top: 50px;
        margin-bottom: 50px
    }

        .krugsri-tabs .krugsri-tabs-content .dropdown-menu {
            border: 0 solid rgba(0,0,0,.15);
            margin: 0;
            left: -30px !important
        }

        .krugsri-tabs .krugsri-tabs-content .dropdown-item {
            font-size: 14px
        }

        .krugsri-tabs .krugsri-tabs-content .exchage-card {
            background-color: #ffce07;
            width: 100%;
            border-radius: 8px;
            padding: 20px;
            margin-bottom: 15px
        }

            .krugsri-tabs .krugsri-tabs-content .exchage-card h2 {
                font-size: 18px
            }

            .krugsri-tabs .krugsri-tabs-content .exchage-card p {
                font-size: 14px
            }

        .krugsri-tabs .krugsri-tabs-content .exchage-rate {
            background-color: #756862;
            width: 100%;
            height: auto;
            border-radius: 8px;
            padding-bottom: 0;
            margin-top: 15px
        }

            .krugsri-tabs .krugsri-tabs-content .exchage-rate.qr-rate {
                background-color: #ffe57b
            }

            .krugsri-tabs .krugsri-tabs-content .exchage-rate h2 {
                padding: 30px 30px 15px 30px;
                font-size: 16px;
                color: white
            }

            .krugsri-tabs .krugsri-tabs-content .exchage-rate.qr-rate h2 {
                color: black;
                background-color: #ffe57b;
                border-radius: 8px 8px 0 0
            }

            .krugsri-tabs .krugsri-tabs-content .exchage-rate h2 p {
                margin: 0
            }

            .krugsri-tabs .krugsri-tabs-content .exchage-rate table {
                padding: 30px 30px 30px 30px;
                color: white;
                font-size: 16px;
                margin-bottom: 15px
            }

            .krugsri-tabs .krugsri-tabs-content .exchage-rate.qr-rate table {
                color: black
            }

            .krugsri-tabs .krugsri-tabs-content .exchage-rate table img {
                padding: 0 5px 0 5px
            }

.table-krugsri, .table-krugsri > td, .table-krugsri > th {
    background-color: rgba(255,255,255,.1)
}

    .table-krugsri .table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
        font-weight: normal;
        font-size: 14px
    }

.krugsri-tabs .krugsri-tabs-content .exchage-privilege {
    position: relative;
    background-color: #fff4d4;
    width: 100%;
    border-radius: 8px;
    padding: 30px;
    min-height: 320px;
    margin-bottom: 15px
}

    .krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right {
        position: absolute;
        right: 50px;
        z-index: 0;
        top: 60px;
        opacity: .1
    }

        .krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right img {
            margin-right: 30px
        }

        .krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right .text h2 {
            font-size: 20px;
            color: #000
        }

        .krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right .text p {
            font-size: 14px;
            color: #000
        }

.krugsri-tabs .krugsri-tabs-content .krugsri-qr {
    position: relative;
    background-color: #756762;
    border-radius: 0 0 5px 5px;
    margin-bottom: 15px;
    width: 100%;
    -webkit-box-shadow: 10px 10px 22px 0 rgba(0,0,0,.22);
    -moz-box-shadow: 10px 10px 22px 0 rgba(0,0,0,.22);
    box-shadow: 10px 10px 22px 0 rgba(0,0,0,.22);
    padding: 0 15px 15px 15px;
    min-height: 200px
}

.krugsri-tabs .krugsri-tabs-content .krugsri-line {
    border: 1px dotted #c3b9a9;
    border-top: none;
    min-height: 180px
}

.krugsri-tabs .krugsri-tabs-content .krugsri-qr img {
    border-radius: 5px
}

.krugsri-tabs .krugsri-tabs-content .krugsri-qr h3 {
    font-size: 20px;
    padding: 25px 25px 0 25px;
    color: white
}

.krugsri-tabs .krugsri-tabs-content .krugsri-qr p {
    font-size: 14px;
    padding: 0 25px 0 25px;
    color: #d7ceca
}

.krugsri-promotion {
    margin-bottom: 20px
}

    .krugsri-promotion .tabs {
        font-size: 15px;
        padding: 0;
        list-style: none;
        background: #736762;
        box-shadow: 0 5px 20px rgba(0,0,0,.1);
        display: inline-block;
        border-radius: 50px;
        position: relative;
        height: 40px;
        float: right;
        margin-bottom: 50px
    }

        .krugsri-promotion .tabs a {
            text-decoration: none;
            color: white;
            text-transform: uppercase;
            padding: 10px 20px;
            display: inline-block;
            position: relative;
            z-index: 1;
            transition-duration: .6s
        }

            .krugsri-promotion .tabs a.active {
                color: black
            }

            .krugsri-promotion .tabs a i {
                margin-right: 5px
            }

        .krugsri-promotion .tabs .selector {
            height: 100%;
            display: inline-block;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
            border-radius: 50px;
            transition-duration: .6s;
            transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);
            background: #ffcd00
        }

.krugsri-product {
    margin-bottom: 0
}

    .krugsri-product .nav {
        width: 100%;
        border-radius: 8px;
        background-color: #e9e8e7;
        margin-bottom: 15px;
        margin-top: 15px
    }

    .krugsri-product .nav-pills .nav-link {
        background-color: #e9e8e7;
        padding: 20px 40px;
        border-radius: 8px
    }

        .krugsri-product .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
            background-color: #ffcd00;
            color: black
        }

    .krugsri-product .card {
        width: 100%;
        border: 0;
        border-radius: 8px;
        margin-bottom: 15px;
        -webkit-box-shadow: 10px 10px 22px 0 rgba(0,0,0,.1);
        -moz-box-shadow: 10px 10px 22px 0 rgba(0,0,0,.1);
        box-shadow: 10px 10px 22px 0 rgba(0,0,0,.1);
        background-color: #eee
    }

        .krugsri-product .card.none-shadow {
            background-color: transparent;
            -webkit-box-shadow: 0 0 0 0 transparent;
            -moz-box-shadow: 0 0 0 0 transparent;
            box-shadow: 0 0 0 0 transparent
        }

        .krugsri-product .card h5 {
            padding: 40px;
            background-color: #ffcd00;
            border-radius: 8px 8px 0 0
        }

    .krugsri-product .tab-content > .active {
        margin-top: 15px
    }

    .krugsri-product .card h6 {
        padding: 40px
    }

    .krugsri-product .card .card-content {
        padding: 0 40px 40px 40px;
        color: #756762
    }

        .krugsri-product .card .card-content p {
            margin-bottom: 0
        }

        .krugsri-product .card .card-content .card-img {
            min-height: 120px
        }

    .krugsri-product .tabs1 {
        font-size: 15px;
        padding: 0;
        list-style: none;
        background: #736762;
        box-shadow: 0 5px 20px rgba(0,0,0,.1);
        display: table;
        border-radius: 50px;
        position: relative;
        height: 40px;
        margin: 20px auto
    }

        .krugsri-product .tabs1 a {
            text-decoration: none;
            color: white;
            text-transform: uppercase;
            padding: 10px 20px;
            display: inline-block;
            position: relative;
            z-index: 1;
            transition-duration: .6s
        }

            .krugsri-product .tabs1 a.active {
                color: black
            }

            .krugsri-product .tabs1 a i {
                margin-right: 5px
            }

        .krugsri-product .tabs1 .selector1 {
            height: 100%;
            display: inline-block;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
            border-radius: 50px;
            transition-duration: .6s;
            transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);
            background: #ffcd00
        }

.krugsri-table td, .krugsri-table th {
    padding: 1.4rem;
    border-top: 1px solid white
}

.krugsri-how-to {
    margin-bottom: 50px
}

    .krugsri-how-to h5 {
        margin: 40px 0 0 0;
        color: white
    }

    .krugsri-how-to .how-to-head {
        background-color: #ffe57b;
        width: 100%;
        position: relative
    }

    .krugsri-how-to .how-to-sub {
        background-color: #736762;
        width: 100%;
        padding: 30px 50px;
        position: relative
    }

    .krugsri-how-to .title {
        padding: 40px
    }

    .krugsri-how-to .nav-pills .nav-link {
        border-radius: 0
    }

        .krugsri-how-to .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
            color: black;
            font-size: 18px;
            background-color: #ffcd00
        }

    .krugsri-how-to .nav-pills .nav-link {
        padding: 15px 40px 15px 40px;
        border-bottom: 1px solid #e8d070
    }

.bg-krugsri td, .bg-krugsri th, .bg-krugsri thead th {
    background-color: #ffe57b
}

.bg-krugsri1 td, .bg-krugsri1 th, .bg-krugsri1 thead th {
    background-color: #fff0b1
}

.bg-krugsri2 td, .bg-krugsri2 th, .bg-krugsri2 thead th {
    background-color: #e2d7d2
}

.bg-krugsri3 td, .bg-krugsri3 th, .bg-krugsri3 thead th {
    background-color: #f1efee
}

.krugsri-product .krugsri-info {
    margin: 40px 0
}

.krugsri-faq .tabs2 {
    font-size: 15px;
    padding: 0;
    list-style: none;
    background: #736762;
    box-shadow: 0 5px 20px rgba(0,0,0,.1);
    display: table;
    border-radius: 50px;
    position: relative;
    height: 40px;
    margin: 20px auto 10px;
    width: fit-content
}

    .krugsri-faq .tabs2 a {
        text-decoration: none;
        color: white;
        text-transform: uppercase;
        padding: 10px 20px;
        display: inline-block;
        position: relative;
        z-index: 1;
        transition-duration: .6s
    }

        .krugsri-faq .tabs2 a.active {
            color: black
        }

        .krugsri-faq .tabs2 a i {
            margin-right: 5px
        }

    .krugsri-faq .tabs2 .selector2 {
        height: 100%;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        border-radius: 50px;
        transition-duration: .6s;
        transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);
        background: #ffcd00
    }

.krugsri-faq .accordion {
    margin: 15px auto
}

    .krugsri-faq .accordion .card {
        border: 0 solid rgba(0,0,0,.125)
    }

    .krugsri-faq .accordion .card-header {
        padding: 0;
        margin-bottom: 0;
        background-color: #ffcd00;
        border-bottom: 0 solid transparent;
        margin-bottom: 5px;
        border-radius: 8px
    }

    .krugsri-faq .accordion button {
        color: #736762;
        text-decoration: none;
        width: 100%;
        text-align: left;
        padding: .75rem 1.25rem;
        border-radius: 10px;
        white-space: normal;
        word-break: break-word
    }

    .krugsri-faq .accordion > .card:not(:first-of-type) .card-header:first-child {
        border-radius: 8px
    }

.krugsri-faq .btn-link.collapsed {
    background-color: #e2d7d2;
    border-radius: 8px
}

.krugsri-faq .faq-body {
    margin: 0 150px
}

.deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-prev-icon {
    background-image: url('/getmedia/a482ee33-80f2-402a-80f6-2016f74ddef9/prev.png.aspx');
    width: 32px;
    height: 32px
}

.deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-next-icon {
    background-image: url('/getmedia/9fd23a53-124a-4dc6-bae5-dc42631293c1/next.png.aspx');
    width: 32px;
    height: 32px
}

.deals__regis .deals__regis-col {
    padding: 0 8px
}

    .deals__regis .deals__regis-col .deals__regis-boxr {
        border-radius: 4px;
        overflow: hidden;
        height: 100%;
        border: 1px dotted white;
        min-height: 650px
    }

        .deals__regis .deals__regis-col .deals__regis-boxr .boxr .title {
            padding: 20px;
            background-color: #efefef
        }

            .deals__regis .deals__regis-col .deals__regis-boxr .boxr .title .app-logo {
                width: 64px;
                margin-right: 20px
            }

            .deals__regis .deals__regis-col .deals__regis-boxr .boxr .title .media-body {
                font-size: 18px;
                color: #777;
                line-height: 24px;
                margin: 0
            }

                .deals__regis .deals__regis-col .deals__regis-boxr .boxr .title .media-body h5 {
                    font-size: 24px;
                    color: #000;
                    line-height: 30px;
                    margin: 0 0 5px
                }

        .deals__regis .deals__regis-col .deals__regis-boxr .boxr .b__step-box {
            padding: 20px 0
        }

.b__step-table {
    margin: 0 auto;
    width: 100%
}

    .b__step-table.table tr {
        cursor: pointer
    }

        .b__step-table.table tr:last-child td {
            border-bottom: 1px solid transparent
        }

    .b__step-table.table td {
        vertical-align: middle;
        border-top: 0;
        border-bottom: 1px solid #908682;
        padding: 8px .75rem
    }

        .b__step-table.table td:first-child {
            border-bottom: 1px solid transparent
        }

    .b__step-table .num p {
        width: 40px;
        border-radius: 50%;
        font-size: 24px;
        height: 40px;
        line-height: 40px;
        background-color: #dbdbdb;
        text-align: center;
        margin: 0 auto;
        color: #999
    }

    .b__step-table h5 {
        font-size: 18px;
        color: #999;
        line-height: 24px;
        margin: 0
    }

    .b__step-table tr.active .num p, .b__step-table tr:hover .num p {
        background-color: #ffda00;
        color: #000
    }

    .b__step-table tr.active h5, .b__step-table tr:hover h5 {
        color: white
    }

.deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #f1e9c8;
    border: none;
    border-radius: 10px;
    max-width: 10px
}

.deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-indicators .active {
    background-color: #ffd300
}

.deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-prev {
    background-image: url(/getmedia/a482ee33-80f2-402a-80f6-2016f74ddef9/prev.png.aspx);
    width: 32px;
    height: 32px
}

.deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-next {
    background-image: url(/getmedia/9fd23a53-124a-4dc6-bae5-dc42631293c1/next.png.aspx);
    width: 32px;
    height: 32px
}

.deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-next, .deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-prev {
    opacity: 1;
    top: 46%
}

    .deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-next:focus, .deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-next:hover, .deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-prev:focus, .deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-prev:hover {
        opacity: 1
    }

.krugsri-widget {
    position: relative;
    min-height: 400px
}

    .krugsri-widget img {
        margin-top: 120px
    }

    .krugsri-widget .text {
        margin-top: 150px
    }

    .krugsri-widget .ticket {
        position: absolute;
        bottom: 0;
        right: 50px
    }

.menu-tabs-mobile {
    padding-top: 120px;
    padding-bottom: 25px;
    background: #f4e7bd;
    background: linear-gradient(180deg,rgba(244,231,189,1) 0%,rgba(244,229,181,1) 35%,rgba(247,217,118,1) 100%)
}

    .menu-tabs-mobile .btn {
        width: 400px
    }

.airplan {
    position: absolute;
    z-index: 1;
    bottom: 150px;
    right: 134px
}

.krugsri-faq .accordion .card-header h2 {
    padding-top: 0
}

button.btn.btn-link {
    padding: .75rem 1.25rem !important
}

#faq-start .accordion .card .card-header, .accordion .card .card-header {
    min-height: 51px
}

.max-width-1200 {
    max-width: 1200px;
    margin: auto
}

input.btn, button.btn {
    width: -webkit-fill-available
}

@media(max-width:1199.98px) {
    .krugsri-carousel .krugsri-ctrl-text p {
        font-size: 30px
    }

        .krugsri-carousel .krugsri-ctrl-text p small {
            font-size: 80%
        }

    .krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right {
        width: 250px
    }

    .airplan {
        right: 118px
    }

    .navbar-default .navbar-nav > li > a {
        font-size: 12px !important
    }
}

@media(max-width:991.98px) {
    .krugsri-widget img {
        margin-top: 80px
    }

    .airplan {
        bottom: 180px;
        right: 157px
    }

    .owl-carousel .owl-item img {
        padding: 15px 15px 0 15px
    }

    .krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right {
        position: absolute;
        top: 10%
    }

    .krugsri-tabs .krugsri-tabs-content .krugsri-qr {
        -webkit-box-shadow: 10px 10px 22px 0 rgba(0,0,0,0);
        -moz-box-shadow: 10px 10px 22px 0 rgba(0,0,0,0);
        box-shadow: 10px 10px 22px 0 rgba(0,0,0,0);
        padding: 0 15px 15px 15px
    }

    .krugsri-tabs .krugsri-tabs-content .krugsri-qr {
        width: auto;
        margin: 0 15px
    }

    .krugsri-faq .faq-body {
        margin: 0
    }

    .krugsri-tabs .krugsri-tabs-content {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .krugsri-tabs {
        margin-top: 20px
    }

    .krugsri-carousel .krugsri-ctrl-01 {
        width: 80%
    }

    .krugsri-carousel .krugsri-ctrl-02 {
        left: 40%;
        bottom: -150px
    }

    .krugsri-tabs .nav-item {
        width: 100%;
        margin-bottom: 15px;
        min-height: 50px
    }

    .krugsri-carousel .krugsri-ctrl-text {
        width: 100%
    }

    .quick-block {
        padding-left: 15px;
        padding-right: 15px
    }

    .quick-block-l {
        padding-left: 15px
    }

    .quick-block-r {
        padding-right: 15px
    }

    .quick-block-l-0 {
        padding-left: 15px
    }

    .quick-block-r-0 {
        padding-right: 15px
    }

    .navbar-default .navbar-nav > li > a {
        font-size: 11px !important
    }
}

@media(max-width:767.98px) {
    .exchage-rate {
        width: 100% !important
    }

    .z-content .krugsri-tabs.qr {
        margin-top: 20px !important
    }

        .z-content .krugsri-tabs.qr .krugsri-owl {
            padding-top: 0
        }

    .m-t50 {
        margin-top: 0
    }

    .krugsri-carousel .carousel-indicators {
        display: none
    }

    .airplan {
        bottom: 150px;
        right: 120px
    }

    .krugsri-widget img {
        margin-top: 50px
    }
}

@media(max-width:575.98px) {
    .airplan {
        bottom: 110px;
        right: 85px
    }
}

@media(max-width:480px) {
    .airplan {
        bottom: 80px;
        right: 55px
    }
}
<!--

Header --> .navbar {
    padding: 0;
}

.navbar-collapse {
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
    -ms-flex-positive: unset;
    flex-grow: unset;
    -ms-flex-align: unset;
    align-items: unset
}

    .navbar-collapse.collapse .navbar-nav {
        flex-direction: unset
    }

.navbar.navbar-static-top {
    padding: 0
}

.navbar-nav > li > a {
    font-size: small !important;
    color: inherit
}

.navbar > .container, .navbar > .container-fluid {
    padding: 0;
    color: #554242
}

.navbar-nav .dropdown-menu {
    position: absolute
}

a.dropdown-toggle::after {
    content: unset
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: .75rem;
    border-top: 0;
    border-bottom: 0
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    line-height: 1.5
}

.pull-right.lgtop {
    display: none !important
}

.krugsri-tabs .krugsri-tabs-content .exchage-rate.qr-rate .exchage-rate {
    background-color: #ffe57b;
    margin-top: 0;
    width: 100% !important
}

.exchage-rate tbody tr:nth-child(odd) {
    background-color: rgba(255,255,255,.1)
}

.krugsri-product .product-body {
    padding: 0 100px
}

.krugsri-product .table > tbody > tr > td, .krugsri-product .table > tbody > tr > th {
    padding: 1.4rem;
    border-top: 1px solid white;
    font-size: 16px
}

body, form {
    background-color: #fff
}

.table > tbody > tr.active > td {
    background-color: unset
}

.krugsri-product .tab-content > .active.in, #promotion .tab-content > .active.in, #faq .tab-content > .active.in {
    opacity: 1
}

.owl-carousel.tab-pane.fade {
    display: none;
    opacity: 0
}

    .owl-carousel.tab-pane.fade.in.active {
        display: block;
        opacity: 1
    }

#tab1 {
    width: 100%
}

.krugsri-tabs .krugsri-tabs-content .exchage-rate.qr-rate {
    margin-top: 0
}

.box-right .media {
    overflow: visible
}

#product .tab-content {
    width: 100%
}

#product #v-pills-tab img {
    opacity: .3
}

#product #v-pills-tab a.active img {
    opacity: 1
}

.exchage-rate #p_lt_ctl19_ksP_p_lt_ctl03_BoardingCard_lblDate, .exchage-rate #p_lt_ctl19_ksP_p_lt_ctl04_BoardingCard_lblDate {
    display: block;
    padding-top: 10px;
    text-align: right;
    padding-right: 20px;
    color: #000 !important
}

.krugsri-how-to .carousel-indicators {
    margin: 0 auto -15px
}

#RegisCard .table > tbody > tr > th, #UsageLimit > tbody > tr > th {
    width: 45%
}

.krugsri-product #UsingCard .table > tbody > tr > th, .krugsri-product #UsingCard .table > tbody > tr > td {
    width: 50%;
    background-color: unset
}

.krugsri-product #UsingCard .table > tbody > tr:nth-child(odd) {
    background-color: #ffe57b
}

.krugsri-product #UsingCard .table > tbody > tr:nth-child(even) {
    background-color: #fff0b1
}

.krugsri-faq .btn-link {
    line-height: 1.7
}

.deals__regis .deals__regis-col .deals__regis-boxr .boxl {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.krugsri-tabs .krugsri-tabs-content .exchage-privilege img {
    margin-right: 30px;
    z-index: 1
}

.krugsri-tabs .krugsri-tabs-content .exchage-privilege h2 {
    font-size: 24px;
    color: #fff;
    line-height: 1.7
}

.krugsri-tabs .krugsri-tabs-content .exchage-privilege p {
    color: #fff
}

.krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right-1 {
    position: absolute;
    right: 50px;
    z-index: 0;
    opacity: .5;
    bottom: 40px
}

.krugsri-tabs .krugsri-tabs-content .exchage-privilege h2.black, .krugsri-tabs .krugsri-tabs-content .exchage-privilege p.black {
    color: #746661
}

.exchage-privilege h2 {
    font-size: 24px
}

.krugsri-tabs .krugsri-tabs-content .exchage-privilege.min-box {
    min-height: 625px
}

.krugsri-tabs .krugsri-tabs-content .krugsri-qr a {
    color: inherit
}

    .krugsri-tabs .krugsri-tabs-content .krugsri-qr a:hover {
        text-decoration: none
    }

.air-x {
    position: absolute;
    z-index: 99;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 12px
}

    .air-x img {
        width: 16px
    }

.krugsri-modal {
    padding-left: 0 !important;
    padding-right: 0 !important
}

    .krugsri-modal img {
        position: relative;
        border-radius: 4px 4px 0 0;
        bottom: -1px;
        z-index: 1
    }

    .krugsri-modal .krugsri-qr-modal {
        position: relative;
        background-color: #756762;
        border-radius: 4px;
        width: 100%;
        -webkit-box-shadow: 10px 10px 22px 0 rgba(0,0,0,.22);
        -moz-box-shadow: 10px 10px 22px 0 rgba(0,0,0,.22);
        box-shadow: 10px 10px 22px 0 rgba(0,0,0,.22);
        padding: 0 15px 15px 15px
    }

    .krugsri-modal .modal-content {
        background-color: transparent
    }

    .krugsri-modal .krugsri-line-modal {
        padding: 40px;
        border: 1px dotted #c3b9a9;
        min-height: 180px
    }

    .krugsri-modal .modal-content h3 {
        font-size: 30px;
        color: #ffce07;
        margin-bottom: 20px
    }

    .krugsri-modal .modal-content h5 {
        font-size: 16px;
        color: white;
        margin-top: 30px
    }

    .krugsri-modal .modal-content p {
        font-size: 16px;
        color: white;
        margin-bottom: 20px
    }

    .krugsri-modal .modal-content h4 {
        font-size: 16px;
        color: #ffce07;
        margin: 30px 0
    }

    .krugsri-modal .modal-content ol {
        font-size: 16px;
        color: white;
        padding: 0 15px
    }

        .krugsri-modal .modal-content ol li {
            font-size: 16px;
            color: white;
            margin-bottom: 15px
        }

    .krugsri-modal .modal-content h5 span {
        color: #ffce07
    }

    .krugsri-modal .card-header {
        background-color: #8e807c;
        border-bottom: 1px solid #a5a3a3
    }

    .krugsri-modal .btn-link {
        color: #ffce07 !important
    }

    .krugsri-modal .air-x {
        bottom: 7px
    }

    .krugsri-modal .close {
        position: absolute;
        z-index: 5;
        right: 30px
    }

    .krugsri-modal a {
        color: #ffce07
    }

.krugsri-line-modal .card-header h2 {
    padding-top: 0
}

.krugsri-carousel .krugsri-ctrl-05 {
    position: absolute;
    left: 80%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 40px
}

.krugsri-carousel .krugsri-ctrl-04 {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -80px
}

.krugsri-carousel .krugsri-ctrl-text2 {
    position: absolute;
    right: 80px;
    top: 25%;
    margin: 15px
}

    .krugsri-carousel .krugsri-ctrl-text2 p {
        color: white;
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 0
    }

        .krugsri-carousel .krugsri-ctrl-text2 p small span {
            color: #ffda01
        }

.krugsri-carousel .krugsri-ctrl-text p.bf-fix {
    font-size: 38px
}

.krugsri-tabs .krugsri-tabs-content .exchage-rate.qr-rate thead tr {
    background-color: #ffce07
}

.owl-theme .owl-dots, .owl-theme .owl-nav {
    text-align: center
}

    .owl-theme .owl-nav.disabled + .owl-dots {
        margin-top: 10px
    }

    .owl-theme .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 5px 7px;
        background-color: #d6d6d6;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px
    }

    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background-color: #fecd07
    }

.krugsri-carousel .krugsri-ctrl-text2 h1, .krugsri-carousel .krugsri-ctrl-text2 h2 {
    font-family: "Krungsri-Condensed-Bold";
    word-break: break-all;
    color: white;
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 0
}

.zonebanner, .z-content, .exchage-rate table {
    font-family: 'Thongterm-Roman' !important
}

.kma-color1 {
    color: #746661 !important
}

.krugsri-carousel .title-01 {
    position: absolute;
    bottom: 50px;
    left: 80px
}

    .krugsri-carousel .title-01 p {
        color: white;
        font-size: 34px;
        line-height: 40px;
        margin-bottom: 0;
        color: white
    }

        .krugsri-carousel .title-01 p span {
            color: #ffda01;
            margin-right: 15px
        }

    .krugsri-carousel .title-01 h1 small {
        color: white
    }

.krugsri-carousel .title-logo {
    position: absolute;
    bottom: 50px;
    right: 50px
}

.krugsri-carousel .title-02 {
    position: absolute;
    top: 50px;
    left: 50px
}

    .krugsri-carousel .title-02 h1 {
        word-break: break-all;
        color: white;
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 0;
        padding: 0 15px 15px 15px
    }

        .krugsri-carousel .title-02 h1 small {
            color: white
        }

.krugsri-ctrl-text2.animated.fadeIn.delay-1s h1 small {
    color: inherit
}

.sub-menu-mobile .btn-krugsri-1, .krugsri-tabs.qr .btn-krugsri-1 {
    background-color: #fff0b1;
    border-color: #fff0b1;
    box-shadow: none
}

.menu-tabs-mobile .btn {
    width: 350px
}

.krugsri-tabs.qr {
    position: relative;
    margin-top: 80px !important
}

qr. div#privilege > .col-12 {
    padding: 0 7.5px
}

.krugsri-product .table > tbody > tr > td, .krugsri-product .table > tbody > tr > th {
    padding: 1rem
}

.krugsri-tabs .krugsri-tabs-content .btn-group {
    display: flex !important
}

.krugsri-tabs .krugsri-tabs-content .dropdown-menu.show {
    width: 100% !important
}

.krugsri-tabs-content {
    margin-top: 30px
}

.krugsri-product .krugsri-info {
    margin-bottom: 0
}

.krugsri-tabs {
    margin-top: 30px
}

.krugsri-table td, .krugsri-table th {
    padding: 1rem !important
}

.krugsri-carousel .krugsri-ctrl-text2 h1 {
    color: #ffda01;
    font-size: 36px;
    margin-bottom: 20px
}

.zonebanner {
    position: relative
}

.container--breadcrumb {
    color: #fff !important;
    position: absolute;
    top: 20px;
    padding-left: 15px;
    z-index: 999
}

    .container--breadcrumb a {
        color: inherit
    }

.info-list {
    width: 50%;
    padding: 0 10px;
    margin-bottom: 10px
}

    .info-list .list-left {
        width: auto;
        padding-right: 20px;
        float: left
    }

    .info-list .list-right {
        width: 80%
    }

@media screen and (min-width:576px) {
    .navbar .container {
        max-width: unset
    }
}

@media screen and (min-width:768px) {
    .navbar .container, .container {
        max-width: 720px
    }

    .navbar .container {
        max-width: unset
    }

    .container .row {
        padding: 0
    }
}

@media screen and (min-width:992px) {
    .navbar .container, .container {
        max-width: 960px
    }
}

@media screen and (min-width:1200px) {
    .container, .navbar .container {
        max-width: 1140px
    }
}

@media screen and (max-width:1500px) {
    .krugsri-carousel .title-02 h1 {
        font-size: 30px;
        line-height: 48px
    }
}

@media screen and (max-width:1033px) {
    .topmenub {
        margin-top: -138px !important;
        right: 0 !important
    }
}

@media screen and (max-width:1024px) {
    .krugsri-carousel .carousel-inner {
        overflow: hidden
    }

    .carousel-item {
        padding-bottom: 50px
    }

    .krugsri-carousel .krugsri-ctrl-01 {
        bottom: 0
    }

    .krugsri-carousel .krugsri-ctrl-02 {
        left: 34%
    }

    .airplan {
        right: 96px;
        bottom: 120px
    }

    .krugsri-carousel .carousel-indicators {
        bottom: 0
    }

    .krugsri-carousel .krugsri-ctrl-text {
        width: 100%
    }

    .krugsri-carousel .krugsri-ctrl-04 {
        bottom: 0
    }

    .krugsri-tabs .krugsri-tabs-content .exchage-privilege.min-box {
        min-height: 600px
    }

    .air-x {
        bottom: 8px
    }

    .krugsri-tabs .krugsri-tabs-content .exchage-privilege h2 br {
        display: none
    }

    .krugsri-carousel .krugsri-ctrl-text2 {
        right: 30px;
        top: 10%
    }

    .container--breadcrumb {
        left: 2%
    }
}

@media(max-width:991.98px) {
    .krugsri-product .product-body {
        padding: 0
    }

    .krugsri-carousel .krugsri-ctrl-01 {
        bottom: 0
    }

    .krugsri-carousel .krugsri-ctrl-02 {
        left: 34.2%;
        bottom: 100px
    }

    .menu-tabs-mobile {
        margin-top: -100px
    }

    .krugsri-carousel .carousel-indicators {
        bottom: 50px
    }

    .airplan {
        right: 20%;
        bottom: 35%
    }

    #v-pills-tabContent .btn-group.show, #promotion .btn-group.show, #faq .btn-group.show {
        display: inline-block !important
    }

    .krugsri-tabs .krugsri-tabs-content .exchage-privilege, .krugsri-tabs .krugsri-tabs-content .exchage-privilege.min-box {
        min-height: 640px
    }

    .krugsri-tabs.qr .krugsri-owl {
        padding-top: 140px
    }
}

@media screen and (max-width:768px) {
    .container {
        width: 100% !important
    }

    .navbar > .container, .navbar > .container-fluid {
        display: block
    }

    .pull-right.topmenub {
        display: table-cell !important;
        right: 0 !important
    }

    .navbar-default .navbar-collapse {
        width: 100%
    }

    .sec-lang {
        position: absolute !important;
        left: 0
    }

    .krugsri-carousel .krugsri-ctrl-02 {
        left: 28.8%;
        bottom: 50px
    }

    .logoBay {
        background: unset
    }

    .py-md-0 {
        padding-left: 0;
        padding-right: 0
    }

    .krugsri-tabs .krugsri-tabs-content .exchage-privilege {
        min-height: 550px !important
    }

    .krugsri-carousel .krugsri-ctrl-text2 {
        right: 50px;
        top: 18%
    }
}

@media screen and (max-width:767px) {
    .pull-right.topmenub {
        right: 0 !important
    }

    .exchage-rate .exchage-rate {
        width: 100% !important
    }

    .zone-content .row {
        padding: 0
    }

    .navbar-default .hidden-xs {
        display: none !important
    }

    .navbar-default .visible-xs {
        display: block !important
    }

        .navbar-default .visible-xs.pull-right {
            margin-top: -40px !important;
            margin-right: 0 !important
        }

    .visible-xs.lgtop {
        margin-top: -40px !important;
        margin-right: 15px !important
    }

    .menu-tabs-mobile .btn {
        width: 320px
    }

    .container .row {
        padding: 0
    }

    .krugsri-product .card .card-content {
        padding: 0 20px 20px 20px
    }

    .card-content center {
        margin-bottom: 30px
    }

    .krugsri-product .card .card-content .card-img {
        min-height: unset;
        margin-bottom: 10px
    }

    .krugsri-product .card h5, .krugsri-product .card h6 {
        padding: 20px 15px
    }

    .card-body img {
        margin: 0 auto;
        margin-bottom: 10px
    }

    .krugsri-product #p-chanel-register .card-content {
        padding: 0 5px
    }

    #p-chanel-register .card-content .card-body {
        padding: 0;
        margin: 20px 0
    }

    .krugsri-product .tabs1 {
        margin: 10px auto;
        display: none
    }

    #homefooter [class*=col-] {
        padding: 0
    }

    #homefooter .kfooterMenu {
        width: 50%
    }

    .table-responsive::-webkit-scrollbar {
        height: 10px;
        background-color: #fff
    }

    .table-responsive::-webkit-scrollbar-thumb {
        background-color: #ddd5d5;
        border-radius: 6px
    }

    #v-pills-tabContent .btn-krugsri {
        padding: 10px 15px
    }

    #RegisCard .table-responsive .hand_touch {
        margin-top: 25px !important
    }

    .m-block-center {
        width: 100%;
        text-align: center
    }

    .krugsri-faq .accordion {
        margin: 15px auto
    }

    .krugsri-carousel .krugsri-ctrl-02 {
        left: 32%
    }

        .krugsri-carousel .krugsri-ctrl-02 img {
            width: 85% !important
        }

    .airplan {
        right: 19%
    }

    .exchage-card .align-middle img {
        margin-bottom: 15px
    }

    .krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right {
        width: 280px
    }

    .owl-carousel .owl-item img {
        padding: 15px 15px 0
    }

    .krugsri-tabs .krugsri-tabs-content .krugsri-qr {
        margin: 0
    }

    .krugsri-how-to {
        margin-top: 10px
    }

    .krugsri-product h4 {
        margin-top: 20px
    }

    .krugsri-product .krugsri-info {
        margin: 20px 0
    }

    .py-xs-0 {
        padding-left: 0;
        padding-right: 0
    }

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

    .b__step-table h5 {
        font-size: 16px
    }

    .krugsri-how-to .carousel-item {
        padding-bottom: 0
    }

    .deals__regis .deals__regis-col .deals__regis-boxr .boxl {
        padding: 0
    }

    .krugsri-product {
        margin-bottom: 0
    }

    .krugsri-promotion {
        margin-bottom: 35px
    }

    .krugsri-carousel .krugsri-ctrl-text2 {
        right: 50px;
        top: 12%;
        left: 0;
        width: 100%
    }

        .krugsri-carousel .krugsri-ctrl-text p small, .krugsri-carousel .krugsri-ctrl-text2 p small {
            font-size: 60%
        }

    .krugsri-tabs .krugsri-tabs-content .exchage-privilege center img {
        margin-right: 0;
        margin: 0 auto
    }

    .krugsri-tabs .krugsri-tabs-content .krugsri-line {
        min-height: 240px
    }

    .air-x {
        bottom: 0;
        left: 45%
    }

    #promotion .krugsri-tabs-content .krugsri-qr {
        margin: 0
    }

    #promotion .owl-carousel .owl-item img {
        padding: 20px 0 0
    }

    .krugsri-carousel .krugsri-ctrl-text2 p {
        line-height: 1.2;
        font-size: 28px
    }

        .krugsri-carousel .krugsri-ctrl-text2 p br {
            display: none
        }

    .krugsri-modal .krugsri-line-modal {
        padding: 20px
    }

    .krugsri-modal {
        padding-right: 0 !important
    }

        .krugsri-modal .krugsri-line-modal {
            padding: 20px
        }

    .krugsri-carousel .krugsri-ctrl-text p.bf-fix {
        font-size: 28px
    }

    .carousel-item {
        padding-bottom: 0
    }

    .krugsri-tabs .krugsri-tabs-content .exchage-privilege {
        min-height: 590px !important
    }

        .krugsri-tabs .krugsri-tabs-content .exchage-privilege.l-en {
            min-height: 720px !important
        }

    .owl-carousel .owl-item img {
        padding: 0
    }

    .krugsri-tabs .krugsri-tabs-content .exchage-privilege h2 {
        line-height: 1.7
    }

    .withdraw-atm > .row, .Redeem-money > .row {
        padding: 0 15px
    }

    .container--breadcrumb {
        display: none
    }

    .info-list {
        width: 100%;
        padding: 0 15px
    }

    .dropdown-menu.show {
        width: 100%
    }

    .modal-dialog {
        padding: .5rem;
        position: relative
    }

        .modal-dialog .modal-content {
            margin-top: 50px;
            top: 12px;
            position: absolute;
            right: 0;
            left: 0;
            padding: 15px
        }

    .krugsri-modal .close {
        right: 10px
    }

    h4, h5 {
        padding: 10px 0
    }

    #v-pills-home .btn-group, #faq .btn-group, #faq .dropdown-menu.show {
        width: 100%
    }

        #v-pills-tabContent .btn-group.show, #promotion .btn-group.show, #faq .btn-group.show {
            display: flex !important
        }

    .krugsri-tabs .krugsri-tabs-content .dropdown-menu {
        left: 0 !important
    }

    .krugsri-modal .modal-content h5 {
        font-size: 14px;
        line-height: 20px
    }

    .sub-menu-mobile .btn-krugsri-1:hover, .krugsri-tabs.qr .btn-krugsri-1:hover {
        color: #fff;
        background-color: #ffce07;
        border-color: #ffce07
    }

    .krugsri-how-to h5 {
        line-height: 1.7
    }
}

@media screen and (max-width:480px) {
    .krugsri-carousel .krugsri-ctrl-02 {
        left: 33%;
        bottom: 25px
    }

    .airplan {
        right: 17%
    }

    .tnavsearchth {
        text-indent: -9999px
    }

    .krugsri-tabs .krugsri-tabs-content .exchage-privilege h2 {
        font-size: 20px
    }

        .krugsri-tabs .krugsri-tabs-content .exchage-privilege h2 br {
            display: none
        }

    .krugsri-tabs .krugsri-tabs-content .exchage-privilege {
        min-height: 600px
    }

    .krugsri-carousel .krugsri-ctrl-text2 h1 {
        font-size: 24px
    }

    .menu-tabs-mobile .btn {
        width: 270px
    }
}

@media screen and (max-width:425px) {
    .krugsri-carousel .krugsri-ctrl-text2 img {
        width: 80px !important;
        margin-right: 20px !important
    }

    .krugsri-carousel .krugsri-ctrl-text2 h2 {
        font-size: 20px;
        line-height: 26px
    }

    .krugsri-info > .row > .col-2 {
        padding: 0
    }

    .krugsri-carousel .krugsri-ctrl-text2 h1 {
        font-size: 26px;
        line-height: 1.3;
        margin-bottom: 5px
    }

    .krugsri-tabs .krugsri-tabs-content .exchage-privilege {
        min-height: 587px !important
    }

        .krugsri-tabs .krugsri-tabs-content .exchage-privilege.l-en {
            min-height: 712px !important
        }

    .krugsri-widget {
        min-height: 350px
    }

        .krugsri-widget img {
            margin-top: 15px
        }
}

@media screen and (max-width:375px) {
    .krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right {
        right: 10px
    }

        .krugsri-tabs .krugsri-tabs-content .exchage-privilege .box-right img {
            margin-right: 15px;
            margin-left: 10px
        }

    .krugsri-carousel .krugsri-ctrl-text2 {
        padding-right: 20px
    }

        .krugsri-carousel .krugsri-ctrl-text2 h2 {
            font-size: 18px;
            line-height: 26px
        }

        .krugsri-carousel .krugsri-ctrl-text2 p {
            line-height: 1.2;
            font-size: 24px
        }
}

@media screen and (max-width:340px) {
    .navtop {
        right: 35px
    }

    .navbar-toggle {
        padding-left: 25px;
        margin-left: 0
    }

    .langselector a {
        padding-left: 18px
    }

    .hwcCustomization .zoneMyKrungsriButton {
        padding-right: 10px
    }

    .krugsri-carousel .krugsri-ctrl-text {
        top: 15%
    }

        .krugsri-carousel .krugsri-ctrl-text p, .krugsri-carousel .krugsri-ctrl-text2 p {
            font-size: 24px
        }

            .krugsri-carousel .krugsri-ctrl-text2 p small {
                font-size: 60%
            }

    .carousel-control-prev {
        left: -10px
    }

    .carousel-control-next {
        right: -10px
    }

    .deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-prev {
        left: 3px
    }

    .deals__regis .deals__regis-col .deals__regis-boxr .boxl .carousel-control-next {
        right: 3px
    }

    .krugsri-carousel .krugsri-ctrl-text p.bf-fix {
        font-size: 28px
    }

    .krugsri-carousel .krugsri-ctrl-text2 h1 {
        font-size: 22px
    }
}

@media screen and (max-width:320px) {
    .krugsri-tabs .krugsri-tabs-content .exchage-privilege.l-en {
        min-height: 736px !important
    }

    .pr-xs-1 {
        padding-left: 0
    }

    .krugsri-carousel .krugsri-ctrl-text2 {
        top: 3%
    }
}