@media screen and (min-width: 901px) {
    .mobile {
        display: none !important;
    }

    section.mobile-smart-app-banner {
        display: none;
        visibility: hidden;
    }
}

@media only screen and (max-width: 768px) {
    section.faq .wrapper p {
        padding: 5px 30px;
    }
    .cookie-sticky-wrap {
        height: auto!important;
    }
    .cookie-sticky-container {
        width: 85%;
    }
    .cookie-sticky-body p {
        font-size: 12px;
    }
    .cookie-sticky-body > a {
        font-size: 14px;
        padding: 3px;
        margin-left: 10px;
    }
}

@media screen and (max-width: 900px) {
    .desktop {
        display: none !important;
    }
    section.main-privilages .background-images{
        display: none;
    }
}

@media screen and (max-width: 900px) {
    /* General Bootstrap */

    .mobile-smart-app-banner {
        display: block !important;
    }

    html, body {
        font-size: 13.333333vw;
    }

    /* Items */

    /* Text */

    .pre-title {
        font-size: .24rem;
    }

    .title-default {
        font-size: .9rem !important;
    }

        .title-default * {
            font-size: .9rem !important;
        }

        .title-default br {
            display: none;
        }

    .text-default {
        font-size: .3rem !important;
        line-height: 1.5em !important;
    }

        .text-default * {
            font-size: .3rem !important;
            line-height: 1.5em !important;
        }

        .text-default br {
            display: none;
        }

    /* Buttons */

    .btn-default {
        width: 3.4rem;
        height: 1rem;
    }

        .btn-default span {
            font-size: .24rem;
        }

    .btn-scroll-next {
        margin-top: .52rem;
    }

        .btn-scroll-next:before {
            width: 1rem;
            height: 1rem;
            margin-right: .3rem;
            border-radius: .5rem;
        }

        .btn-scroll-next:after {
            top: 50%;
            left: .5rem;
            margin-top: 0;
            font-size: .52rem;
        }

        .btn-scroll-next span {
            max-width: calc(100% - 1.3rem);
            font-size: .3rem;
            line-height: 1.5em;
        }

    .btn-show-more {
        margin-top: .37rem;
        width: calc(100% - 1.1rem);
        height: 1rem;
        border: 1px solid #b6bdc6;
    }

        .btn-show-more span {
            font-size: .24rem;
            letter-spacing: 0;
        }

        .btn-show-more:after {
            background: none;
            content: '\f107';
            font-family: FontAwesome;
            font-size: .4rem;
            margin-top: -.23rem;
            color: #0e3359;
        }

    .btn-see-all {
        display: none !important;
    }

    section.privilages .item .text {
        font-size: .48rem !important;
        line-height: normal !important;
    }

        section.privilages .item .text * {
            font-size: .48rem !important;
            line-height: normal !important;
        }

    section.privilages .item .title {
        display: inline-block;
        width: 100%;
        font-weight: 600;
        font-size: .24rem;
        line-height: 1.25em;
        color: white;
    }

    section.privilages .item * + .title {
        margin-top: .16rem;
    }

    section.privilages .item .detail {
        display: inline-block;
        font-weight: 600;
        font-size: .28rem;
        line-height: 1.25em;
        color: white;
        text-decoration: underline;
    }

    section.privilages .item * + .detail {
        margin-top: .35rem;
    }

    /* Boxes */
    .campaign-box .box-header {
        padding: .50rem .42rem;
    }

        .campaign-box .box-header .quota {
            font-size: .65rem;
        }

        .campaign-box .box-header .desc {
            margin-top: .04rem;
            font-size: .24rem;
        }

        .campaign-box .box-header .pre-name {
            margin-top: .24rem;
            font-size: .34rem !important;
            line-height: 1.17em !important;
            color: white;
        }

        .campaign-box .box-header .social {
            font-size: .6rem;
        }

            .campaign-box .box-header.social .social-icon + .social-icon {
                margin-left: .65rem;
            }

            .campaign-box .box-header .social .social-icon.yaay img {
                height: .38rem;
            }

            .campaign-box .box-header .social .social-icon.bip img {
                height: .5rem;
            }

        .campaign-box .box-header .pre-name * {
            font-size: .30rem !important;
            line-height: 1.17em !important;
        }

        .campaign-box .box-header .name {
            margin-top: 1rem;
            font-size: .34rem !important;
            line-height: 1.17em !important;
            color: white;
        }

            .campaign-box .box-header .name * {
                font-size: .34rem !important;
                line-height: 1.17em !important;
            }

    .campaign-box .box-body {
        padding: .32rem .18rem;
    }

        .campaign-box .box-body .text {
            font-size: .34rem;
        }

        .campaign-box .box-body .desc {
            font-size: .2rem;
        }

        .campaign-box .box-body .price {
            margin-top: .02rem;
            margin-top: .24rem;
        }

            .campaign-box .box-body .price .text span {
                font-size: 1.05rem;
            }

            .campaign-box .box-body .price .text:after {
                width: .41rem;
                height: .57rem;
            }

            .campaign-box .box-body .price .pre-text {
                font-size: .36rem;
            }

            .campaign-box .box-body .price .desc {
                font-size: .26rem;
                margin-top: .02rem;
            }

        .campaign-box .box-body .btn-default {
            margin-top: .32rem;
        }

    /* Breadcrumb */

    .breadcrumb {
        display: none !important;
    }

    /* Triangle */

    .triangle-wrapper {
        display: none;
    }

    /* Custom */

    /* Menu */

    header .header-container {
        padding: .30rem .55rem .15rem .55rem;
        border-bottom: 1px solid #d1d6dc;
    }

    header .bar {
        display: none;
        padding: 0;
    }

        header .bar .bar-left {
            display: none;
        }

        header .bar .bar-right {
            width: 100%;
        }

        header .bar span, header .bar label {
            font-weight: 800;
        }

        header .bar label {
            display: block;
        }

        header .bar .bar-right .social-icon {
            padding: 0 .55rem;
            width: 100%;
            border-bottom: 1px solid #e2e5e8;
            text-align: left;
        }

            header .bar .bar-right .social-icon span {
                font-size: .26rem;
                line-height: .9rem;
            }

            header .bar .bar-right .social-icon:before {
                font-size: .34rem;
                margin-right: .23rem;
            }

        header .bar .bar-right .custom-slide-box {
            padding: .3rem .55rem;
            width: 100%;
            text-align: left;
        }

    .custom-slide-box {
        font-size: .26rem;
    }

    header .bar.active {
        display: block;
    }

    header .menu-content {
        position: fixed;
        width: 100%;
        left: 0;
        padding: .3rem .55rem;
        background-color: #FFF;
        z-index: 99;
        overflow: auto;
        display: none;
    }

    header .menu {
        width: 100%;
        padding: 0;
    }

    header .menu-item {
        width: 100%;
        margin-left: 0 !important;
        text-align: left;
    }

        header .menu-item a {
            font-size: .4rem;
            line-height: 1.875em;
        }

    header .links {
        margin-top: .25rem;
    }

        header .links a {
            width: 100%;
            margin-left: 0 !important;
        }

            header .links a span {
                font-size: .4rem;
                line-height: 1.875em;
            }

            header .links a img {
                width: .45rem;
                margin-right: .25rem;
            }

        header .links * + a.btn-apply {
            margin-top: .24rem;
        }

        header .links a.btn-apply img {
            width: 3.87rem;
        }

        header .links .stores a img {
            width: 3.51rem;
            margin-right: 0;
        }

    header .menu-content.active {
        display: block;
    }

    header .logo {
        width: 1.77rem;
    }

    header .btn-search {
        width: .9rem;
        height: .9rem;
        border-radius: .45rem;
        top: .22rem;
        right: 1.78rem;
        margin-top: 0;
    }

        header .btn-search img {
            width: .33rem;
            margin-top: -.16rem;
            margin-left: -.16rem;
        }

    header .btn-mobile-menu {
        position: absolute;
        width: .9rem;
        height: .9rem;
        top: .22rem;
        right: .55rem;
        border-radius: .45rem;
        border: 1px solid #dbe0e7;
        cursor: pointer;
    }

        header .btn-mobile-menu img {
            position: absolute;
            width: .37rem;
            top: 50%;
            left: 50%;
            margin-top: -.14rem;
            margin-left: -.18rem;
        }

    /* Footer */

    footer {
        padding: .8rem .55rem 2.7rem .55rem;
    }

        footer .footer-container:first-child {
            padding-bottom: .9rem;
        }

        footer .footer-wrapper .right {
            width: 5.25rem;
            top: -3.1rem;
            display: none;
        }

        footer .footer-wrapper .left {
            width: 6.1rem;
        }

        footer .links {
            width: 4rem;
        }

            footer .links .item + .item {
                margin-top: .85rem;
            }

            footer .links .title {
                font-size: .34rem;
                line-height: 1.323em;
            }

            footer .links .support {
                margin-top: .3rem;
            }

                footer .links .support img {
                    width: .71rem;
                }

                footer .links .support span {
                    font-size: .6rem;
                    margin-left: .3rem;
                }

            footer .links .social {
                font-size: .6rem;
            }

                footer .links .social .social-icon + .social-icon {
                    margin-left: .65rem;
                }

        footer .footer-menu {
            width: 100%;
            margin-top: .9rem;
        }

            footer .footer-menu .left {
                width: 100%;
                margin-right: 0;
            }

            footer .footer-menu .title {
                font-size: .34rem;
                line-height: 1.323em;
            }

            footer .footer-menu .item a {
                font-size: .3rem;
                line-height: 1.5em;
            }

            footer .footer-menu .item a {
                margin-top: .3rem;
            }

            footer .footer-menu .right {
                width: 100%;
                margin-top: .65rem;
            }

            footer .footer-menu .stores {
                display: inline-block;
                position: relative;
                margin-top: .75rem;
                bottom: auto;
                right: auto;
                width: calc(100% + .4rem);
                margin-left: -.2rem;
                margin-right: -.2rem;
            }

                footer .footer-menu .stores a {
                    display: inline-block;
                    width: calc(50% - .4rem);
                    margin: .15rem .2rem;
                }

                footer .footer-menu .stores img {
                    width: 100%;
                    margin-left: 0;
                }

        /*                footer .footer-menu .stores a:first-child img {
                    margin-left: 0;
                }*/

        footer .footer-container + .footer-co {
            padding-top: .25rem;
        }

        footer .copyright {
            font-size: .14rem !important;
            line-height: 1.5em !important;
        }

            footer .copyright * {
                font-size: .14rem !important;
                line-height: 1.5em !important;
            }

            footer .copyright br {
                display: none;
            }

        footer .logo-tt {
            position: relative;
            width: 100%;
            top: auto;
            margin-top: .65rem;
            right: auto;
            text-align: center;
        }

            footer .logo-tt img {
                width: 3.97rem;
            }

        footer .back-to-top {
            width: 1.05rem;
            height: 1.05rem;
            bottom: 2.2rem;
            right: .5rem;
            border-radius: .55rem;
        }

            footer .back-to-top span {
                margin-top: .15rem;
                font-size: .24rem;
                line-height: 1.16666em;
            }

    /* Banner */

    section.banner .owl-carousel {
        height: auto !important;
        min-height: unset;
        background-color: #f7f7f7;
    }

    section.banner .item .item-bg {
        position: relative;
        top: auto;
        left: auto;
        height: 8.555rem;
    }

    section.banner .item .content {
        position: relative;
        width: 100%;
        left: auto;
        top: auto;
        padding: 1.1rem .469rem .5625rem .469rem;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }

    section.banner .item .banner-title {
        color: #162e4c !important;
    }

    section.banner .item .text-default {
        width: 100%;
        font-size: .375rem !important;
        color: #162e4c !important;
    }

        section.banner .item .text-default * {
            font-size: .375rem !important;
        }

    section.banner .item .banner-countdown {
        max-width: 7.5rem;
    }

        section.banner .item .banner-countdown .time_circles > div > span {
            font-size: .5rem !important;
            color: #162e4c;
            top: 36%;
        }

        section.banner .item .banner-countdown .time_circles > div > h4 {
            font-size: .24rem !important;
            color: #162e4c;
            top: 60%;
        }

    section.banner .item .btn-default.white {
        border: solid 1px #0e3359;
    }

    section.banner .item .btn-default + .btn-default {
        margin-left: 0;
        margin-top: .375rem;
    }

    section.banner .item .btn-default {
        width: 3.4rem;
        height: 1rem;
    }

        section.banner .item .btn-default span {
            font-size: .27rem;
            font-weight: 700;
            letter-spacing: .04rem;
        }

    section.banner .item .btn-apply {
        border: none;
    }



    section.banner .scroll-down {
        width: .9rem;
        height: .9rem;
        border-radius: .45rem;
        margin-left: -.45rem;
        bottom: 1.2rem;
    }

        section.banner .scroll-down span {
            display: none;
        }

        section.banner .scroll-down:before {
            font-size: .373rem;
        }

    section.banner .owl-nav {
        display: none;
    }

    section.banner .owl-dots {
        position: absolute;
        bottom: auto;
        top: 9.25rem;
        width: calc(100% - 1.08rem);
        left: 0.54rem;
        right: 0.54rem;
        margin: -.1rem;
        text-align: center;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

        section.banner .owl-dots .owl-dot {
            width: .64rem;
            height: .06rem;
            margin: .1rem;
            opacity: .25;
            background-color: #162e4c;
        }

            section.banner .owl-dots .owl-dot.active {
                opacity: 1;
                background-color: #0e3359;
            }

    section.banner .item .content .item-dots {
        margin-top: .5rem;
    }

        section.banner .item .content .item-dots .item-dot {
            margin-right: 11px;
            width: .3rem;
            height: .3rem;
            border-radius: .15rem;
        }

    section.banner .banner-wrapper > * {
        display: none;
    }

    section.banner .banner-wrapper > .mobile {
        position: absolute;
        width: 5.25rem;
        right: 0;
        bottom: -3.09rem;
        display: block;
    }

        section.banner .banner-wrapper > .mobile img {
            width: 100%;
        }

    section.banner > .image img {
        display: none;
    }

    section.banner .content {
        width: calc(100% - 1.5rem);
        left: .55rem;
    }

        section.banner .content h1 {
            font-size: .7rem;
            line-height: 1.142em;
        }

        section.banner .content .desc {
            font-size: .3rem !important;
            line-height: 1.5em !important;
        }

            section.banner .content .desc * {
                font-size: .3rem !important;
                line-height: 1.5em !important;
            }

    section.banner .video-button:before {
        width: 1rem;
        height: 1rem;
        border-radius: .5rem;
    }

    section.banner .video-button span {
        margin-left: .3rem;
        font-size: .3rem;
    }

    section.banner .video-button:after {
        left: .38rem;
        margin-top: -.2rem;
        border-top: .2rem solid transparent;
        border-bottom: .2rem solid transparent;
        border-left: .28rem solid #0e3359;
    }

    section.banner .item .interactive-container {
        display: none;
    }

    section.banner .owl-carousel .owl-stage-outer,
    section.banner .owl-carousel .owl-stage,
    section.banner .owl-carousel .owl-item {
        height: auto;
    }

    /* Main Prime */

    section.main-prime {
        padding-top: 1.4rem;
    }

        section.main-prime:before {
            display: none;
        }

        section.main-prime .content {
            width: 100%;
            padding-left: .5rem;
            padding-right: .5rem;
        }

        section.main-prime .video-wrapper {
            width: 100%;
            height: 0;
            padding-top: 57.14%;
            margin-top: .8rem;
        }

            section.main-prime .video-wrapper video,
            section.main-prime .video-wrapper > img {
                position: absolute;
                top: 0;
                left: 0;
            }

            section.main-prime .video-wrapper .left-image {
                display: none;
            }

            section.main-prime .video-wrapper .right-image {
                position: absolute;
                display: block;
                width: 100%;
                top: 50%;
                left: 0;
                margin-top: 0;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -o-transform: translateY(-50%);
            }

                section.main-prime .video-wrapper .right-image .sub-image {
                    display: none;
                }

            section.main-prime .video-wrapper .btn-play {
                width: 2.32rem;
                margin-top: -1.16rem;
                margin-left: -1.16rem;
            }

    /* Main Packages */

    section.main-packages {
        padding-top: .8rem;
        padding-bottom: .9rem;
    }

        section.main-packages .content {
            width: 100%;
            padding-left: .55rem;
            padding-right: .55rem;
        }

        section.main-packages .package-slider {
            margin-top: .5rem;
        }

            section.main-packages .package-slider:first-child {
                margin-top: .2rem;
            }

        section.main-packages .package-header {
            width: 100%;
            padding-left: .55rem;
            padding-right: .55rem;
        }

            section.main-packages .package-header select {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                opacity: 0;
                z-index: 10;
            }

            section.main-packages .package-header .label {
                display: block;
                width: 80%;
                padding-right: 0;
                margin-left: auto;
                margin-right: auto;
                font-size: .38rem;
                line-height: 1.29em;
                text-align: center;
            }

        section.main-packages .menu {
            display: block;
            height: 1rem;
            width: 100%;
            margin-top: .24rem;
            border-radius: 0;
        }

            section.main-packages .menu .option {
                display: none;
                width: 100%;
                height: 100%;
            }

                section.main-packages .menu .option span {
                    font-size: .24rem;
                }

                section.main-packages .menu .option:after {
                    content: '\f107';
                    display: inline-block;
                    vertical-align: middle;
                    margin-left: .2rem;
                    margin-top: -.04rem;
                    font-family: FontAwesome;
                    font-size: .4rem;
                    color: white;
                    transition: .3s all ease;
                    -webkit-transition: .3s all ease;
                    -ms-transition: .3s all ease;
                    -moz-transition: .3s all ease;
                    -o-transition: .3s all ease;
                }

                section.main-packages .menu .option.active {
                    display: block;
                }

                section.main-packages .menu .option + .option {
                    margin-left: 0;
                }

        section.main-packages .package-tabs {
            width: 100%;
            margin-top: .9rem;
        }

            section.main-packages .package-tabs .owl-item {
                padding-bottom: .56rem;
                opacity: .55;
                transition: all .4s ease;
            }

                section.main-packages .package-tabs .owl-item.active {
                    opacity: 1;
                }

            section.main-packages .package-tabs .owl-dot {
                width: .6rem;
                height: .06rem;
            }

        section.main-packages .owl-nav {
            display: none;
        }

    /* Main Privilages */
    section.main-privilages {
        padding-top: .7rem;
        padding-bottom: .6rem;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        background: #f7f7f7;
    }

        section.main-privilages:before {
            display: none;
        }

        section.main-privilages .item {
            display: none !important;
        }

        section.main-privilages .slider {
            margin-top: .7rem;
        }

            section.main-privilages .slider .owl-dots {
                margin: -.15rem 0;
                margin-top: .65rem;
            }

            section.main-privilages .slider .owl-dot {
                display: inline-block;
                vertical-align: middle;
                width: .64rem;
                height: .06rem;
                background-color: #0e3359;
                opacity: .25;
                margin: .15rem .1rem;
            }

                section.main-privilages .slider .owl-dot.active {
                    opacity: 1;
                }

            section.main-privilages .slider .item {
                display: block !important;
                height: 5.45rem;
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
            }

            section.main-privilages .slider .owl-item {
                padding-left: .1rem;
                padding-right: .1rem;
                opacity: .55;
                transition: all .4s ease-in-out;
            }

                section.main-privilages .slider .owl-item.active {
                    opacity: 1;
                }

        section.main-privilages .item .item-content {
            padding: .42rem;
            text-align: left;
        }

            section.main-privilages .item .item-content .title {
                font-size: .48rem;
                line-height: 1.2em;
            }

            section.main-privilages .item .item-content .desc {
                margin-top: .08rem;
                font-weight: 500;
                font-size: .28rem;
                line-height: 1.36em;
            }

            section.main-privilages .item .item-content .detail {
                margin-top: .24rem;
                padding-bottom: 0;
                font-size: .28rem;
                line-height: 1.36em;
                letter-spacing: 0;
            }

                section.main-privilages .item .item-content .detail:after {
                    height: .02rem;
                }

        section.main-privilages .title-default:after {
            display: block;
        }

        section.main-privilages .top > .content {
            display: block;
            width: 100%;
            padding-left: .55rem;
            padding-right: .55rem;
        }

            section.main-privilages .top > .content .btn-default {
                margin-top: .48rem;
            }

        section.main-privilages .middle {
            display: none;
        }

        section.main-privilages .bottom {
            display: none;
        }

    /* Main Club */

    section.main-club {
        padding-top: .9rem;
        padding-bottom: .9rem;
        overflow: hidden;
    }

        section.main-club .content {
            width: 53.3333%;
            margin-left: auto;
            margin-right: auto;
        }

        section.main-club .club-container {
            padding-left: 0;
            padding-right: 0;
            margin-top: .2rem;
        }

            section.main-club .club-container .left {
                display: block;
                width: 100%;
            }

                section.main-club .club-container .left img {
                    width: 100%;
                }

            section.main-club .club-container .right {
                display: block;
                width: 100%;
                margin-left: 0;
                margin-top: .6rem;
                padding-left: .55rem;
                padding-right: .55rem;
            }

            section.main-club .club-container .item {
                width: 100%;
                padding-top: .32rem;
                padding-bottom: .32rem;
            }

                section.main-club .club-container .item + .item {
                    border-top: none;
                }

                section.main-club .club-container .item:first-child {
                    padding-top: 0;
                }

                section.main-club .club-container .item:last-child {
                    padding-bottom: 0;
                }

                section.main-club .club-container .item > img {
                    width: 38%;
                }

                section.main-club .club-container .item .item-content {
                    width: 62%;
                    padding-left: .38rem;
                }

                section.main-club .club-container .item .title {
                    font-size: .36rem !important;
                }

                    section.main-club .club-container .item .title * {
                        font-size: .36rem !important;
                    }

                    section.main-club .club-container .item .title br {
                        display: none;
                    }

                section.main-club .club-container .item .text {
                    margin-top: .06rem;
                    font-size: .28rem !important;
                    line-height: 1.4em !important;
                }

                    section.main-club .club-container .item .text * {
                        font-size: .28rem !important;
                        line-height: 1.4em !important;
                    }

                    section.main-club .club-container .item .text br {
                        display: none;
                    }

                section.main-club .club-container .item .btn-detail {
                    margin-top: .2rem;
                }

                    section.main-club .club-container .item .btn-detail span {
                        font-size: .28rem;
                    }

                    section.main-club .club-container .item .btn-detail:after {
                        width: .33rem;
                        height: .23rem;
                        margin-bottom: .02rem;
                        margin-left: .1rem;
                    }

        section.main-club .background-images .image-1 {
            width: 4.57rem;
            left: -2rem;
            top: .2rem;
        }

        section.main-club .background-images .image-2 {
            width: 1.95rem;
            right: -.45rem;
            top: 1.1rem;
        }

        section.main-club .background-images .image-3 {
            display: none;
        }

    /* Showcase */

    section.showcase {
        height: auto;
    }

        section.showcase .item {
            display: block;
            width: 100%;
            height: 11.1rem;
        }

            section.showcase .item .content {
                padding-left: .5rem;
                padding-right: .5rem;
            }

            section.showcase .item .title {
                font-size: .9rem;
            }

            section.showcase .item .text {
                margin-top: .24rem;
                font-weight: 500;
                font-size: .28rem !important;
                line-height: 1.36em !important;
            }

                section.showcase .item .text * {
                    font-size: .28rem !important;
                    line-height: 1.36em !important;
                }

            section.showcase .item .btn-default {
                margin-top: .6rem;
            }

        section.showcase .owl-dots {
            position: absolute;
            width: 100%;
            left: 0;
            bottom: .45rem;
        }

        section.showcase .owl-dot {
            display: inline-block;
            width: .64rem;
            height: .06rem;
            background-color: #fff;
            opacity: .25;
            transition: all .4s ease;
        }

            section.showcase .owl-dot + .owl-dot {
                margin-left: .2rem;
            }

            section.showcase .owl-dot.active {
                opacity: 1;
            }

    /* How */

    section.how {
        padding-top: 1.2rem;
        padding-bottom: 2rem;
    }

        section.how .title-default,
        section.how .pre-title {
            padding-left: .5rem;
            padding-right: .5rem;
        }

        section.how .tabs {
            margin-top: .5rem;
        }

        section.how .tab-menu {
            padding-left: .55rem;
            padding-right: .55rem;
        }

            section.how .tab-menu .menu-item {
                height: 1rem;
                width: 50%;
                min-width: unset;
                padding-left: .1rem;
                padding-right: .1rem;
            }

                section.how .tab-menu .menu-item span {
                    font-size: .24rem;
                }

        section.how .tab-content {
            width: 100%;
        }

        section.how .tab-item .box {
            display: block;
            width: 100%;
            padding-left: .55rem;
            padding-right: .55rem;
        }

            section.how .tab-item .box + .box {
                margin-top: .8rem;
            }

            section.how .tab-item .box img {
                display: inline-block;
                vertical-align: middle;
                width: 1.64rem;
                margin-left: .24rem;
                margin-right: .4rem;
            }

        section.how .tab-item .text {
            display: inline-block;
            vertical-align: middle;
            width: calc(100% - 2.28rem);
            margin-top: 0;
            font-size: .28rem !important;
            line-height: 1.375em !important;
            text-align: left;
        }

            section.how .tab-item .text * {
                font-size: .28rem !important;
                line-height: 1.375em !important;
            }

            section.how .tab-item .text br {
                display: none;
            }

        section.how .tab-item .annotation {
            margin-top: .8rem;
            padding-left: .55rem;
            padding-right: .55rem;
            font-weight: 500;
            font-size: .20rem !important;
            line-height: 1.5em !important;
        }

            section.how .tab-item .annotation * {
                font-size: .20rem !important;
                line-height: 1.5em !important;
            }

            section.how .tab-item .annotation br {
                display: none;
            }

        section.how .tab-item .btn-default {
            margin-top: .9rem;
        }

        section.how .box-container .owl-dots {
            margin-top: .55rem;
        }

        section.how .box-container .owl-dot {
            display: inline-block;
            vertical-align: middle;
            width: .32rem;
            height: .32rem;
            border-radius: .16rem;
            border: 2px solid rgba(102,34,51, .34);
        }

            section.how .box-container .owl-dot + .owl-dot {
                margin-left: .2rem;
            }

            section.how .box-container .owl-dot.active {
                background: #0e3359;
                border: none;
            }

    /* About */

    section.about {
        padding: .75rem .55rem 4rem .55rem;
    }

        section.about .about-image {
            width: calc(100% + .18rem);
            margin-left: -.18rem;
            margin-top: .5rem;
        }

            section.about .about-image:not(.mobile) {
                display: none;
            }

        section.about .content {
            width: 100%;
            padding: 0;
        }

        section.about .about-bg {
            width: 100%;
            margin-top: .6rem;
        }

        section.about .content .title {
            font-size: .4rem;
            line-height: 1.375em;
        }

        section.about .content .text {
            font-size: .3rem !important;
            line-height: 1.5em !important;
        }

            section.about .content .text * {
                font-size: .3rem !important;
                line-height: 1.5em !important;
            }

    section.world {
        padding-top: 3.65rem;
        padding-bottom: 1.75rem;
    }

        section.world > .pre-title {
            padding: 0 1.68rem;
            line-height: 1.46em;
        }

        section.world > .title-default {
            padding: 0 .55rem;
        }

        section.world .boxes {
            padding: 0;
            margin-top: .5rem;
        }

            section.world .boxes .owl-item {
                padding: 0 .1rem;
            }

        section.world .box {
            position: relative;
            width: 100% !important;
            padding-top: 84.89% !important;
            margin-top: 0 !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

            section.world .box img {
                position: absolute;
                width: 100%;
                height: auto;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
            }

            section.world .box .title {
                font-size: .48rem !important;
                line-height: normal !important;
            }

                section.world .box .title * {
                    font-size: .48rem !important;
                    line-height: normal !important;
                }

            section.world .box .description {
                font-size: .26rem;
            }

        section.world .boxes .owl-dots {
            position: absolute;
            width: 100%;
            bottom: -.85rem;
            left: 0;
            text-align: center;
        }

            section.world .boxes .owl-dots .owl-dot {
                display: inline-block;
                vertical-align: middle;
                margin-right: 11px;
                width: .3rem;
                height: .3rem;
                border: 2px solid #c2a7ad;
                border-radius: .15rem;
            }

                section.world .boxes .owl-dots .owl-dot.active {
                    border: none;
                    background-color: #0e3359;
                }

        section.world .background-images {
            background-image: none !important;
        }

            section.world .background-images .image-1 {
                width: 3.35rem;
                top: -1.67rem;
                margin-left: -1.67rem;
            }

            section.world .background-images .image-2 {
                width: 1.68rem;
                top: 2.03rem;
            }

            section.world .background-images .image-3 {
                width: 1.9rem;
                top: 3.8rem;
            }

            section.world .background-images .image-4 {
                display: none;
            }

            section.world .background-images .image-5 {
                display: none;
            }

    /* Campaign Sub Menu */

    section.campaign-sub-menu {
        height: 1rem;
    }

        section.campaign-sub-menu span {
            font-size: .24rem;
        }

    /* Split Banner */

    section.split-banner {
        height: auto;
    }

        section.split-banner .image {
            position: static;
            display: block;
            width: 100%;
            height: auto;
            background-image: none;
        }

            section.split-banner .image img {
                display: block;
                width: 100%;
            }

        section.split-banner * + .stores {
            margin-top: .32rem;
        }

        section.split-banner .stores {
            width: 100%;
        }

            section.split-banner .stores a {
                width: 50%;
            }

                section.split-banner .stores a.btn-apply {
                    margin-left: 0;
                    margin-top: .32rem;
                }

        section.split-banner .content .btn-default {
            height: 1rem;
        }

        section.split-banner .container {
            display: block;
            width: 100%;
            height: auto;
            min-height: unset;
            margin-left: 0;
            padding-top: .7rem;
            padding-bottom: .4rem;
            padding-left: .5rem;
            padding-right: .5rem;
        }

            section.split-banner .container:before {
                display: none;
            }

        section.split-banner .content h1 {
            margin-bottom: .2rem;
            font-size: .8rem;
            line-height: 1.125em;
        }

        section.split-banner .content .text {
            font-size: .3rem !important;
            line-height: 1.5em !important;
        }

            section.split-banner .content .text * {
                font-size: .3rem !important;
                line-height: 1.5em !important;
            }

            section.split-banner .content .text br {
                display: none;
            }

            section.split-banner .content .text .small {
                margin-top: 1em;
                font-size: .24rem !important;
            }

                section.split-banner .content .text .small.spaced {
                    margin-bottom: .5rem;
                }

                section.split-banner .content .text .small + .small {
                    margin-top: .8em;
                }

                section.split-banner .content .text .small * {
                    font-size: .24rem !important;
                }

                section.split-banner .content .text .small p + p {
                    margin-top: 1em;
                }

                section.split-banner .content .text .small br {
                    display: none;
                }

        section.split-banner .share {
            position: relative;
            left: auto;
            bottom: auto;
            margin-top: .8rem;
        }

            section.split-banner .share span {
                padding-right: .85rem;
                margin-right: .45rem;
                font-size: .3rem;
            }

                section.split-banner .share span:after {
                    width: .4rem;
                    height: .05rem;
                    margin-top: -.03rem;
                }

        section.split-banner .social-icon {
            font-size: .52rem;
        }

            section.split-banner .social-icon + .social-icon {
                margin-left: .6rem;
            }

        section.split-banner .campaign-detail-block {
            width: 100%;
            height: 2.4rem;
            margin-top: .5rem;
        }

            section.split-banner .campaign-detail-block .amount {
                font-size: .36rem;
                line-height: 1.2em;
            }

            section.split-banner .campaign-detail-block .pre-text {
                font-size: .2rem;
                letter-spacing: -.02em;
                overflow: initial;
                text-overflow: initial;
                white-space: normal;
            }

            section.split-banner .campaign-detail-block .desc {
                margin-top: .04rem;
                font-size: .2rem;
                letter-spacing: -.02em;
                overflow: initial;
                text-overflow: initial;
                white-space: normal;
            }

            section.split-banner .campaign-detail-block .sub-desc {
                margin-top: .04rem;
                font-size: .24rem;
                letter-spacing: -.02em;
                overflow: initial;
                text-overflow: initial;
                white-space: normal;
                padding-top: .05rem;
                padding-left: .05rem;
                padding-right: .05rem;
            }

            section.split-banner .campaign-detail-block .item-container .desc {
                overflow: initial;
                text-overflow: initial;
                white-space: normal;
            }

            section.split-banner .campaign-detail-block .gb {
                margin-top: -.04rem;
                font-size: .5rem;
            }

            section.split-banner .campaign-detail-block .price {
                margin-top: .04rem;
            }

                section.split-banner .campaign-detail-block .price span {
                    font-size: .5rem;
                }

                section.split-banner .campaign-detail-block .price:after {
                    width: .31rem;
                    height: .45rem;
                    margin-left: .08rem;
                }

        section.split-banner .sms-box {
            margin-top: .48rem;
        }

            section.split-banner .sms-box .item + .item {
                margin-top: .16rem;
            }

            section.split-banner .sms-box .label {
                display: block;
                font-size: .36rem;
                line-height: 1.5em;
            }

            section.split-banner .sms-box .sms {
                display: block;
                margin-left: 0;
            }

                section.split-banner .sms-box .sms span {
                    font-size: .36rem;
                    line-height: 1.5em;
                }

                section.split-banner .sms-box .sms img {
                    width: .37rem;
                    margin-left: .19rem;
                    margin-right: .2rem;
                }

        section.split-banner .device-specs {
            position: relative;
            margin-top: .4rem;
        }

            section.split-banner .device-specs > div {
                margin-top: .7rem;
            }

            section.split-banner .device-specs .spec-title {
                margin-bottom: .05rem;
                font-size: .3rem;
            }

            section.split-banner .device-specs .color-options {
                display: block;
                width: 100%;
            }

                section.split-banner .device-specs .color-options .option {
                    margin-right: .48rem;
                    margin-top: .2rem;
                }

                    section.split-banner .device-specs .color-options .option:last-child {
                        margin-right: 0;
                    }

                section.split-banner .device-specs .color-options .color {
                    width: .45rem;
                    height: .45rem;
                    border-radius: .3rem;
                }

                section.split-banner .device-specs .color-options .color-text {
                    margin-left: .12rem;
                    font-size: .28rem;
                }

            section.split-banner .device-specs .memory-options {
                display: block;
                width: 100%;
            }

                section.split-banner .device-specs .memory-options .option {
                    margin-top: .2rem;
                    font-size: .28rem;
                }

                    section.split-banner .device-specs .memory-options .option + .option:before {
                        margin-left: .36em;
                    }

        section.split-banner .device-prices {
            margin-top: .6rem;
            margin-bottom: .6rem;
        }

            section.split-banner .device-prices .price-item {
                display: block;
                margin-right: 0;
            }

                section.split-banner .device-prices .price-item + .price-item {
                    margin-top: .4rem;
                }

                section.split-banner .device-prices .price-item .small {
                    font-size: .28rem;
                }

                    section.split-banner .device-prices .price-item .small:last-child {
                        display: inline-block;
                        vertical-align: middle;
                        width: 2.2rem;
                        margin-left: .04rem;
                    }

                section.split-banner .device-prices .price-item .large {
                    display: inline-block;
                    vertical-align: middle;
                    font-size: .8rem;
                }

    /* Featured Campaigns */

    section.featured-campaigns {
        padding-left: .55rem;
        padding-right: .55rem;
    }

        section.featured-campaigns .content {
            margin-bottom: .5rem;
        }

        section.featured-campaigns .container {
            width: 100%;
        }

        section.featured-campaigns .item {
            display: block;
            width: 100%;
            height: 2.84rem;
            background-position: center left 25%;
        }

            section.featured-campaigns .item:after {
                right: 2.5%;
                font-size: .52rem;
            }

            section.featured-campaigns .item + .item {
                margin-left: 0;
                margin-top: .34rem;
            }

        section.featured-campaigns .item-content {
            width: 61%;
            margin-left: 32%;
        }

        section.featured-campaigns .title {
            font-size: .36rem;
            line-height: 1em;
        }

        section.featured-campaigns .text {
            max-height: 5.68em;
            margin-top: .2rem;
            font-size: .24rem !important;
            line-height: 1.42em !important;
        }

            section.featured-campaigns .text * {
                font-size: .24rem !important;
                line-height: 1.42em !important;
            }

            section.featured-campaigns .text br {
                display: none;
            }

        section.featured-campaigns .item:only-of-type {
            width: 100%;
            height: 4.34rem;
            background-size: 300%;
            background-position: left top;
        }

            section.featured-campaigns .item:only-of-type .item-content {
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                margin-left: 0;
                padding: .32rem;
                padding-top: .6rem;
                background-image: linear-gradient(to top, rgb(231,231,231) 60%, rgba(231,231,231,.04) 100%);
            }

            section.featured-campaigns .item:only-of-type:after {
                right: 3%;
            }

    /* Join Campaign */

    section.join-campaign {
        height: auto;
        text-align: left;
    }

        section.join-campaign .item {
            display: block;
            width: 100%;
            height: 1.5rem;
            padding-left: .5rem;
            padding-right: .5rem;
        }

            section.join-campaign .item .item-content {
                width: 100%;
            }

        section.join-campaign .text-small:first-child {
            display: block;
            padding-bottom: .06rem;
        }

            section.join-campaign .text-small:first-child span {
                font-size: .2rem;
            }

        section.join-campaign .text-small span {
            font-size: .14rem;
            line-height: 1.2em;
        }

        section.join-campaign .text-middle {
            width: 46.9%;
        }

            section.join-campaign .text-middle span {
                font-size: .32rem;
                line-height: 1.2em;
            }

        section.join-campaign .text-large span {
            font-size: .41rem;
            line-height: 1.2em;
        }

        section.join-campaign .icon-right {
            width: .15rem;
            margin-right: .18rem;
        }

        section.join-campaign .icon-sms {
            width: .45rem;
            margin-left: .19rem;
            margin-right: .2rem;
            margin-top: .04rem;
        }

        section.join-campaign .item .customer-text {
            width: auto;
            margin-right: .18rem;
            text-align: left;
        }

        section.join-campaign .item .complete {
            width: .9rem;
            margin-left: .06rem;
        }

        section.join-campaign .btn-apply {
            width: 53.1%;
            height: 1rem;
            margin-left: 0;
            font-size: .24rem;
        }

        section.join-campaign .btn-apply-custom {
            width: 53.1%;
            height: 1rem;
            margin-left: 0;
            font-size: .24rem;
        }

    /* Forms */

    .popup-wrapper {
        padding-top: 1.3rem;
        padding-bottom: 1.3rem;
        padding-left: .55rem;
        padding-right: .55rem;
    }

        .popup-wrapper:before {
            display: none;
        }

    .popup-container {
        width: 100%;
    }

        .popup-container .tab-menu {
            width: 100%;
            height: 1.16rem;
        }

        .popup-container .menu-item {
            padding-left: .5rem;
            padding-right: .5rem;
        }

            .popup-container .menu-item span {
                font-size: .24rem;
            }

        .popup-container .tab-item {
            padding: .55rem .34rem;
        }

        .popup-container .block-container {
            width: 100%;
            margin-left: 0;
        }

            .popup-container .block-container .block-item {
                display: block;
                width: 100%;
            }

                .popup-container .block-container .block-item + .block-item {
                    margin-top: .3rem;
                }

            .popup-container .block-container .image {
                display: inline-block;
                vertical-align: middle;
                width: 1.72rem;
                height: 1.72rem;
                border-radius: 1rem;
            }

                .popup-container .block-container .image img {
                    width: .68rem;
                }

            .popup-container .block-container .text {
                display: inline-block;
                vertical-align: middle;
                width: calc(100% - 1.72rem);
                margin-top: 0;
                padding-left: .48rem;
                padding-right: 0;
                font-weight: 500;
                font-size: .28rem !important;
                line-height: 1.2em !important;
                text-align: left;
            }

                .popup-container .block-container .text * {
                    font-size: .28rem !important;
                    line-height: 1.2em !important;
                }

                .popup-container .block-container .text br {
                    display: none !important;
                }

        .popup-container .form-close {
            width: .50rem;
            height: .50rem;
            top: -12px;
            right: -12px;
        }

            .popup-container .form-close img {
                width: .32rem;
                margin-top: -.16rem;
                margin-left: -.16rem;
            }

       /* .popup-container form {
            margin-top: 2.8rem;
        }*/

            .popup-container form .form-item + .form-item {
                margin-top: .24rem;
            }

            .popup-container form .form-item.checkbox {
                margin-top: .34rem;
            }

            .popup-container form .form-item input:not([type="checkbox"]) {
                height: 1.1rem;
                padding-left: .36rem;
                padding-right: .36rem;
                font-size: .32rem;
            }

            .popup-container form .btn-send {
                height: 1.2rem;
                margin-top: .6rem;
            }

                .popup-container form .btn-send span {
                    font-size: .32rem;
                }

            .popup-container form [type="checkbox"]:not(:checked) + label,
            .popup-container form [type="checkbox"]:checked + label {
                padding-left: .72rem;
                font-size: .28rem;
            }

                .popup-container form [type="checkbox"]:not(:checked) + label:before,
                .popup-container form [type="checkbox"]:checked + label:before {
                    width: .48rem;
                    height: .48rem;
                }

                .popup-container form [type="checkbox"]:not(:checked) + label:after,
                .popup-container form [type="checkbox"]:checked + label:after {
                    width: 0;
                    height: 0;
                    left: .24rem;
                    top: .24rem;
                }

                .popup-container form [type="checkbox"]:checked + label:after {
                    width: .32rem;
                    height: .32rem;
                    margin-left: -.16rem;
                    margin-top: -.16rem;
                }

        .popup-container .title {
            font-size: .36rem;
            line-height: 1.3em;
        }

        .popup-container .text {
            margin-top: .4rem;
            font-size: .28rem !important;
            line-height: 1.6em !important;
        }

        .popup-container .title + .text {
            margin-top: .16rem;
        }

        .popup-container .text * {
            font-size: .28rem !important;
            line-height: 1.6em !important;
        }

        .popup-container .text p + p {
            margin-top: 1.5em;
        }

        .popup-container .content-items .item {
            margin-top: .32rem;
        }

            .popup-container .content-items .item img {
                width: .69rem;
            }

            .popup-container .content-items .item span {
                font-size: .28rem;
                line-height: 1.6em;
            }

            .popup-container .content-items .item img + span {
                width: calc(100% - .69rem);
                padding-left: .32rem;
            }

        .popup-container .table {
            margin-top: .25rem;
        }

            .popup-container .table div + div {
                border-top: none;
            }

            .popup-container .table .left {
                display: block;
                width: 100%;
            }

                .popup-container .table .left > div {
                    display: inline-block;
                    vertical-align: top;
                    width: 50%;
                    height: 1.8rem;
                    padding-left: .2rem;
                    padding-right: .2rem;
                }

                    .popup-container .table .left > div:nth-child(2n) {
                        border-left: 1px solid #cfd4da;
                    }

            .popup-container .table .right + .left {
                border-top: 1px solid #cfd4da;
            }

            .popup-container .table .right {
                display: block;
                width: 100%;
                border-left: none;
                border-top: 1px solid #cfd4da;
            }

                .popup-container .table .right > div {
                    height: auto;
                    padding-top: .3rem;
                    padding-bottom: .32rem;
                }

            .popup-container .table span {
                font-weight: 600;
                line-height: 1.2em;
                color: #1b334f;
            }

                .popup-container .table span.small {
                    font-size: .26rem;
                }

                .popup-container .table span.medium {
                    font-size: .3rem;
                }

                .popup-container .table span.large {
                    font-size: .5rem;
                    margin-bottom: -.1rem;
                }

            .popup-container .table img {
                width: 100% !important;
            }

    /* Popup Result */

    .popup-wrapper .form-result {
        padding: .6rem .55rem;
    }

    .popup-wrapper .result-icon {
        width: 1.77rem;
        height: 1.77rem;
        border-radius: .9rem;
    }

    .popup-wrapper.result-error .result-icon img {
        height: .87rem;
    }

    .popup-wrapper.result-success .result-icon img {
        width: .76rem;
    }

    .popup-wrapper .result-title {
        font-size: .48rem;
    }

    .popup-wrapper .result-text {
        margin-top: .2rem;
        font-size: .28rem;
    }

    .popup-wrapper .btn-result {
        height: 1rem;
    }

        .popup-wrapper .btn-result span {
            font-size: .24rem;
        }

    /* Popup Form */

    .popup-wrapper.form .popup-container .tab-item.bg {
        /*background-image: url(Images/form-bg-mobile.jpg);*/
        background-position: center top;
    }

    /* Campaign Detail Privilages */

    section.campaign-detail-privilages {
        padding-top: .9rem;
        padding-bottom: .9rem;
    }

        section.campaign-detail-privilages .container {
            width: 100%;
            margin-top: .6rem;
        }

            section.campaign-detail-privilages .container .owl-item {
                padding-left: .1rem;
                padding-right: .1rem;
            }

            section.campaign-detail-privilages .container .owl-dots {
                margin-top: .56rem;
            }

            section.campaign-detail-privilages .container .owl-dot {
                display: inline-block;
                vertical-align: middle;
                width: .32rem;
                height: .32rem;
                border-radius: .16rem;
                border: 2px solid rgba(102,34,51, .34);
            }

                section.campaign-detail-privilages .container .owl-dot + .owl-dot {
                    margin-left: .2rem;
                }

                section.campaign-detail-privilages .container .owl-dot.active {
                    background: #0e3359;
                    border: none;
                }

            section.campaign-detail-privilages .container .item {
                width: 100%;
                height: 5.45rem;
                margin: 0;
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
            }

                section.campaign-detail-privilages .container .item img {
                    display: none;
                }

                section.campaign-detail-privilages .container .item .text {
                    padding: .4rem;
                    font-size: .48rem !important;
                    line-height: 1.25em !important;
                }

                    section.campaign-detail-privilages .container .item .text p {
                        font-size: .48rem !important;
                        line-height: 1.25em !important;
                    }

                    section.campaign-detail-privilages .container .item .text .detail {
                        margin-top: .24rem;
                        padding-bottom: 0;
                        font-size: .28rem;
                        line-height: 1.36em;
                        letter-spacing: 0;
                    }

                        section.campaign-detail-privilages .container .item .text .detail:after {
                            height: .02rem;
                        }

        section.campaign-detail-privilages .btn-privilage-mobile {
            display: inline-block;
            margin-top: .3rem;
        }

    /* Additional Packages */

    section.additional-packages {
        padding-top: .8rem;
        padding-bottom: .8rem;
    }

        section.additional-packages .boxes {
            width: 100%;
            margin-top: .6rem;
        }

        section.additional-packages .box {
            height: 7.1rem;
            margin-left: .17rem;
            margin-right: .17rem;
        }

        section.additional-packages .box-content {
            padding-left: .7rem;
            padding-right: .7rem;
            margin-top: .2rem;
        }

        section.additional-packages .box img {
            width: 1.8rem;
        }

        section.additional-packages .box .title {
            max-height: 2.48em;
            font-size: .45rem;
            line-height: 1.24em;
        }

        section.additional-packages .box .text {
            margin-top: .1rem;
            font-size: .3rem !important;
            line-height: 1.5em !important;
            max-height: unset;
            transform: translateY(0);
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
        }

            section.additional-packages .box .text * {
                font-size: .3rem !important;
                line-height: 1.5em !important;
            }

            section.additional-packages .box .text:hover {
                max-height: 6em;
            }

        section.additional-packages .box .btn-detail {
            width: 3.4rem;
            height: 1rem;
            bottom: .72rem;
            margin-left: -1.7rem;
        }

            section.additional-packages .box .btn-detail span {
                font-size: .24rem;
            }

        section.additional-packages .owl-item {
            padding-bottom: .54rem;
        }

        section.additional-packages .owl-dots {
            text-align: center;
        }

        section.additional-packages .owl-dot {
            width: .32rem;
            height: .32rem;
            border-radius: .16rem;
        }

            section.additional-packages .owl-dot + .owl-dot {
                margin-left: .2rem;
            }

    /* Campaign Detail */

    section.campaign-detail {
        padding-top: 1rem;
        padding-bottom: .8rem;
        padding-left: .4rem;
        padding-right: .4rem;
    }

        section.campaign-detail.special {
            padding-bottom: 2.5rem;
            border-bottom: 1px solid #ced3d9;
        }

        section.campaign-detail .tabs {
            width: 100%;
            margin-top: .5rem;
        }

        section.campaign-detail .tab-menu {
            position: relative;
        }

            section.campaign-detail .tab-menu select {
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                opacity: 0;
                z-index: 10;
            }

        section.campaign-detail .menu-item {
            height: 1rem;
            padding: .1rem;
            display: none;
        }

            section.campaign-detail .menu-item span {
                font-size: .24rem;
            }

            section.campaign-detail .menu-item.active {
                display: block;
                width: 100% !important;
            }

                section.campaign-detail .menu-item.active span:after {
                    content: '\f107';
                    display: inline-block;
                    vertical-align: middle;
                    font-weight: 300;
                    margin-left: .2rem;
                    margin-top: -.12rem;
                    font-family: FontAwesome;
                    font-size: .4rem;
                    color: white;
                    transition: .3s all ease;
                    -webkit-transition: .3s all ease;
                    -ms-transition: .3s all ease;
                    -moz-transition: .3s all ease;
                    -o-transition: .3s all ease;
                }

                section.campaign-detail .menu-item.active:after {
                    display: none;
                }

        section.campaign-detail .tab-container {
            margin-top: .45rem;
        }

        section.campaign-detail .tab-item {
            font-size: .28rem !important;
            line-height: 1.43em !important;
        }

            section.campaign-detail .tab-item * {
                font-size: .28rem !important;
                line-height: 1.43em !important;
            }

            section.campaign-detail .tab-item p + p {
                margin-top: 1em;
            }

    /* Magazine */

    section.magazine {
        padding-left: 0;
        padding-right: 0;
        padding-top: .9rem;
        padding-bottom: .9rem;
    }

        section.magazine .magazine-image {
            display: block;
            width: 100%;
            margin-right: 0;
        }

        section.magazine .content {
            display: block;
            width: 100%;
            margin-top: 0;
            padding-left: .55rem;
            padding-right: .55rem;
        }

            section.magazine .content .text-default {
                margin-top: .24rem;
            }

                section.magazine .content .text-default p + p {
                    margin-top: .8em;
                }

            section.magazine .content .btn-default {
                margin-top: .4rem;
            }

        section.magazine .background-images {
            display: none;
        }

    /* Special Campaign */

    section.special-campaign {
        padding-top: .9rem;
        padding-bottom: 1rem;
        padding-left: .55rem;
        padding-right: .55rem;
        background-color: #f5f4f3;
        background-image: none;
    }

        section.special-campaign .container {
            width: 100%;
        }

        section.special-campaign .image {
            display: block;
            width: 100%;
            margin-right: 0;
            margin-top: .3rem;
        }

            section.special-campaign .image:not(.mobile) {
                display: none;
            }

        section.special-campaign .content {
            display: block;
            width: 100%;
        }

        section.special-campaign .title {
            font-size: .6rem;
            line-height: 1.16em;
        }

        section.special-campaign .text {
            margin-top: .2rem;
            font-size: .3rem !important;
        }

            section.special-campaign .text * {
                font-size: .3rem !important;
            }

    /* Privilages */

    section.privilages {
        padding: .8rem 0 1rem 0;
    }

        section.privilages.stacked {
            background-image: none !important;
        }

        section.privilages .content .text-default {
            padding: 0 1rem;
        }

        section.privilages .tags {
            width: calc(100% - 1.1rem);
            padding-top: 0;
            padding-bottom: 0;
            margin-left: .55rem;
            transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
            -ms-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
	    background-color: #0e3359;
        }

            section.privilages .tags.sticky {
            }

            section.privilages .tags.active {
                background-color: #f2f2f2;
                border-color: #9aa2a8;
            }

            section.privilages .tags .label {
                width: 100%;
                padding-top: .34rem;
                padding-bottom: .34rem;
                font-size: .24rem;
                text-align: center;
		display: inline-block;
    		background-color: #fff;
            }

                section.privilages .tags .label:after {
                    content: '\f107';
                    display: inline-block;
                    vertical-align: middle;
                    margin-left: .1rem;
                    margin-top: -.1rem;
                    font-family: FontAwesome;
                    font-size: .4rem;
                    color: inherit;
                    transition: .3s all ease;
                    -webkit-transition: .3s all ease;
                    -ms-transition: .3s all ease;
                    -moz-transition: .3s all ease;
                    -o-transition: .3s all ease;
                }

        section.privilages .tags-menu {
            width: calc(100% + 2px);
            height: auto;
            padding: .35rem .55rem .55rem .55rem;
            top: 100%;
            left: -1px;
            margin: 0;
            z-index: 2;
            text-align: left;
            border-top-color: #dbdee1;
            z-index: 2;
            display: none;
        }

        section.privilages .tags.active .tags-menu {
            display: block;
        }

        section.privilages .tags-menu .tag {
            height: .8rem;
            margin-top: .2rem;
            padding: 0 .34rem;
            display: inline-block;
        }

            section.privilages .tags-menu .tag span {
                font-size: .24rem;
            }

            section.privilages .tags-menu .tag .close {
                width: .44rem;
                height: .44rem;
                margin-left: .2rem;
            }

        section.privilages .items {
            margin-top: .37rem;
            width: calc(100% - 1.1rem);
            margin-left: .55rem;
        }

        section.privilages .owl-item {
            padding: .1rem;
        }

        section.privilages .item {
            width: 100% !important;
            padding-top: 85% !important;
            margin-top: .4rem !important;
        }

        section.privilages.filter-active .item {
            width: 100% !important;
            padding-top: 85% !important;
            margin-top: .4rem !important;
        }

        section.privilages .items .owl-dots {
            position: relative;
            width: 100%;
            bottom: auto;
            left: auto;
            margin-top: .4rem;
            padding-left: .2rem;
            padding-right: .2rem;
            text-align: center;
        }

            section.privilages .items .owl-dots .owl-dot {
                display: inline-block;
                vertical-align: middle;
                margin: .1rem;
                width: .3rem;
                height: .3rem;
                border: 2px solid #c2a7ad;
                border-radius: .15rem;
            }

                section.privilages .items .owl-dots .owl-dot.active {
                    border: none;
                    background-color: #0e3359;
                }

    /* Only Text */
    section.only-text {
        padding: .9rem .55rem;
    }

    /* Devices */

    section.devices {
        padding-top: .8rem;
    }

        section.devices .content {
            padding: 0 .55rem;
        }

        section.devices .device-header {
            width: 100%;
            padding: 0 .55rem;
            margin-top: .5rem;
        }

        section.devices .label {
            width: 100%;
            padding-right: 0;
            text-align: center;
            font-size: .38rem;
            line-height: 1.315em;
        }

        section.devices .filter {
            position: relative;
            width: 100%;
            margin-top: .2rem;
        }

            section.devices .filter .item {
                height: 1rem;
                width: 100%;
                border-radius: 0;
                display: none;
            }

                section.devices .filter .item.active {
                    display: block;
                    margin-left: 0;
                }

                section.devices .filter .item span {
                    font-size: .24rem;
                }

                section.devices .filter .item.active:after {
                    content: '\f107';
                    position: relative;
                    width: auto;
                    height: auto;
                    right: auto;
                    top: auto;
                    display: inline-block;
                    vertical-align: middle;
                    margin-left: .2rem;
                    margin-top: -.04rem;
                    font-family: FontAwesome;
                    font-size: .4rem;
                    color: #FFF;
                    transition: .3s all ease;
                    -webkit-transition: .3s all ease;
                    -ms-transition: .3s all ease;
                    -moz-transition: .3s all ease;
                    -o-transition: .3s all ease;
                }

            section.devices .filter select {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                opacity: 0;
                z-index: 10;
            }

        section.devices .device-container {
            width: 100%;
        }

            section.devices .device-container .owl-item {
                padding: 0 .1rem;
            }

            section.devices .device-container .item {
                width: 100%;
                margin-left: 0;
                margin-right: 0;
            }

                section.devices .device-container .item.hide {
                    display: block;
                }

        section.devices .device-content .title {
            height: 1.32rem;
        }

            section.devices .device-content .title .text {
                font-size: .55rem !important;
                line-height: 1.2em !important;
            }

                section.devices .device-content .title .text * {
                    font-size: .55rem !important;
                    line-height: 1.2em !important;
                }

        section.devices .device-content .desc {
            height: .8rem;
        }

            section.devices .device-content .desc .text {
                font-size: .28rem !important;
                line-height: 1.43em !important;
            }

                section.devices .device-content .desc .text * {
                    font-size: .28rem !important;
                    line-height: 1.43em !important;
                }

        section.devices .owl-dots {
            margin-top: .4rem;
            padding-left: .2rem;
            padding-right: .2rem;
            text-align: center;
        }

        section.devices .owl-dot {
            display: inline-block;
            vertical-align: middle;
            width: .32rem;
            height: .32rem;
            margin: .1rem;
            border-radius: .16rem;
            border: 2px solid rgba(102,34,51, .34);
        }

            section.devices .owl-dot.active {
                background: #0e3359;
                border: none;
            }

    /* Blog */
    section.blog-detail {
        padding: .8rem .55rem;
        width: 100%;
    }

        section.blog-detail .text-large {
            font-size: .42rem !important;
            line-height: 1.5em !important;
        }

            section.blog-detail .text-large * {
                font-size: .42rem !important;
                line-height: 1.5em !important;
            }

        section.blog-detail .text {
            font-size: .3rem !important;
            line-height: 1.5em !important;
        }

            section.blog-detail .text * {
                font-size: .3rem !important;
                line-height: 1.5em !important;
            }

    /* Search */

    header .btn-search.active:after {
        width: .24rem;
        height: .24rem;
        margin-top: -.12rem;
        margin-left: -.12rem;
    }

    .search-wrapper .search {
        padding: .8rem .55rem;
    }

    .search-wrapper .search-container {
        width: 100%;
    }

    .search-wrapper .search-input {
        height: .9rem;
    }

        .search-wrapper .search-input a {
            width: 1.3rem;
            padding-top: .25rem;
            padding-bottom: .25rem;
        }

            .search-wrapper .search-input a img {
                width: .24rem;
            }

            .search-wrapper .search-input a span {
                font-size: .24rem;
            }

        .search-wrapper .search-input input {
            width: calc(100% - 1.3rem);
            font-size: .3rem;
        }

    .search-wrapper .featured-searches .title {
        font-size: .3rem;
    }

    .search-wrapper .featured-searches .item {
        height: .7rem;
    }

        .search-wrapper .featured-searches .item span {
            font-size: .25rem;
        }

    .search-wrapper .search-error {
        font-size: .28rem;
    }

    .search-wrapper .results {
        padding: .8rem .5rem;
    }

    .search-wrapper .result-container {
        width: 100%;
    }

    .search-wrapper .results .title {
        font-size: .42rem;
        line-height: 1.5em;
    }

    .search-wrapper .results .description {
        font-size: .3rem;
        line-height: 1.5em;
    }

    .search-wrapper .results .btn-detail {
        margin-top: .2rem;
        font-size: .3rem;
        line-height: 1.5em;
    }

    /* Blank Text */

    section.blank {
        position: relative;
        padding: .8rem .55rem;
        padding-bottom: 3rem;
        font-size: 0;
        text-align: center;
    }

        section.blank .text {
            margin-top: .4rem;
            font-size: .3rem;
        }

    /* 404 */

    section.error-404 {
        padding-top: 106%;
    }

        section.error-404 .text {
            width: 100%;
            left: 0;
            bottom: 2rem;
            margin-left: 0;
        }

    /* Plus */

    section.plus {
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
    }

        section.plus .content {
            width: 100%;
            padding-left: .54rem;
            padding-right: .54rem;
        }

        section.plus .items {
            width: 71.733%;
        }

            section.plus .items .owl-stage-outer {
                border-left: 1px solid #e7e0e2;
                border-right: 1px solid #e7e0e2;
            }

        section.plus * + .items {
            margin-top: .66rem;
        }

        section.plus .item {
            display: block;
            width: 100%;
            padding-left: .2rem;
            padding-right: .2rem;
            padding-bottom: .6rem;
            border-left: none !important;
            border-right: none !important;
        }

            section.plus .item .image {
                width: 100%;
                height: 3.2rem;
            }

                section.plus .item .image img {
                    display: inline-block !important;
                }

            section.plus .item .item-text {
                margin-top: .2rem;
                padding-left: .2rem;
                padding-right: .2rem;
                font-size: .34rem;
                line-height: 1.278em;
            }

        section.plus .text {
            padding-left: .54rem;
            padding-right: .54rem;
        }

        section.plus * + .text {
            margin-top: .6rem;
        }

        section.plus .items .owl-dots {
            position: relative;
            width: 100%;
            bottom: auto;
            left: auto;
            margin-top: .4rem;
            padding-left: .2rem;
            padding-right: .2rem;
            text-align: center;
        }

            section.plus .items .owl-dots .owl-dot {
                display: inline-block;
                vertical-align: middle;
                margin: .1rem;
                width: .3rem;
                height: .3rem;
                border: 2px solid #c2a7ad;
                border-radius: .15rem;
            }

                section.plus .items .owl-dots .owl-dot.active {
                    border: none;
                    background-color: #0e3359;
                }

    /* Plus Form */

    section.plus-form {
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left: .4rem;
        padding-right: .4rem;
    }

        section.plus-form .content,
        section.plus-form .form {
            width: 100%;
        }

        section.plus-form * + .form {
            margin-top: .55rem;
        }

        section.plus-form form .form-item {
            display: block;
            width: 100%;
            margin: 0;
        }

            section.plus-form form .form-item + .form-item {
                margin-top: .34rem;
            }

            section.plus-form form .form-item.full {
                width: 100%;
            }

            section.plus-form form .form-item.checkbox {
                margin-top: .34rem;
            }

            section.plus-form form .form-item input:not([type="checkbox"]) {
                height: 1rem;
                padding-left: .2rem;
                padding-right: .2rem;
                font-size: .24rem;
            }

        section.plus-form form .btn-send {
            width: 100%;
            height: 1rem;
            margin-top: .36rem;
            margin-left: 0;
            margin-right: 0;
        }

            section.plus-form form .btn-send span {
                font-size: .24rem;
            }

        section.plus-form form [type="checkbox"]:not(:checked) + label,
        section.plus-form form [type="checkbox"]:checked + label {
            padding-left: .86rem;
            padding-top: .1rem;
            padding-bottom: .1rem;
            font-size: .28rem;
        }

            section.plus-form form [type="checkbox"]:not(:checked) + label:before,
            section.plus-form form [type="checkbox"]:checked + label:before {
                width: .6rem;
                height: .6rem;
            }

            section.plus-form form [type="checkbox"]:not(:checked) + label:after,
            section.plus-form form [type="checkbox"]:checked + label:after {
                width: 0;
                height: 0;
                left: .3rem;
                top: .3rem;
            }

            section.plus-form form [type="checkbox"]:checked + label:after {
                width: .4rem;
                height: .4rem;
                margin-left: -.2rem;
                margin-top: -.2rem;
            }

        section.plus-form .result img {
            width: 1.4rem;
        }

        section.plus-form .result .text {
            font-size: .32rem;
        }

        section.plus-form .result * + .text {
            margin-top: .4rem;
        }

        section.plus-form .result * + .btn-back {
            margin-top: 1rem;
        }

        section.plus-form .url {
            font-size: .3rem;
        }

        section.plus-form * + .url {
            margin-top: .8rem;
        }

    .popup-wrapper.plus-form-kvk .popup-container {
        width: 100%;
    }

    .popup-wrapper.plus-form-kvk .kvk-container {
        padding: .4rem;
    }

        .popup-wrapper.plus-form-kvk .kvk-container .text {
            font-size: .28rem;
        }

    /* Image Only */

    section.image-only {
        position: relative;
        padding: .55rem;
    }

    /* IsTT */

    .istt-container {
        width: calc(100% - .5rem);
        top: 50%;
        right: .25rem;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

        .istt-container:before {
            display: none;
        }

        .istt-container .text {
            font-size: .3rem;
            letter-spacing: .01em;
        }

        .istt-container a {
            height: 1rem;
            margin-top: .4rem;
            font-size: .23rem;
            letter-spacing: .06em;
        }

            .istt-container a + a {
                margin-top: .2rem;
            }

    /* Video Popup */

    .video-popup-container {
        width: 100%;
        padding-left: .34rem;
        padding-right: .34rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

        .video-popup-container .popup-close {
            width: .7rem;
            height: .7rem;
            top: .3rem;
            left: auto;
            right: .34rem;
        }

            .video-popup-container .popup-close img {
                width: .28rem;
                top: .21rem;
                left: .21rem;
            }

        .video-popup-container .video .btn-play {
            width: 1.4rem;
            margin-top: -.7rem;
            margin-left: -.7rem;
        }

        .video-popup-container .content .text {
            font-size: .3rem;
            line-height: 1.4em;
        }

            .video-popup-container .content .text:first-child {
                padding-top: .78rem;
            }

        .video-popup-container .content a {
            width: 84%;
            height: 1rem;
        }

            .video-popup-container .content a span {
                font-size: .24rem;
                letter-spacing: .05em;
            }

        .video-popup-container .content * + a {
            margin-top: .4rem;
        }
}

@media screen and (max-width: 900px) {
    section.mobile-smart-app-banner {
        background: #0082ca;
        color: #fff;
        position: relative;
        overflow: hidden;
        padding: .24rem .3rem .24rem 1.6rem;
        display: none;
        visibility: visible;
        width: 100%;
        z-index: 2;
    }

        section.mobile-smart-app-banner .close-button {
            position: absolute;
            top: 50%;
            left: .15rem;
            height: .24rem;
            transform: translateY(-50%);
        }

            section.mobile-smart-app-banner .close-button i {
                font-size: .24rem;
                vertical-align: top;
            }

        section.mobile-smart-app-banner .app-logo {
            position: absolute;
            top: 50%;
            left: .48rem;
            width: .96rem;
            height: .96rem;
            transform: translateY(-50%);
        }

            section.mobile-smart-app-banner .app-logo img {
                width: 100%;
            }

        section.mobile-smart-app-banner .content {
            display: block;
            width: 80%;
        }

        section.mobile-smart-app-banner .title {
            width: 100%;
            font-weight: 400;
            font-size: .24rem;
            line-height: 1;
        }

        section.mobile-smart-app-banner .text {
            width: 100%;
            font-weight: 400;
            font-size: .18rem;
            line-height: 1;
        }

        section.mobile-smart-app-banner * + .title {
            margin-top: .12rem;
        }

        section.mobile-smart-app-banner * + .text {
            margin-top: .12rem;
        }

        section.mobile-smart-app-banner .app-button {
            background: #fff;
            color: #0082ca;
            line-height: 1.2em;
            text-align: center;
            font-weight: 600;
            font-size: .24rem;
            position: absolute;
            top: 50%;
            right: .15rem;
            padding: .18rem .32rem;
            transform: translateY(-50%);
        }

    /* Faq*/

    section.faq .banner {
        height: 8.5rem;
    }

        section.faq .banner .triangle {
            display: none;
        }

    section.faq .wrapper {
        padding-bottom: 1.2rem;
        padding-top: .6rem;
    }

        section.faq .wrapper .title-default {
            padding: 0 .45rem;
            font-size: .6rem !important;
        }

        section.faq .wrapper .boxes {
            padding: 0 .45rem;
        }

        section.faq .wrapper * + .boxes {
            margin-top: .4rem;
        }

        section.faq .wrapper .boxes .box {
            padding: .32rem 0;
        }

            section.faq .wrapper .boxes .box .title {
                font-size: .28rem;
                font-weight: 500;
                padding-right: .72rem;
            }

            section.faq .wrapper .boxes .box .text {
                font-size: .22rem !important;
            }

                section.faq .wrapper .boxes .box .text * {
                    font-size: .22rem !important;
                }
}


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

        section.banner .item .item-bg {
            height: 250px!important;
        }
        section.banner .owl-dots{
                top: 280px!important;
                left: 10px!important;

        }
        section.banner .item .btn-default.white{
                    width: 115px!important;
                    height: 44px!important;
                    margin-right: 8px!important;
        }
        section.banner .item .btn-default + .btn-default{
                width: 115px!important;
                height: 44px!important;
                background: #0e3359!important;
        }

}


@media screen and (min-device-width: 281px) and (max-device-width: 320px) {     
        section.banner .item .item-bg {
            height: 250px!important;
        }
        section.banner .owl-dots{
                top: 280px!important;
                left: 10px!important;

        }
        section.banner .item .btn-default.white{
                    width: 130px!important;
                    height: 44px!important;
                    margin-right: 8px!important;
        }
        section.banner .item .btn-default + .btn-default{
                width: 130px!important;
                height: 44px!important;
                background: #0e3359!important;
        }
}


@media screen and (min-device-width: 321px) and (max-device-width: 426px) { 
        section.banner .item .item-bg {
            height: 300px!important;
        }
        section.banner .owl-dots{
                top: 315px!important;
                left: 10px!important;

        }
        section.banner .item .btn-default.white{
                width: 150px!important;
                    height: 44px!important;
                    margin-right: 8px!important;
        }
        section.banner .item .btn-default + .btn-default{
            width: 150px!important;
                height: 44px!important;
                background: #0e3359!important;
        }
}

@media screen and (max-width: 900px) and (min-aspect-ratio:13/9) {
    .orientation {
        display:block!important;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #0e3359;
        z-index: 1000;
        text-align: center
    }

    .orientation img {
        width: 0.79rem;
        display: unset !important;
    }

    .orientation .text {
        margin-top: .2rem;
        font-weight: 600;
        font-size: .17rem;
        line-height: 1.2em;
        color: #fff
    }
    .cookie-sticky-wrap{
        display:none !important;
    }
}

/* New CSS FOR Card */
/* iPhone 5 to Max Mobile Screen */
@media screen and (min-width: 320px) and (max-width: 481px) {
    .campaign-box .box-header .social
    {
        height:40px;
    }
    .campaign-box .box-body .price .desc{
        height:15px;
    }
    section.split-banner .campaign-detail-block .gb{
        font-size:0.38rem;
    }
    section.split-banner .campaign-detail-block .amount{
        font-size: 0.22rem;
    }
}
/* Max Mobile Screen to Ipad */
@media screen and (min-width: 700px) and (max-width: 768px) {
    .campaign-box .box-header .social
    {
        height:80px;
    }
    .campaign-box .box-body .price .desc{
        height:30px;
    }
}
/* IPad Pro to Computer */
@media screen and (min-width: 1024px) {
 .campaign-box .box-header .social
    {
        height: .47rem;
    }
    .campaign-box .box-body .price .desc{
        height:10px;
    }

}