/*	Resets
	------	*/

    html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
    p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
    img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
    dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, figure, figcaption, hgroup, 
    menu, footer, header, nav, section, summary, time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        vertical-align: baseline;
        /*font-size: 100%;*/
    }
    
    ul { 
        list-style: none;
    }
    
    a { 
        color: #ff4335;
    }
    
    a:hover {
        color: #ff4335;
    }
    
    article, aside, canvas, figure, figure img, figcaption, hgroup,
    footer, header, nav, section, audio, video {
        display: block;
    }
    
    .clear:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
    a img{
        border:0;
    }
    a,input,select,textarea{
        outline:none;
    }
    input::-moz-focus-inner{
        border:0; padding: 0;
    }
    
    img{
        float: left;
    }
    
    /* Selection colours (easy to forget) */
    
    img::selection 		{background: transparent;}
    img::-moz-selection	{background: transparent;}
    a{text-decoration: none; display: inline-block;}
    /*a:hover{text-decoration: underline; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}*/
    
    
    
    /*		Default Layout 
    -------------------------------------------------------------------------------
    */
    
    body {background: rgb(255,255,255); -webkit-text-size-adjust: 100%; -moz-text-size-adjust:100%; -moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased; overflow-x: hidden; overflow-y:auto;}
    
    *{-webkit-box-sizing: border-box;-moz-box-sizing:border-box; box-sizing: border-box;}
    
    /* Begin common style */
    .btn,.pagination-bar a,.pagination-bar span,.body-link,.contact-content .gform_footer input[type="submit"]{width: 200px; height: 50px; -webkit-transition: background .2s ease; -moz-transition: background .2s ease; transition: background .2s ease; text-align: center; text-transform: uppercase; padding-top: 0;}
    .btn.btn-red,.contact-content .gform_footer input[type="submit"]{background: #ff4335; border-radius: 2px; border:none; color:#fff; min-width: 150px;}
    
    
    .btn.btn-red-transparent{background-image: linear-gradient(to bottom, rgba(255,120,101,0) 0%, rgba(255,120,101,0) 49%,rgba(255,120,101,1) 50%, rgba(255,67,53,1) 100%); border: 2px solid #ff4335; border-radius: 2px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; 
    background-size: auto 200%;}
    .btn.btn-red:hover,.btn.btn-red-transparent:hover,.contact-content .gform_footer input[type="submit"]:hover{/* border: 2px solid rgba(250,250,250,0);*/ color:#fff !important;
    background-position: center bottom;}
    
    .btn.btn-white-transparent{background: transparent; border: 2px solid #ffffff; border-radius: 2px;}
    .btn.btn-white-transparent:hover, .main-nav > ul > li.nav-btn a:hover, .main-nav > ul > li:last-child a:hover{background: #ffffff; color:#ff4335;}
    .btn.btn-grey-transparent{background: transparent; border: 2px solid #4a4c54;}
    .btn.btn-grey-transparent:hover,.profile-page-body .main-header .main-nav > ul > li.nav-btn a:hover,.article-content-body .main-nav > ul > li.nav-btn a:hover,.profile-page-body .main-header .main-nav > ul > li:last-child a:hover,.article-content-body .main-nav > ul > li:last-child a:hover{background: #4a4c54;}
    .btn.small{height: 35px; line-height: 33px;}
    .btn.small:hover {line-height: 33px;}
    .submit{border: 0; cursor: pointer;}
    
    .body-link{float: left; width: auto; position: relative;width: auto; height: auto; position: relative; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
    .body-link:before,.portfolio-manager-section ul li a:before, .manager-fund-navigation ul li a:before{position: absolute; left: 0; content: ""; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
    .body-link:hover:before,.footer-nav ul li a:hover:before,.portfolio-manager-section ul li a:hover:before, .manager-fund-navigation ul li a:hover:before{opacity: 1;}
    .footer-nav ul li a:before{bottom: 2px;}
    .footer-nav ul li:first-child a:hover:before{opacity: 0;}
    .body-link:after{position: absolute; right: -15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); width: 12px; height: 12px; background-position: center center; background-repeat: no-repeat; background-size: contain; content: ""; opacity: 0; visibility: hidden;}
    .input-row{float: left; width: 100%; margin-top: 30px; margin-top: 2.3829087921117504vw;}
    input,.input-row textarea{padding-top: 8px;}
    .input-row textarea,.contact-content .gform_body .input-row.textarea-wrap textarea{height: 25px; padding-top: 0; resize: none ; overflow: hidden;}
    
    input[type="text"], .input-row textarea{border: 0; background: transparent; border-bottom: 1px solid rgba(74, 76, 84, 0.15); width: 100%;}
    .invalid input[type="text"]{border-bottom: 1px solid #ff4335;}
    
    .search-bar input[type="text"]{border: 1px solid #f5f5f9; background: #ffffff; padding: 6px 32px 6px 6px; width: 184px;}
    .search-bar input[type="submit"]{border: 0px; background-image: url(/images/svgs/search.svg); background-repeat: no-repeat; background-position: center; text-indent: -99999px; width: 32px; padding: 6px 32px 6px 6px; width: 184px;}
    section, header, footer, .logo img,.main-nav ul,.main-nav > ul > li > ul li, .footer-nav,.footer-nav ul,.footer-social,.copy-right{float: left; width: 100%;}
    
    .main-header{padding: 0 30px; position: fixed; left: 0; top: 1px; margin-top: -1px; z-index: 999;}
    .main-header.fixed-header{background: rgba(74, 76, 84, .85);}
    .logo-wrap{float: left; width: 223px; width: 11.736842105263158vw; padding-top: 35px; }
    .logo{float: left; max-width: 223px; width: 223px;}
    .logo a{display: block;}
    .phone-nav{float: right; position: relative; width: 34px; height: 34px; z-index: 19; display: none;}
    
    .main-nav{float: left; width: -webkit-calc(100% - 11.736842105263158vw); width: calc(100% - 11.736842105263158vw); padding-left: 25px;}
    .main-nav > ul{text-align: right;}
    .main-nav > ul > li,.footer-nav ul li{display: inline-block; position: relative; padding: 0 18px; padding: 0 20px; vertical-align: top;}
    .main-nav > ul > li:first-child{padding-right: 34px; padding-right: 1.7894736842105263vw;}
    .main-nav > ul > li:nth-last-child(2){padding-right: 8px; padding-right: .63vw;}
    .main-nav > ul > li > a, .footer-nav ul li a{float: left; padding: 50px 5px; text-transform: uppercase; position: relative; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in; position: relative; cursor: pointer;}
    .main-nav > ul > li > a:after{position: absolute; left: 0; bottom: 26px; width: 100%; height: 2px; background: #ffffff; content: ""; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
    .main-nav > ul > li:hover > a:after,.main-nav > ul > li.current-menu-item > a:after{opacity: 1;}
    .main-nav > ul > li.hassSubnav:before{position: absolute; top: 44%; top: 50px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); content: ""; background-image: url(/images/arrow-right-white.svg); background-size: 12px 12px; background-position: center; transform: rotate(90deg); width: 12px; height: 12px;}
    .main-nav > ul > li.nav-btn,.main-nav > ul > li:last-child {padding-right: 0;}
    .main-nav > ul > li.nav-btn a, .main-nav > ul > li:last-child a{border: 2px solid rgba(255, 255, 255, .9); padding: 11px 22px; margin-top: 35px;}
    .main-nav > ul > li.nav-btn a:after, .main-nav > ul > li:last-child a:after{display: none;}
    .main-nav > ul > li ul{position: absolute; background: rgba(74, 76, 84, 0.95); text-align: left; padding: 0; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in; opacity: 0; visibility: hidden;}
    .main-nav > ul > li > ul{left: 0.3vw; top: 65px; top: 104px; margin-top: -15px; width: auto; min-width: auto;}
    .main-header.fixed-header .main-nav > ul > li > ul{top: 114px;}
    .main-nav > ul > li:hover > ul{margin-top: 0; opacity: 1; visibility: visible;}
    .main-nav > ul > li > ul li a{padding: 7px 25px 7px 15px; white-space: nowrap; text-transform: uppercase; display: block; cursor: pointer;}
    .main-nav > ul > li > ul li:hover > a,.main-nav > ul > li > ul > li > ul li:hover a{background: rgba(0, 0, 0, 0.2);}
    /* Third label dropdown style */
    .main-nav > ul > li > ul > li{position: relative;}
    .main-nav > ul > li > ul > li > ul{right: -100%; top: 0; margin-right: -10px;}
    .main-nav > ul > li > ul > li:hover > ul{margin-right: 0; visibility: visible; opacity: 1;}
    .main-nav > ul > li > ul > li.hassSubnavSub > a{position: relative;}
    .main-nav > ul > li > ul > li.hassSubnavSub > a:after{position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); background: url(/images/arrow-right-white.svg); background-repeat: no-repeat; background-size: contain; width: 12px; height: 12px; content: "";}
    #menu-item-207 { font-weight: bold;}
    
    .logo-nav { float:right!important; width:50%;}
    #menu-footer { float: right!important;}
    
    .main-footer-section{padding: 40px 30px 35px; background: #4a4c54; position: relative; z-index: 2;}
    .footer-nav ul,.footer-social,.copy-right{text-align: center;}
    .footer-nav ul li{padding: 0 1.250vw;}
    .footer-nav ul li a{padding: 6px 0px; padding: 0.3157894736842105vw 0;}
    .footer-nav ul li img{width: 100%;}
    .footer-nav ul li:first-child{/*width: 9.31578947368421vw;*/ margin-top: 2px; margin-top: 0.10526315789473684vw;}
    .footer-nav ul li:first-child a{ display: block;/* width: 100%;*/}
    .footer-nav ul li:first-child a img,.footer-social a img{width: 100%;}
    
    .footer-social{padding-top: 40px;}
    .footer-social a{display: inline-block; margin: 0 8px; margin: 0 0.42105263157894735vw; width: 1.263157894736842vw; height: 1.263157894736842vw;}
    .copy-right{float: left; width: 100%; padding: 15px 30px 0; text-transform: uppercase; color:#fff;}
    /* //End common style */
    
    .hero-section{position: relative; float: left; width: 100%;}
    .home-page-body .hero-section{position: relative; padding-top: 100vh;}
    .hero-section-inner{float: left; width: 100%; background-size: cover; background-position: center center; min-height: 300px; height: auto}
    .hero-section-inner:after{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(74, 76, 84, .85); content: ""; z-index: 1;}
    .home-page-body .hero-section-inner{position: fixed; left: 0; top: 0; height: 100vh; display: table;}
    .hero-content-wrap{float: left; width: 63.33333333333333%; max-width: 1100px; position: relative; margin-top: 189px; margin-top: 15.52999178307313vw; margin-left: 19.72062448644207vw; z-index: 2;}
    .hero-content .hero-icon{position: absolute; top: 12px; top: 0.631578947368421vw; width: 180px; width: 23.68421052631579%; margin-left: -120px; margin-left: -10.03862vw; z-index: -1;}
    .hero-icon img{ float: left; width: 100%;}
    
    .home-page-body .hero-content-wrap{padding: 0 240px; padding: 0 16.5vw 0 16.66666666666667vw; display: table-cell; text-align: left; vertical-align: middle; margin: 0 auto 0; width: 100%; float: none;}
    .hero-content{float: left; width: 100%; position: relative; padding-bottom: 70px; padding-bottom: 5.751848808545604vw;}
    .home-page-body .hero-content{margin-top: -60px; margin-top: -4.930156121610517vw; padding: 0 38px; padding: 0 3.348017621145374vw; }
    .home-page-body .hero-content:after{position: absolute; left: 0; top: 11px; width: 2px; height: -webkit-calc(100% - 18px); height: calc(100% - 18px); background: #ff4335; content: "";}
    .home-page-body .hero-content-wrap h4{padding-top: 40px; padding-top: 3.40vw;}
    .scroll-down{position: absolute; left: 50%; bottom: 60px; width: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); padding-right: 41px; background: url(/images/svgs/page-scroll.svg) no-repeat; background-size: 30px 30px; height: 30px; background-position: right center; z-index: 3; cursor: pointer; text-transform: uppercase; margin-left: -24px;}
    
    .portfolio-manager-section{padding-top: 60px; padding-top: 5.564898vw;}
    .portfolio-manager-section,.hosted-services-section,.office-about-section,.goodsense-home-office-section,.the-most-advanced-section,.what-our-story-section,.fundamental-promo-section{background: #ffffff; position: relative; z-index: 2;}
    .product-portfolio-icon{float: left; width: 25%; margin-left: -37.5%; padding-top: 25px; padding-top: 2.20vw;}
    .product-portfolio-icon img{width: 100%;}
    .content-wrap{float: left; width: 26.66666666666667%; margin-left: 19.7vw; position: relative; z-index: 3;}
    .content-wrap h3,.content-wrap h5{float: left; width: 100%;}
    .content-wrap h5{padding-top: 1.60vw;}
    .fundamental-title{float: left; display: block; width: 100%; color: #ff4335; font-size: 1.9em;}
    .fundamental-title2{float: left; display: block; width: 100%; color: #ff4335; font-size: 2.8em;}
    .content-wrap p{float: left; width: 100%; padding-top: 15px; padding-top: 1.80vw;}
    .content-wrap .body-link{margin-top: 30px; }
    .content-wrap .body-link:after,.official-content-text .body-link:after{visibility: visible; opacity: 1; background-image: url(/images/svgs/arrow-right-red.svg);}
    
    .product-portfolio-figure{float: right; width: 52.08333333333333%; margin-left: 0.25vw;}
    .product-portfolio-figure img{width: 100%;}
    .portfolio-manager-section ul{float: left; width: 80%; margin-left: 19.7vw; padding-top: 45px; padding-top: 3.697617091207888vw;}
    .portfolio-manager-section ul li,.manager-fund-navigation ul li{float: left; width: 17.08333333333333%; margin-right: 0.2208333333333333vw; padding-left: 13px; padding-left: 1.2vw; position: relative;}
    .portfolio-manager-section ul li:nth-child(3){width: 18.9%;}
    .portfolio-manager-section ul li:before,.manager-fund-navigation ul li:before{position: absolute; left: 0; top: 2px; width: 2px; height: 80%; background: #ff4335; content: "";}
    .portfolio-manager-section ul li a,.manager-fund-navigation ul li a{color: #4a4c54; position: relative;}
    .aside-nav ul li a:hover{color: #868686;}
    
    .portfolio-manager-section ul li em,.manager-fund-navigation ul li em{position: relative; display: inline-block;}
    .portfolio-manager-section ul li em:after,.manager-fund-navigation ul li em:after{position: absolute; right: -15px; bottom: -3px; width: 15px; height: 15px; background-image: url(/images/arrow-right-grey.svg); background-repeat: no-repeat; background-size: contain; background-position: center; content: ""; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
    .portfolio-manager-section ul li:hover em:after,.manager-fund-navigation ul li:hover em:after{background-image: url(/images/svgs/arrow-right-red.svg);}
    
    .hosted-services-section{padding-top: 40px; padding-top: 3.35vw;}
    .hosted-service-figure{float: left; width: 33.33333333333333%; height: 32.82vw; background-size: cover; background-position: center; background-repeat: no-repeat;}
    .hosted-service-figure img{width: 100%;}
    .fundamental-box,.goodsense-home-office-section .box{float: left; width: 16.66666666666667%; position: relative; overflow: visible; margin-top: 16.40vw;}
    .fundamental-box{margin-bottom: 16.433853738701725vw;}
    .fundamental-box .box,.clients-logo-wrap .box{float: left; width: 100%; height: 16.433853738701725vw;}
    .box.red{background: rgba(255, 67, 53, .96);}
    .box.slate-grey{position: absolute; left: -100%; top: -16.40vw; background: rgba(91, 93, 101, 0.8);}
    .box.pale-grey{position: absolute; left: -100%; bottom: -16.433853738701725vw; background: #f5f5f9;}
    .hosted-services-section .content-wrap{ width: 30%; padding-top: 67px; padding-top: 5.5vw; padding-bottom: 9vw; margin-left: 3.333333333333333vw;}
    .hosted-icon{float: left; width:  22.22222222222222%; position: absolute; left: -33.33333333333333%; padding-top: 2vw;}
    .hosted-icon img{width: 100%;}
    
    .office-about-section .body-link{ position: relative; margin-top: 30px;}
    .office-about-section .body-link:after{background-image: url(/images/arrow-right-white.svg); opacity: 1; visibility: visible; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
    .office-about-section .body-link:hover:after{background-image: url(/images/svgs/arrow-right-red.svg);}
    .office-about-section{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify;}
    .office-about{float: left; width: 33.33333333333333%; min-height: 32.80vw; background: #4a4c54; padding: 3.28vw 5vw 6.5vw 5.7vw; position: relative;}
    .office-about:nth-child(3n+2){background: #5b5d65;}
    .office-about-icon{float: left; width: 18.222222%;}
    .office-about-icon img{width: 100%;}
    .office-about h3{float: left; width: 100%; padding-top: 10px; padding-top: 1vw; position: relative;}
    .office-about h3:after{position: absolute; left: 2px; bottom: -12px; width: 102px; height: 2px; background: #ff4335; content: "";}
    .office-about p{float: left; width: 100%; padding-top: 32px; padding-top: 2.6vw; color: #ffffff;}
    
    .goodsense-figure,.most-advanced-figure,.our-story-figure{float: left; margin-left: 16.47vw; width: 33.33333333333333%; height: 16.5vw; background-size: cover; background-position: center; background-repeat: no-repeat;}
    .goodsense-figure{/*margin-left: 16.52vw;*/ margin-left: 16.66666666666667%;}
    .goodsense-home-office-section .box{margin-top: 0; height: 16.5vw;}
    
    .most-advanced-content-wrap{float: left; width: 66.66666666666667%; height: 32.80vw;}
    .most-advanced-content-wrap .content-wrap{float: right; width: 75%; padding-top: 85px; padding-top: 7vw; padding-right: 40px; padding-right: 3.3vw; padding-left: 40px; padding-left: 3.3vw;}
    .most-advanced-figure{margin-left: 0; height: 32.80vw;}
    
    .our-story-figure{margin-left: 0; width: 100%; height: auto;}
    .our-story-figure img{width: 100%;}
    .what-our-story-content-wrap{float: left; width: 66.66666666666667%;}
    .what-our-story-content-wrap .content-wrap{width: 40%; padding-top: 45px; padding-top: 4.00vw; /*height: 35vw;*/}
    .what-our-story-content-wrap .note{float: left; width: 100%; padding-top: 8px; text-transform: uppercase;}
    
    .clients-logo-wrap{float: left; width: 16.66666666666667%; position: relative; overflow: visible; padding-bottom: 16.433853738701725vw;}
    .clients-logo-wrap .box.pale-grey{position: relative; left: auto; top: auto; bottom: auto; background: #f5f5f9;}
    .clients-logo-wrap .box.red{background: #ff4335; -webkit-mix-blend-mode: multiply; mix-blend-mode: multiply;}
    .clients-logo-wrap .box{background: #4a4c54; position: relative;}
    .clients-logo-wrap .box img{width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 0 1.65vw;}
    .box.shutterstock-figure,.clients-logo-wrap .box.grey-sanlam,.clients-logo-wrap .box.grey-allan,.clients-logo-wrap .box.grey-taquanta,.clients-logo-wrap .box.red,.clients-logo-wrap .box.grey-mitco{position: absolute; /*left: -16.4vw;*/left: -100%;}
    .box.shutterstock-figure{background-size: cover; background-position: center; background-repeat: no-repeat;}
    .clients-logo-wrap .box.grey-sanlam{top: 16.433853738701725vw;}
    .clients-logo-wrap .box.grey-allan{top: 32.86770747740345vw;}
    .clients-logo-wrap .box.grey-taquanta{top: 49.30156121610518vw;}
    .clients-logo-wrap .box.red{top: 65.7354149548069vw;}
    .clients-logo-wrap .box.grey-mitco{left: auto; right: -100%; top: 32.86770747740345vw;}
    .clients-logo-wrap .box.grey-mitco:after, .clients-logo-wrap .box.grey-taquanta:after, .clients-logo-wrap .box.grey-psg:after, .clients-logo-wrap .box.grey-sanne:after,.clients-logo-wrap .box.grey-sanne:before, .clients-logo-wrap .box.grey-nedbank:after, .clients-logo-wrap .box.grey-nedbank:before,.clients-logo-wrap .box.grey-sanlam:before{position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: rgba(245, 245, 249, .15); content: ""; z-index: 1;}
    .clients-logo-wrap .box.grey-taquanta:after, .clients-logo-wrap .box.grey-sanne:after, .clients-logo-wrap .box.grey-nedbank:after, .clients-logo-wrap .box.grey-sanlam:before, .clients-logo-wrap .box.grey-sanlam:before{width: calc(100% - 1px); height: 1px; right: 1px; top: -1px; left: auto;}
    .clients-logo-wrap .box.grey-psg:after, .clients-logo-wrap .box.grey-nedbank:before,.clients-logo-wrap .box.grey-sanne:before{height: 100%; left: 0px;}
    .clients-logo-wrap .box.grey-sanne:after, .clients-logo-wrap .box.grey-nedbank:after, .clients-logo-wrap .box.grey-sanlam:before{top: auto; bottom: 0; right: 0;}
    .clients-logo-wrap  .box.grey-allan:after{left: auto; right: 0px;}
    
    .fundamental-promo-section{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; border-top: 1px solid #e0e0e0;}
    .promo-item{float: left; width: 33.33333333333333%; border-right: 1px solid #e0e0e0; background: #f5f5f9; padding-left: 8.19vw; padding-right: 7.2vw; padding-top: 83px; padding-top: 6.820049301561216vw; padding-bottom: 160px; padding-bottom: 13.444vw; position: relative;}
    .promo-item:nth-child(3n+3){border-right: 0;}
    .promo-logo{float: left; width: 16.11374407582938%;}
    .promo-logo img{width: 100%;}
    .promo-item p{float: left; width: 100%; padding-top: 10px; padding-top: .70vw;}
    .promo-item h4{float: left; width: 100%; padding-top: 10px;}
    .promo-item a.btn{float: left; position: absolute; bottom: 6.8vw; left: 8.19vw;}
    .promo-item a.promo-btn-large{float: left; display: block; width: 100%;} 
    
    .desktop,.gray-icon,.active .color-icon{display: block;}
    .mobi,.color-icon,.active .gray-icon{display: none;}
    .clients-logo-wrap .box.active{background: #f5f5f9;}
    
    /*=====Beginning Porduct Page Style============*/
    .product-content .hero-section-inner{width: 100%; min-height:400px; height: 32.86770747740345vw}
    .product-content .content-wrap{padding-top: 181px; padding-top:14.7vw; width:20.58333333333333%; margin-left: 20vw }
    .product-content .product-portfolio-figure{width: 47.333333%;padding-top: 143px; padding-top:11.83333333333333vw;margin-left: 0px; margin-right: 8.916666666666667%;margin-right: 7.978vw; position:relative; z-index: 10; margin-bottom: -77px;}
    .product-content .content-wrap h1{color: #ffffff;}
    .product-content .product-portfolio-icon{width:61.53846153846154%; position: absolute; left:0; margin-left: -49.5%; z-index: 5; padding-top: 30px; padding-top:1.5625vw;}
    
    .cutting-technology-section{float: left; width:59.66666666666667%;margin-left: 20vw; padding-top: 10.02vw}
    .cutting-technology-section p{ padding-top: 1.85vw}
    .manager-fund-navigation{float: left; width:65.33333333333333%; margin-left: 20vw; padding-top: 45px; padding-top: 3.697617091207888vw;}
    .manager-fund-navigation ul li{width:20.8%;padding-left: 1vw}
    .manager-fund-navigation ul li:nth-child(3){width:23.489%}
    .manager-fund-navigation ul li:last-child{width: 11.5%}
    
    .cutting-technology-content{ float: left;margin-top: 72px; margin-top: 5.9vw; width:66.66666666666667%;margin-left: 16.66666666666667vw; padding: 67px; padding: 5.505341002465078vw;background: #f5f5f9; padding-right: 70px; padding-right: 5.751848808545604vw;}
    .fpm-text{ float:left; width: 100%;}
    .content-small-size{ float: left; width: 100%;position: relative}
    .content-small-size p{ float: left; width: 100%; padding: 15px 0 0 18px; padding: 1.2325390304026294vw 0 0 1.4790468364831553vw;}
    .content-small-size:after{position: absolute; left: -2px; top: 27px; width: 3px; height: 158px; height: calc(100% - 32px); z-index: 5; content: ''; background: #ff4335;}
    .content-small-size p:first-child{padding-top: 1.7vw}
    .back-office-software-section{float: left; width: 100%; margin-top: 60px;margin-top: 4.98vw; padding: 80px 0; padding: 6.56vw 0; position: relative;}
    .back-office-software-section:before,.products-info-section:before,.blog-content .products-info-section:before,.client-content .products-info-section:before,.careers-description .products-info-section:before,.careers-content .products-info-section:before,.our-value-content-wrap:before,.team-details-section:before,.profile-page-content:before,.contact-content-wrap:before{position: absolute; left: 0; top: 0; width: 100%; height: 32.86770747740345vw; min-height: 400px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), #ffffff), linear-gradient(#f5f5f9, #f5f5f9); content: ""; z-index: -1;}
    
    .official-content-details{ float: left; width:63.33333333333333%;margin-left: 16.66666666666667vw; }
    .front-office-thumb-wrap{ float: left; width:26.31578947368421%; height: 16.44vw; background: #70727b;}
    .front-office-thumb-wrap figure{float: left; width: 42.5%; height: 100px; margin: 69px 0 0 64px; margin: 5.7vw 0 0 5.3vw; height: 5vw; }
    .front-office-thumb-wrap figure img{ float: left; width: 100%}
    .official-content-text{ float: left; width:68.42105263157895%; margin-left: 2.98vw; padding-top: 0px }
    
    .manager-fund-navigation ul li:before{left: -3px;}
    .official-content-text p{padding-top: 20px; padding-top: 1.0526315789473684vw;}
    .usd-jpy-wrap{float: left; width: 71.66666666666667%; margin-left: 19.5vw; padding-top: 68px; padding-top: 5.587510271158587vw; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify;  -webkit-box-align: center; align-items: center;}
    .usd-text{float: left;width:43.25581395348837%; }
    .usd-text p{float: left;padding-top: 23px; padding-top: 2vw}
    .usd-thumb{ float: left; width:52.09302325581395%;margin-left:3.286770747740345vw;  }
    .usd-thumb img,.bounce-thumb img{ float: left; width:100% }
    .bounce-rate-wrap{float: left;  width: 71.66666666666667%; margin-left:8.216926869350862vw; padding-top: 80px; padding-top: 7vw;display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify;  -webkit-box-align: center; align-items: center;}
    .bounce-thumb{ float: left;width:52.32558139534884%; }
    .bounce-text{ float: left; width:43.02325581395349%;margin-left:3.286770747740345vw;}
    .bounce-text p{ padding-top: 14px; padding-top: 1.4vw}
    .back-office-software-section .usd-jpy-wrap:nth-child(4){padding-top: 78px; padding-top: 6.45vw; }
    .middle-office-software{margin-top: 0px}
    .middle-office-software .front-office-thumb-wrap figure{width: 53%;height: 5.2vw}
    .middle-office-software .usd-jpy-wrap:nth-child(2){padding-top: 117px; padding-top: 7.2vw;}
    .middle-office-software .usd-jpy-wrap:nth-child(2) p{padding-top: 19px; padding-top:1.6vw}
    .middle-office-software .bounce-rate-wrap{padding-top: 80px; padding-top: 6.5vw}
    .middle-office-software .bounce-rate-wrap .bounce-text {margin-left: 9.069767441860465%; width: 38.6046511627907%;}
    .front-office-software{margin-top: 0px;float: left; width: 100%; padding-top: 6.5vw; padding-bottom: 5.5vw}
    .front-office-software .official-content-details{float: left;width: 65.66666666666667%; margin-left:16.433853738701725vw }
    .front-office-software .official-content-details .front-office-thumb-wrap{margin-top: 6px;width: 25.38071065989848%; margin-top: 0.5vw}
    .front-office-software .official-content-text{width: 69.54314720812183%;margin-left: 3.076142vw}
    .back-office-software-section .body-link.bold{margin-top: 17px; margin-top: 0.8947368421052632vw;}
    .list-item-info{ float: left; width: 23.25%;margin-left: 19.8vw;padding-top: 77px; padding-top: 6.5vw }
    .list-item-info ul{ list-style: none; margin: 0; padding:0;}
    .list-item-info ol{ margin: 0; padding:0;}
    .list-item-info ul li,.list-item-info ol li{float: left; width: 100%; padding-left: 15px; padding-left: 1.2325390304026294vw; margin-top: 15px; margin-top: 1.2325390304026294vw; position: relative}
    .list-item-info ul li:after { position: absolute; left: 0; top: 9px; background:#ff4335;width: 4px; height: 4px; content: ''; z-index: 5}
    .front-office-software .usd-thumb{margin-left: 10.9vw; width: 37.33333333333333%; margin-top: 20px; margin-top: 1.7vw }
    .front-office-software .usd-thumb:nth-child(3){margin-top: 80px; margin-top: 6.5vw }
    /*=====End Porduct Page Style============*/
    
    /*=====Beginning About Page Style============*/
    .our-value-content-wrap{float: left; width: 100%; position: relative;}
    .our-value-content-wrap:before{height: 42.48151191454396vw; min-height: 517px;}
    .content-text-info-section{float: left; width:66.66666666666667%; margin-left:16.75vw; position: relative; z-index: 2}
    .mission-content-wrap{float: left; position: relative; width: 100%; z-index: 10; margin-top: -205px; margin-top: -16.84470008216927vw; box-shadow: -10px 32px 54px 0 rgba(0, 0, 0, 0.5);}
    .mission-thumb,.mission-text-info{float:left; width:50%; background-size: cover; height: 400px;height: 32.9vw; }
    .about-content .hero-section-inner{height: 700px; height: 57.6vw; min-height: 700px;}
    .mission-text-info{ background:  linear-gradient(135deg, #ff7865, #ff4335); padding: 85px 70px 85px 50px; padding: 7vw 5.5vw 6vw 4.1vw;}
    .mission-text-info h4{position: relative}
    .mission-text-info p{padding-top: 42px; padding-top: 3.49vw}
    .mission-text-info h4:before{position: absolute; left: 0; bottom: -20px; bottom: -1.0526315789473684vw; width: 100px; height: 2px; content: ''; z-index: 5; background: #ffffff}
    .our-value-content,.title-text-info{ float: left; width:65%;margin-left: 19.5vw; padding-top:9px; padding-top: 0.78vw; padding-bottom: 3.5vw; }
    
    .our-value-content .list-item-info{ float: left; width:100%;margin-left: 0}
    .our-value-content .list-item-info ul,.our-value-content .list-item-info ol{ float: left; width:85%;}
    .our-value-content .list-item-info .lead-text,.title-text-info .lead-text{margin-top: 10px; margin-top: 0.9vw}
    .our-value-content .list-item-info ul,.our-value-content .list-item-info ol{margin-top: 28px; margin-top: 2.3007395234182417vw;}
    .our-value-content .list-item-info ul li ,.our-value-content .list-item-info ol li{padding-left: 17px; padding-left: 1.3968775677896468vw;}
    .our-value-content .list-item-info ul li ,.our-value-content .list-item-info ol li a:hover
    .our-value-content .list-item-info ul li:after{left: 3px;}
    
    .title-text-info{padding-top:60px;width: 100%; padding-top: 4.930156121610517vw;margin-left: 0px;}
    .title-text-info p{padding-top: 4px; padding-top:0.3286770747740345vw}
    .team-details-section{float: left; width:100%;margin-top: 70px;margin-top: 0vw; position: relative;}
    
    .team-details-wrap{float: left; width:66.66666666666667%;padding:70px 0 91px; padding: 5.751848808545604vw 0 7.477403451109285vw ;margin-left: 16.433853738701725vw}
    .team-profile-wrap{ float: left; width: 100%;margin-top: 80px;margin-top: 0vw}
    .team-details-wrap .title-text-info{ float: left; width: 80%;padding-left: 3vw; padding-top: 0px;}
    .team-details-wrap .title-text-info p{padding-top: 0px;}
    .team-profile{float: left; width: 24%; height:16.4vw; margin-right: 1px; margin bottom: 1px; background-size: cover; position: relative;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; position: relative;} 
    .team-profile:before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #4a4c54); -webkit-mix-blend-mode: multiply; mix-blend-mode: multiply; opacity: 0; content: ""; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in; z-index: 1;}
    .team-profile:hover:before{opacity: 1;}
    .overlay-title{position: absolute; left: 0; bottom: 35px; bottom: 2.875924404272802vw; width: 100%; z-index: 10; clear: both;padding: 0 40px;padding:20px ; opacity: 0;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
    .overlay-title a{display: block; float: left; width: 100%;}
    .overlay-title a.social-icon-link{width: 3.286770747740345vw; height: 3.286770747740345vw;}
    .overlay-title a img{float: left; width: 100%}
    .overlay-title h4{ float: left; width: 100%; padding-top: 20px; padding-top:  1.6433853738701725vw}
    .overlay-title p{float: left; padding-top: 10px; padding-top: 0.8216926869350862vw;}
    .team-profile:hover .overlay-title{opacity: 1;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
    .about-content .promo-item{padding-top:82px; padding-top: 6.737880032867707vw}
    /*=====End About Page Style============*/
    
    /*====Beginning About Profile Page Style============*/
    .profile-page-content{position: relative;}
    .profile-page-wrap{ float: left; width:73.33333333333333%;margin-left:16.433853738701725vw; padding-top: 190px; padding-top: 10vw;padding-bottom: 62px;padding-bottom: 5.094494658997535vw}
    .profile-page-wrap .profile-thumb{float: left;width: 45.45454545454545%; background-size: cover; height:32.867707vw;margin-top: 10px; margin-top:0.8216926869350862vw;}
    .profile-text{ float: left; width:50%;margin-left:3.2vw; }
    .profile-text h1{ float: left; width:100%; color: #4a4c54; position:relative; padding-right: 90px; padding-right: 7.395234182415776vw; margin-top: 20px;}
    .profile-text p{ float: left; width:100%;padding-top: 4px; padding-top: 0.3286770747740345vw}
    .profile-text span{ float: left; width:100%;text-transform: uppercase}
    .designation-title{ float: left; width: 100%;padding-top: 31px; padding-top:2.5472473294987674vw }
    .about-profile{ float: left; width: 100%;padding-top: 30px;}
    .blog-link{ float: left; width: 100%; padding-top: 30px;}
    .blog-link a{ float: left; display: inline-block; clear: both;color: #ff4335;margin-top:2px; margin-top: 0.16433853738701726vw}
    .blog-link a:nth-child(2){ margin-top:10px; margin-top: 0.8216926869350862vw;}
    .profile-text h1 a{ float: right;right: -7px; top: 8px;position:absolute; z-index: 10; width: 50px; height: 50px; }
    .profile-text h1 a img{ float: left; width: 100%;}
    .profile-page-body .main-header li a,.article-content-body .main-header li a{ color:#4a4c54}
    .profile-page-body .main-header .main-nav > ul > li.nav-btn a,.article-content-body .main-nav > ul > li.nav-btn a,.profile-page-body .main-header .main-nav > ul > li:last-child a,.article-content-body .main-nav > ul > li:last-child a{padding: 9px 21px;border: 2px solid #4a4c54 }
    .profile-page-body .main-header .main-nav > ul > li > a:after{background: #4a4c54}
    .profile-page-body .main-header .main-nav > ul > li.hassSubnav:before, .article-content-body .main-header .main-nav > ul > li.hassSubnav:before {background-image: url(/images/arrow-right-grey.svg); transform: rotate(90deg)}
    .profile-page-body .footer-social{padding-top: 36px; padding-top: 2.9580936729663105vw}
    /*====End About Profile Page Style============*/
    
    /*==================Begin Products Module Back office====================*/
    .hero-slider-wrap{float: left;position: relative; z-index: 2; width: 82.16926869350863vw; margin-left: 8.216926869350862vw;margin-top: 117px;margin-top: 9.613804437140509vw;}
    .hero-slide-figure {float: left; width: 60%; width: 49.30156121610518vw;height: 340px;height: 27.937551355792934vw;box-shadow: 6px 10px 44px 0 rgba(0, 0, 0, 0.53)} 
    .hero-slide-figure img{ width: 100%;height: 100%;} 
    
    .hero-slide{float: left; width: 40%; width: calc(100% - 49.30156121610518vw); background: #ff5747; min-height: 400px; min-height: 32.86770747740345vw; position: relative; z-index: 2; background-image: linear-gradient(135deg, #ff7865, #ff4335); box-shadow: -10px 32px 54px 0 rgba(0, 0, 0, 0.5); margin-top: -28px; margin-top: -2.3007395234182417vw; }
    .hero-slide-content-wrap{float: left; width: 100%; padding: 48px 50px; padding: 3.944124897288414vw 4.108463434675431vw; padding-bottom: 60px; padding-bottom: 4.930156121610517vw;}
    
    .hero-slide4{float: left; width: 40%; width: calc(100% - 49.30156121610518vw); background: #ff5747; padding: 48px 50px; padding: 3.944124897288414vw 4.108463434675431vw;height: 400px;height: 32.86770747740345vw;position: relative;z-index: 2;background-image: linear-gradient(135deg, #ff7865, #ff4335); box-shadow: -10px 32px 54px 0 rgba(0, 0, 0, 0.5);margin-top:-28px;margin-top: -2.3007395234182417vw;}
    .hero-slide-content-wrap h4{color: #ffffff;margin-top: 10px; margin-top: .75vw;}
    .hero-slide-content-wrap p{ margin-top: 20px; margin-top: 1.8vw;}
    .hero-slide .flex-control-nav{bottom:30px;z-index: -1;}
    .hero-slide .flex-control-nav li a {background-color: rgba(255, 255, 255, 0.2); box-shadow: -10px 32px 54px 0 rgba(0, 0, 0, 0.5);width: 6px; height: 6px;}
    .hero-slide .flex-control-nav li a.flex-active {background-image: linear-gradient(135deg, #ffffff, #e1e2e2); box-shadow: 0 1px 3px 0 rgba(0, 0, 0,.27) }
    .hero-slide .flex-direction-nav{bottom: 19px;top: auto;}
    .hero-slide .flex-direction-nav .flex-next, .flex-direction-nav .flex-prev{ background: url(/images/arrow-right-white.svg); width: 20px; height: 20px; background-size: contain;transform: rotate(180deg);left: 21px;}
    .hero-slide  .flex-direction-nav .flex-next{left: auto;right: 21px;transform: rotate(0)}
    .products-info-section{float: left; width: 100%; padding-bottom: 71px; padding-bottom: 5.834018077239112vw; position: relative;}
    .products-info-section:before, .team-details-section:before, .profile-page-content:before{height: 56.696795398520955vw; min-height: 690px;}
    .white-section {background-color: #ffffff !important; font-weight: 700;}
    .download-link h5 {color:black; margin-top: 12px; margin-left: -20px;}
    .download-link a {color: #FF4335}
    .download-link img {width:100px; height:auto;}
    .download-link h5, img {display:inline-block;}
    
    .products-des{float: left; width: 100%; position: relative;margin-top: 20px;margin-top: 1.6433853738701725vw;padding-left: 17px;padding-left: 1.3968775677896468vw;} 
    .products-des:after {position: absolute;top: 6px;width: 2px; height: calc(100% - 12px);content: ''; left: 0;background: #ff4335;} 
    .products-des p{margin-top: 16px; margin-top: 1.314708299096138vw;}
    .products-des p:first-child{margin-top: 0;}
    .feature-item-wrap{float: left; width: 55.5%; margin-left: 22.843056696795397vw;  margin-top: 69px;margin-top: 5.669679539852095vw;position: relative}
    .feature-title {float: left; width: 100%;}
    .feature-item{float: left;width: 100%; margin-top: 60px;margin-top:4.930156121610517vw; position: relative}
    .feature-item:nth-child(2){margin-top: 30px;margin-top: 2.4650780608052587vw;}
    .feature-icon-wrap { float: left;margin-top: 9px;margin-top:0.7395234182415776vw; position: absolute; margin-left: -11.080526%;
        width: 12.01201201201201%; height: 6.57354149548069vw;} 
    .feature-icon-wrap img{float: left; width: 100%;}
    .feature-content {float: left; width: 100%}
    .feature-content h4{float: left;width: 100%;}
    .list-item li, .feature-content p{ float: left; width: 100%;margin-top: 15px;}
    ul.list-item{padding-left:25px;padding-left: 2.0542317173377156vw;margin-top: 0px;}
    .feature-content p { padding-right: 21px; }
    .list-item li{position: relative;margin-top: 16px; margin-top: 0.8421052631578947vw; float: left;width: 100%;}
    .list-item li:after{position: absolute;top: 9px; top:  0.47368421052631576vw; left: -25px;left: -2.0542317173377156vw;width: 4px;height: 4px;background: #ff4335;content: ''}
    /*==================End  Products Module Back office====================*/
    
    /*=================Begin products groups====================*/
    .products-groups .hero-section-inner:after{background: transparent;}
    .products-groups .hero-section{background:#ff4335; background-image: linear-gradient(120deg, #4a4c54, #5b5d65); height: auto; padding-bottom: 245px; padding-bottom: 12.760416666666668vw;}
    
    .hero-content-wrap .lead-text, .front-office-content .hero-content-wrap .lead-text, .middle-0ffice-content .hero-content-wrap .lead-text, .back-0ffice-content .hero-content-wrap .lead-text{padding-top: 60px; text-align: left; padding-top:4.930156121610517vw;}
    .product-top-description{ float: left; width: 100%; position: relative; z-index: 1;  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), #ffffff), linear-gradient(#f5f5f9, #f5f5f9);}
    .products-groups .products-info-section:before{display: none;}
    .bitmp-wrap{float: left;width: 59.66666666666667%;margin-left: 19.884963023829087vw; margin-top: -205px; margin-top: -16.84470008216927vw;position: relative; z-index: 2; padding: 0; box-shadow: -10px 20px 49px 0 rgba(0, 0, 0, 0.5);}
    .bitmap-thumb{float: left;width:100%;background-size: cover; height:32.142153vw; background-repeat: no-repeat;}
    .products-content-wrap{float: left;width: 66.66666666666667%; background: #f5f5f9;margin-left: 16.66666666666667%;margin-top: 68px; margin-top:5.587510271158587vw; padding: 71px 70px 70px; padding: 5.834018077239112vw 5.751848808545604vw 5.751848808545604vw;}
    .products-groups .products-content-wrap{margin-top: 75px; margin-top:6.162695152013147vw; padding: 67px 60px 70px; padding: 3.526315789473684vw 3.1578947368421053vw 3.6842105263157894vw;}
    .products-groups .products-des{margin-top: 3px;}
    .products-groups .feature-item-wrap{margin-top: 25px;margin-top: 2.0542317173377156vw;}
    .products-groups .feature-item:nth-child(1),.products-groups .feature-item:nth-child(5){margin-top: 55px;margin-top: 4.519309778142975vw }
    .products-groups .feature-item:nth-child(2){margin-top: 52px;margin-top:  4.272801972062449vw}
    .products-groups .feature-item:nth-child(3){margin-top: 49px;margin-top: 4.0262941659819225vw}
    .products-groups .feature-item:nth-child(4),.products-groups .feature-item:nth-child(6){margin-top: 54px;margin-top: 4.437140509449466vw}
    .products-groups .feature-item:nth-child(7){margin-top: 45px;margin-top: 3.697617091207888vw;}
    .products-groups .feature-item:nth-child(8){margin-top: 48px; margin-top: 3.944124897288414vw;}
    .products-groups-body .main-nav > ul > li.nav-btn a,.products-groups-body .main-nav > ul > li:last-child a{padding: 9px 20px}
    .products-groups-body .promo-item{padding-top: 85px;padding-top: 6.9843878389482335vw}
    /*=================End products groups====================*/
    
    /*=================Begin middle office====================*/
    .middle-0ffice-content .feature-item-wrap .feature-item:nth-child(2){margin-top: 35px;margin-top:2.875924404272802vw}
    .middle-0ffice-content .feature-item-wrap .feature-item:nth-child(3){margin-top: 83px;margin-top:6.820049301561216vw}
    .middle-0ffice-content .feature-item-wrap .feature-item:nth-child(3) .list-item li{margin-top: 16px;margin-top:1.314708299096138vw}
    .middle-0ffice-content .feature-item-wrap .feature-item:nth-child(3) .list-item li:first-child,.middle-0ffice-content .feature-item-wrap .feature-item:nth-child(4) .list-item li:first-child{margin-top: 24px;margin-top: 1.972062448644207vw}
    .middle-0ffice-content .feature-item-wrap .feature-item:nth-child(4) .list-item li{margin-top: 18px;margin-top:1.4790468364831553vw}
    .middle-0ffice-content .feature-item-wrap .feature-item .list-item li:first-child{margin-top: 20px;}
    /*=================End middle office====================*/
    
    /*=================Begin front office====================*/
    .front-office-body .promo-item{padding-top:  6.820049301561216vw}
    /*=================End front office====================*/
    
    .back-0ffice-content .products-info-section .feature-item:nth-child(4){margin-top:58px; margin-top: 4.765817584223501vw}
    .back-0ffice-content .products-info-section .feature-item:nth-child(8){margin-top:56px; margin-top: 4.6014790468364835vw}
    .back-0ffice-content .feature-item-wrap{width: 58.4%}
    .back-0ffice-content .feature-item-wrap .feature-content p{padding-right: 64px}
    .back-0ffice-content .feature-item-wrap .feature-item .list-item li{padding-right:30px}
    .back-0ffice-body .promo-item{padding-top:82px;padding-top:6.737880032867707vw}
    
    .about-content .hero-content-wrap .lead-text{padding-top: 41px;padding-top: 3.3689400164338537vw;}
    .back-0ffice-content .feature-icon-wrap{margin-top: 8px;margin-top: 0.657354149548069vw; margin-left: -9.9%;}
    
    .profile-page-body .main-nav > ul > li > ul, .profile-page-body .main-header.fixed-header,.article-content-body .main-nav > ul > li > ul, .article-content-body .main-header.fixed-header, .article-content-body .main-header{background: rgba(255, 255, 255, .85);}
    .hero-content-wrap .lead-text{padding-top: 40px; padding-top: 2.1052631578947367vw;}
    
    /* Contact page style */
    .contact-content-wrap{float: left; width: 100%; position: relative;}
    .contact-content{float: left; width: 30%; margin-left: 200px; margin-left: 16.433853738701725vw; margin-top: 50px; margin-top: 4.108463434675431vw;}
    .contact-content h4{float: left; width: 100%; margin-top: 20px; }
    .address-info{float: left; width: 100%;}
    .address-info, .contact-content a{float: left; clear: both; margin-top: 10px; margin-top: 0.8216926869350862vw;}
    .textarea-wrap{margin-top: 36px; margin-top: 2.9580936729663105vw;}
    .contact-content:nth-child(even){margin-left: 40px; margin-left: 3.286770747740345vw;}
    /*.contact-content .input-row:nth-child(2){margin-top: 10px; margin-top: 0.8216926869350862vw;}*/
    .contact-content ul li.input-row:first-child {margin-top:0.5vw;}
    .contact-content .input-row label.gfield_label {display: none;}
    .submit-btn,.contact-content-wrap .contact-content .gform_wrapper .gform_footer {float: left; width: 100%; margin-top: 88px; margin-top: 20px;}
    .contact-content-wrap .contact-content .gform_wrapper li.gfield.gfield_error {background: transparent;}
    
    .contact-content-wrap .contact-content .gform_wrapper div.validation_error{ color: #ff4335; font-size: 1em; margin-top: .5em; border-top: 1px solid  #ff4335; border-bottom: 1px solid #ff4335;    padding: 0.5em 0; float: left;  }
    .contact-content-wrap .contact-content .gform_wrapper .validation_message {color: #ff4335; font-size: 0.75em; padding:0 !important;}
    .contact-content-wrap .contact-content .gform_wrapper li.gfield.gfield_error,.contact-content-wrap .contact-content  .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {border-top: none; border-bottom: none;margin-top:0.9vw;}
    .contact-content-wrap .contact-content .gform_wrapper li.gfield_error input[type=email],.contact-content-wrap .contact-content .gform_wrapper li.gfield_error input[type=number],.contact-content-wrap .contact-content .gform_wrapper li.gfield_error input[type=password],.contact-content-wrap .contact-content .gform_wrapper li.gfield_error input[type=tel],.contact-content-wrap .contact-content .gform_wrapper li.gfield_error input[type=text],.contact-content-wrap .contact-content .gform_wrapper li.gfield_error input[type=url],.contact-content-wrap .contact-content .gform_wrapper li.gfield_error textarea {border:1px solid #ff4335;;}
    
    .map-wrap{margin-top: 68px; margin-top: 5.587510271158587vw;}
    .map-wrap,.map-wrap iframe{float: left; width: 100%;}
    .map-wrap iframe{height: 32.86770747740345vw; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */ -webkit-backface-visibility: hidden;  /* Fix for transition flickering */ }
    
    /* Request a Demo pagy style */
    .request-demo-content .contact-content-wrap{padding-bottom: 85px; padding-bottom: 6.9843878389482335vw;}
    
    /*============Beginning Article Page Style===========*/
    .article-content .profile-page-wrap{float: left; width:66.66666666666667%;margin-left:16.66666666666667%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; padding-bottom: 70px; padding-bottom: 5.751848808545604vw;}
    .article-content .profile-thumb-deals{float: left; width:25%; position: relative; padding-bottom: 30px; padding-bottom: 2.4650780608052587vw;}
    .article-content .profile-thumb{float: left; width:100%;height: 16.433853738701725vw; }
    .article-content .article-image{float: left;width: 45.45454545454545%; background-size: cover; margin-top:0.8216926869350862vw;}
    .article-content .designation-title{ float: left; width:100%;margin-top: 33px;margin-top: 2.711585866885785vw; padding-top: 0;}
    .article-content .profile-text{float: left; width:70%;margin-left: 3vw; position: relative}
    .article-content .about-profile{padding-top: 0px; }
    .article-content .about-profile p{float: left; width:100%; margin-top: 9px; margin-top:0.7395234182415776vw}
    .article-content .about-profile p:first-child{margin-top: 55px; }
    .designation-title dfn{float: left; clear: both; font-style: normal; line-height: 14px; line-height: 1.1503697617091209vw;margin-top: 8px; margin-top: 0.657354149548069vw}
    .back-link{ position: absolute; left: 3px; bottom: 2px; bottom: -0.2465078060805259vw; width: auto; clear: both;display: inline-block; z-index: 5; text-transform: uppercase;}
    .back-link a,.back-link p{position: relative;padding-left: 20px;}
    .back-link a:before,.back-link p:before{float: left;position: absolute; left: -6px; top:0px; z-index: 4; background-image: url(/images/arrow-right-grey.svg); background-repeat:no-repeat;background-position:0 0; background-size: 12px;transform: rotate(180deg);content: '';width: 12px; height: 12px; background-color: transparent; opacity: 1;}
    
    /*===Beginning Blog Page Style======*/
    .small-header-img .hero-section-inner{min-height: 32.86770747740345vw}
    .blog-content .blog-content-wrap{float: left; width:67.25%;margin-left: 15.98%;margin-top: 70px;margin-top: 5.751848808545604vw }
    .aside-nav{float: left; width:22.80049566294919%; }
    .aside-nav .search-bar{float: left; width: 100%; position: relative; }
    .aside-nav .search-bar input[type="text"]{float: left; width: 100%; background: #ffffff; height: 34px; padding: 6px 9px 6px 6px;border: 1px solid  #f5f5f9;}
    .aside-nav .search-bar input[type="submit"]{position: absolute; right: 0; top: 0; background: url(/images/svgs/search.svg) no-repeat center center; background-size: 16px; width: 34px; height: 34px; padding: 0; cursor: pointer;}
    .aside-nav ul{list-style: none;margin: 0; padding: 0;}
    .aside-nav ul li{float: left; clear: both; margin-top: 17px; margin-top: 1.3968775677896468vw; margin-left: 6px;margin-left:0.4930156121610518vw}
    .aside-nav ul li a{display: inline-block;}
    .blog-content-details{ float: left; width:69.39281288723668%;margin-left: 7.806691449814126%; }
    .blog-content-details .note{ text-transform: uppercase; margin-top: 10px;margin-top: 0.8216926869350862vw;}
    .blog-content-details .body-link.bold{margin-top: 25px; margin-top: 2.0542317173377156vw;}
    .blog-content-details .official-content-text{ width: 100%; margin-top: 65px; margin-top: 5.341002465078061vw;margin-left: 0px}
    .blog-content-details .official-content-text:first-child{margin-top:0px}
    .pagination-bar{float:left; width: auto;margin-top: 45px; margin-top: 3.697617091207888vw; }
    .pagination-bar a, .pagination-bar span{float:left; display: inline-block; margin-left: 8px; width: auto; height: auto;}
    .pagination-bar a:first-child{margin-left: 0px}
    .pagination-bar span {text-decoration: underline;letter-spacing: 1.1px;    font-weight: 700;    line-height: initial;}
    /*.pagination-bar span{display: inline-block; position: relative; background: url(/images/arrow-right-grey.svg) no-repeat 0 0; width: 16px; height: 16px;background-size: contain;cursor: pointer}
    */
    .blog-content .products-info-section{padding-bottom: 64px;padding-bottom: 5.258833196384552vw}
    .back-link.mobi{display: none}
    
    /*===End Blog Page Style======*/
    .client-content-wrap{ float:left; width:65.41666666666667%;margin-left: 17.25%;margin-top:70px; margin-top:5.751848808545604vw; }
    .client-content-wrap h5{ padding-left: 33px; padding-left: 2.711585866885785vw; padding-right: 20px; padding-right:1.6433853738701725vw;}
    .brand-logo-wrap{ float: left; width: 100%; margin-top:26px; margin-top: 2.1364009860312243vw;}
    /*.brand-item{float: left; display: inline-block; width:23.69426751592357%;height: 15.283483976992605vw;margin-left:1.740976645435244%;margin-top: 14px; margin-top:1.1503697617091209vw; border: 1px solid #f5f5f9; display: table;text-align: center; padding: 0 10px; padding: 0 0.8216926869350862vw; background: #ffffff;}*/
    .brand-item{float: left; width:23.69426751592357%; height: 15.283483976992605vw; margin-left:1.740976645435244%; margin-top: 14px; margin-top:1.1503697617091209vw; border: 1px solid #f5f5f9; text-align: center; background: #ffffff; position: relative;}
    .brand-item a{ width: 100%; position: absolute; left: 0; top: 50%; -webkit- transform: translateY(-50%); -moz- transform: translateY(-50%); transform: translateY(-50%); padding: 0 10px; padding: 0 0.8216926869350862vw;}
    .brand-item a img{ width: 100%;}
    .client-content-wrap .brand-item a img{ -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);}
    .client-content-wrap .brand-item:hover a img{ -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%);}
    .brand-item:nth-child(4n+1){margin-left: 0px;}
    .testimonial-slider-wrap{ float: left; width:70.333333%;margin-left: 15%;margin-top: 70px; margin-top:5.751848808545604vw; position: relative}
    .testimonial-text{text-align: center; width: 100%; clear: both;padding: 0 67px; padding: 0 5.505341002465078vw; position: relative}
    .testimonial-text h3{ text-align: center; width: 100%;}
    .testimonial-text .lead-text{text-align: center; width: 100%; padding-top: 20px;}
    .caption-text{ text-align: center; width: 100%; padding-top: 20px;clear: both}
    .caption-text h5{ text-align: center; width: 100%;}
    .caption-text .note{ text-transform: uppercase;padding-top: 5px;padding-top: 0.4108463434675431vw}
    .client .products-info-section{padding-bottom: 70px;padding-bottom:5.751848808545604vw; }
    
    .testimonial-slider .flex-direction-nav .flex-next, .testimonial-slider .flex-direction-nav .flex-prev { width: 20px; height: 20px; background: url(/images/arrow-right-grey.svg) no-repeat center center / contain; cursor: pointer; right: 0px; left: auto;} 
    .testimonial-slider .flex-direction-nav{top: 54%}
    .testimonial-slider .flex-direction-nav .flex-prev {right: auto; left: 0;background: url(/images/arrow-right-grey.svg) no-repeat center center / contain;transform: rotate(180deg)}
    
    .career-info-wrap{ float: left; width:66.66666666666667%;margin-left:16.66666666666667%;margin-top:80px;margin-top:6.57354149548069vw}
    .career-info-wrap a.expertise{ float: left; width:100%;margin-top: 30px; margin-top:2.4650780608052587vw;display: inline-block; background: #f5f5f9; padding: 15px 20px 14px 25px; padding: 1.2325390304026294vw 1.6433853738701725vw 1.1503697617091209vw 2.0542317173377156vw;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
    .career-info-wrap h5{float: left;}
    .career-info-wrap .note{ float: right;margin-top: 7px;margin-top:0.3684210526315789vw; text-transform: uppercase;}
    .career-info-wrap a:first-child{margin-top:0px;}
    .career-info-wrap a.expertise:hover,.career-info-wrap a.expertise.active{background: #ff4335; color: #ffffff;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
    .career-info-wrap a.expertise:hover h5,.career-info-wrap a.expertise:hover .note,.career-info-wrap a.expertise.active .note,.career-info-wrap a.expertise.active h5{color: #ffffff;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
    
    .career-content-row{ float: left; width: 100%;margin-top: 40px; margin-top:3.286770747740345vw }
    .career-headline{float: left; width: 30%; padding-left: 5vw; padding-right: 20px; padding-right: 1.6433853738701725vw;}
    .career-details{ float: left;width:70%; }
    .career-details .list-item{ float: left; width: 100%;padding-left: 24px; padding-left: 1.972062448644207vw}
    .career-details .list-item ul li:first-child{ margin-top: 0px}
    .career-content-row:first-child{margin-top: 0px;}
    .career-content-row:first-child .career-headline{margin-top: 10px;}
    .career-content-row:nth-child(2) {margin-top: 30px; margin-top: 2.4650780608052587vw}
    
    .career-details a{position: relative; margin-top: 35px; margin-top: 2.875924404272802vw;}
    .careers-content .products-info-section{padding-bottom: 80px;padding-bottom:6.57354149548069vw }
    .careers-description .career-info-wrap{margin-top: 69px; margin-top: 5.669679539852095vw}
    .career-details .body-link:after,.back-link a:hover:before,.back-link p:hover:before{opacity: 1; visibility: visible; background-image: url(/images/svgs/arrow-right-red.svg);}
    .career-details .body-link:after{right: -20px;}
    
    .office-about p span.desktop{display: inline;}
    .blog-content .hero-content .hero-icon{margin-left: 120px; margin-left: -10.03862vw;}
    .front-office-content .hero-slider-wrap,.middle-0ffice-content .hero-slider-wrap,.back-0ffice-content .hero-slider-wrap{margin-top: 20px; margin-top: 1.6433853738701725vw; padding-bottom: 89px; padding-bottom: 7.313064913722268vw;}
    .middle-0ffice-content .hero-slider-wrap,.back-0ffice-content .hero-slider-wrap{margin-top: 45px; margin-top: 3.697617091207888vw;}
    .back-0ffice-content .hero-content .hero-icon{margin-left: -8.62862vw;}
    
    /*============End Article Page Style=================*/
    
    
    /*==============new fixing 09-07-2017=================*/
    
    .hosted-icon{padding-top: 1vw;}
    .footer-nav ul li:first-child{/*width: 178px;*/ margin-top: 0;}
    .main-nav > ul > li > ul > li > ul{right: 1px; width: auto; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%);}
    
    
    .list-item ul{padding-left: 25px; padding-left: 2.0542317173377156vw; margin-top: 0px;}
    .bitmp-wrap,.mission-content-wrap{box-shadow: 0px 20px 40px 0 rgba(0, 0, 0, 0.3);}
    .usd-thumb{-webkit-box-ordinal-group: 2; -webkit-order: 2; -moz-order: 2; -ms-order: 2; order: 2;}
    .back-link p{cursor: pointer; width: auto;}
    .back-link p:before{top: 5px;}
    .contact-content a:hover{color: #ff4335;}
    
    .content-slider-wrap{float: left; width: 100%;}
    
    .brand-item a{height: 100%; top: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); padding: 0;}
    .brand-item figure{width: 100%; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 0 10px; padding: 0 0.8216926869350862vw;}
    /* =======================================================================================================
    ============================================ Responsive style ========================================== */
    
    /*		Mobile Layout: 320px and 480px and more but less than or equal to 767px.
    ----------------------------------------------------------------------------------
    */
    
    @media only screen and (min-width: 320px) and (max-width: 767px) {
        input[type="text"],input[type="submit"],input[type="password"],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none; border-radius: 0}
        
        body.navExpanded{position: fixed;}
        .main-wrap{overflow: hidden;}
        .desktop,.portfolio-manager-section ul,.hosted-service-figure,.fundamental-box,.goodsense-home-office-section,.the-most-advanced-section,.clients-logo-wrap,.promo-item a.btn,.close-icon,.main-nav > ul > li:before,.main-nav > ul > li > a:after,.main-nav,.navExpand .nav-icon{display: none;}
        .mobi,.phone-nav,.nav-icon,.navExpand .close-icon{display: block;}
        
        .main-header{padding: 0; position: fixed; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in;}
        .main-header.fixed-header,.article-content-body .main-header.fixed-header,.article-content-body .main-header,.profile-page-body .main-header, .profile-page-body .main-header.fixed-header{background: rgba(74, 76, 84, .85);}
        /*.main-nav{width: 100%; padding: 180px 20px 0 20px; position: fixed; left: 0; top: 0; height: 100vh; background: rgba(74, 76, 84, .95); max-height: 100vh; overflow-y: auto; padding-bottom: 40px;}*/
        .main-nav > ul{text-align: left;}
        .main-nav > ul > li{padding: 0 20px 0 22px; float: left; width: 100%; margin: 10px 0;}
        .main-nav > ul > li > a{padding: 0; text-transform: capitalize; }
        .main-nav > ul > li:after{position: absolute; left: 0; top: 50%; margin-top: -6.5px; width: 2px; height: 13px; background: #ff4335; content: ""; opacity: 0; visibility: hidden;}
        .main-nav > ul > li.current-menu-item:after{opacity: 1; visibility: visible;}
        .main-nav > ul > li.hassSubnav a:before{position: absolute; right: -22px; top: 35%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); content: ""; background-image: url(/images/arrow-right-white.svg); background-size: 12px 12px; background-position: center; transform: rotate(90deg); width: 12px; height: 12px;}
        .article-content-body .main-header li a{color: #ffffff;}
        
        /* Mobi dropdown nav */
        .main-nav > ul > li > ul{position: relative; left: auto; top: auto; float: left; width: 100%;}
        .logo-wrap{width: 100%; padding: 23px 20px 22px;}
        .logo{width: 192px; position: relative; z-index: 9;}
            
        .hero-section{padding-top: 0;}
        .hero-section-inner{padding: 0 20px; position: relative; left: auto; top: auto;}
        .home-page-body .hero-content{margin-top: -22px; padding: 0 22px;}
        .home-page-body .hero-content:after{top: 4px; height: -webkit-calc(100% - 10px); height: calc(100% - 10px)}
        .scroll-down{padding: 0; margin: 0; height: 50px; background-size: 20px 20px; background-position: center bottom; line-height: 20px; line-height: 1.041666666666667vw; bottom: 22px;}
        
        .portfolio-manager-section{padding-top: 25px; padding-top: 7.864898vw;}
        .product-portfolio-icon{padding-top: 30px; width: 50px; margin-left: -65px; }
        .product-content .product-portfolio-icon{width: 67.86%; max-width: 80px; margin-left: -51px; margin-left: -15.9375vw; padding-top: 20px; padding-top: 6.25vw;}
        .content-wrap h3{padding-top: 4px; padding-top: 1.2vw;}
        .content-wrap,.hosted-services-section .content-wrap,.what-our-story-content-wrap .content-wrap{margin-left: 22vw; width: 75vw;}
        .product-portfolio-figure{width: 100%; padding: 40px 20px 0; padding-top: 10.8vw; padding-right: 7vw; padding-left: 8vw;}
        .content-wrap p{padding-top: 33px; padding-top: 10.3125vw;}
        .hosted-services-section .content-wrap{padding-top: 23px; padding-top: 7.1875vw;}
        .hosted-services-section .content-wrap p{padding-top: 30px; padding-top: 9.375vw;}
        .content-wrap h5{padding-top: 15px; padding-top: 4.60vw; width: 66.25%;}
        .content-wrap .body-link{margin-top: 25px; margin-top: 8vw;}
        .hosted-icon{width: 50px; left: -65px; padding-top: 25px;}
        .office-about-section{padding-top: 15px; padding-top: 4.6875vw;}
        .office-about:first-child{padding-top: 13vw; padding-bottom: 44px; padding-bottom: 13.75vw;}
        .office-about:nth-child(3n+2){padding-top: 11.7vw; padding-bottom: 13.7vw;}
        .office-about{width: 100%; height: auto; padding: 45px 80px 40px; padding: 12.2vw 5vw 13.0vw 22vw;}
        .office-about h3{max-width: 130px; padding-bottom: 20px; padding-bottom: 7.5vw;}
        .office-about h3:after{bottom: -2px;}
        .office-about p{padding-top: 20px; padding-top: 6.3vw;}
        .office-about p span.desktop{display: none;}
        .office-about-icon{position: absolute; left: 20px; width: 80px;}
        .office-about-section .body-link{position: relative; left: auto; bottom: auto; margin-top: 28px; margin-top: 8.75vw;}
        .what-our-story-content-wrap{width: 100%;}
        .what-our-story-content-wrap .content-wrap{padding-top: 40px; padding-top: 11vw;}
        .what-our-story-content-wrap .note{padding-top: 13px; }   
        .our-story-figure{width: 137%; margin-top: -78px;}
        .promo-item p{display: none;}
            
        .fundamental-promo-section{padding-top: 20px; border-top: 0;}
        .promo-item{width: 100%; padding: 10px 20px;}
        .promo-item:first-child{padding-top: 40px; padding-top: 12.5vw;}
        .promo-item:last-child{padding-bottom: 40px; padding-bottom: 12.5vw;}
        .promo-item a.promo-btn-large{width: 100%; border: 2px solid #4a4c54; border-radius: 2px; padding: 24px 20px 22px; height: 80px;}
        .promo-item p{padding-top: 3vw;}
        .promo-item h4{padding-top: 0px; width: auto; padding-left: 20px;}
        .promo-logo{width: 36px;}
        .main-footer-section{padding: 55px; padding: 17.2vw 17.0vw; }
        .footer-nav ul li{float: left; width: 100%; display: block; margin: 10px 0; margin: 3.13vw 0; padding: 0;}
        .footer-nav ul li:first-child{/*width: 138px;*/ max-width: 177px; margin-top: 0;}
        .footer-nav ul li a{padding: 0;}
        .footer-social{padding-top: 10px; padding-top: 3vw; text-align: left;}
        .footer-social a{width: 7.5vw; height: 7.5vw; margin: 0 8.5px; margin: 0 2.5vw; max-width: 24px; max-height: 24px;}
        .footer-social a:first-child{margin-left: 0;}
        .copy-right{ padding: 15px 0 0; padding-top: 4.0vw; text-align: left;}
        
        .product-content .hero-section-inner{min-height: 320px;}
        .product-content .product-portfolio-figure,.manager-fund-navigation{display: none}
        .product-content .content-wrap{padding-top: 0px; width: 31.583333%}
        .cutting-technology-section p{padding-top: 5.85vw;}
        .content-small-size{padding-top: 30px;padding-top: 9.375vw}
        .content-small-size:after{display: none}
        
        .hero-section-inner{padding-top: 116px; padding-top: 32vw;}
        .our-value-content .list-item-info ul li, .list-item-info ul li{padding-left: 4.6875vw; margin-top: 4.6875vw;}
        .list-item-info ul li:after{top: 6px; top: 1.875vw;}
        .content-text-info-section{margin-left: 40px; margin-left: 12.5vw; width: 75%;}
        .mission-thumb, .mission-text-info{width: 100%; height: auto;}
        .mission-thumb{height: 75vw;}
        .hero-content-wrap{margin-left: 25vw; margin-top: 0;} 
        .hero-content .hero-icon{width: 25vw; height: 25vw; margin-left: -55px; margin-left: -17.1875vw; margin-top: 3px;}
        .feature-item,.back-0ffice-content .products-info-section .feature-item:nth-child(4),.back-0ffice-content .products-info-section .feature-item:nth-child(8),.products-groups .feature-item:nth-child(1), .products-groups .feature-item:nth-child(2), .products-groups .feature-item:nth-child(3),.products-groups .feature-item:nth-child(4),.products-groups .feature-item:nth-child(5),.products-groups .feature-item:nth-child(6),.products-groups .feature-item:nth-child(7),.products-groups .feature-item:nth-child(8){margin-top: 12.5vw;}
        .feature-item:nth-child(2){margin-top: 9.375vw;}
        .products-des{padding-left: 0;}
        
        .mission-text-info p{padding-top: 13.125vw;}
        .mission-text-info h4:before{bottom: -6.25vw;}
        .mission-content-wrap{margin-top: -35.6875vw;}
        
        .our-value-content,.team-details-wrap,.profile-page-wrap{margin-left: 12.5vw; width: 75%;}
        .title-text-info,.team-details-wrap .title-text-info,.profile-page-wrap .profile-thumb,.profile-text{margin-left: 0; width: 100%; padding-left: 0;}
        .list-item-info,.title-text-info,.team-details-wrap,.profile-text{padding-top: 30px;}
        .team-profile-wrap{margin-top: 0;}
        .team-profile{width: 100%; height: 75vw; margin-top: 20px;}
        .overlay-title{bottom: 20px;}
        .profile-page-wrap .profile-thumb{height: 75vw;}
        
        .profile-text h1{padding-right: 28.125vw;}
        .profile-text h1 a{top: 0;}
        .blog-link a:nth-child(2){margin-top: 3.125vw;}
        .hero-slider-wrap{margin-left: 0; width: 100%;}
        .hero-slide-figure,.hero-slide{width: 100%; height: auto;}
        .hero-slide{margin-top: 0px;}
        .flex-control-nav,.flex-direction-nav,.products-des:after{display: none;}
        .products-content-wrap,.middle-0ffice-content .products-content-wrap{margin-top: 12.5vw; padding-top: 9.375vw; padding-bottom: 6.25vw;}
    
        .list-item li,.back-0ffice-content .feature-item-wrap .feature-item .list-item li{margin-top: 3vw; padding-left: 3.125vw; padding-right: 0;}
        .back-0ffice-content .feature-item-wrap .feature-content p{padding-right: 0;}
        .list-item li:after{top: 5px; top: 1.5625vw;}
        .products-des{margin-top: 6.25vw;}
        .back-0ffice-content .products-content-wrap{margin-top: 15vw;}
        
        .official-content-details,.front-office-software .official-content-details{width: 85%; margin-left: 6.25vw; margin-left: 20px; }
        .front-office-thumb-wrap{ width: 25%; margin-top: 5px; background: rgba(111, 113, 123, 0)}
        .front-office-thumb-wrap figure{width: 80px; margin: 0}
        
        .official-content-text,.front-office-software .official-content-text{width: 100%; margin-left: 0;}
        .back-office-software-section .body-link.bold{margin-top: 17px; margin-top: 5.3125vw; }
        .usd-text{width: 100%;}
        .usd-thumb,.bounce-thumb,.bounce-text{margin-left: 0; width: 100%; margin-top: 6.25vw;}
        .usd-jpy-wrap,.bounce-rate-wrap{width: 65%; margin-left: 12.5vw; padding-top: 12.5vw;}
        .bounce-thumb{margin-top: 0;}
        
        .middle-office-software,.front-office-software{margin-top: 0px; padding-top: 40px; padding-top: 12.5vw;}
        .middle-office-software .bounce-rate-wrap .bounce-text{width: 100%;}
        .list-item-info,.front-office-software .usd-thumb{margin-left: 12.5vw; width: 75%; }
        .front-office-software .usd-thumb{margin-top: 6.25vw;}
        
        .products-groups .hero-section{min-height: 530px; padding-bottom: 65px; padding-bottom: 20.3125vw;}
        
        .home-content-section .hero-section-inner{min-height: 420px; padding-top: 0;}
        .contact-content,.contact-content:nth-child(even){width: 100%; margin-left: 0px; padding: 0 20px;}
        .contact-content:first-child{margin-top: 30px;}
        .map-wrap { margin-top: 40px; }
        .hero-icon{max-width: 80px;}
        .contact-us-content .fundamental-promo-section{padding-top: 0;}
        
        .aside-nav{width: 100%;}
        .blog-content-details { width: 100%; margin-left: 0; }
        .blog-content-details .official-content-text,.blog-content-details .official-content-text:first-child{margin-top: 30px;margin-top: 9.375vw}
        .blog-content-details .body-link.bold{margin-top: 4.6875vw}
        .blog-content-details .note{margin-top:3.125vw ; }
        .blog-content-details .official-content-text p{padding-top: 6.25vw}
        .blog-content .blog-content-wrap,.article-content .profile-page-wrap,.client-content-wrap,.career-info-wrap{margin-left: 12.5vw}
        .article-content .profile-page-wrap .profile-thumb{width: 100%;height: 66.433854vw}
        .article-content .profile-page-wrap .profile-thumb-deals{width: 100%;}
        .article-content .profile-page-wrap .article-image{width: 100%;}
        .designation-title dfn{margin-top: 2.5vw;}
        .article-content .profile-page-wrap .profile-text{width: 100%; margin-left: 0px;}
        .profile-text h1{padding-right: 0px;}
        .article-content .profile-page-wrap .about-profile p{margin-top: 2.8125vw}
        .back-link.mobi{position: relative; bottom: auto; top: auto; display: block; padding-top: 20px;}
        .client-content-wrap h5{padding: 0;}
        .testimonial-text{padding: 0;}
        .career-info-wrap h5,.career-info-wrap .note{ width: 100%; text-align: center;}
        .career-content-row:first-child .career-headline{margin-top: 0px;}
        .careers-description .career-info-wrap{width: 100%}
        .hero-slide-content-wrap{padding: 30px; padding: 9.375vw;}
        
        .feature-icon-wrap{max-width: 80px; max-height: 80px; width: 25vw; height: 25vw; margin-left: -60px;}
        .home-page-body .hero-content-wrap{padding: 0;}
        
        
        /* Expanded fixing style */
        .products-content-wrap,.testimonial-slider-wrap,.list-item-info, .front-office-software .usd-thumb,.bitmp-wrap,.blog-content .blog-content-wrap,.content-text-info-section,.our-value-content,.team-details-wrap,.career-info-wrap,.profile-page-wrap{margin-left: 0; width: 100%;}
        .hero-content-wrap,.feature-item-wrap,.back-0ffice-content .feature-item-wrap,.cutting-technology-section,.official-content-details, .front-office-software .official-content-details,.usd-jpy-wrap, .bounce-rate-wrap,.usd-jpy-wrap, .bounce-rate-wrap, .product-content .content-wrap{margin-left: 0; width: 100%;}
        .hero-content, .usd-jpy-wrap, .bounce-rate-wrap{padding-left: 50px;}
        .feature-item, .product-content .content-wrap{padding-left: 60px;}
        .hero-content .hero-icon,.back-0ffice-content .feature-icon-wrap,.feature-icon-wrap,.product-content .product-portfolio-icon,.blog-content .hero-content .hero-icon,.back-0ffice-content .hero-content .hero-icon{margin-left: 0; left: 0;}
        .products-info-section{padding: 0 20px;}
        .client-content-wrap{margin: 0; padding-top: 30px; width: 100%;}
        .brand-logo-wrap{max-width: 388px; float: none; margin: 0 auto; clear: both; overflow: hidden;} 
        .brand-item,.brand-item:nth-child(4n+1){width: 48%; height: 31.25vw; margin-top: 30px; padding: 0 10px; float: left; margin: 30px 2% 0; /*clear: both;*/ overflow: hidden; max-width: 186px; max-height: 186px;}
        .brand-item:nth-child(2n+1){margin-left: 0;}
        .brand-item:nth-child(2n+2){margin-right: 0;}
        .testimonial-slider-wrap{margin-top: 30px;}
        .cutting-technology-section,.official-content-details, .front-office-software .official-content-details,.usd-jpy-wrap, .bounce-rate-wrap,.list-item-info, .front-office-software .usd-thumb,.title-text-info,.team-details-wrap,.profile-page-wrap{padding-left: 20px; padding-right: 20px;}
        .cutting-technology-content,.front-office-software .usd-thumb{width: 100%; margin-left: 20px; margin-right: 20px; width: calc(100% - 40px);}
        .product-top-description,.content-text-info-section{padding: 0 20px;}
        .products-groups .products-info-section{padding-bottom: 20px;}
        /* Expanded fixing style */
        
        
        .article-content .profile-page-wrap{padding-top: 105px; display: block; margin-left: 0; width: 100%; padding-left: 20px; padding-right: 20px; padding-bottom: 30px;}
        .client-content .products-info-section{padding-bottom: 30px;}
        .pagination-bar{margin-top: 30px; margin-top: 9.375vw;}
        .about-content .hero-section-inner{min-height: 650px;}
        .overlay-title a.social-icon-link{width: 30px; height: 30px;}
        .career-info-wrap a.expertise{padding: 15px 20px 14px 25px;}
        
        .careers-description .career-info-wrap,.career-content-row:nth-child(2),.career-content-row,.career-details a{margin-top: 30px;}
        .careers-description .career-info-wrap{padding-bottom: 30px;}
        .profile-page-content .profile-text h1{padding-right: 50px;}
        .profile-page-wrap{padding-top: 105px; padding-bottom: 30px;}
    
        .bitmap-thumb{height: 40.142153vw;}
        .about-content .mission-content-wrap{margin-top: -26.6875vw;}
        .our-value-content .list-item-info ul{width: 100%;}
        .about-content .team-details-section .team-details-wrap .title-text-info{padding-right: 0;}
        .team-profile-wrap .overlay-title,.team-profile-wrap .team-profile:before{opacity: 1;}
    
        /* New fixing style 08-09-2017 */
        .main-nav{padding-right: 0;}
        .main-nav > ul > li:after{top: 12px;}
        .main-nav > ul > li > ul{visibility: visible; opacity: 1; margin-top: 0; height: auto; display: none;} 
        .main-nav > ul > li > ul > li,.dl-menuwrapper li{background-color: #5b5d65; border-top: 1px solid rgba(74, 76, 84, .95);} 
        .main-nav > ul > li > ul li a,.dl-menuwrapper li{line-height: 14px; letter-spacing: .2px; padding: 14px 20px;}
        .main-nav > ul > li > ul > li > a{display: inline-block;}
        .main-nav > ul > li > ul > li.hassSubnavSub > a:before{opacity: 0;}
        .main-nav > ul > li > ul > li.hassSubnavSub > a:after{-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); margin-top: -6px; right: -13px;}
        .main-nav > ul > li > ul > li > ul{position: relative; left: auto; right: auto; -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); visibility: visible; opacity: 1; width: 100%; height: auto; padding: 0; display: none;}
        .main-nav > ul > li > ul > li > ul > li,.dl-menuwrapper li.dl-back{background-color: #4a4c54;}
        .main-nav > ul > li > ul > li > ul > li > a{padding: 13px 30px;}
        .main-nav > ul > li > ul, .main-nav > ul > li > ul > li > ul{-moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none;}
        .main-nav > ul > li > ul li:hover > a, .main-nav > ul > li > ul > li > ul li:hover a{background: transparent;}
    
        .bounce-rate-wrap,.usd-jpy-wrap{display: block;}
        .front-office-software .official-content-text{padding-top: 30px;}
        .career-headline{width: 100%; padding-left: 0;}
        .career-details{width: 100%; padding-top: 15px;}
    
        .main-nav{padding: 0; position: absolute; display: block; height: auto; background: transparent; width: 100%; max-width: 100%;}
        .main-nav.navShow{background: rgba(74, 76, 84, .95);}
        .dl-menuwrapper button{float: right; margin-top: 15px; margin-right: 15px; background-image: url(/images/svgs/mobile-menu.svg); background-repeat: no-repeat; background-position: center; background-color: transparent; right: 0;/* top: -22px;*/top:0; position: fixed; z-index: 99;} 
        .dl-menuwrapper button.dl-active{background-image: url(/images/svgs/mobile-close.svg);  background-repeat: no-repeat; background-position: center; background-color: transparent;}
        .dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul,.dl-menuwrapper li.dl-back > a{background-color: transparent;}
        .dl-menuwrapper button:after{box-shadow: none;opacity: 0;}
        .dl-menuwrapper{max-width: 100%;top: 22px;}
        .dl-menuwrapper .dl-menu{position: relative; height: 0; overflow: hidden; background: rgba(74, 76, 84, .95); max-height: calc(100vh - 74px); background: #5b5d65;padding-top: 0px;}
        .dl-menuwrapper .dl-menu.dl-menuopen{height: calc(100vh - 74px); overflow-y: auto; padding-bottom: 50px; margin-top: 49px;}
        .phone-nav{display: none; z-index: -1;}
        .dl-menu.dl-subview li.dl-subview,.dl-menu.dl-subview li.dl-subviewopen{padding: 0;}
        .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after{background-image: url(/images/arrow-right-white.svg); background-repeat: no-repeat; background-position: center; width: 12px; height: 12px; content: ""; right: 20px; top: 50%; margin-top: -6px;}
        .dl-menuwrapper li.dl-back:after{content: ""; background-image: url(/images/svgs/arrow-right-red.svg); background-repeat: no-repeat; background-position: center; top: 50%; margin-top: -6px; width: 12px; height: 12px;}
    
    
        .dl-menuwrapper li a,  #dl-menu ul li ul li:last-child a{font-size: 18px; line-height: 14px; letter-spacing: .3px; font-family: 'Poppins', sans-serif; font-weight: 700; padding: 7px 0px; text-align: left; border:none; height: auto;}
        .dl-menuwrapper > .dl-menu > li:first-child{border-top: 1px solid #000000;}
        #dl-menu ul li:last-child{padding-top: 30px; }
        #dl-menu ul li:last-child a{padding: 0; text-align: center; border: 2px solid #ffffff; height: 55px; line-height: 52px;}
        
        /*===============new fixing 09-15-2017========================*/
        .dl-menuwrapper{/*top: 25px ;*/top:0;}
        .dl-menuwrapper button{margin-top: 13px;}
        .our-story-figure{margin-top: -30px;}
        .dl-menuwrapper .dl-menu.dl-menuopen{margin-top: 49px;height: 100vh;}
        .main-nav > ul > li > ul > li, .dl-menuwrapper li{border-top: 0;box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);}
        .home-page-body .hero-content-wrap{padding-top: 35px;min-height: 567px;}
        
        ul.dl-submenu li:last-child a{font-size: 18px; line-height: 14px; letter-spacing: .3px; font-family: 'Poppins', sans-serif; font-weight: 700; padding: 7px 0px; text-align: left !important; border:none !important; height: auto !important;}
        ul.dl-submenu li:last-child {padding-top:14px !important;}
        
    }
    
    
    
    /*		Wide Mobile Layout: 480px.
    ------------------------------------------------------------
    */
    
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        
        .hero-content{margin-top: 0;}
        /*.main-nav{padding-top: 120px;}*/
        .mission-content-wrap{margin-top: -35.96491228070175vw; }
        .mission-text-info p{padding-top: 7.368421052631579vw;}
        .mission-text-info h4:before{bottom: -3.508771929824561vw;}
        .our-value-content .list-item-info ul li, .list-item-info ul li{margin-top: 2.631578947368421vw;}
        .list-item-info ul li:after{top: 1.2280701754385965vw;}
        
        .our-value-content .list-item-info .lead-text, .title-text-info .lead-text{margin-top: 1.7543859649122806vw;}
        .list-item-info, .title-text-info, .team-details-wrap{padding-top: 7.017543859649122vw;}
        .team-profile{float: none; max-width: 400px; max-height: 300px; margin: 20px auto 0; clear: both; overflow: hidden;}
    
        /*.contact-us-content .hero-content-wrap{margin-left: 20vw;}*/
        .blog-content-details .official-content-text{margin-top: 4.497751124437781vw;}
        .list-item-info, .title-text-info, .team-details-wrap, .profile-text{padding-top: 20px;}
        .hero-section-inner{padding-top: 140px; padding-top: 24.561403508771928vw;}
        .product-content .product-portfolio-icon{padding-top: 23px; padding-top: 4.035087719298246vw;}
    
        .feature-icon-wrap{width: 14.035087719298245vw; height: 14.035087719298245vw;}
        .middle-office-software .bounce-rate-wrap .bounce-text{margin-left: 0;}
        .about-content .hero-section-inner{min-height: 580px;}
        .team-details-wrap{padding-bottom: 30px;}
    
        .bitmp-wrap{margin-top: -22.8447vw;}
    }
    
    
    /*		Tablet Layout: 768px.
    -----------------------------------------------------------------
    */
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        input[type="text"],input[type="submit"],input[type="password"],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none; border-radius: 0}
            
        
        .portfolio-manager-section ul li{width: 19.083333%;}
        .portfolio-manager-section ul li a{line-height: 2.25vw;}
        
        .hero-content-wrap{margin-top: 24.545454545454543vw;}
        .home-page-body .hero-content-wrap{padding: 0 80px; padding: 0 10.38961038961039vw; margin-top: 0;}
        .hero-content-wrap:after{left: 40px;}
        .content-wrap{margin-left: 13vw; width: 34%;}
        .product-portfolio-icon{width: 20%; margin-left: -30%}
        .what-our-story-content-wrap .content-wrap{width: 48%;}
        .office-about-section{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify;}
        .office-about{height: auto; padding-bottom: 7.5vw; padding-left: 3vw; padding-right: 3vw;}
        .office-about-section .body-link{left: 3vw;}
        .most-advanced-content-wrap,.most-advanced-figure{height: 40vw;}
        .most-advanced-content-wrap .content-wrap{padding-top: 6vw; width: 95%;}
        
        .promo-item{padding-left: 3.5vw; padding-right: 3.5vw;}
        .portfolio-manager-section ul li:nth-child(3){width: 21%;}
        .team-profile{float: left; width: 49%; height:31.4vw;} 
        .main-header{padding: 0 20px 15px;}
        .logo-wrap{width: 100%; padding-top: 2.987012987012987vw;} 
        .logo{float: none; margin: 0 auto; clear: both; overflow: hidden; width: 200px; width: 25.974025974025974vw;}
        .main-nav{width: 100%; margin-top: 20px; margin-top: 2.5974025974025974vw; padding-left: 0;}
        .main-nav > ul{text-align: center;}
        .main-nav > ul > li{padding: 0 0.700vw;}
        .main-nav > ul > li:first-child{padding-right: 25px;}
        .main-nav > ul > li > ul{left: 5px; top: 45px;}
        .main-nav > ul > li.hassSubnav:before{top: 40%;}
        .main-nav > ul > li > a{padding: 20px 0;}
        .main-nav > ul > li > a:after{bottom: 12px;}
        .main-nav > ul > li.nav-btn a,.main-nav > ul > li:last-child a {padding: 1.4285714285714286vw 2.857142857142857vw; margin-top: 4px; margin-top: 0.5194805194805194vw;}
        .main-nav > ul > li.hassSubnav:before{right: 1.0389610389610389vw;}
        
        .hosted-services-section .content-wrap{width: 40%;}
        .hosted-icon{width: 18.222222%; left: -26.333333%;}
        
        .footer-nav ul li a{padding: 11px 0px;}
        .goodsense-figure{/*margin-left: 16.67vw;*/ margin-left: 16.66666666666667%;}
        .promo-item a.btn{left: 3.5vw; bottom: 4.8vw;}
        .manager-fund-navigation ul li a{line-height:1.864583vw}
        .front-office-software .usd-thumb { margin-left: 3.9vw;}
        .list-item-info { width: 30.25%;}
        .products-groups .hero-content-wrap{margin-top: 35px; margin-top: 4.557291666666667vw}
        .bitmp-wrap{margin-top: 75px; margin-top: 9.765625vw}
        .products-groups .bitmp-wrap{margin-top: -18.8447vw;}
        
        .mission-content-wrap{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; }
        .mission-thumb, .mission-text-info{height: auto;}
        .profile-page-wrap{padding-top: 24.675324675324674vw;}
        .profile-text h1 a{top: 0;}
        .main-wrap{overflow: hidden;}
        .hero-slider-wrap{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; align-items: center; padding-bottom: 6.4935064935064934vw;}
        .hero-slide{height: auto; padding-top: 5.194805194805195vw; padding-bottom: 6.4935064935064934vw;}
        
        .list-item li{margin-top: 2.0779220779220777vw;}
        .list-item li:after{top: 1.1688311688311688vw;}
        
        .products-groups .hero-section{padding-top: 150px; padding-top: 19.48051948051948vw;}    
        .product-content .hero-section-inner{padding-top: 60px;}
        .footer-nav ul li:first-child{/*width: 22.987012987012985vw;*/ margin-top: 4px;}
        .footer-social a{width: 3.116883116883117vw; height: 3.116883116883117vw; margin: 0 1.0389610389610389vw;}
        
        .contact-us-content .hero-content-wrap{margin-top: 23.376623376623375vw; margin-left: 19.7vw;}
        .contact-content,.contact-content:nth-child(even){margin-left: 80px; margin-left: 10.38961038961039vw;}
        .contact-form-wrap{width: 40%;}
    
        .product-content .product-portfolio-icon{padding-top: 3.896103896103896vw;}
        .products-groups .hero-section{padding-bottom: 100px; padding-bottom: 18vw;}
        .main-nav > ul > li > a:after{bottom: 8px;}
        .main-header.fixed-header .main-nav > ul > li > ul{top: 7.402597402597403vw;}
        
        .cutting-technology-section,.manager-fund-navigation{width: 70%; margin-left: 15vw;}
        .profile-text h1{padding-right: 0;}
        .article-content .profile-page-wrap{margin-left: 8%; width: 85%;}
        .blog-content .blog-content-wrap{width: 80%; margin-left: 10%;}
        
        /* New fixing style */
        .hosted-icon{padding-top: 2.5vw;}
    
    
    }
    
    
    /*		Tablet Layout: 1024px.
    -----------------------------------------------------------------
    */
    
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
        input[type="text"],input[type="submit"],input[type="password"],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none; border-radius: 0}
    
        .logo{width:180px}
        h3{font-size: 35px;}
        .main-nav > ul > li > a {font-size: 12px}
        .main-wrap{overflow: hidden;}
        .footer-nav ul li a{padding: 10px 0px;}
        .fundamental-promo-section{margin-top: -10px;}
                    
        .goodsense-figure{/*margin-left: 16.67vw;*/ margin-left: 16.66666666666667%;}
        .clients-logo-wrap .box.grey-psg:after, .clients-logo-wrap .box.grey-nedbank:before, .clients-logo-wrap .box.grey-sanne:before{left: 0;}
        .office-about-section{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify;}
        .office-about{height: auto;}
        
        .main-nav > ul > li, .footer-nav ul li{padding: 0 12px; padding: 0 1.171875vw;}
        .list-item li:after{top: 0.87890625vw;}
        .team-profile{float: left; width: 49%; height:31.4vw;} 
        .logo-wrap{width: 19.53125vw; padding-top: 2.24609375vw;}
        .main-nav{width: -webkit-calc(100% - 19.53125vw); width: calc(100% - 19.53125vw);}
        .main-nav > ul > li:first-child{padding-right: 3.3203125vw;}
        .main-nav > ul > li > a{padding: 3.515625vw 0;}
        .main-nav > ul > li.hassSubnav:before{top: 3.41796875vw;}
        .main-nav > ul > li.nav-btn a, .main-nav > ul > li:last-child a{margin-top: 2.24609375vw; padding: 1.07421875vw 2.1484375vw;}
        
        .footer-nav ul li:first-child{/*width: 17.28515625vw;*/ margin-top: 3px;}
        .footer-social a{width: 2.34375vw; height: 2.34375vw; margin: 0 0.78125vw;}
        .product-content .product-portfolio-icon{padding-top: 2.9296875vw;}
        .home-page-body .hero-content-wrap{padding: 0 145px; padding: 0 14.16015625vw;}
        .front-office-thumb-wrap{margin-top: 10px;}
        .main-header.fixed-header .main-nav > ul > li > ul {top: 8.203125vw; }
        .main-nav > ul > li > ul {top: 6.34765625vw; left: 0.9765625vw;}
        .hero-slide{margin-top: -5.30074vw;}
        .most-advanced-content-wrap .content-wrap{padding-top: 4vw;}
        
        .most-advanced-content-wrap .content-wrap{padding-top: 5vw;}
    
         /* New fixing style */
        .hosted-icon{padding-top: 2vw;}
    }
    
    @media only screen and (min-width: 1201px) and (max-width: 1400px) {
        
        .mission-text-info h4:before{bottom: -1.6vw;}
        .list-item li{margin-top: 1.314708299096138vw;}
        .list-item li:after{top: 0.7395234182415776vw;}
        
        .team-profile{float: left; width: 32%; height:21.4vw;} 
    
        .official-content-text p{padding-top: 1.6433853738701725vw;}
        .back-office-software-section .body-link.bold{margin-top: 1.3968775677896468vw;}
        .hero-content-wrap .lead-text{padding-top: 3.286770747740345vw;}
        .products-groups .products-content-wrap{padding: 5.505341002465078vw 4.930156121610517vw 5.751848808545604vw;}
        
        .logo-wrap{width: 18.323746918652425vw;}
        .main-nav{width: calc(100% - 18.323746918652425vw);}
        .main-nav > ul > li, .footer-nav ul li{padding: 0 1vw;}
        .main-nav > ul > li:first-child{padding-right: 2.7937551355792936vw; }
        .main-nav > ul > li > a{padding: 40px 0;}
        .main-nav > ul > li.nav-btn a, .main-nav > ul > li:last-child a{margin-top: 1.8898931799506984vw; padding: 0.75001vw 1.70772391125719vw;}
        .main-nav > ul > li.hassSubnav:before{top: 2.875924404272802vw;}
        
        .logo-wrap{padding-top: 1.8898931799506984vw;}
        .footer-nav ul li:first-child{/*width: 14.543960558751028vw;*/ margin-top: 0;}
        .footer-nav ul li a{padding: 0.4930156121610518vw 0;}
        
        .footer-social a{margin: 0 0.657354149548069vw; width: 1.972062448644207vw; height: 1.972062448644207vw;}
        /*.contact-us-content .hero-icon{left: -9.860312243221035vw;}*/
    
        .career-info-wrap .note {/* margin-top: 0.5751848808545604vw;*/}
        .hero-content .hero-icon{top: 0.9860312243221035vw;}
        .product-content .product-portfolio-icon{padding-top: 2.4650780608052587vw;}
        .main-nav > ul > li > ul{top: 94px;}
        .main-header.fixed-header .main-nav > ul > li > ul{top: 94px;}
        
        .goodsense-figure{/*margin-left: 16.47vw;*/ margin-left: 16.66666666666667%;}
        .products-groups .hero-section {padding-bottom: 175px; padding-bottom: 14.37962202136401vw; }
        .hosted-icon{padding-top: 1.3vw;}
    }
    .fund-navigation ul{
        display: grid;
        width: 100%;
        grid-template-columns: 25% 25% 25%;
        max-width: 1200px;
    }
    .fund-navigation li{
        padding-top: 10px;
        padding-bottom: 10px;
        width: 100% !important;
    }

    @media only screen and (min-width: 1200px){
        .fund-navigation ul{
            grid-template-columns: 25% 25% 25% 25%;
        }
    }

    @media only screen and (max-width: 800px){
        .fund-navigation ul{
            display: none !important;
        }
    }