@charset "utf-8";

@media only screen and (max-width:1680px) {
    .left-banner-area{background-size:cover;background-position:top}
    .mobile-number-text-box .input-group select{width:44%}
    .left-banner-area::after,.left-banner-area::before{bottom:-60px}
    .create-account-page .left-banner-area::after,.create-account-page .left-banner-area::before{bottom:-110px}
    .file-upload-input{width:56%}
    .CheckKYC-page .left-div, .CheckKYC-page .right-div {height: 82.1vh;}
    .create-account-page .right-div, .create-account-page .left-div {height: 82.1vh;}
    .risk-profiling-page .left-div, .risk-profiling-page .right-div{height: 82.1vh;}
    .mysettings .left-div, .mysettings .right-div {height: 82.1vh;}
}

@media only screen and (max-width:1600px) {
    .left-banner-area{background-size:cover;background-position:top}
    .mobile-number-text-box .input-group select{width:46%}
    .left-banner-area::after,.left-banner-area::before{bottom:-140px}
    .create-account-page .left-banner-area::after,.create-account-page .left-banner-area::before{bottom:-200px}
    .partnership-firm-area.creative-radio.inputGroup label{padding:8px 15px}
    .create-account-page.enter-pan-date .left-div,.create-account-page.enter-pan-date .right-div{height:79.4vh}
    .file-upload-input{width:58%}
    .mysettings .left-div, .mysettings .right-div {height: 78.4vh;}
}

@media only screen and (max-width:1440px) {
    .wsmainwp{max-width:1300px}
    .left-banner-area{background-size:cover;background-position:top}
    .mobile-number-text-box .input-group select{width:51%}
    .left-banner-area::after,.left-banner-area::before{bottom:-160px}
    .create-account-page .left-banner-area::after,.create-account-page .left-banner-area::before{bottom:-230px}
    .file-upload-input{width:65%}
}

@media only screen and (max-width:1400px) {
    .left-banner-area{background-size:cover;background-position:top}
    .mobile-number-text-box .input-group select{width:53%}
    .left-banner-area::after,.left-banner-area::before{bottom:-80px}
    .create-account-page .left-banner-area::after,.create-account-page .left-banner-area::before{bottom:-130px}
    .file-upload-input{width:67%}
    .mysettings .left-div, .mysettings .right-div {height: 82.1vh;}
}

@media only screen and (max-width:1366px) {
    .desktoplogo img{width:auto;height:36px}
    .left-banner-area{background-size:cover;background-position:top}
    .Already-an-invester{margin:10px auto 0}
    .OR{margin:8px auto 10px}
    #dvActype.create-account-page .left-div,#dvActype.create-account-page .right-div,.create-account-page .left-div,.create-account-page .right-div,.create-account-page.enter-pan-date .left-div,.create-account-page.enter-pan-date .right-div{height:85vh}
    .left-banner-area::after,.left-banner-area::before{bottom:-230px}
    .create-account-page .left-banner-area::after,.create-account-page .left-banner-area::before{bottom:-350px}
    .tooltip .tooltiptext{left:-160%}
    .FixedDeposits .switch-to-direct-icon{padding:20px 0;height:145px}
    .switch-to-direct-area.green-banner h1{margin:33px 0 10px}
    .alternative-investment-funds-img{height:145px}
    .alternative-investment-funds-banner h1{margin:24px 0 10px}
    .Get-unbiased-data-dr,.second-third-applicant-details-page .left-div .Get-unbiased-data-dr{margin:0 10%}
    .onboard-welcome img{height:175px}
    .onboard-welcome .fa-4x{font-size:3em}
    .CheckKYC-page .left-div, .CheckKYC-page .right-div {height: 86vh;}
    .mysettings .left-div, .mysettings .right-div {height: 89vh;}
}

@media only screen and (max-width:1360px) {
    .mobile-number-text-box .input-group select {width: 55%;}    
}

@media only screen and (max-width:1280px) {
    .left-banner-area{background-size:cover;background-position:top}
    .sign-up-page .right-div{padding-top:85px;padding-bottom:25px}
    .register-page .left-div{padding-top:85px}
    .OR{margin:8px auto 10px}
    .checkbox.inputGroup label:after,.creative-radio.inputGroup label:after,.radio.inputGroup label:after{width:35px;height:35px;background-position:0 7px;right:-9px;top:10px}
    .wsmainwp{max-width:1200px}
    .label-only .input-group label{padding-left:0}
    .mobile-number-text-box .input-group select{width:57%}
    .create-account-page .left-banner-area::after,.create-account-page .left-banner-area::before{bottom:-160px}
    .my-holding-table h5{top:172px}
    #divEMICalculator .card{min-height:420px}
    .knowledge-center-area img{width:100%}
}

@media (max-device-width: 1280px) and (max-device-height: 1024px) {
    .overlay-content{top:40%}
    .file-upload-input{width:74%}
    #holdingData .widget-text-box .btn-success{margin:0 5px 0 0}
    #holdingData .widget-head-color-box{padding:15px 10px}
    #holdingData .widget-head-color-box .h4{min-height:75px}
    .fixed-dedposits-grid .table.dataTable.table-condensed .sorting:after,.fixed-dedposits-grid .table.dataTable.table-condensed .sorting_asc:after,.fixed-dedposits-grid .table.dataTable.table-condensed .sorting_desc:after{top:23px}
    .sip-mandates .card label{font-size:13px}
    .sip-mandates .active-alert,.sip-mandates .pending-alert{margin-top:12px}
    .chat-banner .card{min-height:674px}
    #dvActype.create-account-page .left-div,#dvActype.create-account-page .right-div{height:82.2vh}
    #dvFolio.portfolio-summary-table .notes,#dvFolio_2.portfolio-summary-table .notes{display:inline-block;position:absolute}
    #holdingData .widget-head-color-box .h4 p{font-size:17px}
    .onboard-welcome img{height:230px}
    .onboard-welcome .fa-4x{font-size:4em}
    .CheckKYC-page .left-div, .CheckKYC-page .right-div {height: 81.6vh;}
    .left-div,.right-div{height:82vh}   
    .create-account-page .right-div, .create-account-page .left-div {height: 81.6vh;}
    #divRetCalculator .card {min-height: 446px;}
    #dvFolio .table.dataTable.table-condensed .sorting:after,
    #dvFolio .table.dataTable.table-condensed .sorting_asc:after,
    #dvFolio .table.dataTable.table-condensed .sorting_desc:after,
    #dvFolio_2 .table.dataTable.table-condensed .sorting:after,
    #dvFolio_2 .table.dataTable.table-condensed .sorting_asc:after,
    #dvFolio_2 .table.dataTable.table-condensed .sorting_desc:after {top: 18px;}
    .risk-profiling-page .left-div, .risk-profiling-page .right-div {height: 81.5vh;}
    .mysettings .left-div, .mysettings .right-div {height: 81.4vh;}
    #dvCategory.portfolio-summary-table .table.dataTable.table-condensed > thead > tr > th:last-child {
        width: 80px;
    }
}

@media (max-device-width: 1280px) and (max-device-height: 960px) {
    .CheckKYC-page .left-div, .CheckKYC-page .right-div {height: 80.1vh;}
    .create-account-page .right-div, .create-account-page .left-div {height: 80.1vh;}
    .risk-profiling-page .left-div, .risk-profiling-page .right-div {height: 80vh;}
    .mysettings .left-div, .mysettings .right-div {height: 80vh;}
}

@media (max-device-width: 1280px) and (max-device-height: 800px) {
    .carousel-indicators{bottom:92px}
    #dvActype.create-account-page .left-div,#dvActype.create-account-page .right-div,#dvKYC.create-account-page.enter-pan-date .left-div,#dvKYC.create-account-page.enter-pan-date .right-div{height:78vh}
    .onboard-welcome img{height:180px}
    .onboard-welcome .fa-4x{font-size:3em}
    .CheckKYC-page .left-div, .CheckKYC-page .right-div {height: 85vh;}
    .mysettings .left-div, .mysettings .right-div {height: 85vh;}
}

@media (max-device-width: 1280px) and (max-device-height: 768px) {
    .create-account-page.enter-pan-date .left-div,.create-account-page.enter-pan-date .right-div{height:91vh}
    .overlay-content{top:38%}
    #holdingData .widget-text-box .btn-success{margin:0 5px 0 0}
    #dvKYC.create-account-page.enter-pan-date .left-div,#dvKYC.create-account-page.enter-pan-date .right-div{height:82vh}
    .tooltip .tooltiptext{left:-160%}
    #dvAMC.portfolio-summary-table .notes,#dvAssetType.portfolio-summary-table .notes,#dvCategory.portfolio-summary-table .notes,#dvScheme.portfolio-summary-table .notes{display:none}
    .left-div,.right-div{height:90vh}
    .CheckKYC-page .left-div, .CheckKYC-page .right-div {height: 87vh;}
    .create-account-page .right-div, .create-account-page .left-div {height: 84vh;}
    .mysettings .left-div, .mysettings .right-div {height: 90vh;}
}

/*********** IPAD landscape ***********/
@media (min-width: 1024px) and (max-width: 1199px) {
    .accordion.res-table .tab-pane table td table td::before,.account-statement.accordion-table.res-table table td table td::before,.my-holding-table .res-table table tfoot th::before,.res-table table td::before{content:attr(data-label);width:45%;text-align:left;left:15px;position:absolute;float:left}
    .desktoplogo img{width:auto;height:28px}
    .instacash-overview-bank-title .cart-logo{margin-right:0}
    .adv-area .card.blue,.adv-area .card.orange{min-height:285px}
    .carousel-inner>.item>a>img,.carousel-inner>.item>img,.myCartTab-area #dvSTP .card .card-body{height:300px}
    .megamenu.headtoppart .wssearchbar{width:32%}
    .megamenu.headerfull .wsmenu{padding:0 15px}
    .accordion.res-table .tab-pane table td table,.res-table table{border:0}
    .accordion.res-table .tab-pane table td table caption,.res-table table caption{font-size:1.3em}
    .accordion.res-table .tab-pane table td table thead,.account-statement.accordion-table.res-table table td table thead,.res-table table thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
    .res-table table tr{border:1px solid #ddd;display:block;margin-bottom:15px;padding:0}
    .res-table table td{display:block;font-size:14px;text-align:right;position:relative;padding-left:50%!important;border-top:none!important}
    .account-statement.accordion-table.res-table table td.accountStatement-inner-table,.res-table table tr td{padding-left:15px!important}
    .res-table table td::before{font-weight:500}
    .executepurchase-page .res-table table tr td{display:flow-root}    
    #dvTop5AMC.res-table table,.account-statement.accordion-table.res-table table td.accountStatement-inner-table table,.executepurchase-page .res-table table,.portfolio-details .table.table-condensed tbody tr.inner-td td .table tbody tr:last-child{margin-bottom:0}
    .res-table table tfoot tr{border:none;background-color:transparent;margin-bottom:0}
    .res-table table tfoot tr th{border-top:none}
    .accordion.res-table table thead{position:relative}
    .accordion.res-table table tr{border:none;display:revert;margin-bottom:0;border-bottom:1px solid #ddd}
    .accordion.res-table table tr td{display:table-cell;}
    .accordion .panel-body{padding:15px 0}
    .accordion.res-table .tab-pane table td table tr,.account-statement.accordion-table.res-table table td table tr,.account-statement.accordion-table.res-table table tr td table tr:nth-child(odd){border:1px solid #ddd;display:block;margin-bottom:15px;background-color: #effde3;}
    .accordion.res-table .tab-pane table td table td,.account-statement.accordion-table.res-table table td table td,.my-holding-table .res-table table tfoot th{position:relative;padding-left:50%!important;border-top:none!important;display:block;text-align:right}
    .accordion.res-table .tab-pane table td table td{font-size:.8em}
    .accordion.res-table .tab-pane table td table td::before{font-weight:700}
    .account-statement.accordion-table.res-table table tr{border:none}
    .account-statement.accordion-table.res-table table td{padding-left:40px!important;text-align:left}
    .account-statement.accordion-table.res-table table td table td{font-size:14px;height:34px;padding:8px 15px 8px 20px;border-radius:0}
    .account-statement.accordion-table.res-table table td table td::before{font-weight:600}
    .gain-loss-report-table.accordion.res-table .tab-pane table td table td,.investment-options-box-title,.my-holding-table .chart-area h5,.sip-mandates .card label{font-size:14px}
    .my-holding-table .res-table table td{padding-left:50%!important}
    .my-holding-table #dvDebtRating.res-table table td,.my-holding-table #dvPICPS.res-table table td,.my-holding-table #dvPIDCA.res-table table td,.my-holding-table #dvPIDSA.res-table table td,.my-holding-table #dvPIECA.res-table table td,.my-holding-table #dvPIESA.res-table table td{padding-left:30%!important}
    .alternative-investment-funds-banner h4{margin:10px 0 16px}
    .instacash-overview-bank-title .card-title{/*margin-left:15px;*/margin-top:0}
    .todays-change-down,.todays-change-up{font-size:13px;text-align:left;margin-bottom:0}
    .knowledge-center-area .knowledge-center-tab-link,.knowledge-center-area .knowledge-center-tab-message,.knowledge-center-area .knowledge-center-tab-message .fa-comment,.knowledge-center-area .knowledge-center-tab-person,.live-sessions-area .live-sessions-message{font-size:12px}
    .domestic-plan-points .card .card-body{padding:50px 30px}
    .my-holding-table .card .card-body,.snapshot-area .card .card-body{min-height:299px}
    .snapshot-area .gray-box-2{padding:26px 15px}
    .gray-box-2{padding:17px 10px}
    .my-other-investments-area .btn-success{margin-top:10px}
    .my-other-investments-area .carousel-inner .card-body{min-height:350px}
    .invested-amount label,.invested-value label,.myorderbook-page .nav-tabs>li.active>a,.myorderbook-page .nav-tabs>li.active>a:focus,.myorderbook-page .nav-tabs>li.active>a:hover,.myorderbook-page .nav-tabs>li>a,.snapshot-area .gain-loss label,.snapshot-area .todays-change-down,.snapshot-area .todays-change-up,.xirr-value label{font-size:16px}
    .mobile-number-text-box .input-group select{width:51%}
    .interested-in-sgb .investment-options-box{padding:25px 15px}
    .new-to-mutual-funds .investment-options-box{padding:5px 15px}
    .left-banner-area::after,.left-banner-area::before{bottom:-230px}
    .create-account-page .left-banner-area::after,.create-account-page .left-banner-area::before{bottom:-270px}
    #dvSchemes table.dataTable>tbody>tr.child span.dtr-title,#fdcrisilRating .res-table table tr.symbol-rating-catagory,.PortfolioSummary table.dataTable>tbody>tr.child ul.dtr-details>li br,.QR-code-mobile, .nominee-details-new .left-banner-area,.notes.plus-icon,.portfolio-details .table.table-condensed .alt-bg-color span+span,.unlisted-equity .fixed-dedposits-grid .notes{display:none}
    .portfolio-details .alt-bg-color .fas.fa-angle-down,.portfolio-details .alt-bg-color .fas.fa-angle-up{left:18px;top:4px}
    .my-holding-table h5{top:155px}
    .my-holding-table .card span+span{width:75%}
    .allocations-area .chart-area{min-height:576px}
    .mobile-verification-page .Get-unbiased-data-dr{margin:0 5px}
    .profile-address-info{min-height:189px}
    .table>tfoot>tr>th.investment-details-area:first-child{top:0}
    .invested-amount .fa-rupee-sign,.invested-value .fa-rupee-sign,.knowledge-center-area .card-body h4,.live-sessions-area .card-body h4{font-size:13px}
    .live-sessions-area .live-sessions-message .fa-play-circle{font-size:20px;top:3px}
    .quick-links .investment-options-box{min-height:165px}
    .my-holdings-grid-area h2{display:inline-block;margin-bottom:0}
    .grid-search-area{margin-top:20px}
    .issue-info{width:100%}
    #tblTickets.res-table table .btn-success{margin:-8px 0 0}
    #CatList .investment-options-box img{width:50%}
    #CatList .investment-options-box{min-height:220px}
    .carousel-indicators{bottom:90px}
    .bank-details-page .carousel-indicators{bottom:23%}
    .personal-details-page .carousel-indicators{bottom:18%}
    .nominee-details-page .carousel-indicators,.primary-address-page .carousel-indicators{bottom:21%}
    .wsshopmyaccount a label{white-space:normal;margin-bottom:0;vertical-align:middle}
    .overlay-content{top:38%}
    .howitwork div.staticlist{min-height:474px}
    .testimonial_details{min-height:310px}
    .contactus_address .contactus_addressinner{min-height:416px}
    .creative-radio.inputGroup label:after{width:33px;height:33px;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");background-position:-1px 7px}
    .file-upload-input{width:69%}
    #dvFolio .table.dataTable.table-condensed .sorting:after,#dvFolio .table.dataTable.table-condensed .sorting_asc:after,#dvFolio .table.dataTable.table-condensed .sorting_desc:after,#dvFolio_2 .table.dataTable.table-condensed .sorting:after,#dvFolio_2 .table.dataTable.table-condensed .sorting_asc:after,#dvFolio_2 .table.dataTable.table-condensed .sorting_desc:after{top:11px}
    #dvAMC .table.dataTable.table-condensed .sorting:after,#dvAMC .table.dataTable.table-condensed .sorting_asc:after,#dvAMC .table.dataTable.table-condensed .sorting_desc:after,#dvAMC_2 .table.dataTable.table-condensed .sorting:after,#dvAMC_2 .table.dataTable.table-condensed .sorting_asc:after,#dvAMC_2 .table.dataTable.table-condensed .sorting_desc:after,#dvAssetType .table.dataTable.table-condensed .sorting:after,#dvAssetType .table.dataTable.table-condensed .sorting_asc:after,#dvAssetType .table.dataTable.table-condensed .sorting_desc:after,#dvAssetType_2 .table.dataTable.table-condensed .sorting:after,#dvAssetType_2 .table.dataTable.table-condensed .sorting_asc:after,#dvAssetType_2 .table.dataTable.table-condensed .sorting_desc:after,#dvCategory .table.dataTable.table-condensed .sorting:after,#dvCategory .table.dataTable.table-condensed .sorting_asc:after,#dvCategory .table.dataTable.table-condensed .sorting_desc:after,#dvCategory_2 .table.dataTable.table-condensed .sorting:after,#dvCategory_2 .table.dataTable.table-condensed .sorting_asc:after,#dvCategory_2 .table.dataTable.table-condensed .sorting_desc:after,#dvScheme .table.dataTable.table-condensed .sorting:after,#dvScheme .table.dataTable.table-condensed .sorting_asc:after,#dvScheme .table.dataTable.table-condensed .sorting_desc:after,#dvScheme_2 .table.dataTable.table-condensed .sorting:after,#dvScheme_2 .table.dataTable.table-condensed .sorting_asc:after,#dvScheme_2 .table.dataTable.table-condensed .sorting_desc:after{top:11px}
    .PortfolioSummary .fixed-deposit-invest-page.fd-checkbox{position:relative;top:15px;float:right}
    #divsipcalculator .card{min-height:375px}
    .myCartTab-area .card .card-body.sip, .myCartTab-area .card .card-body.swp{min-height:258px}
    .myCartTab-area #dvSWTTbl .card .card-body{height:205px}
    .myCartTab-area #dvSWPTbl .card .card-body{height:250px}
    .portfolio-details .table.table-condensed tbody tr.inner-td td:first-child{background-color:#f5f6f8}
    .portfolio-details .table.table-condensed tbody tr.inner-td td .table tbody tr td:first-child::before{padding-left:18px!important}
    #dvCPS .res-table table tbody tr,#dvDebtRating.res-table table tbody tr,#dvMCAPATable.res-table table tbody tr,#dvPIDCA.res-table table tbody tr,#dvPIDSA.res-table table tbody tr,#dvPIECA.res-table table tbody tr,#dvPIESA.res-table table tbody tr,#dvTop5AMC.res-table table tbody tr,.portfolio-details .table.table-condensed tbody tr.inner-td td .table tbody tr td:first-child{background-color:#fff}
    .portfolio-details .table.table-condensed tbody tr.inner-td td .table{background-color:#f5f6f8;margin-bottom:0}
    .my-holding-table .res-table table tfoot th{font-size:14px;padding:10px 15px}
    .my-holding-table .res-table table tfoot th::before{font-weight:700;font-size:14px}
    .snapshot-amount .gray-box-1{padding:20px 15px}
    .debt-market-area .card .card-body,.my-age-radio-btn .btn-group .btn{padding:15px 10px}
    .snapshot-area .my-holding-table #dvTop5AMC tbody{height:266px}
    #holdingData .widget-text-box .btn-success{margin:0 10px 0 0}
    .holding-scheme{width:50%!important}
    #divWealthcalculator .card{min-height:300px}
    #divEMICalculator .card{min-height:414px}
    #divRetCalculator .card{min-height:695px}
    #dvSchemes table.dataTable>tbody>tr.child span.dtr-data .btn-success{width:auto}
    .why-invest-in-nps .card .card-body{min-height:122px}
    #div_amc_product .table>tbody>tr>td label{padding:0}
    #div_amc_product table td .btn-success{margin:0;width:auto}
    .bonds-banner h1{margin:22px 0 10px}
    .sip-type{margin-right:10px;text-align:center;margin-bottom:10px;display:inline-block;}    
    .sip-mandates .active-alert,.sip-mandates .pending-alert{margin-top:9px}
    .snapshot-area .category-allocation .card .card-body{min-height:298px}
    #holdingData .widget-head-color-box{min-height:260px}
    .snapshot-area .my-holding-table #dvCWA tbody{height:207px}
    .my-holdings-grid-area .table>tbody>tr>td:first-child,.mysettings.bank-details-page.nominee-details-new .right-div .vertical-middle{vertical-align:top}
    .instacash-overview-bank-table.res-table table tr td{border-bottom:1px solid #ddd}
    .profile-address-info .card{min-height:234px}
    .adv-area .card .card-title{margin-top:14px}
    .adv-area img{margin-top:25px}
    .OTPVerification-page p.sign-up-small-heading{margin:0 15px 30px}
    .Get-unbiased-data-dr{margin:0}
    .second-third-applicant-details-page .left-div .Get-unbiased-data-dr{margin:0 14%}
    .tooltip .tooltiptext{left:-160%}
    #dvSystematicTbl .notes, #dvSystematicTbl .notes.plus-icon, .fixed-dedposits-grid .notes, .floating-icon.QR-Code, .notes.plus-icon, .snapshot-area .my-holding-table #dvTop5AMC table tr {display: block}
    .bonds .fixed-dedposits-grid .notes{display:none;}
    #fdcrisilRating .res-table table td{height:36px}
    .fixed-dedposits-grid table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before{top:7px!important}
    .PortfolioInsight .my-holding-table #dvPICPS .table>tbody>tr>td{background-color:#f5f5f5}
    table.dataTable>tbody>tr.child ul .dtr-data{float:right!important;display:flex}
    #dvAMC.portfolio-summary-table .notes,#dvAMC_2.portfolio-summary-table .notes,#dvAssetType.portfolio-summary-table .notes,#dvAssetType_2.portfolio-summary-table .notes,#dvCategory.portfolio-summary-table .notes,#dvCategory_2.portfolio-summary-table .notes,#dvFolio.portfolio-summary-table .notes,#dvFolio_2.portfolio-summary-table .notes,#dvScheme.portfolio-summary-table .notes,#dvScheme_2.portfolio-summary-table .notes{display:inline-block;position:absolute}
    .fixed-dedposits-grid table tr td:nth-child(4),.portfolio-summary-table .table.dataTable.table-condensed>thead>tr>th{white-space:nowrap}
    #holdingData2 table.dataTable>tbody>tr.child ul.dtr-details>li:nth-last-child(2){display:inline-block;float:left;width:85%;padding:.5em 0}
    #holdingData2 table.dataTable>tbody>tr.child ul.dtr-details>li:last-child{display:inline-block;float:right;width:15%;border-bottom:1px solid #efefef;text-align:right}
    .my-holdings-grid-area .fa-hand-pointer{font-size:15px;color:#000}
    #holdingData2 .dropdown-menu{left:15px}
    .my-holding-table .table>tbody>tr>td:last-child{border-bottom:none}
    .fatca-tax-label .input-group label.without-icon{line-height:normal}
    .snapshot-area .my-holding-table #dvCWA .table > thead > tr > th {width: 60%;}
    .snapshot-area .my-holding-table #dvCWA .table > thead > tr > th:last-child {width: 40%;}
    .snapshot-area .my-holding-table #dvCWA table tbody tr td,.snapshot-area .my-holding-table #dvDebtRating table tbody tr td,.snapshot-area .my-holding-table #dvMCAPATable table tbody tr td{width:60%}
    .snapshot-area .my-holding-table #dvCWA table tbody tr td:last-child,.snapshot-area .my-holding-table #dvDebtRating .table>thead>tr>th:last-child,.snapshot-area .my-holding-table #dvDebtRating table tbody tr td:last-child,.snapshot-area .my-holding-table #dvMCAPATable .table>thead>tr>th:last-child,.snapshot-area .my-holding-table #dvMCAPATable table tbody tr td:last-child{width:40%}
    .snapshot-area .my-holding-table #dvTop5AMC table tbody tr td{width:auto;text-align:right}
    .snapshot-area .my-holding-table #dvDebtRating .table>thead>tr>th,.snapshot-area .my-holding-table #dvMCAPATable .table>thead>tr>th{width:65%;display:inline-block}
    #holdingData2 .table>thead>tr>th{white-space:normal}
    #holdingData2 table.dataTable thead .sorting:after,#holdingData2 table.dataTable thead .sorting_asc:after,#holdingData2 table.dataTable thead .sorting_desc:after{bottom:18px}
    .snapshot-area .my-holding-table #dvDebtRating tbody,.snapshot-area .my-holding-table #dvMCAPATable tbody{height:186px}
    .switch-to-direct-area.green-banner h1{margin:30px 0 10px}
    .about-aif-banner .goals-icon{left:10px}
    .portfolio-details .table.table-condensed tr{background-color:#f0f0f4}
    #holdingData2 .amc-logo{margin-bottom:20px}
    .create-account-page.enter-pan-date .left-div,.create-account-page.enter-pan-date .right-div{height:78vh}
    .switch-to-direct-area h2{margin:20px 0 10px}
    .creative-radio.inputGroup label img{height:20px;margin-right:2px}
    .CheckKYC-page .left-div, .CheckKYC-page .right-div {height: 87vh;}
    .gray-box-2{min-height: 105px;}
    .desktoplogo {padding: 14px 0px;}
    .PortfolioInsight .my-holding-table #dvPICPS table tbody tr td {width: 100%;}
    .PortfolioInsight .my-holding-table #dvPICPS table tr{display:block;}
    .PortfolioInsight .my-holding-table #dvPICPS .table > tfoot > tr > th {width: 100%;}
    .PortfolioInsight .my-holding-table #dvPICPS tbody {height: 392px;}
    .portfolio-details p.folio-no{float:right;}
    .portfolio-details .table.table-condensed tr td:first-child{height:55px;}
    .portfolio-details .table.table-condensed tr.inner-td td:first-child{height:auto;}
    .res-table.portfolio-details table td:first-child::before {left: 40px;}
    .res-table.portfolio-details table tr.inner-td td:first-child::before {left:15px;}
    .gain-loss-report-table.res-table table td::before {content:none;}
    .mandates-upload-table.res-table table tbody tr td {background-color: #d9f5c3;}
    .myorderbook-page #dvLumpsum .notes.plus-icon {display: none;}
    .calculator-page #divsipcalculator .gray-box-2 {min-height: 105px;}
}
/*********** IPAD landscape ***********/

/*********** Ipad portrait and small tablet landscape ***********/ 
@media (min-width: 767px) and (max-width: 991px) {
    .footer-left,.footer-right,.investment-details-area ul{text-align:center}
    .my-holding-table .res-table table tfoot th::before,.res-table table td::before{content:attr(data-label);width:45%;float:left;text-align:left;position:absolute}
    #fdcrisilRating .res-table table tr.symbol-rating-catagory,.PortfolioSummary table.dataTable>tbody>tr.child ul.dtr-details>li br,.create-account-page-left-bg,.floating-icon.QR-Code,.frequently-asked-questions-img,.investment-options-img,.left-banner-area,.portfolio-details .table.table-condensed .alt-bg-color span+span, .wsmenu .wsmenu-list li.support-call, .wsmenu>.wsmenu-list>li>.navtext>span i{display:none}
    .issue-info,.switch-to-direct-icon{width:100%}
    #tblTickets.res-table table .btn-success{margin:-10px 0 0}
    .smllogo img{width:auto;height:36px}
    .mobile-cart-bell>a{padding:0 15px}
    .mobile-cart-bell em.roundpoint{right:3px}
    .mobile-cart-bell em.bellroundpoint{right:11px}
    .QR-code-mobile,.diy-page .notes.plus-icon,.notes.plus-icon,.snapshot-area .my-holding-table #dvTop5AMC table tr,.wsmenu>.wsmenu-list>li.mobile-wsshopmyaccount{display:block}
    .my-holding-table .chart-area .table>tbody>tr>td,.my-holding-table .chart-area .table>thead>tr>th{font-size:16px}
    .my-holding-table h5{font-size:24px;top:185px}
    .accordion.res-table .tab-pane table td table,.res-table table{border:0}
    .accordion.res-table .tab-pane table td table caption,.res-table table caption{font-size:1.3em}
    .accordion.res-table .tab-pane table td table thead,.account-statement.accordion-table.res-table table td table thead,.res-table table thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
    .res-table table tr{border:1px solid #ddd;display:block;margin-bottom:15px;padding:0}
    .my-holding-table .res-table table tfoot th,.res-table table td{display:block;font-size:14px;text-align:right;position:relative;padding-left:50%!important;border-top:none!important}
    .PortfolioDetails .res-table table td{padding-left:200px!important}
    .account-statement.accordion-table.res-table table td.accountStatement-inner-table,.res-table .table tr.inner-td td{padding-left:15px!important}
    .res-table table td::before{font-weight:500;left:10px}
    .res-table table tfoot tr{border:none;background-color:transparent;margin-bottom:0}
    .res-table table tfoot tr th{border-top:none}
    .executepurchase-page .res-table table,.portfolio-details .table.table-condensed tbody tr.inner-td td .table tbody tr:last-child{margin-bottom:0}
    .accordion.res-table table thead{position:relative}
    .accordion.res-table table tr{border:none;display:revert;margin-bottom:0;border-bottom:1px solid #ddd}
    .accordion.res-table table tr td{padding:5px 15px!important;display:table-cell;}
    .accordion .panel-body{padding:15px 0}
    .accordion.res-table .tab-pane table td table tr,.account-statement.accordion-table.res-table table td table tr,.account-statement.accordion-table.res-table table tr td table tr:nth-child(odd){border:1px solid #ddd;display:block;margin-bottom:15px;background-color: #effde3;}
    .accordion.res-table .tab-pane table td table td{display:block;font-size:.8em;text-align:right;position:relative;padding-left:50%!important;border-top:none!important}
    .accordion.res-table .tab-pane table td table td::before,.account-statement.accordion-table.res-table table td table td::before{content:attr(data-label);float:left;font-weight:700;width:45%;text-align:left;position:absolute;left:10px}
    .account-statement.accordion-table.res-table table tr{border:none}
    .account-statement.accordion-table.res-table table td{padding-left:40px!important;text-align:left}
    #divEMICalculator .card,#divRetCalculator .card,#divsipcalculator .card,.allocations-area .chart-area,.exposure-area .chart-area,.profile-address-info .card{min-height:auto}
    .myCartTab-area .nav-tabs>li.active>a,.myCartTab-area .nav-tabs>li.active>a:focus,.myCartTab-area .nav-tabs>li.active>a:hover,.myCartTab-area .nav-tabs>li>a{width:108px}

    .myCartTab-area.myorderbook-page .nav-tabs > li.active > a, .myCartTab-area.myorderbook-page .nav-tabs > li.active > a:focus, .myCartTab-area.myorderbook-page .nav-tabs > li.active > a:hover, .myCartTab-area.myorderbook-page .nav-tabs > li > a {
        width: 130px;
        height:82px;
        vertical-align:middle;
        display:table-cell;
    }

    .myCartTab-area #dvSIPTbl .card .card-body{height:220px}
    .myCartTab-area #dvSWPTbl .card .card-body{height:215px}
    .myCartTab-area .table.dataTable.table-condensed .sorting:after,.myCartTab-area .table.dataTable.table-condensed .sorting_asc:after,.myCartTab-area .table.dataTable.table-condensed .sorting_desc:after{top:10px}
    .account-statement.accordion-table.res-table table td table td{display:block;font-size:14px;text-align:right;position:relative;padding-left:50%!important;border-top:none!important;height:34px;padding:8px 15px 8px 20px}
    .gain-loss-report-table.accordion.res-table .tab-pane table td table td{font-size:14px}
    .my-holding-table .res-table table td{padding-left:45%!important}
    .my-holding-table #dvPICPS.res-table table td{padding-left:32%!important}
    .my-holding-table #dvDebtRating.res-table table td,.my-holding-table #dvPIDCA.res-table table td,.my-holding-table #dvPIDSA.res-table table td,.my-holding-table #dvPIECA.res-table table td,.my-holding-table #dvPIESA.res-table table td{padding-left:20%!important}
    .wsmenu>.wsmenu-list>li>a{padding:19px 12px}
    .domestic-plan-points .card .card-body{padding:33px 22px}
    ul.my-holdings-grid-indicate{padding-left:0}
    .investment-details-area ul li{width:32.5%;margin:15px 0}
    .investment-details-area ul li:nth-child(3){border-right:none}
    .mobile-number-text-box .input-group select{width:165px}
    .my-holding-table .chart-area .table>tbody>tr>td{display:revert;border-bottom:none;padding-left:0!important;text-align:left}
    .OTPVerification-page .vertical-middle,.bank-details-page .vertical-middle,.create-account-page .left-div .vertical-middle,.create-account-page .right-div .vertical-middle,.fatca-details-page .vertical-middle,.first-second-joint-applicant-fatca-details-page .vertical-middle,.foreign-address-page .right-div .vertical-middle,.forgotpassword-page .vertical-middle,.login-page .right-div .vertical-middle,.login-page .vertical-middle,.nominee-details-page .right-div .vertical-middle,.personal-details-page .right-div .vertical-middle,.primary-address-page .vertical-middle,.risk-profiling-page .vertical-middle,.sign-up-page .right-div .vertical-middle{vertical-align:top;padding-top:0}
    .portfolio-details .alt-bg-color .fas.fa-angle-down,.portfolio-details .alt-bg-color .fas.fa-angle-up{left:12px;top:4px}
    .partnership-firm-area.creative-radio.inputGroup label img,.table>tfoot>tr>th.investment-details-area:first-child{top:0}
    .partnership-firm-area.creative-radio.inputGroup label p{width:auto;text-align:left;position:relative;top:0}
    .footer-left,.footer_nav_list .col-sm-6{margin-bottom:15px}
    .profile-area h2{margin-top:0;margin-left:0;margin-bottom:0}
    .adv-area .card.blue.four{background-image:linear-gradient(223deg,#ffc97e 146%,#ff9948 -5%)}
    .adv-area .card.orange.three{background-image:linear-gradient(230deg,#b3a4ff 115%,#7c6bff 9%)}
    #dvChartSIPC,#dvChartSIPE,.AccountStatement-export-btn .btn-default,.diy-page h1,.grid-search-area{margin-top:0}
    .goals-area p{margin:0}
    .goals-icon{left:-25px;bottom:-130px}
    .btn-goals{margin-top:24px}
    .goals-area{padding:18px 25px 25px 0}
    .scheme-details-are{border-right:none;min-height:220px}
    .sovereign-gold-bonds-banner .goals-icon{bottom:-79px}
    .msform .action-button{width:50%}
    .footer,.snapshot-area .my-holding-table #dvDebtRating tbody{height:auto}
    .diy-page .table>tbody>tr>td .amc-logo,.footer-right a:last-child{margin-right:0}
    .create-account-page.enter-pan-date .left-div,.create-account-page.enter-pan-date .right-div{height:85vh}
    .vertical-middle{vertical-align:middle}
    .this-package-includes.domestic-plan-points .card .card-body{padding:20px}
    .domestic-plan-points .card .card-body ul li{padding-left:30px}
    .domestic-plan-points .card .card-body ul li i{position:absolute;left:18px}
    .creative-radio.inputGroup input:checked~label:before{transform:translate(-50%,-50%) scale3d(75,56,1);opacity:1}
    #wrapper{margin-bottom:96px;padding-top:60px}
    .overlay{z-index:99999}
    .aboutus_leftimg .img-responsive{width:50%;display:inline-block}
    .bank-grade-img .img-responsive{width:60%;display:inline-block}
    .upload-document-page{padding-top:40px;padding-bottom:60px}
    .PortfolioSummary .grid-pdf-excel-icon{position:relative;top:0;right:0}
    .portfolio-details .table.table-condensed tr{background-color:#f0f0f4}
    #dvAMC .table.dataTable.table-condensed .sorting:after,#dvAMC .table.dataTable.table-condensed .sorting_asc:after,#dvAMC .table.dataTable.table-condensed .sorting_desc:after,#dvAMC_2 .table.dataTable.table-condensed .sorting:after,#dvAMC_2 .table.dataTable.table-condensed .sorting_asc:after,#dvAMC_2 .table.dataTable.table-condensed .sorting_desc:after,#dvAssetType .table.dataTable.table-condensed .sorting:after,#dvAssetType .table.dataTable.table-condensed .sorting_asc:after,#dvAssetType .table.dataTable.table-condensed .sorting_desc:after,#dvAssetType_2 .table.dataTable.table-condensed .sorting:after,#dvAssetType_2 .table.dataTable.table-condensed .sorting_asc:after,#dvAssetType_2 .table.dataTable.table-condensed .sorting_desc:after,#dvCategory .table.dataTable.table-condensed .sorting:after,#dvCategory .table.dataTable.table-condensed .sorting_asc:after,#dvCategory .table.dataTable.table-condensed .sorting_desc:after,#dvCategory_2 .table.dataTable.table-condensed .sorting:after,#dvCategory_2 .table.dataTable.table-condensed .sorting_asc:after,#dvCategory_2 .table.dataTable.table-condensed .sorting_desc:after,#dvFolio .table.dataTable.table-condensed .sorting:after,#dvFolio .table.dataTable.table-condensed .sorting_asc:after,#dvFolio .table.dataTable.table-condensed .sorting_desc:after,#dvFolio_2 .table.dataTable.table-condensed .sorting:after,#dvFolio_2 .table.dataTable.table-condensed .sorting_asc:after,#dvFolio_2 .table.dataTable.table-condensed .sorting_desc:after,#dvScheme .table.dataTable.table-condensed .sorting:after,#dvScheme .table.dataTable.table-condensed .sorting_asc:after,#dvScheme .table.dataTable.table-condensed .sorting_desc:after,#dvScheme_2 .table.dataTable.table-condensed .sorting:after,#dvScheme_2 .table.dataTable.table-condensed .sorting_asc:after,#dvScheme_2 .table.dataTable.table-condensed .sorting_desc:after{top:18px}
    .portfolio-details .table.table-condensed tbody tr.inner-td td:first-child{background-color:#f5f6f8}
    .portfolio-details .table.table-condensed tbody tr.inner-td td .table tbody tr td:first-child::before{padding-left:18px!important}
    #dvCPS .res-table table tbody tr,#dvDebtRating.res-table table tbody tr,#dvMCAPATable.res-table table tbody tr,#dvPIDCA.res-table table tbody tr,#dvPIDSA.res-table table tbody tr,#dvPIECA.res-table table tbody tr,#dvPIESA.res-table table tbody tr,#dvTop5AMC.res-table table tbody tr,.portfolio-details .table.table-condensed tbody tr.inner-td td .table tbody tr td:first-child{background-color:#fff}
    .portfolio-details .table.table-condensed tbody tr.inner-td td .table{background-color:#f5f6f8;margin-bottom:0}
    #div_amc_product .table>tbody>tr>td label,.mysettings.bank-details-page .director-info-table table tr,.portfolio-details .table.table-condensed tbody tr{padding:0}
    .my-holding-table .res-table table tfoot th::before{font-weight:700;left:15px;font-size:14px}
    .res-table table td:last-child{border-bottom:none}
    .card #holdingData2 table td,.snapshot-area .my-holding-table #dvCWA table tbody tr td{text-align:left}
    .holding-scheme{width:50%!important}
    #holdingData2 table.dataTable>tbody>tr.child ul.dtr-details>li:nth-last-child(2){display:inline-block;float:left;width:85%}
    #holdingData2 table.dataTable>tbody>tr.child ul.dtr-details>li:last-child{display:inline-block;float:right;width:15%;border-bottom:1px solid #efefef;padding:5px 0;text-align:right}
    #holdingData2 table.dataTable>tbody>tr.child ul.dtr-details>li a.fa-ellipsis-v{font-size:20px;margin-top:0;float:right}
    #holdingData .widget-head-color-box .table>tbody>tr>td{display:revert}
    #holdingData .widget-text-box .btn-success{margin:0 15px 0 0}
    .fixed-dedposits-grid .card table td,.nfo-grid .card table td{text-align:left;vertical-align:top}
    .why-invest-in-nps .card .card-body{min-height:115px}
    #div_amc_product table td .btn-success{margin:0;width:auto}
    #div_amc_product.res-table table tr{padding:0;margin-bottom:15px}
    #div_amc_product.res-table table td,.executepurchase-page .card-body #dvCart.res-table table td{padding-left:30%!important}
    .alternative-investment-funds-banner h1,.switch-to-direct-area.green-banner h1{margin:23px 0 10px}
    .aif-banner.alternative-investment-funds-banner h1{margin:23px 15px 10px 0}
    .alternative-investment-funds-img{padding:20px 0;height:auto}
    .investment-options-box{min-height:185px}
    .pms-logo-content.row{display:flex;flex-wrap:wrap}
    .pms-logo-content.row .order-sm-1{order:1!important}
    .pms-logo-content.row .order-sm-2{order:2!important}
    .bonds-banner h1{margin:22px 0 10px}
    #dvList table.dataTable thead .sorting:after,#dvList table.dataTable thead .sorting_asc:after,#dvList table.dataTable thead .sorting_desc:after{top:30px}
    .scanmandateupload #dvList table.dataTable thead .sorting:after,.scanmandateupload #dvList table.dataTable thead .sorting_asc:after,.scanmandateupload #dvList table.dataTable thead .sorting_desc:after{top:23px}
    .executepurchase-page .card-body #dvCart table tr td:first-child{height:85px}
    .mysettings.bank-details-page .director-info-table table td::before{left:15px}
    .mysettings.bank-details-page .director-info-table table td{padding-left:25%!important}
    .adv-area img{width:80%}
    .adv-area .card .card-title{margin-top:13px}
    .dashboard-complete-registration-icon{margin:6px 29px 1px 0}
    .snapshot-area .card .card-body{min-height:305px}
    .snapshot-area .gain-loss .card .card-body{min-height:290px}
    .snapshot-area .my-holding-table .res-table{height:255px}
    .snapshot-area .debt-market-area .my-holding-table .card .card-body{min-height:285px}
    #holdingData .widget-head-color-box .h4{min-height:auto;height:auto}
    #dpdvPIAA{margin-bottom:1.5rem}
    .why-invest-in-nps .card img{padding-top:0}
    .investment-options-icon{height:80px}
    .PortfolioSummary .nav-tabs>li.active>a,.PortfolioSummary .nav-tabs>li.active>a:focus,.PortfolioSummary .nav-tabs>li.active>a:hover,.PortfolioSummary .nav-tabs>li>a{width:120px}
    #dvAMC.portfolio-summary-table .notes,#dvAMC_2.portfolio-summary-table .notes,#dvAssetType.portfolio-summary-table .notes,#dvAssetType_2.portfolio-summary-table .notes,#dvCategory.portfolio-summary-table .notes,#dvCategory_2.portfolio-summary-table .notes,#dvFolio.portfolio-summary-table .notes,#dvFolio_2.portfolio-summary-table .notes,#dvScheme.portfolio-summary-table .notes,#dvScheme_2.portfolio-summary-table .notes{display:inline-block;position:absolute}
    .wsmenu>.wsmenu-list>li>.navtext{padding:19px 20px}
    .snapshot-area .my-holding-table #dvTop5AMC table tbody tr td{width:auto;text-align:right}
    .snapshot-area .my-holding-table #dvTop5AMC tbody{height:270px}
    .fixed-dedposits-grid table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before{top:7px!important}
    .switch-to-direct-area.green-banner h2{margin:30px 0 10px}
    .PortfolioSummary .fixed-deposit-invest-page.fd-checkbox{position:relative;top:10px}
    .PortfolioInsight .my-holding-table #dvPICPS .table>tbody>tr>td{background-color:#f5f5f5}
    #holdingData2 table td:first-child{white-space:nowrap}
    .wsmenu>.wsmenu-list>li>ul.sub-menu{right:0}
    .switch-to-direct-area h2{margin:20px 0 10px}
    .executepurchase-page .sip-type{text-align:center;margin-bottom:10px}
    .OTPVerification-page .vertical-middle, .create-account-page .left-div .vertical-middle, .create-account-page .right-div .vertical-middle, .fatca-details-page .vertical-middle, .first-second-joint-applicant-fatca-details-page .vertical-middle, .foreign-address-page .right-div .vertical-middle, .forgotpassword-page .vertical-middle, .login-page .right-div .vertical-middle, .login-page .vertical-middle, .nominee-details-page .right-div .vertical-middle, .personal-details-page .right-div .vertical-middle, .primary-address-page .vertical-middle, .sign-up-page .right-div .vertical-middle {
        vertical-align: top;
        padding-top: 0;
    }
    .risk-profiling-page .vertical-middle {vertical-align: top;padding-top: 30px;}
    .login-page .right-div {padding-top: 85px;}
    .CheckKYC-page .left-div, .CheckKYC-page .right-div {padding-top:30px;height: 85vh;}
    .create-account-page .right-div, .create-account-page .left-div {height: 85vh;}
    .sip-type {margin-right: 10px;text-align: center;margin-bottom: 10px;display: inline-block;}
    .diy-page .table > tbody > tr > td {vertical-align: top;}
    .schemes-area .schemes-title-area {min-height: auto;}
    .PortfolioInsight .my-holding-table #dvPICPS table tbody tr td {width: 100%;}
    .PortfolioInsight .my-holding-table #dvPICPS table tr{display:block;}
    .PortfolioInsight .my-holding-table #dvPICPS .table > tfoot > tr > th {width: 100%;}
    .PortfolioInsight .my-holding-table #dvPICPS tbody {height: 412px;}
    .portfolio-details p.folio-no{float:right;}
    .portfolio-details .table.table-condensed tr td:first-child{display:flow-root;}
    .portfolio-details .table.table-condensed tr.inner-td td:first-child{height:auto;}
    .res-table.portfolio-details table td:first-child::before {left: 40px;}
    .res-table.portfolio-details table tr.inner-td td:first-child::before {left:10px;}
    .gain-loss-report-table.res-table table td::before {content:none;}
    .mandates-upload-table.res-table table tbody tr td {
        background-color: #d9f5c3;
    }
    .profile-card {
        padding: 15px;
        min-height: auto;
    }
    .profile-Personal-details .profile-card {
        padding-bottom: 0;
    }
    .res-table #chqList table tr {
        background-color: #effde3;
    }
    .bank-details-page .vertical-middle {
        vertical-align: top;
        padding-top: 30px;
    }
    .wsmenu > .wsmenu-list > li.wsshopmyaccount > a i.fa-star {
        right: 14px;
        top: 3px;
    }
    #dvFolio .table.dataTable.table-condensed .sorting:after,
    #dvFolio .table.dataTable.table-condensed .sorting_asc:after,
    #dvFolio .table.dataTable.table-condensed .sorting_desc:after {
        top: 10px;
    }
    .wsmenu > .wsmenu-list > li.wsshopmyaccount > a span {
        width: 100%;
    }
}
/*********** Ipad portrait and small tablet landscape ***********/

/*********** mobile landscape and small tablet portrait ***********/
@media (min-width: 440px) and (max-width: 767px) {
    .accordion .tab-content .tab-pane, .frequently-asked-questions-img, .investment-options-img, .left-banner-area, .portfolio-details .table.table-condensed .alt-bg-color span + span, .wsmenu .wsmenu-list li.support-call, .wsmenu > .wsmenu-list > li > .navtext > span i {
        display: none
    }

    .issue-info, .msform .action-button {
        width: 100%
    }

    #tblTickets.res-table table .btn-success {
        margin: -10px 0 0
    }

    .btn-raise-new-ticket {
        position: relative;
        right: 0;
        width: 100%;
        padding: 15px
    }

    .faq .card .card-header .faq-title .badge {
        padding-bottom: 22px
    }

    .adv-area img, .wrapper-pre-login .adv-area img {
        width: 50%
    }

    .smllogo img {
        width: 100%;
        height: 36px
    }

    .mobile-cart-bell > a {
        padding: 0 15px
    }

    .mobile-cart-bell em.roundpoint {
        right: 3px
    }

    .mobile-cart-bell em.bellroundpoint {
        right: 11px
    }

    .accordion .nav-tabs, .accordion .tab-content .tab-pane.active, .notes.plus-icon, .profile-area, .subscriptions-date .account-statement-date .row div:last-child, .tenure-box ul, .wsmenu > .wsmenu-list > li.mobile-wsshopmyaccount, table.dataTable > tbody > tr.child ul.dtr-details {
        display: block
    }

    .wsmenu > .wsmenu-list > li.wsshopmyaccount.mobile-wsshopmyaccount > a {
        display: flex;
        align-items: center;
    }

    .carousel-caption h5, .checkbox.inputGroup input:checked ~ label p {
        font-size: 20px
    }

    .carousel-caption p {
        font-size: 13px
    }

    #gvbond_wrapper div.dataTables_wrapper div.dataTables_paginate, .dataTables_filter, table.dataTable > tbody > tr.child span + span {
        float: right
    }

    .my-holding-table .chart-area .table > tbody > tr > td, .my-holding-table .chart-area .table > thead > tr > th {
        font-size: 16px
    }

    .my-holding-table h5 {
        top: 145px;
        font-size: 18px
    }

    .accordion.res-table .tab-pane table td table, .res-table table {
        border: 0
    }

        .accordion.res-table .tab-pane table td table caption, .res-table table caption {
            font-size: 1.3em
        }

        .accordion.res-table .tab-pane table td table thead, .account-statement.accordion-table.res-table table td table thead, .res-table table thead {
            border: none;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px
        }

        .res-table table tr {
            border: 1px solid #ddd;
            display: block;
            margin-bottom: 15px;
            padding: 0
        }

        .my-holding-table .res-table table tfoot th, .res-table table td {
            display: block;
            font-size: 14px;
            text-align: right;
            position: relative;
            padding-left: 50% !important;
            border-top: none !important
        }

    .res-table .table tr.inner-td td {
        padding-left: 15px !important
    }

    .res-table table td::before {
        content: attr(data-label);
        float: left;
        font-weight: 500;
        width: 45%;
        text-align: left;
        position: absolute;
        left: 10px
    }

    .res-table table tfoot tr {
        border: none;
        background-color: transparent;
        margin-bottom: 0
    }

        .res-table table tfoot tr th {
            border-top: none
        }

    .executepurchase-page .res-table table, .fixed-deposit-invest-page .black.card label, .portfolio-details .table.table-condensed tbody tr.inner-td td .table tbody tr:last-child {
        margin-bottom: 0
    }

    .accordion.res-table table thead {
        position: relative
    }

    .accordion.res-table table tr {
        border: none;
        display: revert;
        margin-bottom: 0;
        border-bottom: 1px solid #ddd
    }

        .accordion.res-table table tr td {
            padding: 5px 15px !important;
            display: table-cell;
        }

    .accordion .panel-body, .tab-content .panel-body {
        padding: 15px 0
    }

    .accordion.res-table .tab-pane table td table tr, .account-statement.accordion-table.res-table table td table tr, .account-statement.accordion-table.res-table table tr td table tr:nth-child(odd) {
        border: 1px solid #ddd;
        display: block;
        margin-bottom: 15px;
        background-color: #effde3;
    }

    .accordion.res-table .tab-pane table td table td {
        display: block;
        font-size: .8em;
        text-align: right;
        position: relative;
        padding-left: 50% !important;
        border-top: none !important
    }

        .accordion.res-table .tab-pane table td table td::before, .account-statement.accordion-table.res-table table td table td::before {
            content: attr(data-label);
            float: left;
            font-weight: 700;
            width: 45%;
            text-align: left;
            position: absolute;
            left: 10px
        }

    .account-statement.accordion-table.res-table table tr, .tab-content .table-responsive {
        border: none
    }

    .account-statement.accordion-table.res-table table td {
        padding-left: 40px !important;
        text-align: left
    }

        .account-statement.accordion-table.res-table table td table td {
            display: block;
            font-size: 14px;
            text-align: right;
            position: relative;
            padding-left: 50% !important;
            border-top: none !important;
            height: 34px;
            padding: 8px 15px 8px 20px
        }

    .my-holding-table .res-table table td {
        padding-left: 50% !important
    }

    .accordion .nav-tabs > li.active > a, .accordion .nav-tabs > li.active > a:focus, .accordion .nav-tabs > li.active > a:hover {
        padding: 10px !important;
        font-size: 16px
    }

    .accordion .nav-tabs > li > a {
        padding: 10px;
        font-size: 16px
    }

    .gain-loss-report-table.accordion .nav-tabs > li > a {
        padding: 10px;
        font-size: 16px;
        width: 120px
    }

    .gain-loss-report-table.accordion.res-table .tab-pane table td table td {
        font-size: 14px
    }

    .sip-mandates .card label {
        margin-top: 0;
    }

    .wsmenu > .wsmenu-list > li > a {
        padding: 19px 12px
    }

    .instacash-overview-bank-title .my-holdings-as-on-date {
        margin-left: 0
    }

    #div_main_amc_product .res-table-header-logo, .Complete-your-Regist, .Complete-your-Regist + p, .adv-area .card.blue, .adv-area .card.orange, .alternative-investment-funds-banner h4, .alternative-investment-funds-banner.lumpsum-banner h1, .alternative-investment-funds-banner.lumpsum-banner h4, .bonds-banner h1, .bonds-banner h4, .btn-complete-registration-area, .footer-right, .gold-banner-area p, .gold-btn p, .gold-title, .investment-details-area ul, .profile-area .profile-img, .snapshot-amount .gray-box-1 .form-group, .snapshot-amount .gray-box-1 .invested-value, .switch-to-direct-area h1, .switch-to-direct-area h4, .switch-to-direct-area p, .snapshot-amount .gray-box-1 .xirr-value {
        text-align: center
    }

    .domestic-plan-matter-area {
        padding-right: 15px
    }

    .domestic-plan-points, .fatca-radio-btn {
        padding-left: 15px
    }

        .domestic-plan-points .card .card-body {
            padding: 50px 15px
        }

    .domestic-plan-expiring-soon-box, .profile-area h2 {
        margin-left: 0;
        text-align: center
    }

    ul.my-holdings-grid-indicate {
        padding-left: 0
    }

    .investment-details-area ul li {
        width: 32.5%;
        margin: 15px 0
    }

        .investment-details-area ul li:nth-child(3) {
            border-right: none
        }

    .my-other-investments-area .card .card-body {
        padding: 80px 15px 20px
    }

    .carousel-control.left {
        left: auto;
        right: 22%
    }

    #slidetext {
        top: 20px;
        right: 14%
    }

    .mobile-number-text-box .input-group select {
        width: 165px
    }

    .checkbox.inputGroup input:checked ~ label:before {
        transform: translate(-50%,-50%) scale3d(120,56,1)
    }

    .my-holding-table .chart-area .table > tbody > tr > td {
        display: revert;
        border-bottom: none;
        padding-left: 0 !important;
        text-align: left
    }

    .gold-banner-area {
        padding: 25px;
        margin: 0;
        background-position: top left
    }

    .gold-img {
        position: relative;
        top: -10px;
        left: 0;
        bottom: 0;
        right: 0;
        text-align: center
    }

    .gold-banner-area .btn-goals {
        box-shadow: none;
        padding: 16px 40px;
        text-align: center;
        margin: 10px auto 20px;
        float: none;
        display: block
    }

    .sip-mandates .alert-text-align {
        text-align: right
    }

    .mandate-form section, .personal-details-page.primary-address-page .right-div {
        padding-top: 0
    }

    .portfolio-details .alt-bg-color .fas.fa-angle-down, .portfolio-details .alt-bg-color .fas.fa-angle-up {
        left: 15px;
        top: 6px
    }

    .allocations-area .chart-area, .exposure-area .chart-area, .profile-address-info .card {
        min-height: auto
    }

    #dpdvPIAA, .label-only.tenure-box label, .profile-email {
        margin-bottom: 1.5rem
    }

    .partnership-firm-area.creative-radio.inputGroup label {
        padding: 15px
    }

        .partnership-firm-area.creative-radio.inputGroup label img, .table > tfoot > tr > th.investment-details-area:first-child {
            top: 0
        }

        .partnership-firm-area.creative-radio.inputGroup label p {
            width: auto;
            text-align: left;
            position: relative;
            top: 0
        }

    .creative-radio.inputGroup input:checked ~ label:before {
        transform: translate(-50%,-50%) scale3d(106,56,1);
        opacity: 1
    }

    .adv-area .card.blue.four {
        background-image: linear-gradient(223deg,#ffc97e 146%,#ff9948 -5%)
    }

    .adv-area .card.orange.three {
        background-image: linear-gradient(230deg,#b3a4ff 115%,#7c6bff 9%)
    }
/*
    #radioBtn .btn.btn-info.active {
        padding: 20px 15px !important
    }

    #radioBtn .btn.btn-info {
        padding: 20px 15px
    }*/

    #radioBtn .btn.btn-info{
        width:120px;
    }
    .dashboard-complete-registration-icon {
        margin: 0 auto 10px
    }

    .btn-complete-registration, .switch-to-direct-area .btn {
        margin: 15px auto;
        position: relative;
        bottom: 0;
        display: block;
        float: none;
        right: 0
    }

    .btn-complete-registration {
        width: auto
    }

    .goals-area {
        margin: 180px 0 60px;
        padding: 35px 25px 25px
    }

    .about-aif-banner .goals-area {
        margin: 120px 0 10px
    }

    .goals-icon {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: -20px;
        text-align: center
    }

    .goals-title {
        margin: 40px auto 10px;
        display: block;
        position: relative;
        text-align: center
    }

    .goals-area p {
        display: block;
        margin: 0 auto 15px;
        text-align: center
    }

    .btn-goals {
        margin: 0 auto;
        display: block
    }

    .footer-left, .sip-mandates .tab-content .tab-pane {
        margin-bottom: 15px
    }

    .instacash-overview-bank-title .cart-logo {
        width: 15%
    }

    .instacash-overview-bank-title .cart-title {
        width: 85%
    }

    #InstaCash_Overview_Tab h5.card-title, .diy-page h1, .grid-search-area, .instacash-overview-bank-title .card-title {
        margin-top: 0
    }

    .msform h4 {
        margin-top: 30px
    }

    .scheme-details-are {
        border-right: none;
        min-height: 275px
    }

    .sovereign-gold-bonds-banner .goals-area {
        padding: 25px
    }

    .msform .sovereign-gold-bonds-banner .goals-area h4 {
        margin-top: 60px;
        display: block;
        text-align: center
    }

    .sovereign-gold-bonds-banner .goals-icon {
        left: 0;
        right: 0;
        bottom: -40px
    }

    .alternative-investment-funds-img, .footer {
        height: auto
    }

    .footer-left {
        text-align: center
    }

    .footer-right a:last-child {
        margin-right: 0
    }

    .create-account-page.enter-pan-date .left-div, .create-account-page.enter-pan-date .right-div {
        height: 68vh
    }

    #wrapper {
        margin-bottom: 96px;
        padding-top: 60px
    }

    .this-package-includes.domestic-plan-points .card .card-body {
        padding: 20px
    }

    .overlay {
        z-index: 99999
    }

    .bank-grade-img .img-responsive {
        width: 80%;
        display: inline-block
    }

    .aboutus_leftimg .img-responsive {
        width: 50%;
        display: inline-block
    }

    .footer_nav_list .col-sm-6 {
        margin-bottom: 20px
    }

    .checkbox.inputGroup label p {
        padding-top: 30px;
        padding-left: 20px;
        font-size: 20px
    }

    .checkbox.inputGroup label img {
        height: 85px;
        right: 50px
    }

    .upload-document-page {
        padding-top: 40px;
        padding-bottom: 60px
    }

    .portfolio-details .table.table-condensed tr {
        background-color: #f0f0f4;
    }

    #divsipcalculator .card {
        min-height: auto;
    }

    #dvChartSIPC, #dvChartSIPE {
        margin-top: 0;
    }

    .account-statement.accordion-table.res-table table td.accountStatement-inner-table {
        padding-left: 15px !important;
    }

    #divEMICalculator .card {
        min-height: auto;
    }

    .myCartTab-area .notes.plus-icon {
        margin-top: 10px;
    }

    .myCartTab-area .table.dataTable.table-condensed .sorting:after, .myCartTab-area .table.dataTable.table-condensed .sorting_asc:after, .myCartTab-area .table.dataTable.table-condensed .sorting_desc:after {
        top: 10px;
    }

    .PortfolioSummary table.dataTable > tbody > tr.child ul.dtr-details > li br {
        display: none;
    }

    .diy-page .table > tbody > tr > td .amc-logo {
        margin-right: 0;
    }

    .PortfolioSummary .grid-pdf-excel-icon {
        position: relative;
        top: 0;
        right: 0
    }

    .portfolio-details .table.table-condensed tbody tr.inner-td td:first-child {
        background-color: #f5f6f8
    }

    .portfolio-details .table.table-condensed tbody tr.inner-td td .table tbody tr td:first-child::before {
        padding-left: 18px !important
    }

    #dvCPS .res-table table tbody tr, #dvDebtRating.res-table table tbody tr, #dvMCAPATable.res-table table tbody tr, #dvPIDCA.res-table table tbody tr, #dvPIDSA.res-table table tbody tr, #dvPIECA.res-table table tbody tr, #dvPIESA.res-table table tbody tr, #dvTop5AMC.res-table table tbody tr, .portfolio-details .table.table-condensed tbody tr.inner-td td .table tbody tr td:first-child {
        background-color: #fff
    }

    .portfolio-details .table.table-condensed tbody tr.inner-td td .table {
        background-color: #f5f6f8;
        margin-bottom: 0
    }

    #div_amc_product .table > tbody > tr > td label, .portfolio-details .table.table-condensed tbody tr {
        padding: 0
    }

    .my-holding-table .res-table table tfoot th::before {
        content: attr(data-label);
        float: left;
        font-weight: 700;
        width: 45%;
        text-align: left;
        position: absolute;
        left: 15px;
        font-size: 14px
    }

    .res-table table td:last-child {
        border-bottom: none
    }

    .holding-scheme {
        width: 500px !important
    }

    .card #holdingData2 table td {
        text-align: left
    }

    #holdingData2 table.dataTable > tbody > tr.child ul.dtr-details > li:nth-last-child(2) {
        display: inline-block;
        float: left;
        width: 85%
    }

    #holdingData2 table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
        display: inline-block;
        float: right;
        width: 15%;
        border-bottom: 1px solid #efefef;
        padding: 5px 0;
        text-align: right
    }

    #holdingData2 table.dataTable > tbody > tr.child ul.dtr-details > li a.fa-ellipsis-v {
        font-size: 20px;
        margin-top: 0;
        float: right
    }

    #holdingData .widget-head-color-box .table > tbody > tr > td {
        padding-left: 10px !important;
        display: revert
    }

    #holdingData .widget-text-box .btn-success {
        margin: 0 15px 0 0
    }

    .fixed-dedposits-grid .card table td {
        text-align: left;
        vertical-align: top
    }

    .fixed-dedposits-grid .table.dataTable.table-condensed .sorting:after, .fixed-dedposits-grid .table.dataTable.table-condensed .sorting_asc:after, .fixed-dedposits-grid .table.dataTable.table-condensed .sorting_desc:after {
        top: 17px
    }

    .dataTables_length, div.dataTables_wrapper div.dataTables_paginate {
        float: left
    }

    .switch-to-direct-area.green-banner h1 {
        margin: 5px 0 10px
    }

    div.dataTables_wrapper div.dataTables_info {
        margin-bottom: 10px
    }

    #div_amc_product.res-table table td, .executepurchase-page .card-body #dvCart.res-table table td {
        padding-left: 30% !important
    }

    #div_amc_product.res-table table tr {
        padding: 0;
        margin-bottom: 15px
    }

    #div_amc_product table td .btn-success {
        margin: 0;
        width: auto
    }

    .alternative-investment-funds-banner h1 {
        text-align: center;
        margin: 5px 0 10px
    }

    .why-invest-in-nps .card img {
        width: 58%;
        padding-top: 0
    }

    .snapshot-amount .gray-box-1 {
        padding: 20px 15px 20px 15px;
        height: 250px;
    }

        .snapshot-amount .gray-box-1 .mb-2 {
            text-align: center;
        }

    .snapshot-area .card .gray-box-1 span {
        display: inline-block;
        position: relative;
        top: -3px
    }

    span.price-indicator, span.price-value, span.price-xirr {
        float: none;
        top: 2px !important
    }

    .my-holdings-grid-area .table > tbody > tr > td:first-child {
        vertical-align: top;
    }

    .invested-amount {
        margin-bottom: 22px
    }

        .invested-amount .fa-rupee-sign, .invested-value .fa-rupee-sign {
            margin-left: 6px
        }

    .investment-options-box {
        min-height: 160px
    }

    .moneyFront-picks .investment-options-box {
        min-height: 155px
    }

    .quick-links .investment-options-box {
        min-height: 138px
    }

    .fixed-dedposits-grid #dvSchemes .table.dataTable.table-condensed .sorting:after, .fixed-dedposits-grid #dvSchemes .table.dataTable.table-condensed .sorting_asc:after, .fixed-dedposits-grid #dvSchemes .table.dataTable.table-condensed .sorting_desc:after {
        top: 12px
    }

    .FixedDeposits .fixed-dedposits-grid #dvSchemes .table.dataTable.table-condensed .sorting:after, .FixedDeposits .fixed-dedposits-grid #dvSchemes .table.dataTable.table-condensed .sorting_asc:after, .FixedDeposits .fixed-dedposits-grid #dvSchemes .table.dataTable.table-condensed .sorting_desc:after {
        top: 11px
    }

    .pms-logo-content.row {
        display: flex;
        flex-wrap: wrap
    }

        .pms-logo-content.row .order-xs-1 {
            order: 1 !important
        }

        .pms-logo-content.row .order-xs-2 {
            order: 2 !important
        }

    .scanmandateupload #dvList table.dataTable thead .sorting:after, .scanmandateupload #dvList table.dataTable thead .sorting_asc:after, .scanmandateupload #dvList table.dataTable thead .sorting_desc:after {
        top: 25px
    }

    .sip-mandates #InstaCash_Overview_Tab .btn-success {
        top: -46px
    }

    .panel-default > .panel-heading {
        padding: 10px 20px !important
    }

    .sip-mandates .active-alert, .sip-mandates .pending-alert {
        margin-top: 9px
    }

    .sip-mandates .tab-content .panel-body {
        padding-top: 15px
    }

    .sip-type {
        margin-right: 10px;
        text-align: center;
        margin-bottom: 10px;
        display:inline-block;
    }

    .executepurchase-page .sip-type {
        margin-right: 10px;
        width: 46%;
        text-align: center;
        margin-bottom: 10px
    }

    .executepurchase-page .card-body #dvCart table tr td:first-child {
        height: 88px
    }

    .cut-off-timings-table .res-table table tbody tr td:nth-child(3), .cut-off-timings-table .res-table table tbody tr td:nth-child(5) {
        height: 65px
    }

    .profile-area h2 {
        margin-top: 15px;
        margin-bottom: 0
    }

    .adv-area .card .card-title {
        margin-top: 5px
    }

    #CatList .investment-options-box {
        min-height: 200px
    }

    .my-holding-table #dvPICPS.res-table table td {
        padding-left: 32% !important
    }

    .my-holding-table #dvDebtRating.res-table table td, .my-holding-table #dvPIDCA.res-table table td, .my-holding-table #dvPIDSA.res-table table td, .my-holding-table #dvPIECA.res-table table td, .my-holding-table #dvPIESA.res-table table td {
        padding-left: 25% !important
    }

    .portfolio-summary-table .table.dataTable.table-condensed > thead > tr > th {
        white-space: nowrap
    }

    .portfolio-summary-table .notes {
        display: inline-block;
        position: absolute;
        margin-top: 10px;
        margin-bottom: 0;
        width: 220px
    }

    .PortfolioDetails .res-table table td {
        padding-left: 200px !important
    }

    .snapshot-area .category-allocation .card .card-body {
        min-height: auto
    }

    .snapshot-area .my-holding-table #dvCWA, .snapshot-area .my-holding-table .res-table {
        height: 255px
    }

    .snapshot-area .debt-market-area .my-holding-table .card .card-body {
        min-height: 285px
    }

    #holdingData .widget-head-color-box .h4 {
        min-height: auto;
        height: auto
    }

    .snapshot-area .my-holding-table #dvTop5AMC table tr {
        display: block;
    }

    .snapshot-area .my-holding-table #dvCWA table tbody tr td {
        text-align: left;
    }

    .snapshot-area .my-holding-table #dvTop5AMC table tr {
        display: block;
    }

    .snapshot-area .my-holding-table #dvTop5AMC table tbody tr td {
        width: auto;
        text-align: right;
    }

    .snapshot-area .my-holding-table #dvTop5AMC tbody {
        height: 270px;
    }

    .snapshot-area .card .card-body {
        min-height: 300px;
    }

    .modal-footer {
        padding: 10px;
    }

    .diy-page .notes.plus-icon {
        display: block;
    }

    .switch-to-direct-area.green-banner h2 {
        text-align: center;
    }

    .fixed-dedposits-grid table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before {
        top: 7px !important;
    }

    #fdcrisilRating .res-table table tr.symbol-rating-catagory {
        display: none;
    }

    .sip-mandates #InstaCash_Overview_Tab .btn-green {
        position: relative;
        margin-bottom: 15px;
        right: 0;
        width: 100%;
    }

    .sip-mandates .tab-content .panel-title a {
        color: #fff;
    }

    .PortfolioSummary .fixed-deposit-invest-page.fd-checkbox {
        position: relative;
        top: -5px;
    }

        .PortfolioSummary .fixed-deposit-invest-page.fd-checkbox label {
            margin-left: 20px;
        }

    .PortfolioInsight .my-holding-table #dvPICPS .table > tbody > tr > td {
        background-color: #f5f5f5;
    }

    .PortfolioInsight .grid-pdf-excel-icon .btn-default {
        margin-bottom: 15px;
    }

    #dvAMC .table.dataTable.table-condensed .sorting:after,
    #dvAMC .table.dataTable.table-condensed .sorting_asc:after,
    #dvAMC .table.dataTable.table-condensed .sorting_desc:after,
    #dvAssetType .table.dataTable.table-condensed .sorting:after,
    #dvAssetType .table.dataTable.table-condensed .sorting_asc:after,
    #dvAssetType .table.dataTable.table-condensed .sorting_desc:after,
    #dvCategory .table.dataTable.table-condensed .sorting:after,
    #dvCategory .table.dataTable.table-condensed .sorting_asc:after,
    #dvCategory .table.dataTable.table-condensed .sorting_desc:after,
    #dvFolio .table.dataTable.table-condensed .sorting:after,
    #dvFolio .table.dataTable.table-condensed .sorting_asc:after,
    #dvFolio .table.dataTable.table-condensed .sorting_desc:after,
    #dvScheme .table.dataTable.table-condensed .sorting:after,
    #dvScheme .table.dataTable.table-condensed .sorting_asc:after,
    #dvScheme .table.dataTable.table-condensed .sorting_desc:after,
    #dvAMC_2 .table.dataTable.table-condensed .sorting:after,
    #dvAMC_2 .table.dataTable.table-condensed .sorting_asc:after,
    #dvAMC_2 .table.dataTable.table-condensed .sorting_desc:after,
    #dvAssetType_2 .table.dataTable.table-condensed .sorting:after,
    #dvAssetType_2 .table.dataTable.table-condensed .sorting_asc:after,
    #dvAssetType_2 .table.dataTable.table-condensed .sorting_desc:after,
    #dvCategory_2 .table.dataTable.table-condensed .sorting:after,
    #dvCategory_2 .table.dataTable.table-condensed .sorting_asc:after,
    #dvCategory_2 .table.dataTable.table-condensed .sorting_desc:after,
    #dvFolio_2 .table.dataTable.table-condensed .sorting:after,
    #dvFolio_2 .table.dataTable.table-condensed .sorting_asc:after,
    #dvFolio_2 .table.dataTable.table-condensed .sorting_desc:after,
    #dvScheme_2 .table.dataTable.table-condensed .sorting:after,
    #dvScheme_2 .table.dataTable.table-condensed .sorting_asc:after,
    #dvScheme_2 .table.dataTable.table-condensed .sorting_desc:after {
        top: 10px
    }

    #holdingData2 .table > thead > tr > th {
        white-space: normal;
    }

    .snapshot-area .my-holding-table #dvCWA tbody {
        height: auto;
    }

    .floating-icon.QR-Code {
        display: none;
    }

    .QR-code-mobile {
        display: block;
    }

    #holdingData2 table td:first-child {
        white-space: nowrap;
    }

    .mysettings.bank-details-page .left-div .vertical-middle, .mysettings.bank-details-page .right-div .vertical-middle {
        vertical-align: top;
    }

    .mysettings.bank-details-page .right-div {
        padding-top: 30px;
    }

    .wsmenu > .wsmenu-list > li > ul.sub-menu {
        right: 0;
    }

    .switch-to-direct-area h2 {
        margin: 0 0 10px 0;
        text-align: center;
    }

    .snapshot-amount .gray-box-1 .xirr-value label {
        margin-left: 0;
    }

    .footer_nav_list .container_info .form-group {
        margin-bottom: 2.5rem;
    }

    .onboard-welcome img {
        height: 175px;
    }

    .onboard-welcome .fa-4x {
        font-size: 3em;
    }
    .OTPVerification-page .vertical-middle, .bank-details-page .vertical-middle, .create-account-page .left-div .vertical-middle, .create-account-page .right-div .vertical-middle, .fatca-details-page .vertical-middle, .first-second-joint-applicant-fatca-details-page .vertical-middle, .foreign-address-page .right-div .vertical-middle, .forgotpassword-page .vertical-middle, .login-page .right-div .vertical-middle, .login-page .vertical-middle, .nominee-details-page .right-div .vertical-middle, .personal-details-page .right-div .vertical-middle, .primary-address-page .vertical-middle, .risk-profiling-page .vertical-middle, .sign-up-page .right-div .vertical-middle {
        vertical-align: top;
        padding-top: 0;
    }
    .create-account-page-left-bg{
        display:none;
    }
    .login-page .right-div {
        padding-top: 85px;
    }
    .CheckKYC-page .right-div {height: 103vh; padding-top: 30px;}
    .CheckKYC-page .checkkyc-form .right-div {height: 84vh;}
    .create-account-page .right-div, .create-account-page .left-div{height: 84vh;}
    .authenticate-name h3 {
        text-align: center;
    }
    .authenticate-btn button {
        text-align: center;
    }
    .mobilebanner_info ul li.banner_3 .banner3_cont .googleplay_gtn > a {
        display: inline-block;
        width: 148px;
        height: 55px;
        margin: 0 5px;
    }
    .schemes-area .schemes-title-area {min-height: auto;}
    .diy-page .table > tbody > tr > td {vertical-align: top;}
    .PortfolioInsight .my-holding-table #dvPICPS table tbody tr td {width: 100%;}
    .PortfolioInsight .my-holding-table #dvPICPS table tr{display:block;}
    .PortfolioInsight .my-holding-table #dvPICPS .table > tfoot > tr > th {width: 100%;}
    .PortfolioInsight .my-holding-table #dvPICPS tbody {height: 435px;}
    .portfolio-details p.folio-no{float:right;}
    .portfolio-details .table.table-condensed tr td:first-child{display:flow-root;}
    .portfolio-details .table.table-condensed tr.inner-td td:first-child{height:auto;}
    .res-table.portfolio-details table td:first-child::before {left: 40px;}
    .res-table.portfolio-details table tr.inner-td td:first-child::before {left:10px;}
    .gain-loss-report-table.res-table table td::before {content:none;}
    #dvFolio.portfolio-summary-table .notes,
    #dvFolio_2.portfolio-summary-table .notes,
    #dvScheme.portfolio-summary-table .notes,
    #dvAMC.portfolio-summary-table .notes,
    #dvCategory.portfolio-summary-table .notes,
    #dvAssetType.portfolio-summary-table .notes {
        display: block;
        position: relative;
        width: 100%;
    }
    .myCartTab-area .card .card-body {
        height: auto !important;
        min-height: auto;
    }
    .mandates-upload-table.res-table table tbody tr td {
        background-color: #d9f5c3;
    }
    .myCartTab-area .tab-content {
        border-radius:11px;
    }
    .profile-card {
        padding: 15px;
        min-height: auto;
    }
    .profile-Personal-details .profile-card {
        padding-bottom: 0;
    }
    .ChqSlipList-name{
        word-break:break-all;
    }
    .res-table #chqList table tr {
        background-color: #effde3;
    }
    .risk-profiling-page .vertical-middle {vertical-align: top;padding-top: 30px;}
    .portfolio-details-page .grid-pdf-excel-icon {
        position: relative;
        top: -25px;
        right: 0
    }
    .wsmenu > .wsmenu-list > li.wsshopmyaccount > a i.fa-star {
        right: 15px;
        top: 9px;
    }
    #dvFolio.portfolio-summary-table .table.dataTable.table-condensed > thead > tr > th:first-child, #dvFolio.portfolio-summary-table .table.dataTable.table-condensed > tbody > tr > td:first-child {
        white-space: normal;
    }
    .wsmenu > .wsmenu-list > li.wsshopmyaccount > a span {
        width: 100%;
    }
}
/*********** mobile landscape and small tablet portrait ***********/

/*********** mobile portrait ***********/
    @media only screen and (min-width: 300px) and (max-width: 479px) {
        #gvbond_wrapper table.dataTable > tbody > tr.child li:last-child span.dtr-title, .accordion .tab-content .tab-pane, .account-statement-date .row div:last-child, .frequently-asked-questions-img, .investment-options-img, .left-banner-area, .mobile-wsshopmyaccount .fas.fa-chevron-down, .portfolio-details .table.table-condensed .alt-bg-color span + span, .wsmenu .wsmenu-list li.support-call, .wsmenu > .wsmenu-list > li > .navtext > span i {
            display: none
        }

        #div_main_amc_product .res-table-header-logo {
            text-align:center;
        }

        #tblTickets.res-table table .btn-success {
            margin: -10px 0 0
        }

        .btn-raise-new-ticket {
            position: relative;
            right: 0;
            width: 100%;
            padding: 15px
        }

        .faq .card .card-header .faq-title .badge {
            padding-bottom: 22px
        }

        #CatList .investment-options-box, #divEMICalculator .card, #divsipcalculator .card, .allocations-area .chart-area, .chart-area, .chat-banner .card, .exposure-area .chart-area, .profile-address-info .card {
            min-height: auto
        }

        #CatList .investment-options-box .investment-options-box-title h3, .executepurchase-page .res-table table, .portfolio-details .table.table-condensed tbody tr.inner-td td .table tbody tr:last-child {
            margin-bottom: 0
        }

        .chat-message {
            padding: 10px 0
        }

        .message {
            padding: 10px
        }

        .chat-message.left, .chat-message.right {
            width: 95%
        }

        .smllogo img {
            width: 200px;
            height: 36px
        }

        .Sign-up-with-Google {
            padding: 17px 20px
        }

        .partnership-firm-area.creative-radio.inputGroup label img, .right-div, .table > tfoot > tr > th.investment-details-area:first-child {
            top: 0
        }

        #show_hide_password .input-group-addon {
            position: absolute;
            right: 20px;
            z-index: 9999
        }

        #show_hide_password .input-group-addon i {
            color: #ccc
        }

        .create-account-page .vertical-middle {
            display: block;
            vertical-align: top
        }

        .checkbox.inputGroup input:checked ~ label:before, .radio.inputGroup input:checked ~ label:before {
            transform: translate(-50%,-50%) scale3d(80,56,1);
            opacity: 1
        }

        #holdingData .col-xs-12, .accordion .tab-content, .portfolio-details .table.table-condensed tbody tr, .wsmenu > .wsmenu-list > li {
            padding: 0
        }

        .GainLossReport .grid-pdf-excel-icon, .GainLossReport h1, .accordion .nav-tabs, .accordion .tab-content .tab-pane.active, .notes.plus-icon, .profile-area, .subscriptions-date .account-statement-date .row div:last-child, .tenure-box ul, .wsmenu > .wsmenu-list > li.mobile-wsshopmyaccount, table.dataTable > tbody > tr.child ul.dtr-details {
            display: block
        }

        .wsmenu > .wsmenu-list > li > .mobile-wsshopmyaccount .wsmenu-click.ws-activearrow > i {
            margin-top: 33px
        }

        .wsmenu > .wsmenu-list > li.wsshopmyaccount.mobile-wsshopmyaccount > a {
            /*padding: 12px;*/
            display: flex;
            align-items: center
        }

        .wsmenu > .wsmenu-list > li.wsshopmyaccount > a i.fa-star {
            right: 15px;
            top: 9px;
        }

        .wsmenu > .wsmenu-list > li.wsshopmyaccount > a span {
            width: 100%;
        }

        .carousel-caption h5 {
            font-size: 14px;
            margin-bottom: 0
        }

        .carousel-caption p {
            font-size: 11px
        }

        table.dataTable > tbody > tr.child span + span {
            float: right
        }

        .my-holding-table h5 {
            top: 118px;
            font-size: 15px
        }

        .my-holding-table .card span + span {
            width: 70%
        }

        .accordion.res-table .tab-pane table td table, .res-table table {
            border: 0
        }

        .accordion.res-table .tab-pane table td table caption, .res-table table caption {
            font-size: 1.3em
        }

        .accordion.res-table .tab-pane table td table thead, .account-statement.accordion-table.res-table table td table thead, .res-table table thead {
            border: none;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px
        }

        .res-table table tr {
            border: 1px solid #ddd;
            display: block;
            margin-bottom: 15px;
            padding: 0
        }

        .my-holding-table .res-table table tfoot th, .res-table table td {
            display: block;
            font-size: 14px;
            text-align: right;
            position: relative;
            padding-left: 50% !important;
            border-top: none !important
        }

        .res-table table tfoot tr {
            border: none;
            background-color: transparent;
            margin-bottom: 0
        }

        .res-table table tfoot tr th {
            border-top: none
        }

        #tblTickets.res-table table td {
            padding-left: 40% !important
        }

        .res-table table td::before {
            content: attr(data-label);
            float: left;
            font-weight: 500;
            width: 45%;
            text-align: left;
            position: absolute;
            left: 10px
        }

        .gain-loss-report-table.res-table table td::before {
            width: 65%;
        }
        .gain-loss-report-table.res-table table td:first-child::before {
            left:30px;
        }

        .gain-loss-report-table.accordion .tab-content {
            border:none;
        }

        /*.accordion.res-table table thead {
            position: relative
        }

        .accordion.res-table table tr {
            border: none;
            display: revert;
            margin-bottom: 0;
            border-bottom: 1px solid #ddd
        }

        .accordion.res-table table tr td {
            padding: 5px 15px !important;
            display: table-cell;
        }*/

        .gain-loss-report-table.accordion.res-table table tr td {
            padding: 5px 10px !important;
        }

        .gain-loss-report-table.accordion.res-table table tr th {
            padding: 10px 10px !important;
        }

        .gain-loss-report-table .table.table-condensed .gain-loss-arrow-icon .fas.fa-angle-down, .gain-loss-report-table .table.table-condensed .gain-loss-arrow-icon .fas.fa-angle-up {
            left: 12px;
            top:7px;
        }

        .accordion .panel-body, .tab-content .panel-body {
            padding: 15px 0
        }

        .accordion.res-table .tab-pane table td table tr, .account-statement.accordion-table.res-table table td table tr, .account-statement.accordion-table.res-table table tr td table tr:nth-child(odd) {
            border: 1px solid #ddd;
            display: block;
            margin-bottom: 15px;
            background-color: #effde3;
        }

        .accordion.res-table .tab-pane table td table td {
            display: block;
            font-size: .8em;
            text-align: right;
            position: relative;
            padding-left: 50% !important;
            border-top: none !important
        }

        .accordion.res-table .tab-pane table td table td::before, .account-statement.accordion-table.res-table table td table td::before {
            content: attr(data-label);
            float: left;
            font-weight: 700;
            width: 45%;
            text-align: left;
            position: absolute;
            left: 10px
        }

        .account-statement.accordion-table.res-table table tr, .tab-content .table-responsive {
            border: none
        }

        .account-statement.accordion-table.res-table table td {
            padding-left: 40px !important;
            text-align: left
        }

        .account-statement.accordion-table.res-table table td table td {
            display: block;
            font-size: 14px;
            text-align: right;
            position: relative;
            padding-left: 35% !important;
            border-top: none !important;
            padding: 8px 15px 8px 20px
        }

        .account-statement.accordion-table.res-table table td table td:nth-child(2) {
            height: 55px;
        }

        #div_amc_product.res-table table td:last-child, .account-statement.accordion-table.res-table table td.accountStatement-inner-table, .nfo-grid .card #dvSchemes table tbody tr.child td.child, .res-table .table tr.inner-td td {
            padding-left: 15px !important
        }

        .my-holding-table .res-table table td {
            padding-left: 43% !important
        }

        .accordion .nav-tabs > li.active > a, .accordion .nav-tabs > li.active > a:focus, .accordion .nav-tabs > li.active > a:hover {
            padding: 10px !important;
            font-size: 16px
        }

        .accordion .nav-tabs > li > a {
            padding: 10px;
            font-size: 16px
        }

        .gain-loss-report-table.accordion.res-table .tab-pane table td table td::before {
            display: flex;
            align-items: center;
            justify-content: left;
            text-align: left;
            top: 0;
            bottom: 0
        }

        .gain-loss-report-table.accordion.res-table .tab-pane table td table td {
            font-size: 14px
        }

        .gain-loss-report-table.accordion.res-table .tab-pane table td table td:nth-child(5),
        .gain-loss-report-table.accordion.res-table .tab-pane table td table td:nth-child(10),
        .gain-loss-report-table.accordion.res-table .tab-pane table td table td:nth-child(11){
            height: 50px;
        }
        .gain-loss-report-table.accordion.res-table .tab-pane#tab30 table td table td:nth-child(4) {
            height: 50px;
        }
        .gain-loss-report-table.accordion.res-table .tab-pane#tab30 table td table td:nth-child(5) {
            height: auto;
        }
        .gain-loss-report-table .nav-tabs > li.active > a, .gain-loss-report-table .nav-tabs > li > a {
            width: 95px;
        }

        .sip-mandates .card label {
            font-size: 14px;
            margin-top: 0;
        }

        .wsmenu > .wsmenu-list > li > a {
            padding: 19px 12px
        }

        .gold-banner-area .gold-title, .instacash-overview-bank-title .my-holdings-as-on-date {
            margin-left: 0
        }

        .Complete-your-Regist, .Complete-your-Regist + p, .adv-area .card.blue, .adv-area .card.orange, .alternative-investment-funds-banner h4, .alternative-investment-funds-banner.lumpsum-banner h1, .alternative-investment-funds-banner.lumpsum-banner h4, .bonds-banner h1, .bonds-banner h4, .btn-complete-registration-area, .footer-right, .gold-banner-area p, .gold-btn p, .gold-title, .profile-area .profile-img, .snapshot-amount .gray-box-1 .form-group, .snapshot-amount .gray-box-1 .invested-value, .switch-to-direct-area h1, .switch-to-direct-area h4, .switch-to-direct-area p, .switch-to-direct-area.green-banner h4 {
            text-align: center
        }

        .snapshot-amount .gray-box-1 .xirr-value {
            text-align: center
        }

        .snapshot-amount .gray-box-1 .xirr-value label {
            margin-left: 0;
        }

        .domestic-plan-matter-area {
            padding-right: 15px
        }

        .domestic-plan-points, .fatca-radio-btn {
            padding-left: 15px
        }

        .domestic-plan-points .card .card-body {
            padding: 50px 15px
        }

        .domestic-plan-expiring-soon-box, .profile-area h2 {
            margin-left: 0;
            text-align: center
        }

        ul.my-holdings-grid-indicate {
            padding-left: 0;
            margin-bottom: 0;
            margin-top: 15px
        }

        ul.my-holdings-grid-indicate li {
            margin-bottom: 10px
        }

        .investment-details-area ul li {
            width: 80%;
            margin: 5px 0;
            padding: 10px 0 20px;
            position: relative;
            border-right: none;
            border-bottom: 1px solid rgba(255,255,255,.5)
        }

        .investment-details-area ul {
            margin-bottom: 0;
            padding-left: 0;
            text-align: center
        }

        .my-other-investments-area .card .card-body {
            padding: 80px 15px 20px
        }

        .carousel-control.left {
            left: auto;
            right: 22%
        }

        #slidetext {
            top: 35px;
            right: 15%
        }

        .mobile-number-text-box .input-group select {
            width: 165px
        }

        .my-holding-table .chart-area .table > tbody > tr > td {
            display: revert;
            border-bottom: none;
            padding-left: 0 !important;
            text-align: left
        }

        .switch-to-direct-area.green-banner h1 {
            margin: 15px 0 10px;
            text-align: center
        }

        .switch-to-direct-area.green-banner .byinvestdirect {
            text-align: center;
            margin: 0 auto 40px;
            float: none;
            display: block
        }

        .gold-banner-area {
            padding: 25px;
            margin: 0;
            background-position: top left
        }

        .gold-img {
            position: relative;
            top: -20px;
            left: 0;
            bottom: 0;
            right: 0;
            text-align: center
        }

        .gold-banner-area .btn-goals {
            box-shadow: none;
            padding: 16px 40px;
            text-align: center;
            margin: 10px auto 20px;
            float: none;
            display: block
        }

        .personal-details-page.primary-address-page .right-div {
            padding-top: 50px
        }

        .upload-document-page .right-div {
            padding-top: 200px
        }

        .portfolio-details .alt-bg-color .fas.fa-angle-down, .portfolio-details .alt-bg-color .fas.fa-angle-up {
            left: 15px;
            top: 5px
        }

        .my-holding-table .card .card-body, .scanmandateupload #dvList .table > tbody > tr > td {
            padding: 15px 10px
        }


        #dpdvPIAA, .label-only.tenure-box label, .profile-email {
            margin-bottom: 1.5rem
        }

        .partnership-firm-area.creative-radio.inputGroup label {
            padding: 15px
        }

        .partnership-firm-area.creative-radio.inputGroup label p {
            width: auto;
            text-align: left;
            position: relative;
            top: 0
        }

        .creative-radio.inputGroup input:checked ~ label:before {
            transform: translate(-50%,-50%) scale3d(106,56,1);
            opacity: 1
        }

        .adv-area .card.blue.four {
            background-image: linear-gradient(223deg,#ffc97e 146%,#ff9948 -5%)
        }

        .adv-area .card.orange.three {
            background-image: linear-gradient(230deg,#b3a4ff 115%,#7c6bff 9%)
        }

        #radioBtn .btn.btn-info, #radioBtn .btn.btn-info.active {
            width: 100%;
            border-radius: 11px;
            margin: 5px 0;
            padding: 10px 25px !important
        }

        .dashboard-complete-registration-icon {
            margin: 0 auto 10px
        }

        .btn-complete-registration, .switch-to-direct-area .btn {
            margin: 15px auto;
            position: relative;
            bottom: 0;
            float: none;
            right: 0;
            display: block
        }

        .btn-complete-registration {
            width: auto
        }

        .goals-area {
            margin: 180px 0 60px;
            padding: 35px 25px 25px
        }

        .about-aif-banner .goals-area {
            margin: 120px 0 10px
        }

        .goals-icon {
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            bottom: -20px;
            text-align: center
        }

        .goals-title {
            margin: 40px auto 10px;
            display: block;
            position: relative;
            text-align: center
        }

        .goals-area p {
            display: block;
            margin: 0 auto 15px;
            text-align: center
        }

        .btn-goals {
            margin: 0 auto;
            display: block
        }

        .footer-left, .sip-mandates .tab-content .tab-pane {
            margin-bottom: 15px
        }

        .creative-radio.inputGroup label img, .footer-right a:last-child, .sip-type {
            margin-right: 0
        }

        .knowledge-center-area .card {
            min-height: 180px
        }

        .instacash-overview-bank-title .cart-logo {
            width: 20%
        }

        .instacash-overview-bank-title .cart-title {
            width: 80%
        }

        #InstaCash_Overview_Tab h5.card-title, .GainLossReport .grid-pdf-excel-icon a, .adv-area .card .card-title, .diy-page h1, .grid-search-area, .instacash-overview-bank-title .card-title, .msform h4 {
            margin-top: 0
        }

        .scheme-details-are {
            border-right: none;
            min-height: 215px
        }

        .sovereign-gold-bonds-banner .goals-area {
            padding: 25px
        }

        .msform .sovereign-gold-bonds-banner .goals-area h4 {
            margin-top: 60px;
            display: block;
            text-align: center
        }

        .sovereign-gold-bonds-banner .goals-icon {
            left: 0;
            right: 0;
            bottom: -40px
        }

        #dvDemat input {
            width: 100% !important
        }

        #btnBack, #btnPlaceOrder {
            width: 100% !important;
            margin-right: 0 !important;
            margin-top: 0 !important
        }

        .accordion-ver > ul > li > h1 {
            padding: 10px 35px 20px 20px
        }

        #dvDemat #radioBtn .btn.btn-info, #dvDemat #radioBtn .btn.btn-info.active {
            width: auto;
            padding: 0 25px !important
        }

        .footer {
            height: auto;
            position: relative;
        }

        .footer-left {
            text-align: center
        }

        .create-account-page.enter-pan-date .left-div, .create-account-page.enter-pan-date .right-div {
            height: 60vh
        }

        #wrapper {
            padding-top: 60px;
            margin-bottom: 0;
        }

        .this-package-includes.domestic-plan-points .card .card-body {
            padding: 20px
        }

        .domestic-plan-points .card .card-body ul li {
            padding-left: 30px
        }

        .domestic-plan-points .card .card-body ul li i {
            position: absolute;
            left: 18px
        }

        .creative-radio.inputGroup label p {
            display: inline-block
        }

        .overlay {
            z-index: 99999
        }

        .card #holdingData2 table td, .card #tbl2.table td {
            text-align: left
        }

        .footer_nav_list .col-sm-6 {
            margin-bottom: 20px
        }

        .checkbox.inputGroup label p {
            padding-top: 10px;
            padding-left: 10px
        }

        .checkbox.inputGroup label img {
            right: 30px
        }

        .upload-document-page {
            padding-top: 40px;
            padding-bottom: 60px
        }

        .PortfolioSummary .grid-pdf-excel-icon {
            position: relative;
            top: 0;
            right: 0
        }

        .portfolio-details-page .grid-pdf-excel-icon {
            position: relative;
            top: -25px;
            right: 0
        }

        .portfolio-details .table.table-condensed tbody tr.inner-td td:first-child {
            background-color: #f5f6f8
        }

        .portfolio-details .table.table-condensed tbody tr.inner-td td .table tbody tr td:first-child {
            background-color: #fff;
            position: relative
        }

        .portfolio-details .table.table-condensed tbody tr.inner-td td .table {
            background-color: #f5f6f8;
            margin-bottom: 0
        }

        .my-holding-table .res-table table td::before, .res-table.portfolio-details table td::before {
            content: attr(data-label);
            float: left;
            font-weight: 500;
            width: 45%;
            position: absolute;
            left: 10px;
            display: flex;
            align-items: center;
            justify-content: left;
            text-align: left;
            top: 0;
            bottom: 0
        }

        .res-table.portfolio-details table td:first-child::before {
            top: 5px;
            align-items: start
        }

        .my-holding-table .res-table table td:first-child::before {
            top: 10px;
            align-items: start
        }

        #dvCPS .res-table table tbody tr, #dvDebtRating.res-table table tbody tr, #dvMCAPATable.res-table table tbody tr, #dvPIDCA.res-table table tbody tr, #dvPIDSA.res-table table tbody tr, #dvPIECA.res-table table tbody tr, #dvPIESA.res-table table tbody tr, #dvTop5AMC.res-table table tbody tr {
            background-color: #fff
        }

        .my-holding-table .res-table table tfoot th::before {
            content: attr(data-label);
            float: left;
            font-weight: 700;
            width: 45%;
            text-align: left;
            position: absolute;
            left: 15px;
            font-size: 14px
        }

        .res-table table td:last-child {
            border-bottom: none
        }

        .allocations-area .black.card label {
            font-size: 15px
        }

        .GainLossReport .grid-pdf-excel-icon .m-r-sm:last-child {
            margin-right: 15px
        }

        #holdingData2 table.dataTable > tbody > tr.child ul.dtr-details > li:nth-last-child(2) {
            display: inline-block;
            float: left;
            width: 85%
        }

        #holdingData2 table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
            display: inline-block;
            float: right;
            width: 15%;
            border-bottom: 1px solid #efefef;
            padding: 5px 0
        }

        #holdingData2 table.dataTable > tbody > tr.child ul.dtr-details > li a.fa-ellipsis-v {
            font-size: 20px;
            margin-top: 0;
            float: right
        }

        .my-holdings-as-on-date {
            margin-left: 0;
            width: 100%;
            text-align: center
        }

        table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
            height: 50px
        }

        #holdingData .widget-head-color-box .table > tbody > tr > td {
            padding-left: 10px !important;
            display: revert;
            font-size: 15px
        }

        #holdingData .widget-text-box .btn-green {
            margin: 0 4px 10px;
            width: 46%
        }

        #holdingData .widget-text-box .btn-green:last-child {
            margin-right: 5px
        }

        #holdingData2 table.dataTable thead .sorting:after, #holdingData2 table.dataTable thead .sorting_asc:after, #holdingData2 table.dataTable thead .sorting_desc:after {
            bottom: 10px
        }

        table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before {
            left: 10px !important;
            font-size: 18px;
            font-weight: 600
        }

        .fixed-dedposits-grid .card table td {
            text-align: left;
            vertical-align: top
        }

        .fixed-dedposits-grid table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child, .fixed-dedposits-grid table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child {
            padding-left: 40px !important
        }

        .fixed-dedposits-grid .table.dataTable.table-condensed .sorting:after, .fixed-dedposits-grid .table.dataTable.table-condensed .sorting_asc:after, .fixed-dedposits-grid .table.dataTable.table-condensed .sorting_desc:after {
            top: 17px
        }

        #holdingData2 table.dataTable > tbody > tr.child ul.dtr-details > li:first-child, .PortfolioDetails .res-table table td table td:nth-child(4), .fixed-dedposits-grid table.dataTable > tbody > tr.child ul.dtr-details > li:first-child, .nfo-grid #dvSchemes table.dataTable > tbody > tr.child ul.dtr-details > li:first-child, .portfolio-summary-table table.dataTable > tbody > tr.child ul.dtr-details > li:first-child, .scanmandateupload #dvList table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
            height: auto
        }

        #fdcrisilRating .modal-body {
            padding: 20px 10px 30px
        }

        .why-invest-in-nps .card img {
            padding-top: 3px
        }

        .alternative-investment-funds-banner h1 {
            text-align: center;
            margin: 20px 0 10px
        }

        .snapshot-amount .gray-box-1 {
            padding: 20px 26px;
            height: 255px;
        }

        .snapshot-area .card .gray-box-1 span {
            display: inline-block;
            position: relative;
            top: -3px
        }

        span.price-indicator, span.price-value, .price-xirr {
            float: none;
            top: 2px !important
        }

        .invested-amount {
            margin-bottom: 22px
        }

        .invested-amount .fa-rupee-sign, .invested-value .fa-rupee-sign {
            margin-left: 6px
        }

        .card #holdingData2 table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child {
            padding-left: 38px
        }

        #holdingData .widget-head-color-box {
            padding: 15px 5px;
            min-height: auto
        }

        #holdingData .widget-head-color-box .h4 {
            min-height: auto;
            height: auto
        }

        .grid-search-area .btn-group > .btn {
            padding: 6px 10px
        }

        .investment-options-box {
            min-height: 160px
        }

        .moneyFront-picks .investment-options-box {
            min-height: 155px
        }

        .quick-links .investment-options-box {
            min-height: 135px
        }

        .fixed-dedposits-grid #dvSchemes .table.dataTable.table-condensed .sorting:after, .fixed-dedposits-grid #dvSchemes .table.dataTable.table-condensed .sorting_asc:after, .fixed-dedposits-grid #dvSchemes .table.dataTable.table-condensed .sorting_desc:after {
            top: 12px
        }

        .FixedDeposits .fixed-dedposits-grid #dvSchemes .table.dataTable.table-condensed .sorting:after, .FixedDeposits .fixed-dedposits-grid #dvSchemes .table.dataTable.table-condensed .sorting_asc:after, .FixedDeposits .fixed-dedposits-grid #dvSchemes .table.dataTable.table-condensed .sorting_desc:after, .nfo-grid #dvSchemes .table.dataTable.table-condensed .sorting:after, .nfo-grid #dvSchemes .table.dataTable.table-condensed .sorting_asc:after, .nfo-grid #dvSchemes .table.dataTable.table-condensed .sorting_desc:after {
            top: 11px
        }

        .pms-logo-content.row {
            display: flex;
            flex-wrap: wrap
        }

        .pms-logo-content.row .order-xs-1 {
            order: 1 !important
        }

        .pms-logo-content.row .order-xs-2 {
            order: 2 !important
        }

        .why-invest-in-nps .card .card-body {
            min-height: 125px
        }

        #gvbond_wrapper table.dataTable > tbody > tr.child ul.dtr-details > li {
            display: flow-root
        }

        .panel-default > .panel-heading {
            padding: 10px 20px !important
        }

        .sip-mandates #InstaCash_Overview_Tab .btn-success {
            position: relative;
            left: 0;
            right: 0
        }

        .sip-mandates .alert-text-align {
            text-align: right
        }

        .snapshot-area .category-allocation .card .card-body {
            min-height: auto
        }

        .snapshot-area .my-holding-table .res-table {
            height: 255px
        }

        .snapshot-area .my-holding-table #dvCWA {
            height: auto
        }

        .sip-mandates .active-alert, .sip-mandates .pending-alert {
            margin-top: 9px
        }

        .sip-mandates .tab-content .panel-body {
            padding-top: 15px
        }

        #dvISIPBankList .modal-body {
            max-height: 522px
        }

        .mandate-form section {
            padding-top: 0
        }

        .sip-type {
            width: 100%;
            text-align: center;
            margin-bottom: 10px;
            display:block;
        }

        .executepurchase-page .card-body #dvCart table tr td:first-child {
            height: 105px
        }

        .executepurchase-page .card-body #dvCart.res-table table td {
            padding-left: 30% !important
        }

        .cut-off-timings-table .res-table table tbody tr td:nth-child(3), .cut-off-timings-table .res-table table tbody tr td:nth-child(5) {
            height: 80px
        }

        .cut-off-timings-table .res-table table tbody tr td:nth-child(4), .cut-off-timings-table .res-table table tbody tr td:nth-child(6) {
            height: 65px
        }

        #holdingData2 div.dataTables_wrapper div.dataTables_paginate {
            float: left
        }

        .scanmandateupload #dvList table.dataTable tr.child td.child {
            padding-left: 10px !important
        }

        .my-age-radio-btn .btn-group .btn {
            padding: 10px 15px;
            width: 100%;
            margin: 0 0 15px
        }

        .profile-area h2 {
            margin-top: 15px;
            margin-bottom: 0
        }

        .mysettings.bank-details-page .right-div .vertical-middle h1 {
            margin-top: 30px
        }

        .adv-area img {
            width: 70%;
            margin-top: 20px
        }

        .profile-bank-table .director-info-table table td {
            padding-left: 45% !important
        }

        .nfo-grid .card #dvSchemes table tbody tr td:first-child {
            text-align: left;
            padding-left: 40px !important
        }

        #dvActype.create-account-page .left-div, #dvActype.create-account-page .right-div {
            height: 100%;
            padding-top: 40px
        }

        .my-holding-table #dvPICPS.res-table table td {
            padding-left: 50% !important
        }

        .my-holding-table #dvDebtRating.res-table table td, .my-holding-table #dvPIDCA.res-table table td, .my-holding-table #dvPIDSA.res-table table td, .my-holding-table #dvPIECA.res-table table td, .my-holding-table #dvPIESA.res-table table td {
            padding-left: 35% !important
        }

        .portfolio-summary-table .table.dataTable.table-condensed > thead > tr > th {
            white-space: nowrap
        }

        .portfolio-summary-table table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child, .portfolio-summary-table table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child {
            padding-left: 35px
        }

        .PortfolioDetails .res-table table td:nth-child(4), .PortfolioDetails .res-table table td:nth-child(7), .PortfolioDetails .res-table table td:nth-child(8) {
            height: 38px
        }

        .PortfolioDetails .res-table table td {
            padding-left: 140px !important
        }

        .snapshot-area .debt-market-area .my-holding-table .card .card-body {
            min-height: 285px
        }

        .profilepopupacsec i {
            left: 9px
        }

        .profilepopupacsec {
            padding: 15px 15px 15px 55px
        }

        .snapshot-area .my-holding-table #dvTop5AMC table tr {
            display: block;
        }

        .snapshot-area .my-holding-table #dvCWA table tbody tr td {
            text-align: left;
        }

        .snapshot-area .my-holding-table #dvTop5AMC table tr {
            display: block;
        }

        .snapshot-area .my-holding-table #dvTop5AMC table tbody tr td {
            width: auto;
            text-align: right;
        }

        .snapshot-area .my-holding-table #dvTop5AMC tbody {
            height: 270px;
        }

        .snapshot-area .card .card-body {
            min-height: 300px;
        }

        .modal-footer {
            padding: 10px;
        }

        .diy-page .notes.plus-icon {
            display: block;
        }

        .fixed-dedposits-grid table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before {
            top: 7px !important;
        }

        #fdcrisilRating .res-table table tr.symbol-rating-catagory {
            display: none;
        }

        .sip-mandates #InstaCash_Overview_Tab .btn-green {
            position: relative;
            margin-bottom: 15px;
            right: 0;
            width: 100%;
        }

        .sip-mandates .tab-content .panel-title a {
            color: #fff;
        }

        .portfolio-details .table.table-condensed tr {
            background-color: #f0f0f4;
        }

        .PortfolioInsight .grid-pdf-excel-icon .btn-default {
            margin-bottom: 15px;
        }

        .PortfolioInsight .my-holding-table #dvPICPS .table > tbody > tr > td {
            background-color: #f5f5f5;
        }

        .PortfolioInsight .res-table table td:nth-child(4), .PortfolioInsight .res-table table td:nth-child(5) {
            height: 42px;
        }

        .PortfolioInsight .res-table table tfoot th:nth-child(4),
        .PortfolioInsight .res-table table tfoot th:nth-child(5) {
            height: 54px;
        }

        .PortfolioSummary .fixed-deposit-invest-page.fd-checkbox {
            position: relative;
            top: -8px;
        }

        .PortfolioSummary .fixed-deposit-invest-page.fd-checkbox label {
            margin-left: 20px;
        }

        .myCartTab-area .table.dataTable.table-condensed .sorting:after, .myCartTab-area .table.dataTable.table-condensed .sorting_asc:after, .myCartTab-area .table.dataTable.table-condensed .sorting_desc:after {
            top: 10px;
        }

        #dvAMC.portfolio-summary-table .notes,
        #dvAssetType.portfolio-summary-table .notes,
        #dvCategory.portfolio-summary-table .notes,
        #dvFolio.portfolio-summary-table .notes,
        #dvScheme.portfolio-summary-table .notes,
        #dvAMC_2.portfolio-summary-table .notes,
        #dvAssetType_2.portfolio-summary-table .notes,
        #dvCategory_2.portfolio-summary-table .notes,
        #dvFolio_2.portfolio-summary-table .notes,
        #dvScheme_2.portfolio-summary-table .notes {
            display: block;
            position: relative;
            margin-top: 10px;
            margin-bottom: 0
        }

        #dvAMC .table.dataTable.table-condensed .sorting:after,
        #dvAMC .table.dataTable.table-condensed .sorting_asc:after,
        #dvAMC .table.dataTable.table-condensed .sorting_desc:after,
        #dvAssetType .table.dataTable.table-condensed .sorting:after,
        #dvAssetType .table.dataTable.table-condensed .sorting_asc:after,
        #dvAssetType .table.dataTable.table-condensed .sorting_desc:after,
        #dvCategory .table.dataTable.table-condensed .sorting:after,
        #dvCategory .table.dataTable.table-condensed .sorting_asc:after,
        #dvCategory .table.dataTable.table-condensed .sorting_desc:after,
        #dvFolio .table.dataTable.table-condensed .sorting:after,
        #dvFolio .table.dataTable.table-condensed .sorting_asc:after,
        #dvFolio .table.dataTable.table-condensed .sorting_desc:after,
        #dvScheme .table.dataTable.table-condensed .sorting:after,
        #dvScheme .table.dataTable.table-condensed .sorting_asc:after,
        #dvScheme .table.dataTable.table-condensed .sorting_desc:after,
        #dvAMC_2 .table.dataTable.table-condensed .sorting:after,
        #dvAMC_2 .table.dataTable.table-condensed .sorting_asc:after,
        #dvAMC_2 .table.dataTable.table-condensed .sorting_desc:after,
        #dvAssetType_2 .table.dataTable.table-condensed .sorting:after,
        #dvAssetType_2 .table.dataTable.table-condensed .sorting_asc:after,
        #dvAssetType_2 .table.dataTable.table-condensed .sorting_desc:after,
        #dvCategory_2 .table.dataTable.table-condensed .sorting:after,
        #dvCategory_2 .table.dataTable.table-condensed .sorting_asc:after,
        #dvCategory_2 .table.dataTable.table-condensed .sorting_desc:after,
        #dvFolio_2 .table.dataTable.table-condensed .sorting:after,
        #dvFolio_2 .table.dataTable.table-condensed .sorting_asc:after,
        #dvFolio_2 .table.dataTable.table-condensed .sorting_desc:after,
        #dvScheme_2 .table.dataTable.table-condensed .sorting:after,
        #dvScheme_2 .table.dataTable.table-condensed .sorting_asc:after,
        #dvScheme_2 .table.dataTable.table-condensed .sorting_desc:after {
            top: 10px
        }

        #dvChartSIPC, #dvChartSIPE {
            margin-top: 0;
        }

        #dvLumpsum table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child,
        #dvLumpsum table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
            padding-left: 35px;
        }

        #dvLumpsum table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
            height: auto;
        }

        .myCartTab-area div.dataTables_wrapper div.dataTables_length {
            margin-bottom: 15px;
        }

        .snapshot-area .my-holding-table #dvCWA tbody {
            height: auto;
        }

        .form-horizontal .control-label, .form-horizontal .radio-inline {
            padding-top: 0;
            margin-bottom: 0;
            text-align: left;
        }

        .diy-page .table > tbody > tr > td .amc-logo {
            margin-right: 0;
        }

        .floating-icon.QR-Code {
            display: none;
        }

        .QR-code-mobile {
            display: block;
        }

        .copyright_info {
            padding-bottom: 100px;
        }

        #holdingData2 .amc-logo {
            margin-bottom: 20px;
        }

        .wsmenu > .wsmenu-list > li > ul.sub-menu {
            right: 0;
        }

        .switch-to-direct-area {
            background-size: cover;
        }

        .switch-to-direct-area h2 {
            margin: 0 0 10px 0;
            text-align: center;
        }

        .snapshot-amount .gray-box-1 .mb-2 {
            text-align: center;
        }

        .footer_nav_list .container_info .form-group {
            margin-bottom: 2.5rem;
        }

        .onboard-welcome img {
            height: 150px;
        }

        .onboard-welcome .fa-4x {
            font-size: 3em;
        }

        .welcome-bg {
            display: none;
        }

        .checkKYC .checkKYC-form .right-div {
            height: 100vh;
            padding-top: 30px;
        }
        .checkKYC.create-account-page .left-banner-area {
            display: none;
        }        
        .create-account-page-left-bg{display:none;}
        .OTPVerification-page .vertical-middle, .create-account-page .left-div .vertical-middle, .create-account-page .right-div .vertical-middle, .fatca-details-page .vertical-middle, .first-second-joint-applicant-fatca-details-page .vertical-middle, .foreign-address-page .right-div .vertical-middle, .forgotpassword-page .vertical-middle, .login-page .right-div .vertical-middle, .login-page .vertical-middle, .nominee-details-page .right-div .vertical-middle, .personal-details-page .right-div .vertical-middle, .primary-address-page .vertical-middle, .risk-profiling-page .vertical-middle, .sign-up-page .right-div .vertical-middle {
            vertical-align: top;
            padding-top: 0;
        }
        .bank-details-page .vertical-middle {
            vertical-align: top;
            padding-top: 30px;
        }
        .login-page .right-div {
            padding-top: 85px;
        }
        .CheckKYC-page .right-div {
            height: 168vh;
            padding-top: 30px;
        }
        .CheckKYC-page .checkkyc-form .right-div {
            height:80vh;
        }
        .create-account-page .right-div, .create-account-page .left-div {
            height: 84vh;
        }
        .onboard-welcome {
            height: 75vh;
        }
        .authenticate-name h3 {
            text-align: center;
        }
        .authenticate-btn {
            text-align: center;
        }
        .mobilebanner_info ul li.banner_3 .banner3_cont .googleplay_gtn > a {
            display: inline-block;
            width: 148px;
            height: 55px;
            margin: 0 5px;
        }
        .mobilebanner_info ul li.banner_3 .banner3_cont .googleplay_gtn {
            display: inline-block;
            max-width: 100%;
        }
        .account-active-pending .login-page .right-div {
            padding-top: 40px;
        }
        .schemes-area .schemes-title-area {min-height: auto;}
        .diy-page .table > tbody > tr > td {vertical-align: top;}
        .gain-loss-report-table .table.table-condensed .gain-loss-arrow-icon {padding-left: 35% !important;}
        .PortfolioInsight .my-holding-table #dvPICPS table tbody tr td {width: 100%;}
        .PortfolioInsight .my-holding-table #dvPICPS table tr{display:block;}
        .PortfolioInsight .my-holding-table #dvPICPS .table > tfoot > tr > th {width: 100%;}
        .PortfolioInsight .my-holding-table #dvPICPS tbody {height: 555px;}
        .portfolio-details p.folio-no{float:right;}
        .portfolio-details .table.table-condensed tr td:first-child{display:flow-root;}
        .portfolio-details .table.table-condensed tr.inner-td td:first-child{height:auto;}
        .res-table.portfolio-details table td:first-child::before {left: 40px;height:0;}
        .res-table.portfolio-details table tr.inner-td td:first-child::before {left:10px;}
        .res-table.portfolio-details table td:nth-child(8) {height: 50px;}
        .gain-loss-report-table .table.table-condensed .gain-loss-arrow-icon {text-align: right;}
        .myCartTab-area .card .card-body {
            height: auto !important;
            min-height: auto;
        }
        .mandates-upload-table.res-table table tbody tr td {
            background-color: #d9f5c3;
        }
        .profile-card {
            padding: 15px;
            min-height: auto;
        }
        .profile-Personal-details .profile-card {
            padding-bottom: 0;
        }
        .ChqSlipList-name {
            word-break: break-all;
        }
        .res-table #chqList table tr {
            background-color: #effde3;
        }
        .risk-profiling-page .vertical-middle {vertical-align: top;padding-top: 30px; padding-bottom:30px;}
        .wsmenu > .wsmenu-list > li.wsshopmyaccount > a span {
            width: 100%;
        }
        #dvFolio.portfolio-summary-table .table.dataTable.table-condensed > thead > tr > th:first-child, #dvFolio.portfolio-summary-table .table.dataTable.table-condensed > tbody > tr > td:first-child {
            white-space: normal;
        }
    }
/*********** mobile portrait ***********/


    @media (max-width: 1500px) {
        .banner_info ul li.banner_1 .slider_img {
            left: 100px;
            width: 48%
        }

            .banner_info ul li.banner_1 .slider_img .cloud_left {
                left: -40px
            }

            .banner_info ul li.banner_1 .slider_img .cloud_right {
                top: -20px;
                right: -20px
            }

        .banner_info ul li.banner_2 {
            padding: 30px 0 0
        }

            .banner_info ul li.banner_2 .slide-content {
                margin: 0 0 50px
            }

        .banner_info ul li.banner_3 .banner_img3 {
            margin: 0 0 0 -80px
        }

        .banner_info ul li.banner_3 .banner3_cont {
            padding: 100px 0 0 520px
        }
    }

    @media (max-width: 1400px) {
        .banner_info ul li.banner_1 .slider_img {
            left: 80px;
            width: 42%
        }

        .banner_info ul li.banner_2 .slider_img .other_list {
            left: -270px;
            width: 300px
        }

        .banner_info ul li.banner_2 .slider_img .moneyfront_list {
            right: -270px;
            width: 300px
        }

        .banner_info .bx-wrapper .bx-viewport {
            height: 600px !important
        }

        .banner_info ul li.banner_1 .slider_img .cloud_right {
            top: -30px;
            right: -5px
        }

        .banner_info ul li.banner_1 .slider_img .cloud_left {
            top: 10px
        }

        .banner_info ul li.banner_1 .slide-content {
            padding: 90px 0 0
        }

        .banner_info ul li.banner_2 {
            padding: 40px 0 0
        }

            .banner_info ul li.banner_2 .slide-content {
                margin: 0 0 30px
            }

            .banner_info ul li.banner_2 .slider_img .slider_imginner {
                max-width: 684px
            }

        .savemoneyfront_formlist .calculatesaving_btn {
            font-size: 18px
        }

        .banner_info ul li.banner_1 .slider_img .cloud_left, .banner_info ul li.banner_1 .slider_img .cloud_right {
            width: 32%
        }

        .banner_info ul li.banner_2 .slider_img .other_list {
            top: 125px
        }

        .banner_info ul li.banner_2 .slider_img .moneyfront_list {
            top: 135px
        }

            .banner_info ul li.banner_2 .slider_img .moneyfront_list h4, .banner_info ul li.banner_2 .slider_img .moneyfront_list ol li, .banner_info ul li.banner_2 .slider_img .other_list h4, .banner_info ul li.banner_2 .slider_img .other_list ol li {
                margin: 0 0 10px
            }

        .banner_info ul li.banner_3 {
            padding: 61px 0 0
        }

            .banner_info ul li.banner_3 .banner_img3 {
                margin: 0 0 0 -40px;
                max-width: 480px
            }

            .banner_info ul li.banner_3 .banner3_cont {
                padding: 50px 0 0 470px
            }

                .banner_info ul li.banner_3 .banner3_cont h2, .banner_info ul li.banner_3 .banner3_cont h5 {
                    margin: 0 0 20px
                }

        .login_section {
            width: 100%;
            padding: 20px 0
        }

            .login_section .title_info h3 {
                padding: 0 0 20px;
                margin: 0 0 20px
            }

            .login_section .mfexplorer_cont p {
                margin: 0 0 20px;
                line-height: 28px
            }

        .mutualfunds_info {
            min-height: inherit
        }
    }

    @media (max-width: 1300px) {
        .banner_info ul li.banner_1 .slider_img {
            left: 30px;
            width: 42%
        }

        .banner_info ul li.banner_2 .slider_img .slider_imginner {
            max-width: 650px
        }

        .banner_info ul li.banner_2 .slider_img .other_list {
            top: 115px;
            left: -280px
        }

        .banner_info ul li.banner_2 .slider_img .moneyfront_list {
            top: 125px;
            right: -280px
        }

        .title_info h3 {
            font-size: 30px
        }

        .banner_info ul li.banner_2 .slider_img .moneyfront_list ol li, .banner_info ul li.banner_2 .slider_img .other_list ol li {
            font-size: 20px;
            line-height: 22px
        }

        .graph_info {
            width: 96%
        }

        .banner_info ul li.banner_2 .slide-content {
            margin: 0 0 80px
        }

            .banner_info ul li.banner_1 .slide-content h1, .banner_info ul li.banner_2 .slide-content h1 {
                font-size: 50px;
                margin: 0 0 10px
            }

            .banner_info ul li.banner_1 .slide-content h3, .banner_info ul li.banner_2 .slide-content h3 {
                font-size: 38px
            }

        .banner_info ul li.banner_3 .banner_img3 {
            margin: 0 0 0 -20px;
            max-width: 480px
        }

        .banner_info ul li.banner_3 .banner3_cont {
            padding: 50px 0 0 490px
        }

        .graph_info .graph_info_txt1 {
            right: -50px
        }

        .graph_info .graph_info_txt2 {
            right: 70px
        }

        .graph_info .graph_top_img1 .graph_cycle {
            left: 52%
        }

        .graph_info .graph_top_img2 .graph_byke {
            left: 84%
        }

        .submenu_list ul li a {
            padding: 20px 10px
        }

        .asfeatured_list .asfeatured_listinner ul li {
            margin: 0 20px
        }
    }

    @media (max-width: 1250px) {
        .container_info {
            padding: 0 20px
        }
    }
    /*********** IPAD landscape ***********/
    @media (min-width: 1024px) and (max-width: 1199px) {
        .research_info .asfeatured_list .asfeatured_listinner ul li {
            width: 160px
        }
    }
    /*********** IPAD landscape ***********/
    /*********** Ipad portrait and small tablet landscape ***********/
    @media (min-width: 767px) and (max-width: 991px) {
        .submenu_list ul li a {
            padding: 20px 6px
        }

        .img-responsive {
            width: 100%
        }
    }
    /*********** Ipad portrait and small tablet landscape ***********/
    @media (max-width: 1100px) {
        .invest_listinner .invest_listinnerimg h4, .title_info h3 {
            font-size: 28px
        }

        .invest_listinner {
            min-height: 240px
        }

        .banner_info ul li.banner_1 .slide-content {
            padding: 0;
            width: 52%
        }

        .banner_info ul li.banner_1 .slider_img {
            width: 48%
        }

        .banner_info ul li.banner_1 .automatedadvisory_list .automatedadvisory_listinner {
            width: 100%;
            margin-bottom: 30px
        }

            .banner_info ul li.banner_1 .automatedadvisory_list .automatedadvisory_listinner img {
                width: 80px;
                float: left
            }

            .banner_info ul li.banner_1 .automatedadvisory_list .automatedadvisory_listinner p {
                padding: 0 0 0 20px;
                float: left;
                text-align: left
            }

        .banner_info ul li.banner_1 .automatedadvisory_list {
            background: 0 0;
            margin: 30px 0 0
        }

        .banner_info ul li.banner_1 .slider_img .cloud_left {
            left: 20px;
            width: 26%
        }

        .banner_info ul li.banner_1 .slider_img .cloud_right {
            right: 20px;
            width: 26%
        }

        .banner_info ul li.banner_2 .slider_img .other_list {
            top: 70px;
            left: -290px
        }

        .banner_info ul li.banner_2 .slider_img .moneyfront_list {
            top: 80px;
            right: -290px
        }

        .nav_info .navbar-default .navbar-nav > li {
            margin: 0 0 0 20px
        }

        .banner_info ul li.banner_2 .slider_img .slider_imginner {
            max-width: 400px
        }

        .banner_info ul li.banner_1 .slide-content h1, .banner_info ul li.banner_2 .slide-content h1 {
            font-size: 42px
        }

        .banner_info ul li.banner_1 .slide-content h3, .banner_info ul li.banner_2 .slide-content h3 {
            top: 75px;
            font-size: 32px
        }

        .container_section {
            padding: 40px 0
        }

        .title_info h3 {
            margin: 0 0 30px
        }

        .savemoneyfront_list {
            margin: 0 0 40px
        }

        .banner_info .bx-wrapper .bx-viewport {
            height: 560px !important
        }

        .graph_info .graph_top_img1 .road_img1 {
            left: -130px
        }

        .graph_info .graph_top_img1 .graph_cycle {
            left: 42%
        }

        .graph_info .graph_top_img2 .road_img2 {
            left: 0
        }

        .graph_info .graph_top_img2 .graph_byke {
            bottom: 36%
        }

        .graph_info .graph_info_txt2 {
            right: 30px
        }

        .invest_list .invest_left {
            padding-right: 15px
        }

        .invest_list .invest_right {
            padding-left: 15px
        }

        .copyright_info .copyright_navlist {
            width: 100%;
            text-align: left;
            margin: 0 0 10px
        }

        .poweredby_txt {
            width: 100%;
            text-align: center
        }

        .banner_info {
            display: none
        }

        .mobilebanner_info {
            display: block
        }

        .team_thumb_slider li {
            width: 230px !important
        }

        .newsandupdates_list .r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor {
            font-size: 12px;
            padding: 6px 8px
        }

        .latestupdates_list h6, .latestupdates_list ul li {
            padding: 20px
        }

        .howitworks_list ul li {
            margin: 0 5.5%
        }

        .howitworks_list {
            background: url(~/img/howitworks_list_bg.png) 0 69px repeat-x,url(~/img/howitworks_list_arrowbg.png) 20.5% 51px no-repeat,url(~/img/howitworks_list_arrowbg.png) 48.5% 51px no-repeat,url(~/img/howitworks_list_arrowbg.png) 77.5% 51px no-repeat
        }

        .asfeatured_list .asfeatured_listinner ul li {
            margin: 0 10px
        }

        .nodistributorfees_top, .ourservicesfree_list .ourservicesfree_listinner {
            padding: 30px 10px
        }

            .nodistributorfees_top p span, .ourservicesfree_list .ourservicesfree_listinner p span {
                font-size: 40px
            }
    }

    @media (max-width: 980px) {
        .logo_info .logo {
            width: 150px
        }

        .nav_info {
            margin: 5px 0 0
        }

            .nav_info .navbar-default .navbar-nav > li {
                margin: 0 0 0 10px
            }

                .nav_info .navbar-default .navbar-nav > li > a {
                    font-size: 13px
                }

        .container_section {
            padding: 40px 0
        }

        .mobilebanner_info ul li.banner_3 .banner3_cont h6, .title_info h3 {
            font-size: 15px
        }

        .best_worstperformance_ratios_info .fundcard_boxshadow, .invest_listinner, .riskometer_funddetails_info .fundcard_boxshadow, .top_holdings_sectors_list .fundcard_boxshadow {
            min-height: inherit
        }

        .banner_info ul li.banner_2 .slide-content h1, .slide-content h1 {
            font-size: 32px
        }

        .banner_info ul li.banner_1 .slide-content h3, .banner_info ul li.banner_2 .slide-content h3 {
            font-size: 28px
        }

        .graph_text .findoutnow_btn {
            margin-top: 15px;
            font-size: 18px
        }

        .updates_news_listinner .updates_news_cont {
            min-height: 60px
        }

        .updates_news_listinner .updates_news_btn {
            margin-bottom: 20px
        }

        .invest_listinner .invest_listinnerimg h4 {
            font-size: 26px
        }

        .banner_info ul li.banner_2 .slider_img .other_list h4, .howitworks_list ul li:first-child {
            text-align: left
        }

        .banner_info ul li.banner_2 .slider_img .moneyfront_list h4 {
            float: right
        }

        .banner_info ul li.banner_2 .slider_img .other_list {
            left: -160px;
            top: 180px
        }

        .banner_info ul li.banner_2 .slider_img .moneyfront_list {
            right: -160px;
            top: 180px
        }

            .banner_info ul li.banner_2 .slider_img .moneyfront_list ol li, .banner_info ul li.banner_2 .slider_img .other_list ol li {
                font-size: 18px;
                line-height: 20px
            }

        .banner_info ul li.banner_2 .slide-content, .contactus_info h5 {
            margin: 0 0 30px
        }

        .savemoneyfront_formlist input[type=email], .savemoneyfront_formlist input[type=password], .savemoneyfront_formlist input[type=text], .savemoneyfront_formlist select {
            margin-bottom: 20px;
            height: 36px;
            font-size: 14px
        }

        .banner_info ul li.banner_1 .slide-content {
            padding: 10px 0 0
        }

        .banner_info ul li.banner_1 .automatedadvisory_list {
            margin: 0
        }

            .banner_info ul li.banner_1 .automatedadvisory_list .automatedadvisory_listinner, .contactus_map_list .contactus_map_img {
                width: 100%
            }

                .banner_info ul li.banner_1 .automatedadvisory_list .automatedadvisory_listinner img {
                    width: 60px;
                    float: left
                }

        .banner_info ul li.banner_1 .slide-content h1, .mobilebanner_info ul li.banner_1 .slide-content h1, .mobilebanner_info ul li.banner_2 .slide-content h1 {
            font-size: 30px
        }

        .customersupport_txt, .login_signup_info ul li {
            font-size: 14px
        }

        .updates_news_listinner h5 {
            font-size: 22px
        }

        .graph_info .graph_top_img1 .road_img1 {
            left: -320px
        }

        .graph_info .graph_top_img1 .graph_cycle {
            left: 29%
        }

        .graph_info .graph_info_txt1 {
            right: -40px;
            width: 300px
        }

        .graph_info .graph_top_img2 .road_img2 {
            left: -400px
        }

        .graph_info .graph_top_img2 .graph_byke {
            bottom: 37.5%;
            left: 69%
        }

        .graph_info .graph_info_txt2 {
            right: 80px
        }

        .mobilebanner_info ul li.banner_1 .slide-content h3, .mobilebanner_info ul li.banner_2 .slide-content h3, .mobilebanner_info ul li.banner_3 .banner3_cont h4 {
            font-size: 24px
        }

        .mobilebanner_info ul li.banner_1 .automatedadvisory_list .automatedadvisory_listinner img {
            width: 60px
        }

        .mobilebanner_info ul li.banner_1 .automatedadvisory_list .automatedadvisory_listinner p {
            padding: 0 0 0 80px;
            margin: 15px 0 0;
            font-size: 16px;
            line-height: 20px
        }

        .mobilebanner_info ul li.banner_2 .slider_img .slider_imginner .banner_img2 {
            width: 320px
        }

        .mobilebanner_info ul li.banner_2 .slider_img .other_list {
            top: 60px;
            left: 0;
            width: 200px
        }

        .mobilebanner_info ul li.banner_2 .slider_img .moneyfront_list {
            top: 60px;
            right: 0;
            width: 200px
        }

            .downloads_list .downloads_list_name, .mobilebanner_info ul li.banner_2 .slider_img .moneyfront_list h4, .mobilebanner_info ul li.banner_2 .slider_img .other_list h4 {
                margin: 0 0 10px
            }

            .mobilebanner_info ul li.banner_2 .slider_img .moneyfront_list ol li, .mobilebanner_info ul li.banner_2 .slider_img .other_list ol li {
                margin: 0 0 10px;
                padding: 0;
                background: 0 0;
                font-size: 18px;
                line-height: 22px
            }

        .contactus_address {
            width: 60%;
            margin: 0 auto 40px
        }

            .contactus_address .contactus_addressinner {
                margin: 0 0 20px;
                min-height: auto
            }

        .downloads_list {
            background: 0 0
        }

            .advisorypanel_details .advisorypanel_cont, .downloads_list .downloads_listinner, .faq_right {
                padding: 0
            }

        .team_list ul li .team_img {
            width: 280px
        }

        .team_list ul li .team_cont, .team_list.team_list2 ul li:nth-child(2n) .team_cont {
            padding: 0 0 0 300px
        }

        .team_list ul li:nth-child(2n) .team_cont {
            padding: 0 300px 0 0
        }

        .team_thumb_info .bx-wrapper .bx-controls-direction .bx-prev {
            left: -25px
        }

        .team_thumb_info .bx-wrapper .bx-controls-direction .bx-next {
            right: -25px
        }

        .team_thumb_info {
            width: 690px;
            margin: 0 auto
        }

        .range_input, .team_list.team_list2 .team_list2inner {
            margin: 0 0 20px
        }

        .mfexplorer_list .r-tabs, .newsandupdates_list .r-tabs {
            border-bottom: 1px solid #ddd
        }

            .newsandupdates_list .r-tabs .r-tabs-panel {
                border: 0
            }

            .mfexplorer_list .r-tabs .r-tabs-accordion-title .r-tabs-anchor, .newsandupdates_list .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
                background: 0 0;
                border: 1px solid #ddd;
                border-radius: 0;
                text-shadow: none;
                font-size: 15px;
                font-weight: 400;
                color: #38454f;
                text-transform: uppercase;
                border-bottom: 0
            }

        .newsandupdates_listinner {
            padding: 15px;
            border: 1px solid #ddd;
            border-top: 0;
            border-bottom: 0
        }

        .mfexplorer_list .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor, .newsandupdates_list .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
            color: #fff;
            background: #77ba43
        }

        .faq_left, .faq_left ul {
            width: 100%;
            float: none;
            margin: 0 0 40px
        }

            .faq_left.fixed {
                position: relative
            }

        .nodistributorfees_listinner {
            margin: 0 auto 20px
        }

        .howitworks_list ul li {
            margin: 0;
            width: 25%
        }

            .howitworks_list ul li:first-child p {
                text-align: center;
                width: 156px
            }

            .howitworks_list ul li:last-child {
                text-align: right
            }

                .howitworks_list ul li:last-child p {
                    text-align: center;
                    width: 156px;
                    float: right
                }

        .howitworks_list {
            background: url(~/img/howitworks_list_bg.png) 0 69px repeat-x
        }

        .mfexplorer_list .r-tabs .r-tabs-panel {
            padding: 15px;
            border: 1px solid #ddd;
            border-bottom: 0
        }

        .schemefilter_formlist input[type=email], .schemefilter_formlist input[type=password], .schemefilter_formlist input[type=text], .schemefilter_formlist label, .schemefilter_formlist select, .schemefilter_formlist.fundcard_schemefilter_formlist .calculatesaving_btn {
            margin: 10px 0
        }

        .mobilebanner_info ul li.banner_3 .banner3_cont .googleplay_gtn, .sipamount_list input[type=email], .sipamount_list input[type=password], .sipamount_list input[type=text], .sipamount_list select {
            max-width: 150px
        }

        .sipcalculator_list {
            padding: 0 20px
        }

        .calculatorresult_chart {
            height: 200px !important
        }

        .graph_info .yeartab_info.yeartab_info1 {
            left: 0
        }

        .graph_info .yeartab_info.yeartab_info2 {
            left: 100px
        }

        .graph_info .yeartab_info.yeartab_info3 {
            left: 200px
        }

        .asfeatured_list .asfeatured_name {
            width: 100%;
            background: 0 0;
            padding: 10px 0;
            text-align: center;
            float: none
        }

        .asfeatured_list .asfeatured_listinner {
            width: 100%;
            padding: 10px 0;
            text-align: center
        }

        .ourservicesfree_section h4 {
            margin: 0 0 30px;
            font-size: 24px
        }

        .ourservicesfree_section h3 {
            margin: 0 0 40px;
            font-size: 28px
        }

        .ourservicesfree_list .ourservicesfree_listinner {
            margin: 0 0 40px
        }

        .advisorypanel_details .advisorypanel_img {
            float: none
        }

        .mobilebanner_info ul li.banner_3 .banner_img3 {
            max-width: 250px
        }

        .mobilebanner_info ul li.banner_3 .banner3_cont {
            padding: 50px 0 0 280px
        }

            .mobilebanner_info ul li.banner_3 .banner3_cont h3 {
                font-size: 36px
            }

            .mobilebanner_info ul li.banner_3 .banner3_cont h2 {
                margin: 0 0 20px;
                font-size: 44px
            }

            .mobilebanner_info ul li.banner_3 .banner3_cont h5 {
                margin: 0 0 20px;
                font-size: 15px
            }

        .mobilebanner_info ul li.banner_1 .slide-content {
            padding: 20px 0 0;
        }

        .mobilebanner_info ul li.banner_1 .slider_img {
            padding-top: 20px;
        }
    }

    @media (max-width: 767px) {
        .nav_info .navbar-collapse {
            position: absolute;
            right: 0;
            background: #303030;
            width: 290px;
            padding: 0;
            z-index: 10;
            top: 34px
        }

        .nav_info .navbar-default .navbar-toggle {
            background: #fff;
            margin-right: 0;
            margin-top: 0;
            margin-bottom: 0
        }

            .nav_info .navbar-default .navbar-toggle:focus, .nav_info .navbar-default .navbar-toggle:hover {
                background: #f2f2f2
            }

        .nav_info .navbar-default .navbar-nav > li {
            border-top: 1px solid #f7f7f7;
            width: 100%;
            margin: 0;
            text-align: left;
            padding: 0 0 0 20px
        }

            .nav_info .navbar-default .navbar-nav > li:first-child {
                padding: 0 0 0 20px;
                border: none
            }

            .nav_info .navbar-default .navbar-nav > li > a {
                background: 0 0 !important;
                padding: 10px 0;
                color: #fff !important
            }

                .nav_info .navbar-default .navbar-nav > li.active > a, .nav_info .navbar-default .navbar-nav > li > a:hover {
                    background: 0 0 !important
                }

        .nav_info .navbar-nav {
            margin: 0
        }

        .updates_news_listinner h5 {
            font-size: 22px
        }

        .advisorypanel_details, .careers_fullview_listinfo ul li .careers_fullview_listcont, .nav_info .navbar-default, .team_list.team_list2 ul li:nth-child(2n) .team_cont {
            padding: 0
        }

        .savemoneyfront_formlist .calculatesaving_btn {
            font-size: 18px;
            float: right
        }

        .savemoneyfront_formlist input[type=email], .savemoneyfront_formlist input[type=password], .savemoneyfront_formlist input[type=text], .savemoneyfront_formlist select {
            margin-bottom: 15px
        }

        .banner_info ul li.banner_2 .slider_img .other_list {
            margin-bottom: 10px
        }

        .banner_info ul li.banner_1 .automatedadvisory_list .automatedadvisory_listinner, .careers_fullview_listinfo ul li .careers_fullview_listtitle {
            width: 100%
        }

            .banner_info ul li.banner_1 .automatedadvisory_list .automatedadvisory_listinner img {
                width: 40px;
                float: left
            }

        .banner_info ul li.banner_1 .slide-content h1 {
            font-size: 28px
        }

        .banner_info ul li.banner_1 .slide-content h3 {
            font-size: 26px
        }

        .savemoneyfront_list ul li label {
            font-size: 18px
        }

        .graph_info .graph_top_img1 .road_img1 {
            left: -420px
        }

        .graph_info .graph_top_img1 .graph_cycle {
            left: 25%
        }

        .graph_info .graph_info_txt1 {
            width: 280px
        }

        .graph_info .graph_top_img2 .road_img2 {
            left: -460px
        }

        .graph_info .graph_top_img2 .graph_byke {
            left: 74%
        }

        .graph_info .graph_info_txt2 {
            right: 30px
        }

        .mobilebanner_info ul li.banner_1 .slide-content {
            padding: 0;
            width: 100%;
            text-align: center;
            float: none
        }

        .mobilebanner_info ul li.banner_1 .automatedadvisory_list {
            background: 0 0;
            margin: 20px 0 0
        }

            .mobilebanner_info ul li.banner_1 .automatedadvisory_list .automatedadvisory_listinner {
                width: 33.33%
            }

                .mobilebanner_info ul li.banner_1 .automatedadvisory_list .automatedadvisory_listinner img, .mobilebanner_info ul li.banner_1 .slider_img {
                    float: none;
                    margin: 0 auto
                }

                .mobilebanner_info ul li.banner_1 .automatedadvisory_list .automatedadvisory_listinner p, .team_list ul li .team_cont, .team_list ul li:nth-child(2n) .team_cont {
                    padding: 0;
                    text-align: center
                }

        .mobilebanner_info ul li.banner_2 .slider_img .other_list {
            position: relative;
            top: 0;
            left: auto;
            float: left;
            width: 250px;
            margin: 10px 0 0
        }

            .mobilebanner_info ul li.banner_2 .slider_img .other_list h4 {
                text-align: left
            }

        .mobilebanner_info ul li.banner_2 .slider_img .moneyfront_list {
            position: relative;
            top: 0;
            right: auto;
            float: right;
            width: 250px;
            margin: 10px 0 0
        }

        .mobilebanner_info .bx-wrapper .bx-pager {
            bottom: -25px
        }

        .title_banner {
            padding: 20px 10px
        }

            .title_banner h2 {
                font-size: 50px
            }

        .team_list ul li .team_img {
            width: 240px;
            float: none;
            margin: 0 auto 20px
        }

        .team_list ul li {
            padding: 0 0 20px
        }

            .calculatorresult_topcont .top_sectors_listinner .top_sectors_listinnercont span, .team_list ul li:nth-child(2n) .team_img, .team_list.team_list2 ul li:nth-child(2n) .team_img {
                float: none
            }

            .team_list ul li .team_cont .team_continner h4 {
                margin: 0 0 20px;
                padding: 0 0 20px
            }

        .team_thumb_info {
            width: 500px
        }

        .team_thumb_slider li {
            width: 250px !important
        }

        .team_thumb_info .bx-wrapper .bx-controls-direction .bx-next {
            right: -35px
        }

        .team_thumb_info .bx-wrapper .bx-controls-direction .bx-prev {
            left: -35px
        }

        .faq_list, .faq_search, .search_letter {
            margin: 0 0 40px
        }

        .howitworks_list {
            background: 0 0
        }

            .howitworks_list ul li {
                width: 49%;
                margin: 0;
                display: inline-block;
                float: none;
                vertical-align: top;
                background: url(~/img/howitworks_list_bg.png) 0 69px repeat-x
            }

                .howitworks_list ul li:first-child {
                    text-align: center
                }

                    .howitworks_list ul li:first-child p {
                        text-align: center;
                        width: 100%
                    }

                .howitworks_list ul li:last-child {
                    text-align: center;
                    float: none
                }

                    .howitworks_list ul li:last-child p {
                        text-align: center;
                        width: 100%;
                        float: none
                    }

                .howitworks_list ul li p {
                    margin: 15px 0 20px
                }

        .social_list_header {
            padding: 7px 5px 0 0
        }

        .schemefilter_formlist label {
            text-align: left;
            line-height: inherit;
            margin: 0 0 10px
        }

        .retirementcalculator_schemeplan_list.schemeplan_list .schemeplan_listval, .schemefilter_formlist input[type=email], .schemefilter_formlist input[type=password], .schemefilter_formlist input[type=text], .schemefilter_formlist select {
            margin: 0 0 20px
        }

        .overview_performance_top .overview_performance_btn {
            width: 100%;
            margin: 0 0 10px
        }

        .showingentries_list {
            width: 100%;
            text-align: right
        }

        .top_holdings_listinner .top_holdings_listinnerval, .top_sectors_listinner .top_sectors_listinnerval {
            text-align: left;
            margin: 5px 0 20px
        }

        .schemeplan_list .schemeplan_listname {
            margin: 0 0 10px
        }

        .graph_info .yeartab_info, header.fixed .top_header {
            display: none
        }

        .schemefilter_formlist .calculatesaving_btn, .sipamount_list .go_btn {
            height: 40px;
            line-height: 40px;
            max-width: 250px
        }

        .login_signup_pageinfo ul li .submit_btn {
            height: 40px;
            line-height: 40px
        }

        .calculatorresult_bottomcont .signup_btnpopup, .schemeplan_signup a, .submit_btninfo .submit_btn {
            max-width: 220px;
            width: 100%;
            padding: 0;
            height: 40px;
            font-size: 20px;
            line-height: 40px
        }

        .retirementcalculator_schemeplan_list.schemeplan_list .schemeplan_listname {
            margin: 10px 0 0
        }

        .careers_fullview_listinfo ul li .careers_fullview_listcont p {
            margin: 0 0 15px
        }

        .advisorypanel_list {
            padding: 0 0 60px
        }

        .mobilebanner_info ul li.banner_3 .banner_img3 {
            max-width: 180px;
            float: none;
            margin: 0 auto
        }

        .mobilebanner_info ul li.banner_3 .banner3_cont {
            padding: 20px 0 0;
            text-align: center
        }

            .mobilebanner_info ul li.banner_3 .banner3_cont h3 {
                font-size: 30px
            }

            .mobilebanner_info ul li.banner_3 .banner3_cont h2 {
                font-size: 34px
            }

            .mobilebanner_info ul li.banner_3 .banner3_cont .googleplay_gtn {
                display: inline-block
            }
    }

    @media (max-width:640px) {
        .banner_info ul li.banner_2 .slide-content h1, .slide-content h1 {
            font-size: 22px
        }

        .banner_info ul li.banner_2 .slide-content h3 {
            font-size: 18px
        }

        .banner_info ul li.banner_2 .slider_img .slider_imginner .banner_img2 {
            max-width: 220px;
            margin: 0 auto
        }

        .banner_info ul li.banner_2 .slider_img .other_list {
            width: 100%;
            left: 0
        }

        .banner_info ul li.banner_2 .slider_img .moneyfront_list {
            right: 0;
            top: 320px;
            width: 100%
        }

        .banner_info ul li.banner_2 .slider_img .other_list h4 {
            margin: 12px 0
        }

        .banner_info ul li.banner_2 .slider_img .moneyfront_list h4 {
            margin: 12px 0;
            float: left
        }

        .customersupport_txt, .login_signup_info ul li {
            font-size: 13px
        }

            .login_signup_info ul li a {
                padding: 10px 8px
            }

        .invest_listinner .invest_listinnerimg h4 {
            font-size: 20px;
            padding-top: 10px
        }

        .invest_listinner .invest_listinnerimg {
            margin: 0 0 10px
        }

        .investing_txt h5, .updates_news_listinner h5 {
            font-size: 20px
        }

        .title_info h3 {
            margin: 0 0 20px;
            padding: 0 0 20px;
            font-size: 18px;
            line-height: 24px
        }

        .graph_text .findoutnow_btn {
            display: block;
            max-width: 200px;
            margin: 15px auto
        }

        .updates_news_listinner .updates_news_img {
            max-width: 80px
        }

        .graph_text .findoutnow_btn, .savemoneyfront_formlist .calculatesaving_btn {
            font-size: 16px
        }

        .graph_text h5 {
            font-size: 24px
        }

        .savemoneyfront_list ul li label:after {
            top: 2px
        }

        .savemoneyfront_list ul li.active label:before {
            top: 12px
        }

        .footer_nav_list h6 {
            margin: 10px 0 15px
        }
    }

    @media (max-width:620px) {
        .graph_info .graph_top_img2 .graph_byke {
            left: 67%;
            bottom: 35.5%
        }

        .graph_info .graph_info_txt1 {
            width: 230px;
            right: 0;
            bottom: 20%
        }

        .graph_info .graph_info_txt h5, .mobilebanner_info ul li.banner_3 .banner3_cont h4 {
            font-size: 24px
        }

        .mobilebanner_info ul li.banner_3 .banner3_cont h5 {
            font-size: 24px
        }

        .mobilebanner_info ul li.banner_3 .banner3_cont h6, .title_info h3 {
            font-size: 24px
        }

        .graph_info .graph_info_txt p {
            font-size: 16px
        }

        .careers_applynow_form h4, .careers_fullview_list .careers_fullview_title h4, .graph_info .graph_info_txt span {
            font-size: 22px
        }

        .customersupport_txt {
            width: 100%;
            text-align: center;
            margin: 0 0 10px
        }

        .login_signup_info {
            width: 100%;
            text-align: center
        }

        .asfeatured_list .asfeatured_name, .mobilebanner_info ul li.banner_1 .slide-content h1, .mobilebanner_info ul li.banner_2 .slide-content h1, .mobilebanner_info ul li.banner_3 .banner3_cont h3, .search_letter, .team_list ul li .team_cont .team_continner h4 {
            font-size: 24px
        }

        .mobilebanner_info ul li.banner_1 .slide-content h3, .mobilebanner_info ul li.banner_2 .slide-content h3 {
            font-size: 18px
        }

        .mobilebanner_info ul li.banner_2 .slide-content h1, .news_listinner ul li p {
            margin: 0 0 10px
        }

        .mobilebanner_info ul li.banner_1 .automatedadvisory_list .automatedadvisory_listinner p {
            font-size: 14px;
            text-transform: capitalize
        }

        .mobilebanner_info ul li.banner_1 .slider_img {
            width: 50%;
            padding-top: 0;
        }

        .mobilebanner_info ul li.banner_2 .slider_img .slider_imginner .banner_img2 {
            width: 250px
        }

        .mobilebanner_info ul li.banner_2 .slider_img .moneyfront_list, .mobilebanner_info ul li.banner_2 .slider_img .other_list {
            width: 46%
        }

        .aboutus_txtright {
            background: url(~/img/aboutus_txtright_icon1.png) left 10px top no-repeat,url(~/img/aboutus_txtright_icon2.png) left 10px bottom no-repeat,url(~/img/aboutus_txtright_dotbg.png) left 40px top repeat-y
        }

            .aboutus_section, .aboutus_txtright ul li, .careers_fullview_info {
                padding: 30px 0
            }

                .aboutus_txtright ul li .aboutus_txtrightinner {
                    width: 100%;
                    margin: 0
                }

                .aboutus_txtright ul li:nth-child(2n) .aboutus_txtrightinner {
                    margin: 0
                }

                    .aboutus_txtright ul li:nth-child(2n) .aboutus_txtrightinner .aboutusright_circle {
                        float: left
                    }

                    .aboutus_txtright ul li:nth-child(2n) .aboutus_txtrightinner .aboutusright_cont {
                        padding: 30px 0 0 110px;
                        text-align: left;
                        background: url(~/img/aboutusright_cont_bg1.png) left 76px top 35.5px no-repeat
                    }

        .title_banner h2 {
            font-size: 40px
        }

        .contactus_address {
            width: 100%
        }

        .contactus_info h5 {
            margin: 0 0 20px;
            font-size: 20px
        }

        .contactus_address .contactus_addressinner .contactus_address_cont h4 {
            font-size: 30px
        }

        .retirementcalculator_form {
            padding: 30px
        }

        .retirementcalculator_txt p, .top_holdings_sectors_list {
            margin: 0 0 30px
        }

        .retirementcalculator_list .form-group {
            margin-bottom: 20px
        }

        .faq_searchinner input[type=tel], .faq_searchinner input[type=text], .retirementcalculator_list label {
            font-size: 14px
        }

        .team_thumb_info {
            width: 360px
        }

        .team_thumb_slider li {
            width: 180px !important
        }

        .team_thumb_info .bx-wrapper .bx-controls-direction .bx-next {
            right: -35px
        }

        .team_thumb_info .bx-wrapper .bx-controls-direction .bx-prev {
            left: -35px
        }

        .faq_search, .login_signup_pageinfo {
            padding: 15px
        }

        .nodistributorfees_list h4 {
            margin: 0 0 20px;
            font-size: 24px
        }

        .howitworks_list ul li p {
            font-size: 16px;
            line-height: 24px
        }

        .social_list_header {
            width: 100%;
            padding: 5px 0 0;
            text-align: center
        }

        .assetallocation_chart {
            height: 200px !important
        }

        .fundcard_boxshadow {
            margin: 0 0 20px
        }

        .modelportfolio_cont p {
            font-size: 16px;
            line-height: 26px
        }

        .calculatorresult_chart svg {
            width: 360px !important
        }

        .careers_applynow_formlist .applynow_btn {
            width: 220px
        }

        .careers_applynow_formlist .form-group {
            margin: 0 0 15px
        }

        .asfeatured_list .asfeatured_listinner ul li {
            margin: 5px
        }

        .ourservicesfree_section h3 {
            margin: 0 0 30px;
            font-size: 22px
        }

        .mobilebanner_info ul li.banner_3 .banner_img3 {
            max-width: 120px
        }

        .mobilebanner_info ul li.banner_3 .banner3_cont h2 {
            font-size: 40px
        }
    }

    @media (max-width:450px) {
        .nav_info .navbar-collapse {
            width: 270px
        }

        .customersupport_txt, .login_signup_info ul li {
            font-size: 12px
        }

        .banner_info ul li.banner_1 .automatedadvisory_list .automatedadvisory_listinner img {
            width: 40px;
            float: left
        }

        .banner_info ul li.banner_1 .slide-content h1 {
            font-size: 26px
        }

        .banner_info ul li.banner_1 .slide-content h3, .graph_text h5, .mobilebanner_info ul li.banner_1 .slide-content h1, .mobilebanner_info ul li.banner_2 .slide-content h1, .team_list ul li .team_cont .team_continner h4 {
            font-size: 20px
        }

        .graph_text .findoutnow_btn, .savemoneyfront_formlist .calculatesaving_btn {
            font-size: 15px
        }

        .updates_news_listinner .updates_news_img {
            max-width: 60px
        }

        .copyright_info {
            padding: 10px 0;
            font-size: 12px
        }

        .graph_info .graph_top_img1 .road_img1 {
            left: -550px
        }

        .graph_info .graph_top_img1 .graph_cycle {
            left: 4%
        }

        .graph_info .graph_info_txt1 {
            width: 180px;
            right: -20px;
            bottom: 20%
        }

        .graph_info .graph_top_img2 .road_img2 {
            left: -760px
        }

        .graph_info .graph_top_img2 .graph_byke {
            left: 44%;
            bottom: 37.5%
        }

        .graph_info .graph_info_txt2 {
            right: 30px;
            width: 220px;
            bottom: -33px
        }

        .login_signup_pageinfo ul li .submit_btn, .mobilebanner_info ul li.banner_1 .slide-content h3, .mobilebanner_info ul li.banner_2 .slide-content h3 {
            font-size: 16px
        }

        .howitworks_list ul li, .mobilebanner_info ul li.banner_1 .automatedadvisory_list .automatedadvisory_listinner {
            width: 100%
        }

            .mobilebanner_info ul li.banner_1 .automatedadvisory_list .automatedadvisory_listinner img {
                float: left;
                width: 50px
            }

            .mobilebanner_info ul li.banner_1 .automatedadvisory_list .automatedadvisory_listinner p {
                text-align: left;
                padding: 0 0 0 60px;
                margin: 7px 0 0
            }

        .mobilebanner_info ul li.banner_2 .slider_img .moneyfront_list ol li, .mobilebanner_info ul li.banner_2 .slider_img .other_list ol li {
            margin: 0 0 5px;
            font-size: 14px;
            line-height: 18px
        }

        .contactus_info h5, .latestupdates_info h5, .mobilebanner_info ul li.banner_2 .slider_img .other_list h4 {
            font-size: 18px
        }

        .title_banner h2 {
            font-size: 30px
        }

        .contactus_address .contactus_addressinner .contactus_address_cont h4, .mobilebanner_info ul li.banner_3 .banner3_cont h2 {
            font-size: 40px
        }

        .retirementcalculator_form {
            padding: 15px
        }

        .team_thumb_info {
            width: 250px
        }

        .team_thumb_slider li {
            width: 250px !important
        }

        .team_thumb_info .bx-wrapper .bx-controls-direction .bx-next {
            right: 10px
        }

        .team_thumb_info .bx-wrapper .bx-controls-direction .bx-prev {
            left: 10px
        }

        .news_listinner ul li h6 {
            font-size: 18px;
            margin: 0 0 10px
        }

        .code_btns ul li {
            margin: 0 5px
        }

            .code_btns ul li input {
                width: 100px
            }

        .assetallocation_chart {
            height: 250px !important
        }

        .modelportfolio_cont p {
            font-size: 14px;
            line-height: 24px
        }

        .login_signup_pageinfo ul li input[type=email], .login_signup_pageinfo ul li input[type=password], .login_signup_pageinfo ul li input[type=text], .login_signup_pageinfo ul li select {
            padding: 0 5px
        }

        .calculatorresult_chart svg {
            width: 220px !important
        }

        .mobilebanner_info ul li.banner_3 .banner_img3 {
            max-width: 80px
        }

        .mobilebanner_info ul li.banner_3 .banner3_cont h3 {
            font-size: 22px
        }
    }