﻿.ConfigurationLimoblie {
    display:none;
}
@media screen and (max-width: 1025px) {
    .XH_MarketsBox .MarketsList .item {
        width:50%;
    }
    .InsideMenu .container a {
        padding: 0 20px;
    }
    .pamm .pammLi .pammBox p {
        height: 60px;
    }
    .introducBox .introducRow .introducLi .introducLiBox .introducLiBody .introducList {
        padding: 0 15px;
    }
    .introducBox .introducRow .introducLi .introducLiBox .introducLiHread h1 {
        font-size: 24px;
    }
    .introducBox .introducRow .introducLi .introducLiBox .introducLiHread {
        padding:20px;
    }
    .introducBox .introducRow .introducLi {
        padding:0 10px;
    }
    .introducWorksFlex {
        padding-top:10px;
    }
    .container {
        width:900px
    }
    .MenuHread .container .MenuRight ul li > a {
        font-size:14px;
    }
    .hread .container .HreadBtnBox .portBtn {
        font-size:12px;
    }
    .introducBox .introducRow .introducLi .introducLiBox .introducLiBody .introducList span.RightTxt {
        text-align: right;
    }
    .programBox .container .programBoxRight .programIconBox .programIconBoxLi{
        width: 210px;
    }
    .partner-draw {
        width:420px !important;
    }
    .introducWorks {
        padding: 50px 0;
    }
    .swapratesBox {
        display: none;
    }
    .fotter .container {
        flex-flow: column;
    }
        .fotter .container .fotterRight {
            padding:20px 0;
        }
    .XH_Today .Today .TodayNews {
        margin: 50px 0px 0;
    }
    .fotterBottom {
        overflow:hidden;
    }
    .CompanyOne .container .CompanyRow .CompanyLi {
        width:50%;
        margin-bottom:20px;
    }
    html {
        overflow-x:hidden;
    }
    .ForexTwo .ForexTwoRow {
        padding-top: 20px;
        margin-left: 0;
        margin-right: 0;
        flex-flow: column;
        width:70%;
        margin:0 auto;
    }

        .ForexTwo .ForexTwoRow .ForexTwoLi span {
            width: 50px;
            height: 50px;
            position: absolute;
            left: 10px;
            top: 0;
        }

        .ForexTwo .ForexTwoRow .ForexTwoLi {
            position: relative;
            padding-left: 80px;
            padding-bottom: 50px;
        }

            .ForexTwo .ForexTwoRow .ForexTwoLi h2 {
                margin-top: 5px;
                font-weight: 400;
                font-size: 24px;
            }

            .ForexTwo .ForexTwoRow .ForexTwoLi p {
                font-size: 20px;
            }

    .MenuBody .MenuBodyRight {
        padding-left: 200px;
          }
    .InsideMenu {
        padding:0 !important;
    }

    }

@media screen and (max-width: 768px) {
    .fiexdzero {
        position: fixed;
        bottom: 0;
        left: 0;
        background: #ff0000;
        width: 5px;
        height: 5px;
        z-index:9999;
    }
    .langWidth {
        width: 100%;
        margin-top: 20px;
    }
    .popHread .LangBox.langWidth a {
        text-align:center;
    }
    .InsideMenu .container.containerblock {
        display: block;
    }
    .MenuBody .MenuBodyRight {
        padding: 0 25px;
    }
    .overhideen {
        overflow-x:hidden;
    }
    .hread {
        display: none;
    }

            .hread .container .HreadBtnBox {
                display: none;
            }

        .MenuHread .container .MenuRight {
            display: none;
        }

        .MenuHread .container .logo {
            width: 65px;
            margin: 10px 0;
        }

        .MenuHread {
            background: #0b245f;
            position: fixed;
            top: 0px;
        }
            .MenuHread.active {
                height: 100vh;
                bottom:0;
            }
            .MenuHread .container {
                height: 43px;
                position: relative;
                justify-content: center;
            }

        .BannerRightTop {
            height: 49px;
            background:#fff;
            padding: 0 15px;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
        }

    .BannerRightBottom .BannerRightList {
        background-color: #F7F8FB;
        border-bottom:0;
    }
    .BannerRightBottom .BannerRightBottomBox .BannerRightList {
        border-bottom: 1px #DDDFE7 solid;
    }

    .BannerRightBottom .hreadList {
        height: 30px;
    }

        @keyframes discoloration {
            0% {
                color: #595F6F;
            }

            100% {
                color: #595F6F;
            }
        }

        .BannerRightBottom .BannerRightList.hreadList .BannerRightLi {
            color: #709BE7;
            font-size: 10px;
            font-family: Roboto;
            font-weight: 500;
        }

            .BannerRightBottom .BannerRightList.hreadList .BannerRightLi .Curre {
                color: #123075;
            }

        .MenuHread .container .phone-nav {
            position: absolute;
            left: 20px;
            display: block
        }

        .container {
            width: 100%;
            /*background: #0b245f;*/
        }


        .Banner {
            padding: 0px;
            margin-top: 0px;
        }

            .Banner .container {
                margin-top: 43px;
                height: 280px;
                padding-left: 20px;
            }

                .Banner .container .BannerLeft {
                    width: 100%;
                    padding-right: 10%;
                    box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                }

        .BannerRight {
            display: none
        }

        .phone-BannerRight {
            display: block
        }

            .phone-BannerRight .BannerRightTop a {
                color: #123075;
                font-weight: bold;
                box-sizing: border-box;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                border-radius: 0;
            }

                .phone-BannerRight .BannerRightTop a.active {
                    border: 0;
                    border-bottom: 3px solid #1A47B0;
                    height: 40px;
                }

        html {
            overflow-x: initial;
        }
    .Clients {
        padding:30px 0;
    }
        .Clients .info-table {
            margin-top:20px;
        }
        .Clients li {
            margin:10px 0;
        }
        .Clients .txtList {
            padding-left:20px;
        }
        .Clients .info.container, .Clients .rule.container, .Clients .annoucement.container {
            margin: 20px auto;
            padding: 0 20px;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
        }
    .Clients .txtList {
        padding:0 0 20px 0; 
    }
        .Clients .annoucement.container .txtList {
            padding-left:20px;
        }
        .Clients .annoucement .txtList li {
            font-size:16px;
        }
        .Clients li {
            font-size:16px;
        }
        .Clients .TittleTxt {
            padding: 0;
        }
        .BannerRightBottom .BannerRightList.hreadList {
            background: #F7F8FB;
            height: 30px;
        }

        .BannerRightBottom .BannerRightList {
            background: #fff;
            height: 40px;
        }

            .BannerRightBottom .BannerRightList:nth-child(2n) {
                background: #F7F8FB;
            }

        .phone-BannerRight .BannerRightTop a {
            height: 40px;
        }

        .ExploringBox .swiper-slide .hieenBox {
            height: 160px;
        }

        .bannerPr .swiper-button-prev {
            display: none;
        }

        .bannerPr .swiper-button-next {
            display: none;
        }

        .bannerPr .swiper-slide-active {
            box-shadow: 15px 15px 40px rgba(0, 0, 0, 0.12);
            -webkit-box-shadow: 15px 15px 40px rgba(0, 0, 0, 0.12);
            -moz-box-shadow: 15px 15px 40px rgba(0, 0, 0, 0.12);
        }

            .bannerPr .swiper-slide-active .hieenBox {
                border: 0;
            }

        #swiper-pagination {
            display: block
        }

        .ExploringBox .swiper-slide {
            height: 160px;
            width: 252px;
        }

        .containerIcon.active {
            display: none;
        }

        .DepositBox .container .DepositRow .DepositLi {
            width: 50%;
            padding: 0 10px;
            margin-bottom: 15px;
            height: 60px;
        }

            .DepositBox .container .DepositRow .DepositLi .DepositLiBox p {
                display: none;
            }

            .DepositBox .container .DepositRow .DepositLi .DepositLiBox h2 {
                display: none;
            }

            .DepositBox .container .DepositRow .DepositLi .DepositLiBox {
                justify-content: center;
                align-items: center;
                padding: 2px 5px 2px 5px;
                border-radius: 60px;
            }

       

            .CustomisedBox::after {
                content: ""
            }

            .CustomisedBox.Strategy:after {
                content: "";
            }

        .DepositBox {
            padding: 50px 35px 40px 35px;
        }


    .CustomisedBox {
        padding:60px 30px;
    }





    .CustomisedBox .container .CustomisedBoxLeft h1 {
        font-weight: 800;
    }

        .LatestBox .container > p {
            padding: 0 60px;
        }

        .TradingBox h1 {
            width: 80%;
            text-align: left;
        }

        .TradingBox .TradingBottom {
            padding-top: 0;
        }

        .SwiftBox {
            display: none;
        }

        .TradingBox .TradingBottom {
            flex-flow: column;
            margin-top: 0px;
        }

            .TradingBox .TradingBottom a {
                margin-top: 16px;
                width: 180px;
                height: 46px;
                background: #FFFFFF;
                box-shadow: 4px 4px 20px rgba(2, 8, 22, 0.1);
            }

    .TradingBox .container>.Icon {
        width: 100px;
        margin-top: 30px;
    }

        .LatestBox .container .LatestBottom {
            display: block
        }

        .fotter .container {
            display: block;
        }

            .fotter .container .fotterRight {
                display: none;
            }

        .fotter {
            padding-left: 30px;
            padding-right: 20px;
        }

        .fotterBottom {
            padding-left: 30px;
            padding-right: 20px;
            padding-bottom: 80px;
        }

        .LatestBottomRight {
            display: flex;
        }

        .LatestBox .container .LatestBottom .LatestBottomRight .LatestBottomRightLi img {
            height: 110px;
            object-fit: cover;
        }

        .LatestBox .container .LatestBottom .LatestBottomLeft .LatestBottomLeftLi {
            width: 100%;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.1);
        }

        .LatestBox .container > p {
            font-size: 14px;
        }

        .LatestBox .container .LatestBottom .LatestBottomLeft {
            padding-right: 0;
            width: 100%;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
        }

        .LatestBottomRight div:first-child {
            padding-right: 10px
        }

        .phone-fotterRight {
            display: block;
        }

            .phone-fotterRight .fotterRightLi {
                display: flex;
            }

                .phone-fotterRight .fotterRightLi p:first-child {
                    color: #BFC4CE;
                    width: 60px;
                    margin-right: 3px;
                }

                .phone-fotterRight .fotterRightLi p {
                    color: #1A47B0;
                    font-size: 14px;
                    margin-top: 24px;
                }

        .phone-CustomisedBox {
            display: block;
        }
            .phone-CustomisedBox .SwiftBoxLi {
                display:flex;
                align-items:flex-start;
                padding-bottom:30px;
            }
                .phone-CustomisedBox .SwiftBoxLi .Yes {
                    width:15px;
                    margin-right:20px;
                }
                .phone-CustomisedBox .SwiftBoxLi .SwiftBoxLiRight {
                    color: #595F6F;
                    font-size:12px;
                    line-height:1.3;
                }
                .marketsBox .container {
                    padding: 0 30px;
                }
    .phone-CustomisedBox .SwiftBoxLi:last-child {
        padding-bottom:0;
    }
    .ExploringBox .container > h1 {
        text-align: left;
        color: #1A47B0;
    }

        .ExploringBox .container > p {
            text-align: left;
            width: 80%;
            color: #595F6F;
            margin-bottom: 0;
        }

        .ExploringBox .swiper-container {
            padding-top: 50px;
        }

        .ExploringBox .container > h1 {
            width: 80%;
        }

        .DepositBox .container > h1 {
            font-size: 18px;
            width: 100%;
        }

        .DepositBox .container > p {
            font-size: 14px;
            margin-bottom: 25px;
            margin-top: 5px;
            width: 100%;
        }

        .marketsBox .container .marketsBoxLeft p {
            font-size: 16px;
        }

        .marketsBox .container .marketsBoxLeft h1 {
            font-size: 16px;
        }

        .Banner .container .BannerLeft .BannerLeftBottom .openBtn {
            width: 143px;
            height: 28px;
            border-radius: 15px;
            font-size: 10px;
        }

        .Banner .container .BannerLeft .BannerLeftBottom .tryBtn {
            font-size: 10px;
            margin-left: 20px;
        }

        .Banner .container .BannerLeft h1 {
            font-size: 18px;
        }

        .CustomisedBox .container .CustomisedBoxLeft .readBtn {
            font-size: 16px;
            color: #1A47B0;
            font-family: "Roboto";
            font-weight: bold;
            width: auto;
            height: auto;
            box-shadow: none;
            background-image: none;
            display: block;
        }

            .CustomisedBox .container .CustomisedBoxLeft .readBtn::after {
                content: " >"
            }

        .CustomisedBox .container .CustomisedBoxLeft p {
            width: 100%;
            z-index: 1;
        }

        .phone-CustomisedBox .container .CustomisedBoxLeft p {
            margin-bottom: 15px;
        }

        .DepositBox .container .DepositRow .DepositLi .Icon {
            margin-bottom: 0px;
        }

        .dataRow {
            display: none;
        }

        .moblieMenu {
            display: flex;
            align-items: center;
            font-size: 18px;
            color: #595F6F;
            font-weight: 400;
        }

        .pcShow {
            display: none;
        }

        .XH_crumb {
            padding: 60px 20px;
        }

        .moblieMenu .icon {
            width: 12px;
            margin-right: 10px;
            transform: rotate(180deg);
            -ms-transform: rotate(180deg); /* IE 9 */
            -moz-transform: rotate(180deg); /* Firefox */
            -webkit-transform: rotate(180deg); /* Safari 和 Chrome */
            -o-transform: rotate(180deg);
        }

        .XH_crumb .TittleTxt {
            font-size: 16px;
            margin-top: 30px;
            margin-bottom: 20px;
            padding-bottom: 0;
            font-weight: 300;
            padding-left:0;
        }

        .XH_crumb .ContTxt {
            font-size: 12px;
            width: 100%
        }

        .XH_crumb .swiper-container {
            padding: 0;
            padding-top: 70px;
            padding-bottom: 40px;
            margin-top: 0;
            height: auto;
            margin-left: -20px;
            margin-right: -20px;
        }

            .XH_crumb .swiper-container .swiper-slide.swiper-slide-active {
                transform: translateY(0px);
            }

                .XH_crumb .swiper-container .swiper-slide.swiper-slide-active .img {
                    width: 90px;
                    margin: 0 auto;
                    height: 90px;
                    flex: 0 0 90px;
                    box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.25);
                }

                .XH_crumb .swiper-container .swiper-slide.swiper-slide-active .name {
                    font-size: 18px;
                    margin-top: 15px;
                }

                .XH_crumb .swiper-container .swiper-slide.swiper-slide-active .info p {
                    font-size: 12px;
                    margin-top: 5px;
                    margin-bottom: 5px;
                }

            .XH_crumb .swiper-container .swiperBtn {
                display: none;
            }

            .XH_crumb .swiper-container .swiper-slide.swiper-slide-active {
                box-sizing: border-box;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                transform: scale(1);
            }

                .XH_crumb .swiper-container .swiper-slide.swiper-slide-active .info svg {
                    width: 18px;
                    height: 18px;
                    margin: 0 4px;
                    flex: 0 0 18px;
                    border-radius: 50%;
                }

            .XH_crumb .swiper-container .swiper-slide {
                transition: 300ms;
                transform: translateY(9px);
                transform: scale(0.8);
            }

        .XH_crumb .content {
            width: 100%;
        }

        .profileBanner .swiper-pagination-bullet-active {
            background: #1A47B0;
        }

        .moblieShow {
            display: block;
        }

        .marketsBox .container {
            padding: 0 0 0 20px;
        }

        .marketsBox {
            padding: 0;
        }

            .marketsBox .container .marketsBoxBtn {
                width: 80px;
                height: auto;
                height: 100px;
                border-radius: 0;
                display: block;
                overflow: hidden;
                position: relative;
            }

                .marketsBox .container .marketsBoxBtn:before {
                    width: 80px;
                    height: 100%;
                    content: " ";
                    display: block;
                }

                .marketsBox .container .marketsBoxBtn .Aorrow {
                    position: absolute;
                    top: 50%;
                    width: 18px;
                    margin-top: -7px;
                    left: 50%;
                    margin-left: -7px;
                }

        .InsideMenu .container {
            display: flex;
            justify-content:space-around;
            line-height: 38px;
            white-space: nowrap;
            overflow: hidden;
            overflow-x: auto;
        }

            .InsideMenu .container a {
                padding: 0 20px;
                font-size: 12px;
                display: inline-block;
                margin: 0;
            }

        .InsideBanner {
            padding-top: 80px;
            padding-left: 30px;
            padding-right: 30px;
            padding-bottom: 60px;
        }

        .InsideMenu {
            height: 40px;
        }

        .InsideBanner .container .BannerTittle {
            font-size: 18px;
            font-weight: 300;
            margin-bottom: 10px;
        }

        .InsideBanner .container p {
            width: 100%;
            text-align: left;
            font-size: 12px;
            padding-bottom: 0;
        }

        .InsideBanner .container {
            align-items: flex-start;
        }

            .InsideBanner .container .BannerBtn {
                display: none;
            }

        .CustomisedBox.licenseCont .container .CustomisedBoxLeft {
            padding: 0;
            background: none;
            top: 50px;
        }

            .CustomisedBox.licenseCont .container .CustomisedBoxLeft h1 {
                font-weight: 300;
                font-size: 22px;
                margin-bottom: 15px;
            }

        .CustomisedBox .container .CustomisedBoxLeft p {
            font-size: 12px;
            line-height: 1.3;
        }

        .LegalBox {
            margin-top: 0;
            width: 100%;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            padding: 20px 10px;
        }

            .LegalBox .LegalLi a {
                font-size: 12px;
                flex: 1;
                line-height: 1.8;
            }

            .LegalBox .LegalLi .icon {
                width: 14px;
            }

        .CustomisedBox .container .CustomisedBoxLeft::after {
            display: none;
        }

        .FotterLegal {
            padding-top: 15px;
            font-size: 12px;
        }

        .ContactBoxRow .ContactLi .icon {
            display: none;
        }

        .ContactBox {
            padding-top: 30px;
            padding-bottom: 0;
        }

            .ContactBox .TittleTxt.TxtLeft {
                text-align: center;
                font-size: 18px;
            }

        .ContactBoxRow {
            padding-top: 0;
            flex-flow: column;
            align-items: center;
            justify-content: center;
        }

            .ContactBoxRow .ContactLi {
                width: 75%;
                padding-right: 0;
                padding-bottom: 15px;
            }

                .ContactBoxRow .ContactLi p {
                    font-size: 12px;
                    line-height: 18px;
                }

                .ContactBoxRow .ContactLi .ContactRightTxt {
                    padding-left: 0;
                }

                .ContactBoxRow .ContactLi h2 {
                    width: 60px;
                }

        .XH_Knowledge .Knowledge {
            padding-top: 42px;
            padding-bottom: 36px;
            font-size: 18px;
        }

            .XH_Knowledge .Knowledge .TittleTxt {
                font-size: 18px;
            }

        .XH_Knowledge {
            padding: 0 20px;
        }

        .TradingBoxPage {
            padding: 0;
        }

            .TradingBoxPage .TradingLi .TradingHread {
                padding: 0 20px;
                font-size: 18px;
                height: 50px;
            }

                .TradingBoxPage .TradingLi .TradingHread span {
                    font-size: 18px;
                }

        .XH_KnowledgeInfo {
            padding: 20px;
        }

            .XH_KnowledgeInfo p {
                font-size: 12px;
                line-height: 1.3;
            }

            .XH_KnowledgeInfo .icon {
                margin-top: 2px;
            }

        .XH_Today .Today .TittleTxt {
            font-size: 18px;
        }

        .XH_Today .Today .ContTxt {
            font-size: 12px;
            line-height: 1.3;
        }

        .XH_Today .Today .TodayNews {
            margin-top: 36px;
        }

        .ContTxt {
            font-size: 12px;
            line-height: 1.3;
        }

        .TittleTxt {
            font-size: 18px;
            font-weight: 300;
        }

        .XH_Swiper .swiper-container {
            padding-top: 30px;
            padding-bottom: 30px;
            height: auto;
            margin-left: -40px;
            margin-right: -40px;
        }

            .XH_Swiper .swiper-container .swiperBtn {
                display: none;
            }

            .XH_Swiper .swiper-container .swiper-slide img {
                width: 100%;
                height: initial;
            }

            .XH_Swiper .swiper-container .swiper-slide.swiper-slide-active img {
                width: 100%;
                height: initial;
            }

            .XH_Swiper .swiper-container .swiper-slide.swiper-slide-active .info {
                padding: 15px 0;
            }

            .XH_Swiper .swiper-container .swiper-slide.swiper-slide-active {
                transform: translateY(0px);
                transform: scale(1);
            }

            .XH_Swiper .swiper-container .swiper-slide {
                transform: translateY(10px);
                transform: scale(0.8);
            }

                .XH_Swiper .swiper-container .swiper-slide.swiper-slide-active .info p.name {
                    font-size: 16px;
                }

        .XH_Swiper {
            padding: 40px 0 20px 0;
        }

        html,
        body {
            position: relative;
            height:initial;
        }

        body {
            font-size: 14px;
            color: #000;
            margin: 0;
            padding: 0;
        }

        .konowledgeSwiper .swiper-slide {
            text-align: center;
            font-size: 18px;
            width: 80%;
            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            height: 100%
        }

        .XH_Today .Today .konowledgeSwiper.TodayNews .swiper-slide .item {
            width: 100%;
            margin: 0;
            height: 100%;
        }

        .konowledgeSwiper.swiper-container {
            padding-bottom: 80px;
        }

        .TradingBoxPage.PageNone {
            background: none;
        }

        .konowledgeSwiper.swiper-container-horizontal > .swiper-pagination-bullets {
            bottom: 30px;
        }

        .XH_Today {
            padding: 60px 0 0 0;
        }

            .XH_Today .Today .TodayNews {
                display: none;
            }
                .XH_Today .Today .TodayNews.flexwarp {
                    display:flex;
                    padding-bottom:30px;
                }
                    .XH_Today .Today .TodayNews.flexwarp .item {
                        width: 100%;
                        padding: 10px 30px;
                    }
                    .XH_Today .Today .TodayNews.konowledgeSwiper.swiper-container {
                        margin: 50px 0px 0;
                        padding-left: 30px;
                        display: flex;
                    }

                .XH_Today .Today .TodayNews .item .info {
                    padding: 15px 0px 10px;
                }

                .XH_Today .Today .TodayNews .item .image {
                    height: 120px;
                }

                .XH_Today .Today .TodayNews .item .info p {
                    padding-left: 20px;
                    text-align: left;
                }

                    .XH_Today .Today .TodayNews .item .info p.content {
                        display: none;
                    }

                    .XH_Today .Today .TodayNews .item .info p.blue {
                        font-size: 12px;
                    }

        .ForexTwo {
            background: #FFFFFF;
            padding: 50px 0;
        }

            .ForexTwo .ForexTwoRow {
                padding-top: 20px;
                margin-left: 0;
                margin-right: 0;
                flex-flow: column;
                width:100%;
            }

                .ForexTwo .ForexTwoRow .ForexTwoLi span {
                    width: 30px;
                    height: 30px;
                    position: absolute;
                    left: 30px;
                    top: 0;
                }

                .ForexTwo .ForexTwoRow .ForexTwoLi {
                    position: relative;
                    padding-left: 80px;
                    padding-bottom: 20px;
                    width:100%;
                }

                    .ForexTwo .ForexTwoRow .ForexTwoLi h2 {
                        margin-top: 5px;
                        font-weight: 400;
                        font-size: 14px;
                        line-height:20px;
                        margin-bottom:10px;
                    }

                    .ForexTwo .ForexTwoRow .ForexTwoLi p {
                        font-size: 12px;
                        line-height: 14px;
                    }

        .CompanyOne .container .CompanyBtn {
            width: 143px;
            height: 36px;
            font-size: 12px;
            margin: 50px auto;
        }

        .CompanyOne .container .CompanyRow {
            flex-flow: column;
            padding: 0 30px;
        }

            .CompanyOne .container .CompanyRow .CompanyLi .CompanyLiBox {
                position: relative;
                padding-left: 55px;
                padding-top: 15px;
                padding-right: 15px;
                padding-bottom:15px;
            }

                .CompanyOne .container .CompanyRow .CompanyLi .CompanyLiBox .icon {
                    position: absolute;
                    left: 15px;
                    top: 15px;
                    font-size: 24px;
                }

                .CompanyOne .container .CompanyRow .CompanyLi .CompanyLiBox h1 {
                    padding: 0 0 5px 0;
                }

            .CompanyOne .container .CompanyRow .CompanyLi {
                width: 100%;
                margin-bottom: 20px;
            }

        .CompanyOne {
            padding: 40px 0 20px 0;
        }

        .CompanyTwo {
            padding: 40px 30px;
            background: #fff;
        }

        .CompanyTwoCenter {
            padding-top: 10px;
        }

            .CompanyTwoCenter h2 {
                font-size: 14px;
            }

            .CompanyTwoCenter .CompanyTwoBottomLi {
                font-size: 12px;
                height: auto;
                margin-bottom: 20px;
            }

            .CompanyTwoCenter .marginTxt {
                margin-top: 0;
                margin-bottom: 30px;
            }

            .CompanyTwoCenter .CompanyTwoFotter {
                padding-top: 0;
                flex-flow: column;
                justify-content: initial;
            }

                .CompanyTwoCenter .CompanyTwoFotter .CompanyTwoFotterLi {
                    width: 100%;
                    margin-bottom: 30px;
                }

                    .CompanyTwoCenter .CompanyTwoFotter .CompanyTwoFotterLi p {
                        font-size: 12px;
                    }

                    .CompanyTwoCenter .CompanyTwoFotter .CompanyTwoFotterLi h3 {
                        font-size: 14px;
                        font-weight: 400;
                        margin-bottom: 10px;
                    }

                    .CompanyTwoCenter .CompanyTwoFotter .CompanyTwoFotterLi:last-child {
                        margin-bottom: 0;
                    }

        .pcshow {
            display: none;
        }

        .moblieshow {
            display: block;
        }
    .CustomisedBox .container .CustomisedBoxRight.width30.ManageBg {
        width: 100%;
        height: 146px;
        box-shadow:none;
    }
    .CustomisedBox.Accc:after {
        display:none;
    }
    .CustomisedBox .container .CustomisedBoxLeft h2.blod {
        font-size:18px;
        margin-bottom:0px;
    }
    .CustomisedBox .container .CustomisedBoxLeft h1.noblod {
        font-size:24px;
        line-height:1;
        margin-bottom:20px;
    }
    .ManageAccout.CustomisedBox .container .CustomisedBoxLeft .readBtn {
        margin-top:10px;
        margin-bottom:0px;
        font-weight:normal;
        font-size:12px;
    }
    .ManageAccout.CustomisedBox .container .CustomisedBoxLeft {
        margin-bottom:30px;
    }
    .CompanyTwo.AccoutBox {
        background: #fff;
        padding: 20px 30px;
    }
    .TittleTxt.width500 {
        width:100%
    }
    .CompanyTwo.AccoutBox .TittleTxt.width500 {
        word-wrap: break-word;
        font-weight:300;
        padding-bottom:0;
        padding-left:0;
    }
    .CompanyTwo.AccoutBox .CompanyTwoCenter .CompanyTwoFotter .CompanyTwoFotterLi h1 {
        display: none;
    }
    .CompanyTwo.AccoutBox .CompanyTwoFotter {
        padding:20px 0;
        flex-flow:row;
        justify-content:space-between;
    }
    .CompanyTwo.AccoutBox .CompanyTwoCenter .CompanyTwoFotter .CompanyTwoFotterLi a.IBlogin {
        width: 100%;
        height: 36px;
        font-size: 12px;
    }
    .CompanyTwo.AccoutBox .CompanyTwoCenter .CompanyTwoFotter .CompanyTwoFotterLi a.regAcc {
        width: 100%;
        height: 36px;
        font-size:12px;
    }
    .CompanyTwo.AccoutBox .CompanyTwoCenter .CompanyTwoFotter .CompanyTwoFotterLi {
        width:46%;
        margin-bottom:0;
    }
    .CompanyTwo.AccoutBox .CompanyTwoCenter .CompanyTwoFotter .CompanyTwoFotterLi .CompanyCenter {
        margin: 0;
        width: 100%;
    }
    .SimpleBox {
        background:#fff;
        padding: 50px 0 0px 0;
    }
    .sortBox {
        padding-top:50px;
        flex-flow:column;
    }
        .sortBox .sortLi {
            width:100%;
            position:relative;
            padding-bottom:50px;
        }
            .sortBox .sortLi .sortCenter h1 {
                height: auto;
                font-size: 14px;
                padding-top: 4px;
                line-height:22px;
            }
            .sortBox .sortLi .icon {
                color: #D9DDE5;
                transform: rotate(90deg);
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                position: absolute;
                left: 40px;
                bottom: 25px;
            }
            .sortBox .sortLi .sortCenter p {
                font-size: 14px;
            }
            .sortBox .sortLi .num {
                width:30px;
                height:30px;
            }
            .sortBox .sortLi .sortCenter {
                padding-left:20px;
            }
    .depositBox {
        padding-top:25px;
        padding-left:30px;
        padding-right:30px;
    }
    .depositHread {
        padding-top:0;
     }
        .depositHread h1 {
            font-size:20px;
            padding-bottom:15px;
            font-weight:normal;
            padding-top:15px;
            padding-left:15px;
        }
        .depositHread .depositRow {
            display:none;
        }
    .depositBody .depositRow {
        flex-flow: row;
        flex-wrap: wrap;
        height: auto;
        padding-bottom:8px;
        border-bottom: 1px solid #DDDFE7;
    }
    .depositRow .depositLi {
        width: 50%;
        flex: initial;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        padding-left: 20px;
        text-align:left;
        height:40px;
        justify-content:flex-start;
    }
    .depositBody .depositRow .depositLi .Img {
        height: 35px;
    }
    .depositBody .depositRow .depositLi:nth-child(5) {
        display:none;
    }
    .depositBody .depositRow .depositLi {
        font-size: 14px;
        flex-flow: column;
        align-items: flex-start;
        justify-content: center;
        position: relative;
    }
    .depositBody .depositPr:after {
        content: " ";
        position: absolute;
        right: 15px;
        top: 12px;
        width: 15px;
        height: 15px;
        background: url("../img/arrow.png") no-repeat;
        background-size: 15px;
    }
        .depositBody .depositRow .depositLi:nth-child(2) {
            font-size: 12px;
        }
        .depositBody .depositRow .depositLi:nth-child(3):before {
            content: "CURRENCIES";
            color: #709BE7;
            font-size: 12px;
            display: block;
        }
        .depositBody .depositRow .depositLi:nth-child(4):before {
            content: "FEES";
            color: #709BE7;
            font-size: 12px;
            display: block;
        }
    .depositBody .depositRow:hover .lastitem {
        display:none;
    }
    .depositBody .depositPr:hover .depositRow {
        position: initial;
        border-radius: 5px;
        overflow: hidden;
        left: 0;
        right: 0;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        background: #F7F8FB;
        box-shadow: none;
    }
    .depositbottom {
    padding:0;
    }
        .depositbottom p.pleft50 {
            padding-left:0;
        }
        .depositbottom p {
            line-height:1.3;
            margin-bottom:15px;
        }
    .CustomisedBox.bgfff.mtdesktopBg .container .CustomisedBoxLeft {
        background:#fff;
        overflow:initial;
    }
    .CustomisedBox.bgfff.mtdesktopBg .container .CustomisedBoxLeft {
        padding:0;
        padding-top:30px;
        padding-bottom: 30px;
    }
    .metatrader {
        width:120px;
        margin-bottom:20px;
    }
    .CustomisedBox.bgfff.mtdesktopBg .container .CustomisedBoxRight {
        display: none;
    }
    .CustomisedBox.mtdesktopBg .container .CustomisedBoxLeft {
        top:0;
    }
    .CustomisedBox.mtdesktopBg .container .CustomisedBoxLeft h1 {
        font-weight:600;
        font-size:24px;
        margin-bottom:10px;
    }
        .CustomisedBox.mtdesktopBg .container .CustomisedBoxLeft h1 span {
            font-size:18px;
        }
        .CustomisedBox.notxt.mtdesktopBg .TradingBottom {
            padding-top: 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            padding-top: 20px;
        }
        .CustomisedBox.notxt.mtdesktopBg .TradingBottom:before {
            content: " ";
            display: block;
            width: 200px;
            height: 110px;
            background: url(../img/mtone.png) no-repeat;
            background-size:contain;
        }
    .CustomisedBox.notxt.mtdesktopBg .TradingBottom a.downloadBtn {
        font-size: 14px;
        width: 140px;
        height: 40px;
        margin-right:10px;
        padding-left:10px;
    }
    .CustomisedBox.notxt .TradingBottom a .Icon1 {
        width:20px;
    }
    .CustomisedBox.mtdesktopBg .container .CustomisedBoxLeft h1 span {
        display: inline-block;
        font-weight: normal;
    }
        .CustomisedBox.mtdesktopBg {
            padding-bottom: 20px;
        }
    .foreign {
        padding-top:35px;
    }
    .foreignPaddTop .foreignPaddLi .icon {
        font-size:30px;

    }
    .foreignPaddTop .foreignPaddLi h1 {
        font-size: 14px;
        margin: 14px 0 10px 0;
        font-weight:normal;
    }
    .foreignPaddTop .foreignPaddLi p {
        font-size: 12px;
        height: auto;
        line-height:14px;
    }
    .CustomisedBox.mtmobile .container .CustomisedBoxLeft h1 {
        font-size:24px;
        margin-bottom:0;
        line-height:1;
    }
    .foreignPaddTop .foreignPaddLi {
    }
    .foreignPaddTop {
        padding-top: 30px;
        margin-left: 0;
        margin-right: 0;
        padding: 0 20px;
    }
    .foreignPaddTop {
        padding-top:10px;
    }
        .foreignPaddTop .foreignPaddLi {
            width: 50%;
            padding: 0 10px;
            padding-bottom: 40px;
        }
    .ManageAccout.CustomisedBox .container .CustomisedBoxLeft:after {
        content: "Acc";
        opacity: 0.07;
        display: block;
        font-family: Roboto;
        font-size: 185px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.84;
        letter-spacing: 5px;
        text-align: left;
        color: #2751b4;
        position: absolute;
        bottom: -25px;
        right: 0;
        z-index: 0;
    }
    .CustomisedBox.mtmobile .container .CustomisedBoxRight.widthmttwo {
        display:none;
    }
    .CustomisedBox.mtmobile .container .CustomisedBoxLeft {
        background:none;
        top:20px;
        padding:0;
    }
    .CustomisedBox.mtmobile {
        padding-bottom:50px;
    }
    .CustomisedBox.mtmobile::after {
        font-size: 120px;
        bottom: -20px;
        right: -70px;
    }
    .CustomisedBox.Meta.mtmobile .TradingBottom {
         padding-top: 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            padding-top: 20px;
    }
    .mobliedownloadBtn {
        border-radius:4px;
        margin:15px auto;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 140px;
        height: 36px;
        background: #123075;
        font-size:14px;
        color:#fff;
    }
    .XH_crumb .center {
        width: 100%;
        font-size: 16px;
        margin: 30px auto 20px;
        padding:0 20px;
    }
    .CustomisedBox .container .CustomisedBoxLeft h1.m_bottom20 {
        margin-bottom:20px;
    }
    .swapBox.CustomisedBox .container .CustomisedBoxLeft {
        margin-bottom:50px;
        position:relative;
    }
        
    .TradingBoxPage .TradingLi {
        margin-bottom: 20px;
        padding: 0 30px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    .TradingBoxPage.NewTrading {
        padding-top:30px;
    }
    .TradingBoxPage .TradingBodyHread .TradingBodyHreadLi:nth-child(2) {
        display:none;
    }
    .TradingBoxPage .TradingBodyHread .TradingBodyHreadLi {
        width:100%;
        border-right:0;
    }
        .TradingBoxPage .TradingBodyHread .TradingBodyHreadLi .TradingBodyHreadLiOne, .TradingBoxPage .TradingBodyHread .TradingBodyHreadLi .TradingBodyHreadLiTwo {
            font-size: 14px;
        }
    .TradingBoxPage .TradingBodyCont .TradingBodyContRow .TradingBodyContLi {
        width:100%;
        border-right:0;
        font-size:12px;
    }
        .TradingBoxPage .TradingBodyCont .TradingBodyContRow .TradingBodyContLi.leverage100 .TradingBodyContLiOne, .TradingBoxPage .TradingBodyCont .TradingBodyContRow .TradingBodyContLi .TradingBodyContLiOne {
            font-size: 12px;
            padding: 0 15px;
        }
    .TradingBoxPage .TradingLi .TradingHread a .icon {
        font-size:16px;
    }
    .TradingBoxPage .TradingBodyCont .TradingBodyContRow {
        flex-wrap: wrap;
        height: 60px;
    }
    .TradingBoxPageBottom {
        padding:0 20px 20px 20px;
    }
        .TradingBoxPageBottom p {
            font-size:12px;
        }
    .whatpr.ForexOne {
        padding:30px 30px;
    }
    .ForexOne .container {
        flex-wrap:wrap;
    }
        .ForexOne .container .ForexOneLeft {
            flex:initial;
            width:100%;
        }
        .ForexOne .container .ForexOneRight.Forexwidth {
            width:100%;
            padding:0;
            padding-top:30px;
        }
        .ForexOne .container .ForexOneLeft h1 {
            font-size:18px;
            margin-bottom:15px;
            font-weight:300;
        }
        .ForexOne .container .ForexOneLeft p {
            font-size:12px;
            line-height:14px;
        }
        .ForexOne .container .ForexOneRight .ForexOneRightLi {
            font-size:12px;
            margin-bottom:10px;
        }
            .ForexOne .container .ForexOneRight .ForexOneRightLi .Yes {
                margin-top: 0;
                margin-right: 15px;
            }
    .what::after {
        content:"What";
        font-size: 160px;
        right:-100px;
        bottom:-20px;
    }
    .Configuration {
        padding:30px 0;
    }
    .ConfigurationBox {
        margin-top:20px;
        padding:0 30px;
    }
        .ConfigurationBox .Configurationhread {
            font-size: 18px;
            padding-left: 15px;
            padding-top: 0px;
            height: 50px;
            line-height: 50px;
            border-radius: 5px 5px 0 0;
        }
    .ConfigurationLimoblie .ConfigurationLimoblieLi {
        
    }
    .ConfigurationLimoblieLiTop {
        height: 30px;
        background: #F7F8FB;
        font-size: 12px;
        color: #709BE7;
        line-height: 30px;
        border-top: 1px solid #DDDFE7;
        border-bottom: 1px solid #DDDFE7;
    }
    .ConfigurationLimoblie {
        flex-wrap:wrap;
    }
    .ConfigurationLimoblieLiBottom {
        text-align: center;
        font-size: 12px;
        color: #595F6F;
        min-height:40px;
        display:flex;
        align-items:center;
        justify-content:center;
    }
    .ConfigurationLimoblie.OneLi .ConfigurationLimoblieLi {
        width: 28%;
        text-align: center;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
        .ConfigurationLimoblie.OneLi .ConfigurationLimoblieLi:nth-child(2) {
            width:44%;
        }
        .ConfigurationLimoblie.OneLi .ConfigurationLimoblieLi:nth-child(4) {
            width:50%;
        }
        .ConfigurationLimoblie.OneLi .ConfigurationLimoblieLi:nth-child(5) {
            width: 50%;
        }
    .ConfigurationShow {
        box-shadow: 20px 20px 60px rgba(0, 0, 0, 0.16);
    }
    .Configuration.StandBox .ConfigurationBox {
        padding-bottom:50px;
    }
    .ConfigurationLimoblie.TwoLi .ConfigurationLimoblieLi:nth-child(1), .ConfigurationLimoblie.TwoLi .ConfigurationLimoblieLi:nth-child(4), .ConfigurationLimoblie.TwoLi .ConfigurationLimoblieLi:nth-child(5) {
        width: 100%;
    }
    .ConfigurationLimoblie.TwoLi .ConfigurationLimoblieLi:nth-child(2), .ConfigurationLimoblie.TwoLi .ConfigurationLimoblieLi:nth-child(3){
        width: 50%;
    }
        .ConfigurationLimoblie.TwoLi .ConfigurationLimoblieLi:nth-child(1) .ConfigurationLimoblieLiBottom {
            padding: 0 15px;
            justify-content: flex-start;
            text-align: left;
        }
    .ConfigurationLimoblie.TwoLi .ConfigurationLimoblieLi {
        text-align:center;
    }
    .applyBox {
        padding:80px 30px;
    }
        .applyBox .container {
            flex-wrap:wrap;
        }
            .applyBox .container .applyBoxLeft {
                width:100%;
            }
                .applyBox .container .applyBoxLeft p {
                    margin-bottom:10px;
                    font-size:12px;
                }
                .applyBox .container .applyBoxLeft h1 {
                    font-size:18px;
                }
                .applyBox .container .applyBoxLeft h2 {
                    font-size:18px;
                    padding-bottom:28px;
                }
            .applyBox .container .applyBoxRight {
                width: 100%;
                padding: 20px;
            }
                .applyBox .container .applyBoxRight .applyBoxRow .applyLi input, .j_select .current_select, .applyBox .container .applyBoxRight .applyBoxRow .applyLi .applyBtn {
                    height: 40px;
                }
                .applyBox .container .applyBoxRight .applyBoxRow .applyLi.width30, .applyBox .container .applyBoxRight .applyBoxRow .applyLi.width70 {
                    width: 50%;
                }
    .applyBoxRow .j_select .current_select {
        height: 40px;
        line-height: 40px;
    }
    .applyBox .container .applyBoxRight .applyBoxRow .applyLi {
        padding-left: 5px;
    }
    .Trading {
        padding:30px 0;
    }
    .pamm.platinFlex {
        width: 100%;
        flex-wrap: wrap;
        padding: 20px 0 0 0;
    }
    .pamm .pammLi .pammBox {
        padding:15px;
    }
    .pamm .pammLi {
        padding:0 30px;
        margin-bottom:20px;
    }
        .pamm .pammLi .pammBox h1 {
            font-size:14px;
            margin-bottom:10px;
            margin-top:5px;
        }
        .pamm .pammLi .pammBox p {
            font-size:12px;
        }
    .pamm.platinFlex .pammLi .pammBox .icon {
        font-size:28px;
    }
    .Compare {
        padding:40px 30px;;
    }
        .Compare .container {
            padding:0;
        }
            .Compare .container .CompareLi .CompareLiHread {
                height:auto;
                padding:20px;
                align-items:center;
            }
            .Compare .container .CompareLi .CompareLiBody {
                flex-wrap:wrap;
                padding-bottom:20px;
            }
                .Compare .container .CompareLi .CompareLiBody .CompareLiBodyLi {
                    width:100%;
                    padding:20px 20px 0 20px;

                }
                    .Compare .container .CompareLi .CompareLiBody .CompareLiBodyLi .CompareLiBodyList {
                        padding-bottom:20px;
                    }
                        .Compare .container .CompareLi .CompareLiBody .CompareLiBodyLi .CompareLiBodyList .CompareLiBodyListLeft, .Compare .container .CompareLi .CompareLiBody .CompareLiBodyLi .CompareLiBodyList .CompareLiBodyListRight {
                            font-size: 12px;
                        }
                        .Compare .container .CompareLi .CompareLiHread span {
                            font-size: 18px;
                        }
                .Compare .container .CompareLi .CompareLiHread a {
                    font-size: 14px;
                    width: 118px;
                    height: 36px;
                }
    .foreignPaddTop.width333 .foreignPaddLi {
        width:50%;
    }
    .programBox {
        padding:40px 0;
    }
        .programBox .container {
            flex-wrap:wrap;
        }
    .introducingBox .partner-draw {
        margin-bottom:0;
        order:2;
        padding:0 60px;
    }
    .introducBox {
        padding:30px 30px;
    }
        .introducBox .introducRow {
            margin-left:0;
            margin-right:0;
            flex-wrap:wrap;
            padding-top:30px;
        }
            .introducBox .introducRow .introducLi {
                padding:0;
                width:100%;
                margin-bottom:20px;
            }
                .introducBox .introducRow .introducLi .introducLiBox .introducLiHread {
                    padding:20px;
                }
                    .introducBox .introducRow .introducLi .introducLiBox .introducLiHread h1 {
                        font-size:24px;
                    }
                .introducBox .introducRow .introducLi .introducLiBox .introducLiBody .introducList {
                    padding: 0 20px;
                    height: 48px;
                }
    .introducWorks {
        padding:40px 30px;
    }
    .introducWorksFlex {
        padding-top:5px;
    }
    .worksBottom p {
        font-size:12px;
        margin-bottom:15px;
    }
    .worksLi {
        font-size: 12px;
    }
    .introducWorks .TittleTxt {
        text-align: left;
    }
    .introducingBox .partner-draw img {
        width: 100%;
    }
        .programBox .container .programBoxRight .programIconBox {
            padding: 20px 30px;
        }
            .programBox .container .programBoxRight .programIconBox .programIconBoxLi {
                width: 47%;
                margin-left: 1.5%;
                margin-right: 1.5%;
                font-size: 14px;
            }
    .introducWorksBox {
        padding: 10px 20px;
    }
        .introducWorksBox h1 {
            font-size:14px;
            margin-bottom:10px;
        }
        .introducWorksBox p {
            font-size:12px;
        }
    .marketsBox.ImageBg {
        padding:0;
    }
        .marketsBox.ImageBg .container .marketsBoxBtn {
            width: 80px;
            height: auto;
            height: 100px;
            border-radius: 0;
            display: block;
            overflow: hidden;
            position: relative;
            box-shadow: none;
            background: none;
            flex: initial;
        }
            .marketsBox.ImageBg .container .marketsBoxBtn .Aorrow {
                position: absolute;
                top: 50%;
                width: 18px;
                margin-top: -7px;
                left: 50%;
                margin-left: -7px;
            }
        .marketsBox.ImageBg .container {
            justify-content:space-between;
        }
    .CustomisedBox.ImgLeft .container .CustomisedBoxLeft {
        padding-left:20px;
        padding-right:20px;
    }
    .CustomisedBox .container .CustomisedBoxLeft h1.corporMaginBottom {
        margin-bottom:20px;
    }
    .CustomisedBox.ImgLeft.M_bottom {
        padding-bottom:140px;
    }
    .BrandBg .container {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        padding-right:0;
        padding-left:20px;
    }
    .BrandBg {
        height:100px;
    }
    .BrandBg .container .BrandBgLeft p {
        font-size: 16px;
    }
        .BrandBg .container .BrandBgLeft h1 {
            font-size: 16px;
        }
        .BrandBg .container .BrandBtn {
            width: 80px;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            height: 100px;
            border-radius: 0;
            display: block;
            overflow: hidden;
            position: relative;
            background-image: linear-gradient( 258deg, #fa2b56 100%, #f91c3d);
            flex: initial;
        }
            .BrandBg .container .BrandBtn .Aorrow {
                position: absolute;
                top: 50%;
                width: 18px;
                margin-top: -7px;
                left: 50%;
                margin-left: -7px;
            }
    .CompanyOne.bgfff .TittleTxt {
        padding-bottom:20px;
    }
    .CustomisedBox.ImgLeft .container .CustomisedBoxRight {
        box-shadow:none;
        border-radius:0;
    }
    .CustomisedBox.M_Animation .container .CustomisedBoxLeft {
        top:60px;
    }
    .CustomisedBox.ImgLeft.M_Animation .container .CustomisedBoxRight {
        margin-top: 50px;
    }
        .TradingRow .TradingLi.width45 {
            width: 100%;
            padding: 0 30px;
        }
    .TradingRow {
        padding-top:40px;
    }
        .TradingRow .TradingLi .TradingcontBox .TradingBoxTop .TradingTopTxt h1 {
            font-size:24px;
        }
        .TradingRow .TradingLi .TradingcontBox .TradingBoxTop {
            padding:15px 20px;
            display:flex;
            justify-content:space-between;
            align-items:center;
        }
            .TradingRow .TradingLi .TradingcontBox .TradingBoxTop .TradingTopTxt {
                padding-bottom:0;
            }
        .TradingRow .TradingLi {
            height:250px;
        }
            .TradingRow .TradingLi .TradingcontBox .TradingBoxTop h2 {
                font-size:16px;
            }
            .TradingRow .TradingLi .TradingcontBox .TradingBoxTop .TradingTopTxt .icon {
                margin-left: 10px;
                width: 12px;
                height: 12px;
            }
            .TradingRow .TradingLi .TradingcontBox .TradingBoxBottom .TradingBoxBottomLi .BottomTittle, .TradingRow .TradingLi .TradingcontBox .TradingBoxBottom .TradingBoxBottomLi .BottomNum {
                font-size: 12px;
            }
            .TradingRow .TradingLi .TradingcontBox .TradingBoxBottom .TradingBoxBottomLi .BottomTxt {
                font-size:12px;
            }
            .TradingRow .TradingLi.width45 .TradingcontBox .TradingBoxBottom .TradingBoxBottomLi .BottomTittle {
                width:60px;
            }
            .TradingRow .TradingLi .TradingcontBox .TradingBoxTop .TradingTopTxt h1 {
                font-size: 18px;
            }
            .TradingRow .TradingLi .TradingcontBox:hover {
                transform: scale(1);
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
            }
        .TradingRow .TradingLi {
            height:auto;
        }
            .TradingRow .TradingLi .TradingcontBox .TradingBoxBottom {
                padding-bottom: 0;
                padding-left: 0;
                padding-right: 0;
                display: flex;
                flex-wrap: wrap;
            }
                .TradingRow .TradingLi .TradingcontBox .TradingBoxBottom .TradingBoxBottomFotter {
                    margin-top: 5px;
                    margin-bottom: 0;
                    height: 50px;
                    padding: 0;
                    border-top: 1px #DDDFE7 solid;
                    padding: 0 0px;
                    width: 100%;
                    box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    position: relative;
                }
                    .TradingRow .TradingLi .TradingcontBox .TradingBoxBottom .TradingBoxBottomFotter:after {
                        content: " ";
                        height: 30px;
                        width: 1px;
                        background: #D9DDE5;
                        position:absolute;
                        left:50%;
                        top:10px;
                    }
                    .TradingRow .TradingLi .TradingcontBox .TradingBoxBottom .TradingBoxBottomLi {
                        padding:0 10px;
                        box-sizing: border-box;
                        -webkit-box-sizing: border-box;
                        -moz-box-sizing: border-box;
                        width:50%;
                    }
            .TradingRow .TradingLi .TradingcontBox .TradingBoxBottom .TradingBoxBottomFotter a {
                height: 100%;
                line-height: 50px;
                background: none;
                color: #00B847;
                font-size:14px;
            }
                .TradingRow .TradingLi .TradingcontBox .TradingBoxBottom .TradingBoxBottomFotter a.sell {
                    height: 100%;
                    line-height: 50px;
                    background: none;
                    color: #FA2750;
                    font-size: 14px;
                }
    .TittleTxt {
        padding:0 20px;
    }
    .CommoditiesProduct {
        padding: 30px 30px 20px 30px;
    }
    .ProductLiHread {
        padding: 20px 0 0 0px;
        font-size:18px;
    }
        .ProductLiHread h1 {
            font-size:18px;        
        }
        .ProductLiHread .ProductHreadRow {
            padding: 0 0 20px 0;
            display: block;
            white-space: nowrap;
            overflow: hidden;
            font-size:0;
            height:40px;
        }
            .ProductLiHread .ProductHreadRow .ProductCol {
                width: 14.2%;
                padding: 0;
                text-align: center;
                font-size: 12px;
                box-sizing: border-box;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                display: inline-block;
                word-break: break-all;
                word-wrap: break-word;
                white-space: normal;
/*                white-space: pre-line;*/
                padding: 0 5px;
                vertical-align:middle;
            }
    .ProductLiBodyLi {
        padding: 0;
        display: block;
        white-space: nowrap;
        height:40px;
        font-size:0;
    }
        .ProductLiBodyLi .ProductCol {
            width: 14.2%;
            padding: 0;
            text-align: center;
            font-size: 12px;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            display: inline-block;
            line-height: 40px;
            word-break: break-all;
            word-wrap: break-word;
        }
    .SwiftBox.FutureBox {
        display:block;
        padding:50px 0 40px 0;
    }
    
    .TradingRow.col-4 .TradingLi {
        width:100%;
        margin-bottom:20px;
    }
    .TradingRow .TradingLi .TradingcontBox {
        width:100%;
    }
    .FuturesSwift {
        padding-top: 20px;
    }
        .FuturesSwift .SwiftBoxLi .SwiftBoxLiRight {
            font-size:12px;
        }
       
    .SwiftBox .container {
        padding: 0 30px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    .ForexOne {
        padding:30px;
    }
        .ForexOne .container .ForexOneRight {
            width:100%;
            padding:0;
            padding-top:20px;
        }
    .TradingRow .TradingLi .TradingcontBox .TradingBoxBottom .TradingBoxBottomFotter {
        margin-top: 5px;
        margin-bottom: 0;
        height: 50px;
        padding: 0;
        border-top: 1px #DDDFE7 solid;
        padding: 0 20px;
        position: relative;
    }
    .TradingRow .TradingLi.width45 .TradingcontBox .TradingBoxBottom .TradingBoxBottomFotter {
        margin-top:5px;
        margin-bottom:0;
        padding:0;
    }
    .CryptoFlex {
        flex-wrap:wrap;
        padding-top:15px;
    }
        .CryptoFlex .CryptoLi {
            width:100%;
            margin-right:0;
            margin-bottom:20px;
        }
            .CryptoFlex .CryptoLi:last-child {
                margin-bottom:0;
            }
    .pamm {
        padding:20px 30px;
        flex-wrap:wrap;
    }
        .pamm .pammLi {
            padding:0;
            width:100%;
            flex:initial;
        }
            .pamm .pammLi .pammBox {
                flex-flow:row;
            }
                .pamm .pammLi .pammBox .pammBoxRight {
                    flex:1;
                    padding-left:10px;
                }
                .pamm .pammLi .pammBox .icon {
                    font-size:30px;
                    margin-top:0px;
                }
    .pamm_Features {
        padding:0 20px;
        padding-bottom:30px;
        padding-top:30px;
    }
        .pamm_Features .pammFeatLi .pammFeatLiRight p {
            font-size:12px;
            line-height:14px;
        }
        .pamm_Features .pammFeatLi {
            width: 50%;
            padding: 0 10px;
            flex-flow: column;
        }
            .pamm_Features .pammFeatLi .pammFeatLiRight h1 {
                font-size: 14px;
                line-height: 16px;
                margin-bottom: 10px;
                font-weight: 400;
            }
        .pamm_Features .pammFeatLi .icon {
            margin-bottom:10px;
            font-size:26px;
        }
    .DefinitionBox {
        padding:30px 30px;
    }
        .DefinitionBox .container {
            flex-wrap:wrap;
        }
    .DefinitionBoxLeft {
        padding-right:0;
    }
        .DefinitionBoxLeft h1 {
            font-size:20px;
        }
        .DefinitionBoxLeft p {
            font-size:12px;
            padding-bottom:20px;
        }
    .DefinitionBoxRight {
        width:100%;
    }
    .DefinitionContBox {
        width: 100%;
        padding: 24px 20px;
    }
        .DefinitionContBox .DefinitionContLi .DefinitionContLiRight h1 {
            font-size:14px;
        }
        .DefinitionContBox .DefinitionContLi .DefinitionContLiRight p {
            font-size:12px;
        }
        .DefinitionContBox .DefinitionContLi .Yes {
            margin-top:0;
        }
    .Islamic.CustomisedBox {
        background: #F7F8FB;
        padding:30px;
    }
        .Islamic.CustomisedBox .container .CustomisedBoxRight.widthmttwo {
            position:relative;
            height:151px;
            margin-left:30px;
        }
        .Islamic.CustomisedBox .container .CustomisedBoxLeft h1.corporMaginBottom {
            font-size:18px;
        }
        .CustomisedBox.Islamic .container .CustomisedBoxLeft {
            top: initial;
            padding: 0;
        }
    .Islamic.CustomisedBox .container {
        display:flex;
    }
    .islamicBox {
        padding:20px 0;
        flex-wrap:wrap;
    }
        .islamicBox .islamicLi {
            width: calc(100% - 60px);
            margin-bottom: 20px;
            box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.15);
            margin: 0 auto 30px auto;
        }
            .islamicBox .islamicLi .islamicLiHread {
                font-size: 18px;
                height:50px;
                padding:0 20px;
            }
            .islamicBox .islamicLi .islamicLiBody {
                padding: 20px;
            }
    .Islamic.CustomisedBox::after {
        display:none;
    }
    .islamic {
        padding-top: 30px;
    }
    .CustomisedBox.Feau {
        padding-top:0;
        padding-bottom:120px;
    }
        .CustomisedBox.Feau .container .CustomisedBoxLeft h1.corporMaginBottom {
            font-size: 18px;
            margin-bottom:20px;
            margin-top:30px;
        }
    .corporLi {
        font-size:12px;
    }
    .CustomisedBox.Feau:after {
       display:none;
    }
    .CustomisedBox.Feau .CustomisedBoxLeft::after {
        content: "Feau";
        opacity: 0.07;
        font-family: Roboto;
        display:block;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.84;
        letter-spacing: 5px;
        text-align: left;
        color: #2751b4;
        position: absolute;
        bottom: 0;
        right: -100px;
        z-index: 0;
        font-size:150px
        }
    .corporTxt {
        padding-top: 20px;
        font-size: 12px;
    }
    .pamm.platinFlex.p_padding {
        padding-left: 30px;
        padding-right: 30px;
        box-sizing: border-box; 
        -moz-box-sizing:border-box; 
        -webkit-box-sizing:border-box;
    }
    .XH_MarketsBox .MarketsList {
        margin:0;
        padding:30px 30px;
    }
        .XH_MarketsBox .MarketsList .item .inner {
            margin: 10px;
            height: auto;
        }
    .XH_MarketsBox {
        padding:30px 0 50px;
    }

    .SwiftBox .container .SwiftBoxRight p {
        font-size: 16px;
    }
    .ConfigurationBox .ConfigurationLihread .ConfigurationList {
        font-size:14px;
    }
    .ConfigurationBox .ConfigurationLiBody {
        height:auto;
        padding:10px 0;
    }
        .ConfigurationBox .ConfigurationLiBody .ConfigurationList {
            font-size:12px;
        }
    .NewPlatIng {
        padding-left:30px;
        padding-right:30px;
    }
    .knowPadd.TradingBoxPage .TradingLi {
        padding:0;
    }
}

@media screen and (min-width:480px) and (max-width: 768px) {
    .applyBox .container .applyBoxRight {
        width: 400px;
        padding:50px 20px;
        margin: 0 auto;
    }
    .SwiftBox .container .SwiftBoxRight {
        width:48%;
    }
    .SwiftBox.newng::before {
        background-size: 100%;
        right: 42%;
    }
    .InsideBanner .container {
        align-items: center;
    }
        .InsideBanner .container p {
            width:70%;
            margin-bottom:20px;
            margin-top:20px;
            font-size:16px;
        }
        .InsideBanner .container .BannerTittle {
            font-size:24px;
        }
        .InsideBanner .container .BannerBtn {
            display: flex;
        }
    .TradingRow.col-4 .TradingLi {
        width: 50%;
        padding: 0px 20px;
    }
    .TradingRow {
        padding-top:30px;
    }
    .TittleTxt {
        font-size:24px;
        margin-bottom:15px;
    }
    .ContTxt {
        font-size: 14px;
    }
    .TradingRow .TradingLi.width45 {
        width: 60%;
        padding: 0 30px;
    }
    .foreignPaddTop {
        padding-top:40px;
    }
    .CustomisedBox .container .CustomisedBoxLeft h1.m_bottom20 {
        font-size:26px;
    }
    .CustomisedBox .container .CustomisedBoxLeft p {
        font-size:16px;
    }
}
@media screen and (max-width: 480px) {
    .ExploringBox .swiper-slide .img {
        width:180px;
    }
    .SwiftBox .container .SwiftBoxRight {
        width: 100%;
        padding-top: 35px;
        padding-left: 20px;
        padding-right:20px;
        background: #F7F8FB;
        border-radius: 5px;
        z-index: 10;
        position: relative;
        padding-bottom: 20px;
    }

    .FuturesSwift .SwiftBoxLi {
        padding-bottom: 10px;
    }

    .SwiftBox .container .SwiftBoxRight p {
        font-size: 12px;
        line-height:14px;
    }
    .SwiftBox .container .SwiftBoxRight h1 {
        font-size: 18px;
        font-weight: 600;
        padding-bottom: 20px;
    }

    .SwiftBox::before {
        width: 100%;
        height: 146px;
    }
    .ProductLiHread .ProductHreadRow {
        padding: 0 0 20px 0;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        font-size: 0;
        height: 40px;
    }

        .ProductLiHread .ProductHreadRow .ProductCol {
            width: 33.333%;
            padding: 0;
            text-align: center;
            font-size: 12px;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            display: inline-block;
            word-break: break-word;
            word-wrap: break-word;
            white-space: pre-line;
            padding: 0 5px;
        }

    .ProductLiBodyLi {
        padding: 0;
        display: block;
        white-space: nowrap;
        height: 40px;
        font-size: 0;
    }

        .ProductLiBodyLi .ProductCol {
            width: 33.333%;
            padding: 0;
            text-align: center;
            font-size: 12px;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            display: inline-block;
            line-height: 40px;
            word-break: break-all;
            word-wrap: break-word;
        }
    .CustomisedBox .container .CustomisedBoxLeft {
        background: #F7F8FB;
        position: relative;
        border-radius: 5px;
        top: 90px;
        width: calc(100% - 40px);
        margin: 0 auto;
        padding: 45px 20px;
        z-index: 1;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        overflow: hidden;
    }
        .CustomisedBox .container .CustomisedBoxLeft.IndexTop {
            top:0;
        }
        .CustomisedBox .container .CustomisedBoxLeft::after {
            content: 'Exp';
            font-family: Roboto;
            position: absolute;
            bottom: -80px;
            right: 0px;
            color: #E7ECF6;
            font-size: 188px;
            z-index: 0;
            font-weight: 700;
        }

        .CustomisedBox .container .CustomisedBoxLeft h1, .LatestBox .container > h1, .marketsBox .container .marketsBoxLeft h1, .marketsBox .container .marketsBoxLeft p, .CustomisedBox .container .CustomisedBoxLeft h2, .SwiftBox .container .SwiftBoxRight h1, .TradingBox h1 {
            font-size: 18px;
        }
        .CustomisedBox .container .CustomisedBoxLeft h2{
            font-size:18px;
        }
        .CustomisedBox .container .CustomisedBoxLeft p, .TradingBox p {
            font-size: 12px;
            line-height:14px;
        }

        .CustomisedBox .container .CustomisedBoxLeft .readBtn {
            font-size: 12px;
            font-weight:400;
            margin-top:50px;
            margin-bottom:30px;
        }
    .CustomisedBox .container .CustomisedBoxRight {
        width: 100%;
/*        height: 250px;*/

        object-fit: cover;
        border-radius: 0;
        box-shadow: none;
        position: relative;
        z-index: 0;
        top: 0;
    }

    #line {
        width: 20%;
        margin-left: 30%;
        top: 20%;
    }

    #chart {
        width:50%;
    }

/*curved screen*/
    #banner {
        /* bottom: 100px; */
        left: 156px;
        top: 40px;
        width: 104px;
        position: relative;
    }

    #screen-base {
        position: relative;
        bottom: 130px;
        width: 100%;
    }


/*chart*/
        #board {
/*        position: relative;*/
         bottom: -80px;
         left:50px;
        z-index: 2;
         width: 400px;
    }


    #blue,
    #green,
    #pink {
   position:relative;
            }
    #blue {
/*        bottom: 340px;
        left: 120px;*/
        top: -340px;
        right: -120px;
    }
    #green {
/*        bottom: 140px;
        left: 100px;*/
        top: -140px;
        right: -100px;
    }
    #pink {
        top: 50px;
        right: -90px;
    }

        /* server   */
        #server-base {
        left: 50px;
        bottom: -130px;
        width: 500px;
        position: absolute;
    }


    #block1 {
        left: 120px;
        bottom: 140px;
        z-index: 3;
        animation: updown-more infinite 2s 0.2s ease-in-out;
        position: absolute;
    }

    #block2 {
        left: 120px;
        bottom: 80px;
        z-index: 2;
        animation: updown-more infinite 2s 0.4s ease-in-out;
        position: absolute;
    }

    #block3 {
        left: 120px;
        bottom: 20px;
        z-index: 1;
        animation: updown-more infinite 2s 0.6s ease-in-out;
        position: absolute;
    }


    .CustomisedBox .container {
        display: flex;
        flex-direction:column-reverse;
        /*height: 430px;*/
        margin-bottom: 20px;
    }
    .CustomisedBox {
        padding-top: 0px;
        padding-bottom: 90px;
    }
    .swapBox.CustomisedBox .container .CustomisedBoxLeft:after {
        content: "Summ";
        display: block;
        opacity: 0.07;
        font-family: Roboto;
        font-size: 160px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.84;
        letter-spacing: 5px;
        text-align: left;
        color: #2751b4;
        position: absolute;
        bottom: 0;
        right: -176px;
        z-index: 0;
    }

    .CustomisedBox.Summ:after {
        display: none;
    }

    .StandBox .ConfigurationBox .ConfigurationLi {
        display: none;
    }

    .ConfigurationLimoblie {
        display: flex;
    }
    .CustomisedBox {
        padding-left: 0px;
        padding-right:0px;
    }
    .SwiftBox.SwiftRight::before {
        left:0;
    }
    .SwiftBox.SwiftRight .container .SwiftBoxRight {
        padding: 30px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
        .SwiftBox.SwiftRight .container .SwiftBoxRight .FuturesSwift .SwiftBoxLi {
            width:100%;
        }
        .SwiftBox.SwiftRight .container .SwiftBoxRight .FuturesSwift {
            padding-top:20px;
        }
        .SwiftBox.SwiftRight .container .SwiftBoxRight h1 {
            padding-bottom:15px;
        }
    .marketsBox .container .marketsBoxLeft h1 {
        font-size: 16px;
    }
    .marketsBox .container .marketsBoxLeft p {
        font-size: 16px;
    }
    .foreignPaddTop {
        padding-top:35px;
    }
    .pamm .pammLi .pammBox p {
        height:auto;
    }
    .TittleTxt {
        margin-bottom:10px;
        line-height:22px;
    }

    .XH_MarketsBox .MarketsList .item {
        width: 100%;
        margin-bottom:20px;
    }
    .MenuHread.active .popHread {
        display:flex;
    }
    .CustomisedBox .container .CustomisedBoxLeft.IndexExp::after {
        width: 100%;
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 0;
        content: " ";
        background: url("../img/IndexExp.png") no-repeat;
        background-size: cover;
        height: 150px;
    }
    .CustomisedBox .container .CustomisedBoxLeft.StraIndex::after {
        width: 100%;
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 0;
        content: " ";
        background: url("../img/Stra.png") no-repeat;
        background-size: cover;
        height: 150px;
    }
    .phone-CustomisedBox.CustomisedBox .container .CustomisedBoxLeft h1 {
        font-weight: 300;
        margin-bottom:0;
        line-height:1;
    }
    .phone-CustomisedBox.CustomisedBox .container .CustomisedBoxLeft h2 {
        font-weight: 300;
    }
    .phone-CustomisedBox.CustomisedBox .container .CustomisedBoxLeft h2 span{
        font-weight:800;
        font-size:24px;
    }
    .CustomisedBox.broker::after {
        display:none;
    }
    .CustomisedBox .container .CustomisedBoxLeft.mobliebroker::after {
        width: 100%;
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 0;
        content: " ";
        background: url("../img/brol.png") no-repeat;
        background-size: cover;
        height: 150px;
    }
    .CustomisedBox .container .CustomisedBoxLeft.Featmoblie::after {
        width: 100%;
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 0;
        content: " ";
        opacity:1;
        background: url("../img/Feat.png") no-repeat;
        background-size: cover;
        height: 150px;
    }
    .CustomisedBox.broker {
        background: #fff;
        padding-bottom: 140px;
    }
    .XH_EconomicCalendar {
        padding:0;
    }
    .BrandBg .container .BrandBtn .icon {
        color:#fff;
        position:absolute;
        left:50%;
        top:50%;
        width:15px;
        height:15px;
        margin-top:-7px;
        margin-left:-7px;
    }
    .foreignPaddTop.width333 .foreignPaddLi {
        padding-bottom:30px;
    }
    .TradingBoxPage .TradingBodyHread .TradingBodyHreadLi .mobileHide {
        display:none;
    }
    .TradingBoxPage .TradingBodyCont .TradingBodyContRow .TradingBodyContLi .mobileHide {
        display: none;
    }

   

/*    .MenuHread .container {
        width:100% !important;
    }*/
/*    .Clients {
        padding:50px 10px;
    }*/

        }