﻿@charset "utf-8";
/*@Website : Kalpataru, @Author : Accord Fintech Pvt.Ltd.*/
@media only screen and (min-width : 1200px) {
    ul#mnav > li > a { font-size: 13px; padding: 5px 11px; }
    .QandL > ul > li { margin: 2px 8px; }
    .QandL > ul > li > a { font-size: 14px; }
    .header > h1:after { width: 270px; height: 60px; top: 15px; right: -280px; background-size: 100%; }
    ul.homelinks > li { float: left; margin-right: 5px; margin-bottom: 5px; }
    ul.homelinks > li > a { padding: 35px 0 0 150px; min-height: 120px; text-align: left; height: 120px; }
    ul.homelinks > li > a:after { top: 20px; left: 20px; }
    .homemktmenu > ul > li > a { padding: 13px 20px 12px 44px; }
    .homemktmenu > ul > li > a:before { left: 10px; }
    .footerstrip { padding: 20px 0 70px 0; }
    .hmbusiness { padding: 35px 10px 36px 35px; }
    /* .homeipoupdates {    height: 184px;}*/
    .homeipoupdatescontent { margin-right: 120px; width: 450px; }
    .fixticker { bottom: -54px; }
    .footerval > b { display: inline-block; }
    .footerval > em { display: inline-block; }
    .qsociallinks { margin: 0 !important; }
    .topquotes .qdrop input { width: 175px; }

    a.capitalgain > i { top: 33px; }

    a.ekyc, a.applyipo, a.referearn, a.klpmkt, a.hmeonlpayment, a.capitalgain2 { height: 150px; padding: 15px 0px; }
    a.ekyc > span, a.applyipo > span, a.referearn > span { font-size: 14px; line-height: 16px; padding: 8px 0; }
    a.klpmkt > em, a.ekyc > em, a.applyipo > em, a.referearn > em { background-size: contain; }

    .bannerbottomlinks { height: 120px; }
    .bannerbottomlinks > img { height: 120px; }
    .dbimg { height: 120px; }
    a.hmeonlpayment > img { height: 120px; }
    ul.homelinks > li, ul.homelinks > li.nomar { float: left; margin-left: 0.5%; margin-right: 2.3%; margin-bottom: 0%; width: 48.3%; }

    .andrsp { font-size: 14px; }
    .andply { width: 30%; }
    .popupcloseicon { top: 23px; right: 0px; margin-top: 60px; }
    .ultitle { padding: 15px 25px; }
    .ultitle > li { font-size: 18px; padding-right: 28px; }

    .rearrangepopuptyp2 { margin-top: -125px !important; }
    .rearrangepopuptyp3 { margin-top: -260px !important; }

    #HmeEventPopUp.EventPopUp.fourwayBx { margin-top: -260px !important; }


    /***openanaccount form***/
    .openheadtxt span { font-size: 12px; line-height: 14px; }
    .openheadtxt span, .openheadtxt span > em { font-size: 15px; line-height: 20px; }
    .openheadtxt span { line-height: 20px; }
    .hmwform_txt { padding: 10px; margin: 0 0 25px; }
    .openanaccountbtn { margin: 0px 0 5px; }
    .hmeformwrapper { min-height: 391px; }
    .openheadtxt { margin-bottom: 20px; }

    /*KYCMandate PopUp*/
    #KYCMandate .popupwrapper > img { max-width: 530px; }
    #KYCMandate .popupwrapper { left: 50%; margin-left: -275px; }

    /*Jarvis PopUp*/
    #JarvisPop .popupwrapper img { max-width: 530px; }
    #JarvisPop .popupwrapper { left: 50%; margin-left: -275px; }
}

@media screen and (min-width: 1400px) {
    ul#mnav > li > a { font-size: 15px; }
    .topquotes .qdrop input { width: 220px; }
}



@media only screen and (max-width: 992px) {
    .fixheader, .fix .fixheader { top: 0px; height: 75px; background: #fff; }
    .fixheader:after { display: none; }
    .header { position: fixed; left: 0; right: 0; }
    .header > h1, .fix .header > h1 { width: 90px; height: 75px; top: 0px; left: 0px; }
    .header > h1:after, .fix .header > h1:after { display: none; width: 140px; height: 40px; right: -140px; top: 16px; background: url(../images/logo-txt-mob.png) no-repeat; background-size: 100%; }
    .fullmenubg { display: none; background: #00234a; top: 75px; left: auto; right: 0; bottom: 0; position: fixed; padding: 10px 15px; overflow: auto; width: 280px; }
    ul#mnav, .fix ul#mnav { margin-top: 0px; float: none; padding: 0; }
    ul#mnav > li { float: none; }
    ul#mnav > li > a { font-size: 15px; line-height: 36px; margin-bottom: 1px; padding: 0; text-align: center; color: #fff; }
    .topstrip { position: static; background: rgba(0,0,0,0.2); text-align: center; margin-top: 10px; padding: 5px; }
    .headtabs { position: static; text-align: center; margin-top: 10px; }
    .headtabs > a { font-size: 12px; line-height: 18px; margin-bottom: 4px; display: block; text-transform: capitalize; margin-left: 0; }

    /*download mobile app left side*/
    .mobileapp { display: none; }
    .mobileappmenu { display: block; }

    .QandL, .QandL > ul, .QandL > ul > li, a.toplogin { float: none; margin-right: 0px; margin-left: 0px; }
    a.toplogin { line-height: 30px; font-size: 13px; background: #eb8000; color: #fff; }
    a.toplogin { border-radius: 5px; }
    .QandL > ul > li > a { font-size: 14px; line-height: 28px; }
    #mobnav { display: block; }
    .topquotes { width: auto; height: auto; float: none; }
    .topquotes .qdrop { display: block; position: static; width: 100%; height: auto; padding: 5px; }
    .topquotes > span { display: none; }
    .topquotes .qdrop > a { padding: 0 8px; margin-left: 0px; }
    .topquotes .qdrop > a > i { display: inline-block; }
    .topquotes .qdrop input { display: inline-block; width: 85%; }
    .fixedSocialIcon { top: 120px; }
    .QLogin { top: 80px; }
    #bannerbg { padding-top: 90px; padding-bottom: 20px; }
    .homebanner { margin-bottom: 10px; }
    /*ul.homelinks > li, ul.homelinks > li.nomar { float: left; margin-right: 1%; margin-bottom: 1%; width: 49%; }*/
    ul.homelinks > li:last-child { margin-right: 0; }
    ul.homelinks > li > a { padding: 95px 10px 0; min-height: 185px; width: auto; text-align: center; }
    ul.homelinks > li > a:after { top: 10px; left: 50%; margin-left: -50px; }
    .hmeabtsec > h2 { font-size: 30px; line-height: 30px; }
    .hmeabtsec > p { font-size: 13px; line-height: 23px; }
    .hmeabtbox > b { font-size: 16px; line-height: 16px; margin: 10px 0; }
    .hmeabtbox > p { font-size: 13px; line-height: 20px; }
    .homemktmenu > ul > li { margin-bottom: 5px; margin-right: 0px; }
    .homemktmenu > ul > li > a { padding: 12px 15px 12px 15px; border-radius: 10px; font-size: 13px; line-height: 14px; }
    .homemktmenu > ul > li > a:before { display: none; }
    .hmemktdtasec { margin-top: 20px; }
    .hmemktgraphsec { margin-bottom: 25px; }
    .hmktindicesbox { padding-left: 55px; }
    .hmktindicesbox:before { left: 15px; }
    .hmktindicesdata { margin-bottom: 25px; }
    .hmktgainlosedata { margin-bottom: 25px; }
    .hmemktrowpad { padding-right: 15px; padding-left: 15px; }
    .hmbusiness { background-position: right; padding-left: 125px; }
    /*.homeipoupdates {    background-size: cover;    padding-left: 112px;height: auto;}*/
    .homeipoupdatescontent:before { left: 110px; }
    .homeipoupdatescontent { position: static; width: 100%; }
    .homepoweredbycnt { margin: 0 auto 30px; display: inline-block; }
    .homemobtradecnt { right: 132px; left: auto; }

    /***Footer***/
    .footerval { border-right: 0px solid #2d2d2d; }
    .fixticker { bottom: -74px; }
    .footcopytxt { text-align: center; }
    .footcopytxtright { text-align: center; }
    .footindh { padding-bottom: 15px; }
    .footermenu { background-color: #e7e7e7; padding: 15px 0; }

    /***Home Getquotes***/
    .homecomsearchdata { top: 48px; right: 0; left: 0; width: auto; }
    .homecomsearchdata a { font-size: 13px; }
    .homecomsearchdata a > span { font-size: 14px; }

    ul#mnav > li.hassubmenu > ul { position: static; width: 100%; }

    .QLogin { width: 100%; position: static; }
    .QLogin > em { display: none; }
    .QLogin > ul > li > a:after { margin-right: -43px; right: 50%; }

    .qsociallinks > ul > li > a { position: static; }

    a.ekyc, a.applyipo, a.referearn, a.klpmkt, a.hmeonlpayment, a.capitalgain2 { display: block; padding: 15px 0px; height: 145px; }
    a.capitalgain { max-width: 360px; margin: 20px auto; }
    a.klpmkt { margin: 0px auto 0px; }
    a.ekyc > span, a.applyipo > span, a.referearn > span, a.capitalgain2 > span, a.hmeonlpayment > span, a.klpmkt > span { padding: 10px 0px; font-size: 14px; line-height: 17px; }

    .dbimg { float: none; max-width: 360px; padding: 0px 2px; height: 90px; margin: 20px auto; }

    .bannerbottomlinks > img { width: 200px; }

    a.ekyc > em, a.applyipo > em, a.referearn > em, a.klpmkt > em, a.capitalgain2, a.capitalgain2 { background-size: contain; }

    .andplywrap { margin-bottom: 15px; margin-top: 0px; }
    .andrsp { font-size: 14px; }
    .andply { width: 46%; }
    .popmain { width: 100%; float: none; margin-top: 0px; }

    .poprap { width: 515px; margin: auto; margin-top: 42px; }
    .popmain .modal-dialog { max-width: 240px; margin: auto; }

    .popupcloseicon { top: -19px; right: 138px; }
    /*.popupcloseicon{bottom:0px; right :377px}*/

    .ultitle { padding: 10px 5px 0px; }
    .ultitle > li { font-size: 16px; float: none; padding-right: 0px; }
    .atagtitle { font-size: 14px; }
    .emtagtitle { font-size: 16px; }
    .spantagtitle { font-size: 16px; }
    .btagtitle { font-size: 16px; }

    .andply { width: 30%; }
    .smrtwaysubdata { width: 245px; position: static; }

    .rearrangepopuptyp2 { width: 765px!important; margin-left: -382px !important; }
    .rearrangepopuptyp2 .popupcontentbox { width: 250px; }
    .rearrangepopuptyp2 .popupcontentbox > span, .popupcontentbox > span > em { font-size: 17px; line-height: 18px; }
    .rearrangepopuptyp2 .popupcontentbox > a { font-size: 15px; }

    ul#mnav > li.hassubmenu > ul > li > ul { position: static; width: 90%; margin: 0 10px 0 12px; }

    /***openanaccount form***/
    .openheadtxt span { font-size: 12px; line-height: 14px; }
    .openheadtxt span, .openheadtxt span > em { font-size: 15px; line-height: 18px; }
    .hmwform_txt { padding: 10px; margin: 0 0 20px; }
    .openanaccountbtn { margin: 0px 0 5px; }
    .hmeformwrapper { min-height: 350px; }
    .openheadtxt { margin-bottom: 20px; }

    /*home common aadhar cdsl PopUp*/
    #panaadhar.hmePopUp { width: 400px; margin-left: -200px; }
}

@media only screen and (max-width: 767px) {
    .fixedSocialIcon { display: none; }
    .toppager { top: 5px; right: 5px; }
    ul.homelinks > li, ul.homelinks > li.nomar { width: 100%; }
    ul.homelinks > li > a { padding: 100px 5px 0; min-height: 160px; }
    ul.homelinks > li > a:after { top: 10px; }
    ul.homelinks > li > a > h3 { font-size: 14px; line-height: 16px; }
    .hmeabtbox { margin-bottom: 25px; }
    .hmeabtbox > img { width: 160px; }
    .hmeabtsec > h2 { font-size: 26px; line-height: 26px; }
    .homemktmenu > span { display: block; }
    .homemktmenu > ul { display: none; position: absolute; width: 160px; right: 0; top: 45px; background: #fff; z-index: 9; }
    .homemktmenu > ul > li { display: block; margin: 0 0 5px 0; }
    .homemktmenu > ul > li > a { padding: 8px 15px 7px 15px; font-size: 14px; line-height: 14px; display: block; }
    .homemktmenu > ul > li.active > a { display: none; background-color: #01244e; }
    .homemktmenu > ul > li > a:before { display: none; }
    .hmeabtbg { padding: 10px 0 20px 0; }
    .hmktgainlosedata > div > a { padding: 15px 10px 15px 35px; }
    .hmktgainlosedata > div > a:before { left: 10px; }
    .homemobtradecnt { right: auto; left: 50%; margin-left: -114px; }
    .hmbusinesscnt > p > i { display: initial; }
    .hmbusiness { padding: 35px; }
    /*.homeipoupdates {      padding: 25px 25px 25px 140px;}*/
    .homeipoupdatescontent { padding: 0; margin: 0; }
    .homeipoupdatescontent:before { left: 30px; }
    a.ekyc, a.applyipo, a.referearn, a.klpmkt, a.hmeonlpayment, a.capitalgain2 { margin: 10px auto 0; }


    /***footer***/
    .fixticker { position: static; }
    .footerstrip { padding: 20px 0; }
    .footerdark p { margin: 5px 0; line-height: 20px; }
    .footerticker { padding: 15px 0; }
    .attInves { height: 86px; padding: 0px; }
    .attInves > span { display: inline-block; float: left; position: relative; padding: 0 5px; }
    .kycmarq { height: 30px; padding: 0px; }
    .kycmarq > span { display: inline-block; float: left; position: relative; padding: 0 5px; }
    .footertxt > p { margin: 5px 0; line-height: 20px; }
    .marqspan > b.marqsel { margin-left: -4px; }
    .marqspan > b { }
    .tickdata { display: block; padding: 0 10px; width: 100%; height: 42px; float: left; }
    #MarqueeAtntn { padding: 0 10px; color: #f3f3f3; left: 10px; right: 10px; }
    .footerlst > span > a { padding: 2px 7px; }
    .femail { margin-bottom: 25px; }
    .footregdata { margin-top: 15px; }
    /***Social Icons***/
    .socialicons { position: static; width: 100%; height: auto; padding: 0 0 10px; }
    .socialicons > a { display: inline-block; margin: 0 1px; }

    /*
    .poprap {width: 515px;margin: auto; margin-top: 82px;}
    .popmain .modal-dialog {max-width:240px; margin:auto;}
    .popupcloseicon { top: 64px;right: 272px;} */

    .poprap { width: 303px; }
    .popupcloseicon { right: 31px; }
    .andplywrap a { min-height: 105px; }
    .smrtwaysubdata { width: 100%; position: static; }

    /*Home Right Issue popup*/
    .rearrangepopuptyp2 .popupcontentbox { width: 295px; }
    .rearrangepopuptyp2 .popupcontentbox > span, .popupcontentbox > span > em { font-size: 20px; line-height: 25px; }
    .rearrangepopuptyp2 .popupcontentbox > a { font-size: 17px; }
    .rearrangepopuptyp1, .rearrangepopuptyp2, .rearrangepopuptyp3 { width: 300px !important; margin-left: -150px !important; margin-top: -230px !important; }

    #HmeEventPopUp.EventPopUp.fourwayBx { width: 300px !important; margin-left: -150px !important; margin-top: -230px !important; }

    /*KYCMandate PopUp*/
    /*#KYCMandate .popupwrapper { margin-left: -210px; }
   #KYCMandate .popupwrapper > img { max-width: 400px; }*/

    /*pan aadhar PopUp*/
    /*#panaadhar .popupwrapper > img { max-width: 400px; }*/

    /* Client Dealing Popup */
    #CleintDealing .popupwrapper { width: 450px; margin-left: -225px; padding: 15px; }

    /*Sebi Popup*/
    .commonsebipopup .popupwrapper { max-width: 450px; }
    .commonsebipopup .popupwrapper img { max-width: 450px; }

}

@media only screen and (max-width: 479px) {
    .hmeabtsec > h2 { font-size: 22px; line-height: 22px; }
    .hmeabtsec > p { line-height: 21px; }
    .fullmenubg { width: 100%; }
    .hmbusinesscnt > h3 { font-size: 28px; line-height: 28px; }

    /***Home Getquotes***/
    .homecomsearchdata { position: static; width: 100%; }
    .homemkttciker > select { width: 100%; position: static; }
    .homemkttciker > .homemkttcikerdata { padding: 0; }

    ul.homelinks > li, ul.homelinks > li.nomar { float: none; margin-bottom: 10px; width: 100%; }

    a.capitalgain { font-size: 15px; line-height: 22px; }
    .poprap { margin-top: 80px; }
    .popupcloseicon { right: 31px; }

    /*a.ekyc { height:78px;}
   a.ekyc > span {font-size: 14px;line-height:17px;padding:22px 0;}  
   .dbimg{ width:300px; }*/

    #popupoverlay > div { width: 300px; left: 50%; margin-left: -150px; height: 318px; }
    .andplywrap a { min-height: 120px; }
    .subdata { width: 160px; }
    .subdata ul > li > a { font-size: 12px; }

    /*KYCMandate PopUp*/
    #KYCMandate .popupwrapper { margin-left: -160px; }
    #KYCMandate .popupwrapper > img { max-width: 300px; }

    /*Jarvis PopUp*/
    #JarvisPop .popupwrapper { margin-left: -160px; }
    #JarvisPop .popupwrapper img { max-width: 300px; }

    /*pan aadhar PopUp*/
    /*#panaadhar .popupwrapper { margin-left: -175px;width:350px; }*/
    /*#panaadhar .popupwrapper > img { max-width: 300px; }*/
    /*#panaadhar .popupwrapper > h3 ,#panaadhar .popupwrapper > em {font-size:16px;line-height:18px;}*/

    /*home common aadhar cdsl PopUp*/
    #panaadhar.hmePopUp { width: 300px; margin-left: -150px; }
    /*home common aadhar cdsl PopUp*/
    #panaadhar .popupwrapper { width: 295px; }
    #panaadhar .popupwrapper > .aadhaarimg { max-width: 250px; }

    /*Become Partner Us*/
    .homeipoupdates { height: 225px; }
    .kalpataruservices { padding: 60px 10px 35px; }
    .servicetabsec > h1 { font-size: 22px; }
    .servicetabsec > h1:before { left: 50%; top: -60px; width: 56px; height: 50px; margin-left: -28px; }

    /*Fund transfer PopUp*/
    #onlinefund .popupwrapper { margin-left: -150px; width: 300px; }
    #onlinefund .popupwrapper > p {font-size: 18px; line-height: 22px; }

    /* Client Dealing Popup */
    #CleintDealing .popupwrapper { width: 320px; margin-left: -160px; padding: 15px; }
    #CleintDealing .popcnt h4 { margin: 0; font-size: 15px; }
    #CleintDealing .popcnt ul > li { font-size: 14px; }

    /*Sebi Popup*/
    .commonsebipopup .popupwrapper { max-width: 320px; }
    .commonsebipopup .popupwrapper img { max-width: 320px; }
    .commonsebipopup .modal-content { padding: 30px 20px 20px; }
    .commonsebipopup h3 { font-size: 20px; }
    .commonsebipopup .cntpopup li { font-size: 14px; line-height: 22px; }
}
