@media(max-width: 767px){
    .banner-top .banner-wrap .container {
        display: inline;
    }
    #header-nav {
        background-color: #e67b22;
        border-bottom: 5px solid #000000;
    }
    #header-nav .logo-mobile{
        top: 0;
    }
    #header-nav .nav-menu {
        display: none;
    }
    #header-nav .show-menu {
        display: block;
    }
    /* Home Page */
    .server-main{
        padding:0;
    }
    .head-blue.staff{
        margin-top: 0!important;
    }
    .home-page .head-img-mobile .pcube{
        align-items: center;
        -webkit-align-items: center;
        background: rgba(230, 123, 34, 0.7);
        border-radius: 100%;
        display: flex;
        display: -webkit-flex; /* Safari */
        height: 170px;
        justify-content: center;
        display: -webkit-box;
        -webkit-box-pack: center; /* justify-content */
        -webkit-box-align: center; /* align-items */
        margin: 0 10px;
        width: 80px;
        height: 80px;
    }
    .home-page .head-img-mobile .pcube p{
        color: #fff;
        font-size: 20px;
        font-weight: bold;
    }
    .home-page .head-img-mobile .head-cube {
        bottom:0;
        left:0;
        position:absolute;
        display: flex;
        display: -webkit-flex; /* Safari */
        justify-content: center;
        display: -webkit-box;
        -webkit-box-pack: center; /* justify-content */
        -webkit-box-align: center; /* align-items */
        width: 100%;
        margin-bottom: 20px;
    }
    .top-text {
        background:#fff;
        color:#000;
        font-size:20px;
        padding:10px;
    }
    .top-text div {
        background:none;
        color:#fff;
        font-size:30px;
        font-weight:bolder;
        height:40px;
        margin-left:0;
        padding-left:0;
        padding-top:0;
    }
    .top-text div,.top-text span {
        color:#000;
        text-shadow:none;
        padding-left:0;
    }
    .home-page .head-black {
        margin-bottom:0!important;
    }
    .home-page .head-black .container{
        padding: 0;
    }

    .home-page .head-black .arrow {
        position: static;
        background: #F5B83D;
        padding: 0 20px;
        text-align: center;
        font-size: 21px;
        width: 100%;
    }
    .home-page .head-black .toppage-message {
        height:100%;
        display:block;
    }

    .home-page .head-black .toppage-message .cloud-mobile {
        display:block!important;
        width:100%;
    }

    .home-page .head-blue .content {
        padding-top:15px;
    }

    .home-page .head-blue .blue-title {
        line-height:50px;
        padding:0;
    }

    .home-page .staff .img-note {
        margin-top:0!important;
        padding-left:20px;
        padding-right:20px;
    }

    .home-page .staff .blue-paragraph-border {
        border-top:none!important;
    }

    .home-page .cube,.home-page .head-black .toppage-message .cloud-desk,.home-page .staff .blue-title-desk,.home-page .staff .blue-paragraph,.home-page .staff .blue-paragraph-red {
        display:none;
    }

    .home-page .head-img-mobile,.home-page .staff .blue-title-mobile,.home-page .staff .blue-paragraph-mobile,.home-page .staff .blue-paragraph-red-mobile {
        display:block!important;
    }
    .home-page .home-info {
        padding: 15px 15px 0;
    }
    .home-page .home-info .home-info-detail {
        margin-top: 0;
    }
    .home-page .home-info .home-info-title .home-info-arrow-down {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 20px solid #e67b22;
        height: 0;
        width: 0;
        margin-top: 2px;
    }
    .home-page .home-info .home-info-title .home-info-text {
        font-size: 20px;
        font-weight: bold;
        padding-left: 5px;
        padding-top: 0px;
    }
    .home-page .home-info .home-info-desc {
        padding-top: 0px;
    }
    .home-page .home-info .circle.circle-blue, .home-page .home-info .circle.circle-orange {
        border: none;
    }
    .home-page .home-info .circle {
        border-radius: 0px;
        margin-bottom: 0;
        padding: 0;
        width: auto;
        height: auto;
    }
    .home-page .home-info .circle-column{
        padding: 0px;
    }
    .home-page .home-info .circle .circle-title-wrap {
        padding-top: 10px;
        position: relative;
    }

    .home-page .home-info .circle .circle-title {
        position: relative;
        font-size: 20px;
        color: #fff;
        font-weight: bold;
        line-height: 24px;
        width: 120px;
        height: 120px;
        border-radius: 100%;
        display: inline-flex;
        align-items: center;
        -webkit-display: inline-flex;
        -webkit-align-items: center;
        justify-content: center;
        display: -webkit-box;
        -webkit-box-pack: center; /* justify-content */
        -webkit-box-align: center; /* align-items */
    }
    .home-page .home-info .circle-blue .circle-title {
        background: #003366;
    }
    .home-page .home-info .circle-orange .circle-title {
        background: #E67B22;
    }
    .home-page .home-info .circle .circle-desc {
        background: #fff none repeat scroll 0 0;
        padding: 15px;
    }
    .home-page .home-info .arrow-box.arrow-box-blue::before {
        border-color: rgba(194, 225, 245, 0) rgba(194, 225, 245, 0) #003366;
        border-width: 10px 10px 20px;
        margin-left: -10px;
    }
    .home-page .home-info .arrow-box.arrow-box-blue::after {
        border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #003366;
        border-width: 10px 10px 20px;
        margin-left: -10px;
    }

    .home-page .home-info .arrow-box.arrow-box-orange::before {
        border-color: rgba(194, 225, 245, 0) rgba(194, 225, 245, 0) #e67b22;
        border-width: 10px 10px 20px;
        margin-left: -10px;
    }
    .home-page .home-info .arrow-box.arrow-box-orange::after {
        border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #e67b22;
        border-width: 10px 10px 20px;
        margin-left: -10px;
    }
    .home-page .home-info .arrow-box.arrow-box-blue, .home-page .home-info .arrow-box.arrow-box-orange {
        border: none;
    }
    .home-page .home-info .arrow-box.arrow-box-blue{
        border-bottom: 1px solid #cccccc!important;
    }
    .home-page .home-info .arrow-box {
        background: #fff none repeat scroll 0 0;
        border-radius: 0px;
        position: relative;
    }
    .home-page .home-info .arrow-box .arrow-title {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        display: list-item;
    }
    .home-page .home-info .arrow-box .arrow-content {
        background: #F7F7F7;
        font-weight: bold;
    }
    /*    .home-page .home-info .arrow-box .arrow-content ul{
            padding-left: 0px;
        }
        .home-page .home-info .arrow-box .arrow-content ul li{
            list-style: none;
        }
        .home-page .home-info .arrow-box.arrow-box-blue .arrow-content ul li:before {
            color:#003366;  set color to red 
            content:"\2022";  /2022 is the numerical unicode for • 
            font-size:1.5em;  set the font-size of the bullet if necessary. Make sure to use em or %
            padding-right:.25em;  give the bullet some padding from the text Make sure to use em
            position:relative;
            top:.1em;
        }
        .home-page .home-info .arrow-box.arrow-box-orange .arrow-content ul li:before {
            color:#E67B22;  set color to red 
            content:"\2022";  /2022 is the numerical unicode for • 
            font-size:1.5em;  set the font-size of the bullet if necessary. Make sure to use em or %
            padding-right:.25em;  give the bullet some padding from the text Make sure to use em
            position:relative;
            top:.1em;
        }*/
    /* Support Page */
    .support-page .banner-top .row {
        margin: 0;
    }
    /*    .support-page .banner-top .banner-wrap .text-wrap {
            padding: 5px 30px;
        }*/
    .logo-mobile{
        top:0!important;
    }
    #header{
        background-color:#E67B22;
    }
    .support-container, .support-head{
        padding: 0;
    }
    .head1 {
        //  display: none;
    }
    .head1-mobile {
        display: inline-flex!important;
        width: 100%;
        padding: 5px;
    }
    .head1-mobile .head1-img {
        padding-left: 0;
        padding-right: 0;
    }
    .head1-mobile img {
        max-height: 52px;
    }
    .head1-mobile .page-title {
        border-bottom: 1px solid #fff;
        padding: 10px;
    }
    .head1-mobile span {
        font-size: 20px;
        color: #fff;
    }
    .head-blue {
        margin-top: 0px;
    }
    .head1-mobile span {
        font-size: 20px;
        color: #fff;
    }
    .head-blue {
        margin-top: 0px;
    }
    .server-main {
        padding: 0;
    }
    .banner {
        background-repeat: no-repeat;
        background-size: 100%;
        padding: 0;
        width: 100%;
        height: auto;
    }
    .banner .text-white {
        width: 100%;
        height: auto;
        vertical-align: middle;
        line-height: 80px;
        font-size: 25px;
        text-align: center;
    }
    .banner .col-md-12 {
        padding: 0;
    }
    .banner .col-md-12 > div {
        width: 100%;
    }
    .banner .text-bg-black {
        font-size: 23px;
        padding: 0;
        width: 100%;
        text-align: center;
    }
    .server-main .head-black {
        margin: 0!important;
    }
    .server-main .head-black .title-gold2 {
        margin: 0 auto;
        padding: 0px!important;
        width: 100%;
    }
    .server-main .head-black .title-gold2 .img-desk {
        display: none;
    }
    .server-main .head-black .title-gold2 .img-mobile {
        display: block!important;
        margin: 0 auto!important;
        width: 100%!important;
    }
    .server-main .head-black .arrow {
        clear: both;
        background-image: none;
        background-color: #c41118;
        padding-left: 0;
        padding-top: 0;
        position: static;
        right: 0;
        width: 100%;
        font-size: 18px;
    }
    .server-main .head-black .arrow > p {
        left: 0!important;
        position: static!important;
        text-align: center!important;
    }
    .server-main .head-black .arrow > p > span {
        padding-right: 0!important;
    }
    .server-main .head-black .content {
        padding-top: 20px!important;
    }
    .server-main .head-black .content p:first-child {
        font-size: 24px!important;
        line-height: 0!important;
        padding: 0!important;
    }
    .server-main .head-black .content p:nth-child(3) {
        margin-left: 0px!important;
    }
    .server-main .head-black .content .content-check {
        margin: 30px 30px auto;
        padding: 0;
    }
    .server-main .head-black .content .content-check img {
        width: 20px;
        height: 20px;
    }
    .server-main .head-black .content .content-check .col-md-6 {
        padding: 5px 15px;
    }
    .server-main .head-black .content .content-check .col-md-6:nth-child(3) b {
        padding-left: 25px;
        white-space: pre;
    }
    .server-main .head-black .content .arrow-down {
        width: 100%;
    }
    .server-main .head-black .content .arrow-down,
    .server-main .head-black .content .title-desk {
        display: none;
    }
    .server-main .head-black .content .arrow-down img {
        width: 100%!important;
        position: static!important;
        padding: 30px;
        left: 0!important;
    }
    .server-main .head-black .content .arrow-down-mobile {
        display: block!important;
        padding: 0 10px;
    }
    .server-main .head-black .content .arrow-down-mobile img {
        width: 100%;
        height: auto;
    }
    .server-main .head-blue-1{
        margin: 0!important;
    }
    .server-main .head-blue-1 .blue-title {
        line-height: 30px;
        font-size: 30px!important;
        padding: 10px 15px;
        width: 100%;
        border-top: 3px solid #fff;
        border-bottom: 3px solid #fff;
    }
    .server-main .head-blue-1 .content {
        padding: 0;
    }
    .server-main .head-blue-1 .content .head-blue-text {
        display: none;
    }
    .server-main .head-blue-1 .content .head-blue-text-mobile {
        display: block!important;
        border-bottom: 1px solid #ADADAD;
        /*        margin-left: 10px;
                margin-right: 10px;*/
    }
    .server-main .head-blue-1 .content .head-blue-text-mobile span {
        font-size: 24px!important;
    }
    .server-main .head-blue-1 .content .head-blue-text-mobile span:first-child {
        font-size: 16px!important;
        line-height: 30px!important;
    }
    /*    .server-main .head-blue-1 .content .contact .contact-call div:nth-child(2) {
            top: 40px!important;
        }*/
    .message1 {
        display: none;
    }
    .message2 {
        display: block!important;
        height: auto;
        margin: 0;
        position: inherit;
        width: 100%;
        z-index: 999;
        /*        padding-left: 15px;
                padding-right: 15px;*/
    }
    .server-main .head-blue-1 .content p.chart-desk,
    .server-main .head-blue-1 .content .head-blue-paragraph {
        display: none;
    }
    .server-main .head-blue-1 .content p.chart-mobile,
    .server-main .head-blue-1 .content .head-blue-paragraph-mobile {
        display: block!important;
        margin: 0;
    }
    .server-main .head-blue-1 .content .head-blue-paragraph-mobile {
        padding: 0 15px!important;
    }
    .server-main .head-blue-1 .content p.chart-mobile img {
        width: 100%;
        height: auto;
    }
    .server-main .head-caro {
        margin: 0!important;
        text-align: center;
    }
    .server-main .head-caro .content .container .head-caro-title-mobile span {
        padding: 0!important;
    }
    .server-main .head-caro .content .container {
        padding-left: 0px!important;
        padding-right: 0px!important;
        text-align: left!important;
        position: relative;
        z-index: 100;
    }
    .server-main .head-caro .content .inside .content-star span {
        font-size: 22px!important;
        padding-top: 0!important;
        padding-left: 30px;
    }
    .server-main .head-caro .content div.inside span.visible-xs span {
        padding-left: 0px;
    }
    .server-main .head-caro .content .head-caro-img-mb,
    .server-main .head-caro .content .head-caro-title-mobile,
    .server-main .head-caro .content .head-caro-paragraph-mobile {
        display: block!important;
    }
    .server-main .head-caro .content .head-caro-img,
    .server-main .head-caro .content .head-caro-title,
    .server-main .head-caro .content .head-caro-paragraph {
        display: none;
    }
    .server-main .head-caro .content .head-caro-title-mobile span {
        padding-left: 0!important;
        font-size: 26px !important;
    }
    .server-main .head-caro .feature .row{
        margin-left: 0px;
        margin-right: 0px;
    }
    .server-main .head-caro .feature p{
        padding-left: 30px;
        text-align: left;
    }
    .server-main .head-caro .feature .feature-item{
        clear: both;
        padding: 0;
        font-size: 23px;
    }
    .server-main .head-caro .feature .feature-item .star-red{
        font-size: 28px!important;
    }
    .server-main .head-caro .feature img{
        padding-top: 5px;
        width: 20px;
    }
    .image-vn {
        left: -60px!important;
        top: -20px!important;
    }
    .server-main .head-caro .content .head-caro-paragraph-mobile {
        padding: 5px 10px!important;
        font-size: 21px!important;
        position: relative;
        z-index: 200;
    }
    .server-main .head-caro .content div.content-check {
        margin: 0!important;
        padding: 5px;
        border-radius: 20px;
    }
    .content-star {
        margin: 0!important;
    }
    .server-main .head-caro .content .content-star,
    .server-main .head-caro .content .content-star:nth-child(odd) {
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .server-main .head-caro .content .content-star img {
        width: 20px;
        margin-top: 0px !important;
        position: absolute;
        top: 0px;
    }
    .head-blue, .head-gold {
        margin: 0!important;
    }
    .blue-title-desk {
        display: none;
    }
    .server-main .head-blue-1 .blue-title-mobile {
        display: block!important;
    }
    .server-main .head-blue-2 .blue-title-mobile {
        display: block!important;
        line-height: 30px!important;
        font-size: 30px!important;
        padding: 10px 15px!important;
        width: 100%;
        /*        border-top: 3px solid #fff;
                border-bottom: 3px solid #fff;*/
    }
    .server-main .head-blue-2 .content,
    .server-main .head-blue-2 .content .head-blue-2-team,
    .server-main .head-blue-2 .content .head-blue-2-team .head-blue-2-team-info, .server-main .head-blue-2 .content .head-blue-2-team .head-blue-2-team-img {
        padding: 0!important;
    }
    .server-main .head-blue-2 .content .head-blue-2-team .head-blue-2-team-info {
        padding: 10px 25px!important;
    }
    .server-main .head-blue-2 .content .head-blue-2-team .head-blue-2-team-info p {
        font-size: 22px!important;
        padding-top: 5px!important;
        line-height: 25px!important;
        text-align: justify!important;
    }
    .server-main .head-blue-2 .content .head-blue-2-team .head-blue-2-team-info p:nth-child(1) {
        border-bottom: 1px solid #adadad;
        font-size: 22px!important;
        margin-bottom: 0;
        padding-bottom: 10px;
    }
    .server-main .head-blue-2 .content .head-blue-2-team .head-blue-2-team-info p:nth-child(1) br,
    .server-main .head-blue-2 .content .head-blue-2-team .head-blue-2-team-info p:nth-child(2) br {
        display: none;
    }
    .server-main .head-blue-2 .content .head-blue-2-team .head-blue-2-team-img img{
        width: 100%;
        height: auto;
    }
    .server-main .head-blue-2 .content .has-border {
        border: 5px solid #e6b84d!important;
    }
    .server-main .head-blue-2 .content .has-border,
    .server-main .head-blue-2 .content .head-blue-2-team-stat {
        margin-top: 0px!important;
    }
    .server-main .head-blue-2 .content .head-blue-2-team-stat {
        padding-top: 10px!important;
    }
    .server-main .head-blue-2 .content .head-blue-2-team-stat .head-blue-2-team-stat-title p {
        font-size: 28px!important;
        line-height: 30px!important;
        padding-bottom: 10px!important;
    }
    .server-main .head-blue-2 .content .head-blue-2-team-stat .head-blue-2-team-stat-detail {
        border: none!important;
        padding: 0;
    }
    .server-main .head-blue-2 .content .head-blue-2-team-stat .head-blue-2-team-stat-detail div span {
        font-size: 28px!important;
        font-weight: bold!important;
        width: 100%!important;
    }
    .server-main .head-blue-2 .content .head-blue-2-team-stat .head-blue-2-team-stat-detail p:nth-child(2),
    .server-main .head-blue-2 .content .head-blue-2-team-stat .head-blue-2-team-stat-detail p:nth-child(4) {
        padding: 10px!important;
        font-size: 18px!important;
    }
    .server-main .head-blue-2 .content .head-blue-2-team-stat .head-blue-2-team-stat-detail .chart-mobile {
        display: block!important;
        width: 100%;
        height: auto;
    }
    .server-main .head-blue-2 .content .head-blue-2-team-stat .chart,
    .server-main .head-blue-2 .content .contact {
        display: none!important;
    }
    .server-main .head-blue-3 .blue-title {
        font-size: 24px!important;
        padding: 15px 0!important;
    }
    .server-main .head-blue-3 .blue-title img:nth-child(1) {
        width: 20px;
    }
    .server-main .head-blue-3 .blue-title img:nth-child(2) {
        display: none;
    }
    .bg-soc {
        width: 100%;
    }
    .bg-soc-p {
        font-size: 18px!important;
        padding: 10px!important;
    }
    .bg-soc-p1,
    .bg-soc-p2 {
        display: none;
    }
    .bg-soc-p1-mb {
        display: block!important;
        border-bottom: 1px solid #adadad;
        padding-bottom: 10px;
    }
    .bg-soc-p2-mb {
        display: block!important;
        padding-top: 10px!important;
    }
    .server-main .head-blue-3 .content {
        padding-top: 0px!important;
    }
    .server-main .head-blue-3 div:nth-child(2) {
        margin-top: 0px!important;
    }
    .server-main .head-gold .gold-title {
        display: none!important;
    }
    .head-gold .gold-title-mobile {
        color: #000;
        font-size: 30px;
        font-weight: bold;
        text-align: center;
        line-height: 40px;
    }
    .server-main .head-gold .gold-title-mobile {
        display: block!important;
    }
    .server-main .head-gold .gold-title-mobile img {
        width: 25px;
    }
    .server-main .head-gold .content .col-md-10 img {
        padding-top: 0!important;
    }
    .server-main .head-gold .content .col-md-10 img.table-desk {
        display: none;
    }
    .server-main .head-gold .content .col-md-10 img.table-mobile {
        display: block!important;
        width: 100%;
        height: auto;
    }
    .server-main .staff .content .staff-intro p:nth-child(1) {
        margin: 0px!important;
        padding: 15px;
        border-bottom: 1px solid #fff;
        font-size: 22px!important;
        text-align: justify!important;
    }
    .server-main .staff .content .staff-intro p:nth-child(2) {
        padding-top: 0px!important;
    }
    .server-main .staff .content .staff-intro p.title-desk {
        display: none;
    }
    .server-main .staff .content .staff-intro p.title-mobile {
        display: block!important;
        padding: 10px;
        margin: 0;
    }
    /*.server-main .staff .content .staff-content .staff-item {
        padding: 5px;
        width: 50%;
        float: left;
    }*/
    .server-main .staff .content .staff-content .staff-item p {
        font-weight: bold;
    }
    .server-main .staff .content .staff-bonus {
        padding: 10px 20px!important;
        clear: both;
        border-top: 1px solid #fff;
    }
    .server-main .staff .content .staff-bonus p {
        font-size: 23px!important;
        font-weight: normal!important;
    }
    .server-main .staff .content .staff-content {
        padding-left: 15px;
        padding-right: 15px;
    }
    .content-check .inside {
        margin: -12px!important;
        border: 7px solid #999999;
        padding: 15px !important;
    }
    .bg-soc {
        background: none;
        padding: 0;
    }
    .seclect_dropdow {
        width: 100%;
    }
    .dropdown {
        background-size: 80px auto;
        cursor: pointer;
        height: auto;
        width: 100%;
    }
    .server-main .head-blue-3 .content .col-md-10 .action-form {
        padding: 10px!important;
        background: url("/img/support/bg-soc.png")!important;
    }
    .server-main .head-blue-3 .content .col-md-10 .action-form .action-table .delBlock {
        width: 100%;
    }
    .form-control {} table#tbLanding {
        display: none;
    }
    .action-table {
        background: #000e44;
        border-radius: 5px;
        display: block!important;
        padding-bottom: 20px;
    }
    .action-table .col-md-12 {
        padding-top: 10px;
        clear: both;
    }
    .action-table #addLanding-mb {
        width: 100%;
        background: #f0f0f0;
    }
    .action-table .action-input {
        width: 70%;
        float: left;
    }
    .action-table .action-text {
        width: 30%;
        color: #fff;
        vertical-align: middle;
    }
    .footer {
        padding: 0!important;
    }
    .height-space-40{
        display: none;
    }
    /* Element Contact */
    .contact{
        display: none;
    }
    .contact-mobile{
        display: block!important;
        background: #fff none repeat scroll 0 0;
        border-bottom: 1px solid #fff;
        border-top: 1px solid #fff;
        clear: both;
        width: 100%;
    }
    .contact-mobile p{
        color: #fff;
        margin: 0;
    }
    .contact-mobile .contact-call .contact-call-content {
        padding-left: 0;
        text-align: justify;
    }
    /* Contact Call */
    .contact-mobile .contact-call {
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        padding: 10px;
        text-align: center;
        background: #E67B22;
        display: -webkit-box;
        -webkit-box-pack: center; /* justify-content */
        -webkit-box-align: center; /* align-items */
    }
    .contact-mobile .contact-call .contact-call-content .p-big {
        float: left;
        font-size: 22px;
        font-weight: bold;
    }
    .contact-mobile .contact-call .contact-call-content .p-small{
        font-size: 15px;
    }
    .contact-mobile .contact-call .contact-call-content .p-normal{
        font-size: 18px;
        font-weight: bold;
    }
    .contact-mobile .contact-call .contact-call-content .p-normal.indent{
        text-indent: 36px;
    }
    .contact-mobile .contact-call .contact-call-content .p-small.indent{
        text-indent: 10px;
    }
    .contact-mobile .contact-call .contact-call-content .p-desk{
        display: none;
    }
    .contact-mobile .contact-call .contact-call-content .p-mobile{
        display: block!important;
    }
    .contact-mobile .contact-call p {
        line-height: 24px;
        padding-bottom: 0;
        padding-top: 0;
    }
    .contact-mobile .p-desk {
        display: none;
    }
    .contact-mobile .p-mobile {
        display: block !important;
    }
    .contact-mobile .contact-call .contact-call-image {
        position: absolute;
        right: 0;
        top: 20%;
        width: 70px;
    }
    /* Contact Mail */
    .contact-mobile .contact-mail{
        padding: 25px 0;
        display: flex;
        display: -webkit-flex;
        -webkit-align-items: center;
        align-items: center;
        justify-content: center;
        display: -webkit-box;
        -webkit-box-pack: center; /* justify-content */
        -webkit-box-align: center; /* align-items */
        background: #666666;
    }
    .contact-mobile .contact-mail .contact-mail-content a{
        color: #fff;
        transition: all 0s ease 0s;
        font-size: 22px;
        line-height: 32px;
    }
    .contact-mobile .contact-mail .contact-mail-content{
        padding-left: 10px;
        text-align: center;
    }
    .contact-mobile .contact-mail .contact-mail-image{
        width: 70px;
    }
    .contact-mobile .contact-mail .contact-mail-image, .contact-mobile .contact-mail .contact-mail-content a:hover{
        text-decoration: none;
        cursor: pointer;
    }
    /* Contact Page */
    .contact-intro-container, .contact-intro-wrap{
        padding: 0;
    }
    .contact-intro{
        text-align: justify;
        color: #333333;
    }
    .contact-intro .contact-title{
        font-size: 20px;
    }
    /* App - TDD */
    .app .app-info {
        padding: 0;
    }
    .app .app-info .app-info-title {
        display: none;
    }
    .app .app-info .app-info-title-mb {
        display: block!important;
        text-align: center;
        padding: 15px;
    }
    .app .app-info .app-info-title-mb span {
        color: #e57e1f;
        font-size: 20px;
        font-weight: bold;
    }
    .app .app-info .app-info-container .app-info-content .app-info-text .title-arrow{
        width: 0; 
        height: 0; 
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-top: 20px solid #fff;
        float: left;
    }
    .app .app-info .app-info-content .app-info-text.bigger {
        padding: 5px 10px 5px 30px;
    }
    .app .app-info .app-info-container .down-arrow {
        display: none;
    }
    .app .app-info .app-info-content {
        margin-left: 0;
    }
    .app .app-info .app-info-content .app-info-text {
        text-align: left;
        padding: 5px 10px 5px 30px;
    }
    .app .app-info .app-info-container .app-info-content .app-info-text span:nth-child(2) {
        padding-left: 10px;
        vertical-align: top;
    }
    /*    .app .app-info .app-info-content .app-info-details {
            padding: 15px 30px;
        }*/
    .app .app-info .app-info-content .app-info-details.app-info-circle-wrap {
        padding: 0;
    }
    .app .app-info .app-info-content .app-info-text.red {
        display: block!important;
    }
    .app .app-info .app-info-content .app-info-circle-wrap .app-info-circle {
        padding: 0;
    }
    .app .app-info .app-info-content .app-info-circle-wrap .app-info-circle .circle-title-wrap{
        text-align: center;
    }
    .app .app-info .app-info-content .app-info-circle-wrap .app-info-circle .circle-content p.link {
        font-size: 21px;
        text-align: right;
    }
    .app .app-info .app-info-content .app-info-circle-wrap .app-info-circle-bonus {
        display: none;
    }
    .row-eq-height {
        display: block;
    }
    .app .app-info, .app-service .app-service-container {
        padding: 0;
    }
    .app-service{
        padding: 20px 0 0;
    }
    .app-service .container{
        padding: 0;
    }
    .app-service .app-service-title {
        padding-bottom: 0;
    }
    .app-service .app-service-item .app-service-item-img {
        text-align: center;
        padding-bottom: 10px;
    }
    .app-service .app-service-item .app-service-item-title {
        color: #333333;
        font-size: 20px;
        font-weight: bold;
        padding: 0;
    }
    .app-service .app-service-item {
        padding: 15px 0 0;
        margin: 0;
        text-align: justify;
        width: 100%;
    }
    .app-service .app-service-item ul li {
        font-size: 10px;
    }
    .app-service .app-service-item .app-service-item-content {
        align-items: center;
        -webkit-align-items: center;
        display: inline-flex;
        justify-content: center;
        display: -webkit-box;
        /*-webkit-box-pack: center; /* justify-content */
        -webkit-box-align: center; /* align-items */
        padding: 0;
    }
    .app-service-bonus .app-service-special {
        padding-top: 0;
    }
    .app-service-bonus .app-service-special .app-service-special-content .paragraph br{
        display: none;
    }
    .app-service-bonus .app-service-special .app-service-special-content {
        text-align: justify;
    }
    .app-service-bonus .app-service-special .app-service-special-content .paragraph-mb {
        padding: 0 10px 10px;
    }
    .app-service-bonus .app-service-special .app-service-special-content p {
        font-size: 20px;
        line-height: 24px;
    }
    .app-service-bonus .app-service-special .app-service-special-bonus .bonus-small {
        padding: 10px 10px 0;
        line-height: 24px;
        margin-bottom: 0;
    }
    .app-service-bonus .app-service-special .app-service-special-bonus .bonus-big {
        font-size: 20px;
        line-height: 22px;
        padding: 5px 10px;
        text-align: center; 
    }
    .app-service-bonus .app-service-special .app-service-special-bonus {
        padding-top: 0;
        text-align: justify;
    }
    .app-service-special .app-service-special-bonus .bonus-big {
        font-size: 32px;
    }
    .app-service-bonus{
        margin-bottom: 0;
    }
    /* Web Page */
    .web .app-service {
        padding: 20px 0 15px!important;
    }
    .web .app-info .app-info-title-mb span {
        color: #20C5E6;
    }
    /* Contact Page */
    .contact-detail .contact-field {
        padding: 0;
    }
    .contact-detail .contact-field .contact-field-item {
        border-bottom: none;
        padding: 0;
        margin: 0;
    }
    .contact-detail .contact-field .contact-field-item.file-input{
        padding: 10px;
        background: #fff;
        color: #000;
    }
    .contact-detail .contact-field .contact-field-item.file-input .fileupload{
        display: flex;
        display: -webkit-box;
    }
    .contact-detail .contact-field .contact-field-item > div{
        padding: 0;
        clear: both;
    }
    .contact-detail .contact-field .contact-field-item .item-title {
        text-align: left;
        padding: 10px;
    }
    .contact-detail .contact-field .contact-field-item .item-title span{
        float: left;
        width: 30%;
        font-size: 20px;
    }
    .contact-detail .contact-field .contact-field-item .item-title br{
        display: none;
    }
    .contact-detail .contact-field .contact-field-item .item-title img{
        vertical-align: middle;        
    }
    .contact-detail .contact-field .contact-field-item .item-input label{
        width: 100%;
    }
    .contact-detail .container{
        padding: 0;
    }
    .contact-detail .contact-field .contact-field-title{
        padding: 10px;
        margin: 0;
    }
    .contact-detail .contact-field .contact-field-title.select{
        text-align: center;
        margin: 10px;
        padding: 0;
    }
    .contact-detail .contact-field .contact-field-title img{
        display: none;
    }
    .contact-detail input, .contact-detail select, .contact-detail textarea {
        border: 2px solid #000;
        margin: 0;
    }
    .contact-detail .contact-field .contact-field-item.white-bg{
        background: #fff;
        padding: 20px 20px 0;
    }
    .contact-detail .contact-field .contact-field-title span {
        padding: 0;
    }
    .contact-detail .contact-field .contact-field-title span.sub {
        display: inline-block;
        padding-left: 30px;
    }
    .contact-detail .contact-field .contact-field-item.white-bg .item-title{
        font-size: 20px;
        color: #000;
    }
    .contact-detail .submit-icon {
        margin-top: 0;
    }
    .contact-detail:last-child {
        padding-bottom: 10px;
    }
    /* Banner Top */
    /*    .banner-top .banner-wrap {
            background: url('/img/server/server-mb.fw.png');
            background-size: cover;
        }*/
    .banner-top .banner-wrap .banner-top-img-mb img{
        width: 100%;
        height: auto;
    }
    .banner-top .banner-wrap .text-wrap {
        display: inline-block;
        width: 100%;
        padding: 5px 15px;
        position: absolute;
    }
    .banner-top .banner-wrap .text-wrap .page-desc {
        display: inline-block;
        padding: 10px 0;
    }
    .banner-top .banner-wrap .text-wrap .text-head {
        padding-right: 0!important;
    }
    .banner-top .banner-wrap .text-wrap .text-head .text-head-img img{
        width: 50px;
    }
    .banner-top .banner-wrap {
        min-height: initial !important;
        position: relative;
        background: none;
    }
    .banner-top .banner-wrap .text-wrap .text-head .page-title {
        font-size: 22px;
        text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
        padding-left: 10px;
    }
    .banner-top .banner-wrap .text-wrap .page-desc span {
        font-size: 20px;
        line-height: 24px;
        text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
    }
    /* Server Page */
    .server-page .question {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .server-page .question h3.question-title {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .server-page .question .question-desc .question-img{
        align-items: center;
        display: inline-flex;
        display: -webkit-box;
        -webkit-box-align: center;
    }
    .server-page .question .question-desc img {
        padding: 5px;
        width: 80px;
    }
    .server-page .question .question-desc .question-content {
        font-size: 14px;
        line-height: 24px;
        margin-left: -30px;
        width: calc(100% - 40px)
    }
    .server-page .question .question-desc .question-content p:nth-child(2n), .server-page .question .question-desc .question-content p:nth-child(3) {
        //padding-left: 0;
    }
    /* Confirm Contact */
    .confirm .contact-detail .contact-field .contact-field-item {
        padding: 0;
        border-bottom: 1px solid #fff;
        background: transparent;
    }
    .confirm .contact-detail .contact-field .contact-field-title img {
        display: inline-block;
    }
    .confirm .contact-detail .contact-field .contact-field-item .item-title {
        text-align: justify;
    }
    .confirm .contact-detail .contact-field .contact-field-item .item-title span {
        width: 100%;
    }
    .confirm .contact-detail .contact-field .contact-field-item.white-bg {
        padding-top: 10px;
        border-bottom: 1px solid #fff;
    }
    .confirm .contact-detail .contact-field .contact-field-item .item-input {
        padding-left: 30px;
    }
    .confirm .contact-detail .contact-field .contact-field-item .item-input.field,.confirm .contact-detail .contact-field .contact-field-item .item-input.content {
        padding-left: 10px;
    }
    .confirm .contact-detail .contact-field .contact-field-title.select {
        margin-bottom: 10px;
    }
    .confirm .contact-detail .contact-field .contact-field-item.white-bg {
        padding-left: 0;
    }
    .confirm .contact-detail .contact-field .contact-field-item.file-input{
        padding-left: 0;
    }
    .confirm .contact-detail .contact-field .contact-field-item.file-input .item-input {
        padding-left: 15px;
    }
    .confirm .contact-detail .contact-field .contact-field-item.file-input .item-input span{
        color: #fff;
        display: inline-block;
        width: 100%;
    }
    .confirm .contact-detail:last-child {
        padding: 20px 0;
    }
    .confirm .contact-detail .contact-field .contact-field-title.select {
        text-align: justify;
    }
    /* Fix Banner Wrap */
    .banner-top .banner-wrap,.system .banner-top .banner-wrap,.app .banner-top .banner-wrap,.web .banner-top .banner-wrap,.cg-3d .banner-top .banner-wrap,.system .banner-top .banner-wrap,.server .banner-top .banner-wrap,.support .banner-top .banner-wrap,.pkg_soft .banner-top .banner-wrap{
        background: #fff;
    }
    .sitemap .container .menu_item p {
        font-size: 16px;
    }
}
@media(min-width: 768px) and (max-width: 991px){
    #header-nav .nav-menu li {
        min-width: 84px;
    }
    #header-nav .nav-menu > ul > li > a {
        padding: 3px;
    }
    #header-nav .nav-menu > ul > li > a img{
        width: 75px;
    }
    #header-nav .nav-menu > ul > li > a > .menu-text {
        padding-top: 0;
    }
    #header-nav .container{
        width: 100%;
    }
    .support-container, .support-head{
        padding: 0;
    }
    #header-nav .nav-menu > ul > li > a > .menu-text .menu-name {
        font-size: 16px;
    }
    #header-nav .nav-menu > ul > li > a > .menu-text .menu-desc{
        font-size: 11px;
        line-height: 13px;
    }
    .support-page .head-black {
        background: url("/img/home/head-black.png") no-repeat;
        background-size: contain;
    }
    .support-page .head-black .head-black-title .title-gold2 .img-desk{
        margin: 10px 0 15px 15px!important;
    }
    .support-page .head-black .arrow {
        font-size: 18px;
        background: none;
        height: auto;
        padding-left: 0;
        padding-top: 0;
        position: static;
        width: 41.6667%;
    }
    .support-page .head-black .arrow p{
        position: static!important;
    }
    .support-page .head-black .arrow p span{
        font-size: 24px!important;
    }
    .support-page .head-black .content {
        padding-top: 20px!important;
    }
    .support-page .head-blue-2 .blue-title {
        font-size: 36px!important;
        padding: 0px!important;
    }
    .support-page .head-blue-3 .blue-title {
        font-size: 36px!important;
        padding: 30px!important;
    }
    .head-blue.staff .img-note{
        margin-top: 0!important;
    }
    .head-blue.staff .blue-paragraph-border .text-desk{
        font-size: 24px!important;
    }
    .top-text div, .top-text span {
        font-size: 18px;
    }
    /* Element Contact */
    .contact .contact-call, .contact .contact-mail {
        justify-content: center;
        -webkit-box-pack: center;
        padding: 20px 0;
    }
    .contact .contact-call .contact-call-image {
        left: -20px;
    }
    .contact .contact-mail .contact-mail-content {
        padding-left: 20px;
    }
    .contact .contact-mail .contact-mail-content a {
        font-size: 32px;
        line-height: 32px;
    }
    /* Support */
    .support-page .head-blue-1 .blue-title-desk{
        font-size: 40px!important;
    }
    .server-main .head-caro .content .container .head-caro-title > span{
        font-size: 34px!important;
    }
    .message1 {
        margin-left: 0;
        margin-top: -50px;
    }
    .support-page .head-blue .content {
        padding-top: 0;
    }
    .server-main .head-caro .feature .feature-item .star-red{
        font-size: 28px!important;
    }
    /* Home Page */
    /*    .home-page .head-black {
            background: url("/img/home/head-black.png") no-repeat;
            background-size: contain;
        }
    */    
    .home-page .cube .cube-circle .pcube p {
        font-size: 20px;
    }
    .home-page .cube .cube-circle .pcube {
        margin: 0 20px;
        float: left;
        position: relative;
        width: 120px;
        height: 120px;
    }
    .home-page .head-black .arrow{
        line-height: 24px;
        width: 50%;
        background-size: auto;
        padding-left: 6%;
        padding-top: 4%;
        margin-right: -30px;
    }
    .home-page .head-blue .blue-title-desk{
        font-size: 34px;
    }
    .home-page .home-info .circle .circle-title {
        font-size: 30px;
        line-height: 30px;
    }
    .home-page .home-info .circle .circle-desc {
        padding: 10%;
    }
    .app-service .app-service-item {
        padding-left: 0;
    }
    /* Banner Top */
    .banner-top .banner-wrap {
        background-size: cover;
    }
    .banner-top .banner-wrap .text-wrap {
        align-items: center;
        display: flex;
        justify-content: center;
        width: 50%;
    }
    .banner-top .banner-wrap .text-wrap .text-head {
        padding-right: 0!important;
    }
    .banner-top .banner-wrap .text-wrap .text-head .text-head-img img{
        width: 50px;
    }
    .banner-top .banner-wrap {
        min-height: 180px;
    }
    .banner-top .banner-wrap .text-wrap .text-head .page-title {
        font-size: 30px;
    }
    .banner-top .banner-wrap .text-wrap .page-desc {
        padding: 20px 0 0;
    }
    .banner-top .banner-wrap .text-wrap .page-desc span {
        font-size: 18px;
        line-height: 24px;
    }
    /* Support */
    #tbLanding .dropdown {
        width: auto;
    }
    #addLanding {
        background: #f0f0f0;
        width: auto;
    }
    .action-form{
        padding: 30px 0!important;
    }
    /* System */
    .text_system p {
        margin-bottom: 4px;
    }
    .sitemap .container .menu_item p {
        font-size: 16px;
    }
}
@media(min-width: 992px) and (max-width: 1199px){
    #header-nav .nav-menu li {
        min-width: 108px;
    }
    #header-nav .nav-menu > ul > li > a {
        padding: 10px;
    }
    #header-nav .nav-menu > ul > li > a img{
        width: 75px;
    }
    #header-nav .nav-menu > ul > li > a > .menu-text {
        padding: 0;
    }
    #header-nav .nav-menu > ul > li > a > .menu-text .menu-name {
        font-size: 18px;
    }
    #header-nav .nav-menu > ul > li > a > .menu-text .menu-desc {
        font-size: 13px;
        line-height: 15px;
    }
    .home-page .cube .cube-circle .pcube {
        width: 120px;
        height: 120px;
    }
    .home-page .cube .cube-circle .pcube p {
        font-size: 24px;
    }
    .head-black .arrow {
        font-size: 22px;
        width: 365px;
        padding-left: 6%;
        padding-top: 4%;
    }
    .home-page .home-info .circle {
        width: 350px;
        height: 350px;
    }
    .home-page .home-info .circle .circle-desc {
        font-size: 12px;
        padding: 5px 30px;
    }
    .top-text div, .top-text span {
        font-size: 24px;
    }
    .support-page .head-black {
        background: url("/img/home/head-black.png") no-repeat;
        background-size: contain;
    }
    .support-page .head-black .head-black-title .title-gold2 .img-desk{
        margin: 10px 0 15px 15px!important;
    }
    .support-page .head-black .arrow {
        font-size: 18px;
        background: none;
        height: auto;
        padding-left: 0;
        padding-top: 0;
        position: static;
        width: 41.6667%;
    }
    .support-page .head-black .arrow p{
        position: static!important;
        margin: 10px;
    }
    .support-page .head-black .arrow p span{
        font-size: 24px!important;
    }
    .app-service .app-service-item .app-service-item-img {
        text-align: center;
    }
    /* Banner Top */
    .banner-top .banner-wrap {
        background-size: cover;
    }
    .banner-top .banner-wrap .text-wrap {
        align-items: center;
        display: flex;
        justify-content: center;
        width: 50%;
    }
    .banner-top .banner-wrap .text-wrap .text-head {
        padding-right: 0;
    }
    .banner-top .banner-wrap .text-wrap .text-head .text-head-img img{
        width: 50px;
    }
    .banner-top .banner-wrap {
        min-height: 240px;
    }
    .banner-top .banner-wrap .text-wrap .text-head .page-title {
        font-size: 30px;
    }
    .banner-top .banner-wrap .text-wrap .page-desc {
        padding: 20px 0 0 75px;
    }
    .banner-top .banner-wrap .text-wrap .page-desc span {
        font-size: 20px;
        line-height: 24px;
    }
    /* Support */
    #tbLanding .dropdown,#addLanding {
        width: auto;
    }
}
@media(min-width: 1200px) and (max-width: 1365px){
    .home-page .home-info .circle .circle-desc {
        font-size: 14px;
        padding: 0% 15%;
    }
    #tbLanding .dropdown {
        width: 170px;
    }
}
@media(min-width: 1366px){
    .head-black .arrow {
        padding-left: 4%;
        padding-top: 4%;
        text-align: center;
    }
}
@media(min-width: 992px){
    .nav .cg_3d a, .nav .system a{
        padding: 0px 10px;
    }
}
@media(max-width: 890px) and (min-width: 768px){
    .home-page .home-info .circle {
        width: 320px;
        height: 320px;
    }
    .home-page .home-info .circle .circle-desc{
        font-size: 12px ;
        padding: 0% 5%;
    }
}