@charset "utf-8";
/*@Website : Portfolio, @Author : Accord Fintech Pvt.Ltd.*/
/* Large Desktops and laptops */
@media only screen and (min-width : 1224px) {
    .networth1 { width: 360px; }
    .leftmar { margin-left: 30px; }
    .helthwatchkicon > .imdiv { height: 72px; display: block; width: 150px !important; }
}



/* #Tablet (Portrait) Note: Design for a width of 768px */
@media only screen and (max-width: 995px) {
    .portcontmain { margin-top: 10px; }
    .porthead, .portheadinner, .portheadinnerwlmf { display: none; }
    .portheadwatchlist { display: none; }
    .porttable > div, .porttableinner > div { height: auto; background: #fff; position: relative; margin-bottom: 8px; padding: 0; }
    .porttableinnerwl > div { height: auto; background: #fff; position: relative; margin-bottom: 8px; }
    .porttable > div > .lefthead { width: 100%; background: #f7f7f7; border-bottom: 1px solid #eeeeee; padding: 10px 10px; }
    .portaddicon { width: auto !important; position: absolute; right: 5px; top: 7px; }
    .porttable > div > .innerportcont { width: 50%; height: 28px; line-height: 28px; border-bottom: 1px solid #eeeeee; border-left: 1px solid #eeeeee; position: relative; }
    .porttable > div > div > p, .porttableinner > div > div > p { display: inline; position: absolute; left: 5px; }
    .porttableinnerwl > div > div.bdrtop { border-top: 1px solid #eeeeee; }
    .porttableinnerwl > div > div > p { display: inline; position: absolute; left: 5px; }
    .porttable > div > .second, .porttableinner > div > .second { border-right: 1px solid #eeeeee; }
    .porttable > div > .taxsecond, .porttableinner > div > .taxsecond { border-top: 1px solid #eeeeee; }

    .porttableinnerwl > div > .second { border-right: 1px solid #eeeeee; }
    .porttable > div > .fourth { border-right: 1px solid #eeeeee; }
    .portnetworth { display: none; }
    .networth1 { width: 235px; height: 110px; }
    .networth1 .netper { float: left; }
    .porttableinner > div > .innerportcont { width: 50% !important; height: 28px; line-height: 28px; border-bottom: 1px solid #eeeeee; border-left: 1px solid #eeeeee; position: relative; }
    .porttableinner > div > div.comheadtd > p { text-transform: none; }

    .porttableinnerwl > div > .innerportcont { width: 50% !important; height: 28px; line-height: 28px; border-bottom: 1px solid #eeeeee; border-left: 1px solid #eeeeee; position: relative; }
    .porttableinnerwl > div > div.comheadtd > p { text-transform: none; }

    .comheadtd, .glrep { text-align: right; }
    .glrep > img { padding-top: 8px; }
    .porttableinner > div > div.bdrtop { border-top: 1px solid #eeeeee; }
    .indygrph { width: 100%; float: none; }
    .cmpdet { width: 100%; float: none; }
    .cmpdet > div > div.wid25 { width: 50%; }
    .innerportcont .trheadtd, .innerportcont .trheadtdfi, .innerportcont .trheadtdloans { text-align: right; }
    .cmpdet > div > div.bdrbn { border-bottom: none; }
    .cmpdet > div > div.scnd { border-right: 1px solid #ddd; }
    a.cmpname, span.cmpname { display: none !important; }
    p > .cmphd { display: none; }
    p > .cmpnamelrg { display: inline; text-transform: uppercase; }
    p > .cmpnamelrgwl { display: inline; text-transform: uppercase; }
    .innerportcont.lefthead.comheadtd { width: 100% !important; }
    .stktabs > ul { display: none; }
    .stktabs > ul > li { float: none; border-bottom: 1px solid #dfdfdf; margin-right: 0px; }
    .navicon { display: block; }
    .porttableinner .mtr { text-align: right; }
    .innerportcont { text-align: right; }
    .bdrtopnew { border-top: 1px solid #eeeeee; }
    .widforexbig { width: 100% !important; height: 28px; line-height: 28px; border-bottom: 1px solid #eeeeee; border-left: 1px solid #eeeeee; position: relative; }
    .innerportcont.lefthead.comheadtdwl { width: 100% !important; }
    .lvprive { display: inline; }
    .chg { display: inline; }
    .ind { display: inline; }
    .gain { display: inline; }
    .lvprive1 { display: none; }
    .chg1 { display: none; }
    .ind1 { display: none; }
    .gain1 { display: none; }
    .wlpadtop15 { padding-top: 0px !important; }
    .porttableinnerwlmf > div { height: auto; background: #fff; position: relative; margin-bottom: 8px; }
    .porttableinnerwlmf > div > div > p { display: inline; position: absolute; left: 5px; }
    .porttableinnerwlmf > div > .second { border-right: 1px solid #eeeeee; }
    .porttableinnerwlmf > div > .innerportcont { width: 50% !important; height: 28px; line-height: 28px; border-bottom: 1px solid #eeeeee; border-left: 1px solid #eeeeee; position: relative; }
    .watchlistspan { display: inline; }
    .tl { text-align: left; }
    .indhead > div { margin-bottom: 0px; }
    .totqty { display: none; }
    .cmpdet.wl { margin-top: 35px !important; }
    .porttableinner .asset { margin-bottom: 0px !important; }
    .assetdiv { display: none; }
    .bdrtopasset { border-top: 1px solid #eeeeee; }
    .asset > div { width: 100% !important; }
    .porttableinner > div.asset > .innerportcont { width: 100% !important; }
    .gltot { display: none; }
    .gllrgewid { width: 100% !important; }
    .totdiv { display: block; }
    .helthwatchkicon { padding-top: 30px; }
    .helthwatchkicon > .imgh { display: block !important; width: 51px !important; height: 51px !important; }
    .helthwatchkicon > .imdiv { height: 43px !important; display: block !important; width: 150px !important; }
    .helthwatchkicon > .imdiv > span { font-size: 20px !important; margin: 10px 0px 0px 5px !important; position: absolute !important; }
    .GridHeadMainDiv { display: none; }
    .GridDataMainDiv { margin-bottom: 25px; }
    .GridDataMainDiv > div { background-color: #fff; height: 28px; line-height: 28px; }
    .GridDataMainDiv > div > div { width: 50% !important; text-align: right; position: relative; border: 1px solid #eee; border-bottom: none; height: 28px; line-height: 28px; }
    .GridDataMainDiv > div > div > p { display: inline; position: absolute; left: 5px; }
    /*.GridDataMainDiv > div > div.bdrtop{border-top:1px solid #eee;}*/
    .GridDataMainDiv > div > div.bdrrghtn { border-right: none; }
    .GridDataMainDiv > div > div > input { margin-top: 0px; }
    .GridDataMainDiv > div > div.lstrow { width: 100% !important; border-bottom: 1px solid #eee; }
    .GridDataMainDiv > div > div > span { height: 28px; line-height: 28px; }

    /*header */
    .headerbg { height: 80px; }
    .header div.logo { height: 55px; width: 125px; position: absolute; top: 0px; }
    .header div h2.head { font-size: 22px; margin: 0; position: absolute; right: 0; left: 0; top: 15px; text-align: center; }

    .cmpdet { margin: 20px 0 30px; }
    .charttypehd { margin-bottom: 0px; }
    .porttableinner > div > div:first-child { min-height: 55px; }
    .mfschmehed { margin-bottom: 0; }
}


/* #Mobile (Landscape)/* Note: Design for a width of 480px */
@media only screen and (max-width: 767px) {
    .loginlogo > img { width: 85px; }
    .myportfolio > span { width: 100%; }
    .myportfolio > span > i { display: none; }
    .qdropbg { width: 300px; background: #fff; margin: 10px 0 10px 10px; }
    .qdropbg select { width: 100%; }
    .mpdivgo { margin: 10px; height: auto; line-height: normal; }
    .networth { margin-bottom: 0px; padding: 10px 15px; border-bottom: none; }
    .networth1 { width: 100%; margin-bottom: 0px; padding: 5px 15px; border-bottom: none; height: auto; line-height: normal; }
    .leftmar { margin-left: 0px; }
    .netdiv { margin-top: 0px; }
    .netvalue { font-size: 18px !important; }
    .networth1 .netper { float: right; }
    .bdrbtm { border-bottom: 1px solid #dcdcdc; }
    .nethead { color: #000000; }
    #addstock { width: 296px; height: auto; margin-left: -148px; padding: 15px 9px 9px 9px; }
    #addstock > div { margin-bottom: 0; }
    #addstock > div > div { display: block; float: none; }
    #addstock > div > .mrgnresp { margin-bottom: 8px; }
    .compname { margin-left: 0; float: left !important; }
    .compname > input { width: 200px; }
    .compimgs { float: left !important; }
    .innerdivcnt1 { text-align: left; }
    .innerdivcnt4 { text-align: left; }
    .innerdivtxt1 { width: 275px; }
    .innerdivtxt2 { width: 228px; }
    .innerdivtxt5 { width: 275px; }
    .innerdivtxt6 { width: 228px; }
    #addstock .poptextarea { width: 275px; }
    .submitpop { float: right !important; margin: 10px 0; }
    .pick { float: left !important; margin-right: 0px; }
    .pick > span { margin: 4px 8px 4px 0; }
    .popdrop1 { width: 275px; }
    .popdrop2 { width: 275px; }
    .compname1 { margin-left: 0px; float: left !important; }
    .compname1 > input { width: 250px; }
    .innerdivcnt3 { text-align: left; }
    #lblStock { width: 275px; }
    .popdrop3 { width: 275px; }
    .popdrop4 { width: 275px; }
    .innerdivtxt3 { width: 275px; }
    .innerdivcnt3 { width: 100%; }
    .stklist { width: 275px; }
    .dercomp { width: 275px; }
    .innerdivtxt4 { width: 228px; }

    .cmpdet > div > div.wid25 { width: 25%; }
    .cmpdet > div > div.bdrbn { border-bottom: 1px solid #ddd; }
    .cmpdet > div > div.scnd { border-right: none; }
    .cmpdet > div > div.bdrr { border-right: 1px solid #ddd; }
    .navgrph { width: 100%; }
    .loandet > div { margin-bottom: 10px; }
    .loandet > div.thead { display: none !important; }
    .loandet > div > div > p { display: block; position: absolute; left: 5px; }
    .loandet > div > div.wid25 { width: 100%; }
    .loandet > div > div { position: relative; text-align: right !important; height: 28px; line-height: 28px; padding-right: 5px; }
    .loandet > div > div.bdrb { border-bottom: none; }
    .loandet > div > div.bdrr { border-bottom: 1px solid #eee; }
    .loandet > div > div.bdrbn { border-right: 1px solid #eeeeee; }
    .loandet > div > div.lstbdrbtm { border-bottom: 1px solid #eeeeee; }
    .transdrop { padding-top: 10px; }
    .priccls { display: none !important; }
    .GridDataMainDiv > div > div.lstrow { text-align: left; }
    .helthwatchkicon > .imdiv > span { font-size: 20px !important; margin: 10px 0px 0px 5px !important; position: absolute !important; }

    #addstock { height: 400px; overflow: auto; margin: 0px 15px; left: 0; right: 0; width: auto; }
    .popdrop1, .popdrop2 { width: 100%; }
    #addstock > div > .mrgnresp { float: none !important; width: 100%; }
    .innerdivtxt1 { width: 100%; }
    #addstock > div > div.innerdivcnt1 { width: 100%; }
    #addstock .poptextbox { width: 100%; }
    #addstock .poptextarea { width: 100%; }
    .headerbg { margin-bottom: 15px; }
    .header div.logo { float: none; }
    .maincont { margin-bottom: 15px; }
    .netgraph { margin: 10px 0 0 0; }
    .myportfolio { margin-top: 10px; }
    .loginctrl { margin: 50px 0; }
    .header div h2.head { font-size: 18px; }
}


/*  #Mobile (Portrait)/* Note: Design for a width of 320px */
/*********************************header*************************************/
@media only screen and (max-width: 479px) {
    .footer { text-align: center; }
    .footer > p { padding: 6px 0; }
    .footer > p > a { display: block; }

    .porttable > div > .innerportcont, .porttableinner > div > .innerportcont { width: 100% !important; }
    .porttable > div > .first, .porttableinner > div > .first { border-right: 1px solid #eeeeee; }
    .porttable > div > .third { border-right: 1px solid #eeeeee; }
    .porttableinner > div > div.bdrtop { border-top: none; }
    .porttableinner > div > div.comheadtd, .porttableinner > div > div.trheadtd, .porttableinner > div > div.trheadtdfi, .porttableinner > div > div.trheadtdloans { border-top: 1px solid #eeeeee; }
    a.cmpname { display: none; }
    p > .cmphd { display: none; }
    p > .cmpnamelrg { display: inline; text-transform: uppercase; }
    .comheadtd > p > a { display: block; white-space: normal; text-align: left; }
    p > .cmpnamelrgwl { display: none; }
    p > .cmpnamelrgwlsml { display: inline; text-transform: uppercase; }
    .cmpdet > div > div.wid25 { width: 50%; }
    .cmpdet > div > div.bdrbn { border-bottom: none; }
    .cmpdet > div > div.scnd { border-right: 1px solid #ddd; }

    .porttableinnerwl > div > .innerportcont { width: 100% !important; }
    .porttableinnerwl > div > .first { border-right: 1px solid #eeeeee; }

    .porttableinnerwl > div > div.bdrtop { border-top: 1px solid #eeeeee; }
    .porttableinnerwl > div > div.comheadtd, .porttableinner > div > div.trheadtd { border-top: 1px solid #eeeeee; }
    .porttableinnerwlmf > div > .innerportcont { width: 100% !important; }
    .porttableinnerwl > div > .scrip { border-top: none !important; }

    .porttableinnerwlmf > div > .first { border-right: 1px solid #eeeeee; }
    .bdrtopnone { border-top: none !important; }
    .stktabshlth > ul { display: none; }
    .stktabshlth > ul > li { float: none; border-bottom: 1px solid #dfdfdf; margin-right: 0px; }
    .naviconhlth { display: block; }
    .transdrop { padding-top: 10px; }
    .mpdivgo { margin: 0; width: 100%; float: none; text-align: right; height: auto; line-height: normal; }
    .helthwatchkicon > .imdiv > span { font-size: 17px !important; margin: 10px 0px 0px 5px !important; position: absolute !important; }

    .myportfolio > span { width: 100%; float: none; display: block; height: auto; line-height: normal; padding: 5px; font-size: 15px; }
    .myportfolio { padding: 10px; }
    .mangeaccntdiv { float: none; padding: 0; margin: 10px 0; width: 100%; line-height: normal; }
    .qdropbg { width: 100%; background: #fff; margin: 10px 0; float: none; display: block; }
    .header div h2.head { display: none; }
    .comoncontentarea { }
    .porttableinner > div > div:first-child { min-height: 40px; height: auto; padding: 10px 5px; }
    .porttableinner > div > div:first-child > p { line-height: 18px; padding: 10px 0; position: relative; display: none; }
    .porttableinner > div > div:first-child > span { float: left; }
    .glrep > img { padding-top: 0; }
    .footer p > a { display: block; }

    /*bse nse price*/
    .bsenseprice > ul > li { display: block; margin: 0 0 10px; }
}