


/* Responsive style */
@media only screen and (max-height: 500px) {
    .gnb-mobile-view .gnb-item {
        line-height: 48px;
    }
}


@media only screen and (max-width: 1280px) and (min-width: 769px) {
    header.header .container {
        padding-left: 0;
        padding-right: 0;
    }
    header.header .container nav.flex-item {
        margin-left: 0;
    }
}


@media only screen and (max-width: 768px) {
    .icon.icon-pagination-arrow-lt {
        margin-right: 10px;
    }
    .icon.icon-pagination-arrow-rt {
        margin-left: 10px;
    }
    .btn.btn-pagination-number {
        background-image: url(../images/iconbutton/btn_pagination_number_72.png);
        width: 48px;
        height: 48px;
        line-height: 48px;
        font-size: 20px;
        padding-top: 2px;
    }
    .icon-arrow-dn-md {
        transform: scale(.77);
        /* background-position: -60px -59px;
        width: 26px;
        height: 22px;
        background-size: 171px; */
    }

    /* Header, Footer, Aside */
    html body header.header.fixed {
        padding-top: 15px;
    }
    body[data-scroll-position] header.header > .has-banner.has-pc-banner {
        margin-top: 0;
    }
    body[data-scroll-position] header.header.fixed > .has-banner.has-pc-banner {
        margin-bottom: 0;
    }
    body[data-scroll-position] header.header.fixed > .has-banner.has-pc-banner + .bg.bg-mask-black {
        top: 0;
    }
    body[data-scroll-position] header.header > .has-banner.has-mobile-banner {
        max-width: 100%;
        min-width: 100%;
        width: 640px;
        height: auto;
        padding-top: 31.25%;
    }
    body[data-scroll-position] header.header > .has-banner.has-mobile-banner + .bg.bg-mask-black {
        position: absolute;
        top: auto;
    }
    body[data-scroll-position] header.header.fixed > .has-banner.has-mobile-banner {
        margin-bottom: 0;
        padding-top: 0;
    }
    body[data-scroll-position] header.header.fixed > .has-banner.has-mobile-banner + .bg.bg-mask-black {
        top: 0;
    }
    html body header.header.fixed .bg.bg-mask-black {
        height: 66px;
    }

    header.header .container {
        padding: 16px 20px;
    }
    header.header.fixed .container {
        padding-top: 0;
    }
    header.header .container .flex-item img.logo {
        position: absolute;
        top: 7px;
        left: 50%;
        margin-left: -46px;
        opacity: 0;
    }
    header.header.fixed .container .flex-item img.logo {
        opacity: 1;
    }
    header.header .container .flex-item:last-child {
        min-width: 0;
    }
    header.header .container .flex-item .icon-group .dropdown .text.text-selected .icon.icon-arrow-dn-6 {
        display: none;
    }
    header.header .container .flex-item .icon-group .dropdown .dropdown-content {
        margin-left: -96px;
    }
    footer.footer {
        padding-top: 42px;
        margin-top: -118px;
    }
    footer.footer .flex-box {
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column;
        background-color: #04131c;
        padding-bottom: 42px;
    }
    footer.footer .flex-box .flex-item {
        margin-bottom: 20px;
        margin-left: 0;
        margin-right: 0;
        text-align: center;
    }
    footer.footer .flex-box .flex-item .logo,
    footer.footer .flex-box .flex-item .logo + nav {
        display: block;
        margin: 0 auto 16px;
        text-align: center;
    }
    footer.footer .social-view + .flex-box .nav-items > a[href]:nth-of-type(2) {
        padding-right: 0;
        margin-bottom: 5px;
    }
    footer.footer .social-view + .flex-box .nav-items > a[href]::after {
        content: '';
        top: 3px;
        right: 2px;
    }
    footer.footer .container-footer {
        padding-bottom: 0;
    }

    aside.cookie-policy-view {
        height: 180px;
    }
    aside.cookie-policy-view > .flex-box {
        flex-direction: column;
        justify-content: center;
        margin: 20px 0 12px;
        flex-wrap: wrap;
        padding-bottom: 32px;
    }
    aside.cookie-policy-view > .flex-box > .flex-item {
        text-align: center;
        font-size: 18px;
        line-height: 1.2;
        margin: 0 auto 10px;
        width: 100%;
    }
    aside.cookie-policy-view > .flex-box > .flex-item > .block {
        display: inline !important;
    }
    aside.cookie-policy-view > .flex-box > .flex-item .text-hover-underline {
        text-decoration: underline;
    }


    /* Background */
    .bg.bg-news-list-bottom,
    .bg.bg-media-list-bottom,
    .bg.bg-support-list-bottom {
        bottom: -196px;
    }
    .bg.bg-news-list-top + #newsList.news-detail + .bg.bg-news-list-bottom {
        bottom: 0;
    }
    .bg.bg-news-list-top,
    .bg.bg-media-list-top,
    .bg.bg-support-list-top,
    .bg.bg-game-top {
        background-size: auto 70%;
        background-position: center 0;
    }


    /* Common, base */
    .for-desktop { display: none !important; }
    .for-resp { display: block !important; }
    .divider.divider-default {
        height: 12px;
        background-size: cover;
        background-image: url(../images/divider_default_mobile.png);
    }

    /* Main page */
    .container.main-container {
        padding-bottom: 180px;
    }
    .bg.bg-error {
        background-position: 66% 0;
    }
    .top-banner-view {
        height: auto;
        position: static;
    }
    .top-banner-view.container.container-tab-gallery .box.box-gallery {
        position: static;
        height: auto;
    }
    .top-banner-view.container.container-tab-gallery .box.box-gallery > .bg-banner-item {
        height: auto;
        position: static;
        display: none;
    }
    .top-banner-view.container.container-tab-gallery .box.box-gallery > .bg-banner-item.active {
        display: block;
    }
    .top-banner-view.container.container-tab-gallery .box.box-gallery > .bg-banner-item.active .btn.btn-click-transparent {
        z-index: 99;
    }
    .top-banner-view.container.container-tab-gallery .box.box-gallery > .bg-banner-item.active a[href] {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;        
    }
    .top-banner-view .bg.bg-banner-item > img[src].banner-img {
        width: 100%;
        max-width: 100%;
        display: block;
    }
    .top-banner-view.container.container-tab-gallery .box.box-controller {
        bottom: 32px;
    }
    .top-banner-view.container.container-tab-gallery .box.box-controller .btn-tab-prev,
    .top-banner-view.container.container-tab-gallery .box.box-controller .btn-tab-next {
        display: none;
    }
    #topVideo .wrap img[src] {
        width: 334px;
        max-width: 96%;
    }
    section#topVideo .animation .box.box-ratio {
        width: 100%;
        padding: 50%;
        position: relative;
    }
    .main-container section#topVideo .animation.animation-mist .box.box-ratio > .bg {
        left: 0;
        top: 0;
        margin: 0;
        max-width: 100%;
        max-height: 100%;
    }
    .main-container section#topVideo .animation.animation-mist .box.box-ratio .bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    .main-container section#topVideo .animation.animation-mist .box.box-ratio .bg::before {
        position: relative;
        width: 100%;
        height: 100%;
        margin: 0;
        top: auto;
        left: auto;
        animation: none;
        background-position: center 50%;
    }
    .main-container section#topVideo .animation.animation-mist .box.box-ratio .bg.bg-char-paladin::before {
        background-size: 490px;
        margin-top: -15px;
    }
    .main-container section#topVideo .animation.animation-mist .box.box-ratio .bg.bg-char-witch::before {
        background-size: 166px;
        margin-left: 204px;
        margin-top: -72px;
    }
    .main-container section#topVideo .animation.animation-mist .box.box-ratio .bg.bg-char-werewolf::before {
        background-size: 170px;
        margin-top: -70px;
        margin-left: -202px;
    }
    .main-container section#topVideo .animation.animation-mist .box.box-ratio .bg.bg-char-sister::before {
        background-size: 97px;
        margin-top: -140px;
        margin-left: -4px;
    }
    .main-container section#topVideo .wrap {
        padding: 110px 0 18px;
    }
    .main-container section#topVideo .wrap .icon.icon-play {
        width: 90px;
        height: 90px;
        margin: 20px auto;
    }
    .main-container section#topVideo .wrap .text-desc {
        font-size: 26px;
        margin: 20px auto 164px;
        height: 36px;
        line-height: 1.15;
    }
    .main-container section#latestNews {
        padding-bottom: 46px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .main-container section#latestNews .flex-item .text.text-section-title {
        margin: -72px auto 64px;
    }
    .main-container section#latestNews .flex-box {
        display: block;
        flex-wrap: wrap;
    }
    .main-container section#latestNews .flex-box .flex-item .flex-box .flex-item.news-item {
        margin: 0 auto 32px;
    }
    .main-container section#latestNews .flex-item.news-item .text-title {
        font-size: 20px;
    }
    .main-container section#latestNews .flex-item.news-item .text-desc {
        font-size: 16px;
    }
    .main-container section#latestNews .flex-item.width96p .flex-box .flex-item:first-child .box.box-container-img::before,
    .main-container section#latestNews .flex-item.width96p .flex-box .flex-item:first-child .box.box-container-img::after {
        display: none;
    }

    /* Main Event */
    .home .main-container {
        margin-bottom: -108px;
    }
    .main-container section#mainEvent > .flex-box {
        flex-direction: row;
    }
    .main-container section#mainEvent .banner-view .ez-slider-resp .banner-item,
    .main-container section#mainEvent .banner-view .ez-slider-resp .box-gallery .banner-item {
        padding-top: 171.52%;
    }
    .main-container section#mainEvent .banner-view .slider-view .box-gallery {
        height: auto;
    }
    .main-container section#mainEvent .banner-view .slider-view .banner-item .btn.btn-click-transparent {
        width: 100%;
        max-width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1;
    }
    .main-container section#mainEvent .banner-view .slider-view .wrap-controller {
        position: static;
    }
    .main-container section#mainEvent .banner-view .slider-view .box-controller {
        position: static;
        margin-top: 16px;
    }
    .main-container section#mainEvent .banner-view .slider-view .wrap-controller .btn-slider-prev,
    .main-container section#mainEvent .banner-view .slider-view .wrap-controller .btn-slider-next {
        display: none;
    }
    .main-container section#mainEvent .banner-view .slider-view .wrap-controller .btn-tab-dot:hover {
        background-position: 0 0;
    }
    .main-container section#mainEvent .banner-view .banner-item .content-view {
        width: auto;
        margin: 0 auto 0;
        max-width: 88%;
        position: static;
        padding-top: 300px;
    }
    .main-container section#mainEvent .banner-view .banner-item a[href] {
        max-width: none;
        width: 100%;
        left: 0;
        top: 0;
        height: 100%;
    }
    .main-container section#latestMedia .flex-item .text.text-section-title {
        margin: -72px auto 64px;
    }
    .main-container section#latestMedia .media-gallery-view {
        max-width: 430px;
        padding: 0 10px;
    }
    .main-container section#latestMedia .media-gallery-view .btn-click-wrap {
        max-width: 100%;
        width: 280px;
        height: 160px;
        margin-bottom: 12px;
        padding: 5px 4px;
    }
    .main-container section#latestMedia .media-gallery-view .media-screen > .bg.bg-media-screen-frame {
        width: 290px;
        height: 168px;
        background-image: url(../images/background/bg_media_frame_260.png);
        margin-left: -10px;
        margin-top: -6px;
    }
    .media-gallery-view .media-items .media-item {
        margin-left: 5px;
        margin-right: 5px;
        height: auto;
    }
    .main-container section#latestMedia #mediaController {
        bottom: 50%;
        left: 0;
    }
    .main-container section#latestMedia #mediaController.main-container section#latestMedia #mediaController {
        top: 64px;
    }
    .main-container section#latestMedia #mediaController .icon-arrow-media-lt {
        width: 32px;
        height: 36px;
        background-size: 62px;
        top: auto;
        bottom: 252px;
        display: none;
    }
    .main-container section#latestMedia #mediaController .icon-arrow-media-rt {
        width: 32px;
        height: 36px;
        background-size: 62px;
        top: auto;
        bottom: 252px;
        display: none;
    }
    .main-container section#latestMedia .media-gallery-view .media-screen + div + div + #mediaController > .icon-play {
        top: -104px;
    }
    .main-container section#latestMedia .media-gallery-view .media-screen + div + div + #mediaController > .icon-magnifier {
        opacity: 1;
        top: -96px;
    }


    /* Contact us */
    .modal.modal-view.contact .wrap.wrap-modal {
        overflow-y: auto;
    }
    .modal.modal-view.contact .wrap.wrap-modal .bg.bg-contact-weapon {
        display :none;
    }
    .modal.modal-view.contact .wrap.wrap-modal .modal-body .form-item input,
    .modal.modal-view.contact .wrap.wrap-modal .modal-body .form-item textarea {
        max-width: 80%;
    }
    .modal.modal-view.contact .wrap.wrap-modal .modal-body .form-item.is-error .text-error-msg {
        margin-left: 0;
        left: 13.4%;
    }


    /* Modal gallery */
    .modal.modal-view.modal-gallery {
        padding: 0 18px;
    }
    .modal.modal-view.modal-gallery .modal-body .controller-view {
        display: none;
    }


    /* Privacy Policy */
    section#privacy .wrap { 
        padding-bottom: 108px;
    }
    section#privacy .title-h3 {
        padding-top: 142px;
        margin-bottom: 86px;
        font-size: 54px;
        line-height: 1.2;
    }
    section#privacy .wrap .dropdown-view {
        text-align: left;
        font-size: 16px;
        margin: -3px 4% 20px;
    }
    section#privacy .wrap .dropdown-view > .dropdown {
        float: right;
        margin-top: -8px;
    }
    section#privacy .wrap .dropdown-view > .dropdown .text.text-selected {
        height: 30px;
        line-height: 30px;        
    }
    section#privacy .wrap .box.box-content {
        padding: 0 4% 36px;
        font-size: 15px;
    }
    section#privacy .wrap .box.box-content h4 {
        margin: 36px auto 15px;
    }
    section#privacy .wrap .box.box-content p {
        margin: 14px auto 0;
    }
    section#privacy .wrap .box.box-content .pp h2 {
        line-height: 150%;
    }
    section#privacy .wrap .divider:last-child {
        display: none;
    }


    /* Support */
    section#support .title-h3 {
        font-size: 54px;
        padding-top: 142px;
        margin-bottom: 86px;
    }
    section#support .wrap {
        padding-bottom: 108px;
    }
    section#support .wrap .tab-view .tab-header {
        white-space: nowrap;
        text-align: right;
        overflow: hidden;
        -ms-overflow-style: none; /* IE scrollbar hide */
        overflow-x: -moz-scrollbars-none; /* Firefox scrollbar hide */
    }
    section#support .wrap .tab-view .tab-header::-webkit-scrollbar {
        display: none;
    }
    section#support .flex-item .btn.btn-click-transparent:hover .text-title::before {
        display: none;
    }
    section#support .flex-item {
        padding: 0 15px;
        margin-bottom: 20px;
    }
    section#support .flex-item .divider.divider-default {
        margin: 0 -15px;
    }
    section#support .flex-item.active .divider.divider-default {
        margin-top: 10px;
    }
    section#support .flex-item .wrap.wrap-item,
    section#support .flex-item .wrap.wrap-item .btn.btn-click-transparent {
        width: 100%;
    }
    section#support .flex-item .icon-arrow-dn-md {
        top: 42px;
        right: 12px;
    }
    section#support .flex-item.active .icon-arrow-dn-md {
        transform: scale(.77);
        top: 42px;
        right: 12px;
    }
    section#support .flex-item .text-title {
        font-size: 20px;
    }
    section#support .flex-item .text-date {
        font-size: 16px;
        margin: 8px 0 24px 0px;
    }
    section#support .flex-item .text-desc {
        font-size: 16px;
    }
    section#support .tab-view .tab-header + .divider {
        margin-bottom: 22px;
    }


    /* Media */
    section#media { 
        padding: 0 18px;
    }
    section#media .title-h3 {
        font-size: 54px;
        padding-top: 40px;
        margin-bottom: 64px;
    }
    section#media .wrap {
        padding: 0 0 108px;
    }
    section#media .wrap .tab-view .tab-header {
        white-space: nowrap;
        text-align: right;
    }
    section#media .wrap .tab-view .tab-header::-webkit-scrollbar {
        display: none;
    }
    section#media .wrap .tab-view .flex-box + .divider {
        width: calc(100% - 36px);       
    }


    
    /* News */
    section#newsList .title-h3 {
        font-size: 54px;
        margin: 0 auto 64px;
        padding-top: 40px;
    }
    section#newsList.news-detail .title-h3 {
        /* Sticky only
        margin: -121px auto 50px;
        */
        margin: 0 auto 50px;
    }
    section#newsList.news-detail .news-content-view .title-h4 {
        font-size: 36px;
        margin-top: 24px;
    }
    section#newsList.news-detail .news-content-view .text.text-date {
        margin-bottom: 28px;
    }
    section#newsList.news-detail .news-content-view .text-description {
        padding: 16px 0;
        font-size: 16px;
    }
    section#newsList.news-detail .news-content-view .text-description * {
        max-width: 100%;
    }
    section#newsList.news-detail .share-view .divider {
        margin: 0 8px;
    }
    section#newsList.news-detail .wrap {
        margin-bottom: 224px;
        padding-bottom: 36px;
    }
    section#newsList .wrap {
        padding-bottom: 108px;
    }
    section#newsList .wrap .tab-view .tab-header {
        white-space: nowrap;
        text-align: right;
        overflow: hidden;
        -ms-overflow-style: none; /* IE scrollbar hide */
        overflow-x: -moz-scrollbars-none; /* Firefox scrollbar hide */
    }
    section#newsList .wrap .tab-view .tab-header::-webkit-scrollbar {
        display: none;
    }
    section#newsList .wrap .tab-view .tab-body .tab-content .flex-box {
        max-width: 100%;
        margin: 0 auto;
    }
    section#newsList .wrap .tab-view .tab-body .flex-item,
    section#newsList .wrap .tab-view .tab-body .flex-item > a.link.flex {
        max-width: 100%;
        display: block;
        padding-left: 0;
    }
    section#newsList .wrap .tab-view .tab-body .flex-item > a[href] {
        max-width: 100%;
    }
    section#newsList .wrap .tab-view .tab-body .flex-item .column {
        position: static;
        padding: 0;
        margin: 0 auto 16px;
        max-width: 100%;
        height: auto;
        min-height: auto;
    }
    section#newsList .wrap .tab-view .tab-body .flex-item .column.col-left {
        width: 368px;
    }
    section#newsList .wrap .tab-content .flex-item .col-left .box.box-container-ratio {
        width: 98%;
        margin: 0 1%;        
    }
    section#newsList .wrap .tab-content .flex-item .col-left .thumb-view {
        width: 360px;
        height: 202px;
    }
    section#newsList .wrap .tab-content .flex-item .col-left .thumb-view .bg.bg-news-frame {
        top: -5px;
        left: -5px;
        width: calc(100% + 10px);
        height: calc(100% + 10px);
    }
    section#newsList .wrap .tab-view .tab-body .flex-item .column.col-right {
        margin-bottom: 16px;
    }
    section#newsList .wrap .tab-view .tab-body .flex-item .column.col-right .text-title {
        font-size: 20px;
    }
    section#newsList .wrap .tab-content .flex-item .column.col-right .text-desc {
        font-size: 16px;
    }
    section#newsList .wrap .tab-content .flex-item .column.col-right .text-date {
        display: block;
        position: static;
        text-align: right;
        padding-right: 12px;
        font-size: 16px;
    }
    section#newsList .wrap .tab-view .tab-body .flex-item .column img[src] {
        max-width: 100%;
    }
    .overflow.overflow-initial #newsList.news-detail .controller-view {
        bottom: 166px;
        flex-wrap: wrap;
        flex-direction: column;
    }
    section#newsList.news-detail .controller-view .flex-item {
        width: 100%;
        text-align: center;
        padding: 15px;
    }
    section#newsList.news-detail .controller-view .flex-item .icon {
        display: none;
    }
    section#newsList.news-detail .controller-view .text.text-title {
        font-size: 16px;
        margin-bottom: 4px;
    }
    section#newsList.news-detail .news-content-view .btn-view {
        margin: 26px auto 30px;
    }


    /* Games */
    .container.main-container.game {
        background: #081b25;
        padding-bottom: 0;
    }
    section#game .bg.bg-game-top {
        max-height: 500px;
    }
    section#game .title-h3 {
        padding-top: 142px;
        margin-bottom: 100px;
        font-size: 54px;
    }
    section#game .wrap .wrap-content .animation.animation-mist .bg.bg-mist-left {
        top: 20%;
        background-size: cover;
        background-position: center 0;
        margin-left: -160%;
    }
    section#game .wrap .wrap-content.universe .title-h4 {
        margin-bottom: 50px;
    }
    section#game .wrap .wrap-content .title-h4 {
        font-size: 38px;
        margin: 36px auto 36px;
    }
    section#game .wrap .wrap-content .text-title.text-lt-green::before,
    section#game .wrap .wrap-content .text-title.text-lt-green::after {
        background: url(../images/background/bg_divider_box_title.png) no-repeat center 100% / contain;
        height: 6px;
    }
    section#game .wrap .wrap-content .text-title.text-lt-green {
        font-size: 18px;
        line-height: 1.3;
    }
    section#game .wrap .wrap-content .text.text-desc {
        font-size: 18px;
        line-height: 1.4;
    }
    section#game .wrap .wrap-content.feature .flex-box {
        flex-direction: column;
        align-items: center;
    }
    section#game .wrap .wrap-content.feature .flex-item {
        width: auto;
    }
    section#game .wrap .wrap-content.feature .flex-item:nth-child(2) {
        margin: 0;
    }
    section#game .wrap .wrap-content.crew .title-h4 {
        margin-bottom: 156px;
    }
    section#game .wrap-content .crew-view .item-gallery .text.text-crew-name {
        line-height: 52px;
        font-size: 32px;
        margin-bottom: 15px;
    }
    section#game .wrap-content .crew-view .item-gallery .text.text-personality::before, section#game .wrap-content .crew-view .item-gallery .text.text-crew-name::before {
        margin-top: -10px;
    }
    section#game .wrap-content .crew-view .item-gallery .bg.bg-char-box {
        max-width: 100%;
        height: auto;
        margin-bottom: 68px;
    }
    section#game .wrap-content .crew-view .item-gallery .bg.bg-char-box img[src] {
        max-width: 100%;
    }
    section#game .wrap-content .crew-view .item-gallery .bg.bg-char-box img[src]:last-child {
        transform: scale(0.82);
        position: absolute;
        top: 0;
        left: 0;
    }
    section#game .wrap .wrap-content .container.container-slider-gallery .box.box-controller {
        top: 6.2%;
        white-space: nowrap;
        padding: 30px 0 0;
        margin-left: -10px;
        margin-right: -10px;
        width: calc(100% + 20px);        
        overflow-x: auto;
        overflow-y: hidden;
        -ms-overflow-style: none;
        overflow-x: -moz-scrollbars-none;
    }
    section#game .wrap .wrap-content .container.container-slider-gallery .box.box-controller::-webkit-scrollbar {
        display: none;
    }

    section#game .wrap .wrap-content .container.container-slider-gallery .box.box-controller .wrap-controller {
        width: 272px;
        height: 236px;
        white-space: normal;
    }
    section#game .wrap .wrap-content .container.container-slider-gallery .box.box-controller .btn.btn-tab-dot {
        line-height: 16px;
        zoom: 0.77;
        margin: 0 4px 8px;
    }
    section#game .wrap .wrap-content .container.container-slider-gallery .box.box-controller .btn.btn-slider-prev,
    section#game .wrap .wrap-content .container.container-slider-gallery .box.box-controller .btn.btn-slider-next {
        transform: scale(0.77);
        position: absolute;
        top: 186px;
    }
    section#game .wrap .wrap-content .container.container-slider-gallery .box.box-controller .btn.btn-slider-prev {
        margin-left: -8%;
    }
    section#game .wrap .wrap-content .container.container-slider-gallery .box.box-controller .btn.btn-slider-next {
        margin-right: -8%;
    }
    section#game .wrap .wrap-content .container.container-slider-gallery .box.box-gallery > *:first-child {
        margin-left: -120%;
    }


    /* Tab navigation */
    @media only screen and (max-width: 525px) {
        section#media .wrap .tab-view .tab-header {
            transform: scale(.68);
            width: 148%;
            transform-origin: 0 0;
            text-align: right;
            margin-bottom: -25px;
        }
    }
    @media only screen and (max-width: 390px) {
        section#support .wrap .tab-view .tab-header {
            transform: scale(.68);
            width: 148%;
            transform-origin: 0 0;
            text-align: right;
            margin-bottom: -25px;
        }
        .pagination-view .icon.icon-pagination-arrow-lt {
            transform: scale(.72);
            margin-right: 4px;
        }
        .pagination-view .icon.icon-pagination-arrow-rt {
            transform: scale(.72);
            margin-left: 4px;
        }
        .pagination-view .btn.btn-pagination-number {
            width: 36px;
            height: 36px;
            font-size: 15px;
            padding-top: 1px;
            line-height: 36px;
            margin: 0 2px;
        }
    }
}
