﻿/* File Created: July 16, 2019 */
@charset "utf-8";
/*@Website : NirmalBang, @Author :Accord Fintech Pvt.Ltd.*/

@media only screen and (min-width : 1200px) {
    .container-fluid { padding-right: 50px; padding-left: 40px; }
    .why_choose_det > p > span { display: block; }
    .alpha_companylist > a { padding: 4px 5px; font-size: 14px; line-height: 14px; }
    .foot_connect_with_us > a { width: 30px; height: 30px; }
    .foot_connect_with_us > a > i { font-size: 15px; line-height: 30px; }
    .nforight .nfobox { padding: 10px 35px; }
    .nfoleft > select { padding: 15px; font-size: 14px; }
    .nfoleft > i { top: 15px; right: 15px; font-size: 22px; }
    .dropbox > ul > li > a { padding: 4px 0 4px 12px; }
    /*ul.topbtns > li > a {font-size:12px;}*/

    /*Banner*/
    #mainBanner .owl-prev { left: 35px; }
    #mainBanner .owl-next { right: 52px; }

    /*NB Research*/
    .HNBResSlideBox { width: 37.5%; }
    .HNBResBannerBox { width: 25%; }
    .HNBResPhotoBox { width: 37.5%; }
    .HNBResSlideBox > b { font-size: 28px; line-height: 28px; }
    .HNBResSliderItem > b { font-size: 21px; line-height: 21px; }

    /*MediaNB start*/
    .MediaBox { float: left; width: 18%; }
    .MediaDisplay { width: 77%; }
    /*Media NB end*/

    /*header*/
    ul#mnav > li > a { font-size: 14px; }
    ul#mnav > li > a > b { padding-left: 12px; }
    ul#mnav > li > a > span { width: 30px; height: 30px; }
    .dropbox > ul { padding: 15px 30px; max-width: 280px; }
    .logo { width: 242px; height: 54px; }
    .quotes { width: 200px; }
    /*.hmstickyopaccform { display: block !important; }*/
    .TechsupportBox > i { display: inline; }
    .footlinks > a { padding: 4px 0px 4px 10px; font-size: 14px; line-height: 16px; }
    .footlinks > b { font-size: 14px; line-height: 16px; padding: 5px 0 0 0; }

    .alpha_companylist { padding: 35px 0px; }
    .alpha_companylist > b { font-size: 14px; }
    .foot_beyondapp > a { max-width: 140px; padding: 20px 0px 0 0; }
    .footerattention .marqtab > a { font-size: 14px; }
    .marqueetickerdata, .footnb_bsenseseg, .footercopyright p { font-size: 14px; line-height: 16px; }
    .footnb_other_links > a { font-size: 14px; line-height: 14px; }
    .ContactBox { padding: 55px 5px 5px 5px; font-size: 16px; }
    .ContactBox > em { width: 40px; height: 40px; margin-left: -20px; }
    .ContactBox.iconsmall > em { width: 28px; height: 28px; left: 15px; }
    .ContactBox.green > b { font-size: 22px; }
    .HNBResBannerData > p > span { font-size: 26px; margin: 5px 0; }
    .HNBResBannerData > p > b { font-size: 20px; line-height: 23px; }
    .searcharea { padding: 5px 5px 5px 120px; border: 2px solid #4350b0; border-radius: 45px; right: 15px; top: 25px; }
    .fix .searcharea { top: 3px; }
    ul.topbtns { padding-right: 290px; }

    .quotes { width: 160px; }
    .quotes > ul { left: -100px; top: 0; line-height: 15px; width: 100px; }
    .quotes > ul > li { width: 100%; }
    .quotes > ul > li.separator { display: none; }

    /*header new*/
    .maindrop.kc .dropbox > ul > li > ul { left: 220px; width: 190px; }
    .maindrop.lastddplft .dropbox > ul > li > ul { left: -220px; width: 220px; }

    /**bioep popup**/
    #bio_ep { margin: 0 !important; top: 50% !important; }
}

@media only screen and (min-width: 1030px) and (max-width: 1366px) {
    ul#mnav > li.researchnav .maindrop .dropbox > ul { max-width: 225px; }
    /*ul.topbtns > li > a {font-size:10px;}*/
}

@media only screen and (max-width: 1300px) {
    ul.topbtns > li > a { font-size: 10px; }
}

@media screen and (min-width: 1400px) {
    .container-fluid { padding-right: 60px; padding-left: 50px; }
    .logo { width: 295px; height: 54px; }
    #loading > img { margin-top: -27px; margin-left: -174px; width: 348px; height: 54px; }
    ul#mnav > li.researchnav .maindrop .dropbox > ul { max-width: 300px; }
    .why_choose_det { padding: 0 45px; }
    .mkttablehead > label > select { font-size: 18px; }
    .bestrrtslider div.item > a { font-size: 17px; }
    .mfbestrettop > h5 { font-size: 25px; }
    .nforight .nfobox > a { font-size: 14px; }
    .nforight .nfobox > span { font-size: 13px; }
    .nforight .nfobox, .nfoleft > select { min-height: 60px; }
    .nfoleft > select { font-size: 16px; }
    .mkttabledata > div > p > b { font-size: 16px; }
    .why_choose_box > a { font-size: 13px; }
    .brokingAccuntWrapper { padding: 20px 0 25px; }
    .brokingAccuntWrapper > span { font-size: 22px; }
    .brokingAccuntWrapper .brokingFileds > input.btnbroking { font-size: 15px; }
    .TechsupportBox > i { display: inline-block; }
    .searcharea { padding: 5px 5px 5px 185px; border: 2px solid #4350b0; border-radius: 45px; right: 15px; top: 25px; }
    .fix .searcharea { top: 3px; }
    .quotes > ul > li { width: auto; text-align: left; }
    ul.topbtns { padding-right: 360px; }
    .quotes > ul { left: -175px; top: 4px; }
    .quotes { width: 160px; }
    .quotes > ul { line-height: 20px; width: auto; }
    .quotes > ul > li.separator { display: inline-block; }
    ul.topbtns > li > a { font-size: 13px; }
    .quotes > ul > li > a { font-size: 12px; }

    .dropbox > ul { max-width: initial; }

    /*header new*/
    .maindrop.kc .dropbox > ul > li > ul { width: 250px; }
    .maindrop.lastddplft .dropbox > ul > li > ul { left: -250px; width: 250px; }
    .maindrop.frstddprght .dropbox > ul > li > ul { width: 250px; }

    .homemainpopcont { max-width: 425px; }
}

@media screen and (min-width: 1600px) {
    .nforight .nfobox > a { font-size: 15px; }
    .container-fluid { max-width: 1500px; padding-right: 15px; padding-left: 15px; }

    .homemainpopcont { max-width:500px;}
}

@media only screen and (max-width: 1024px) {

    /***** Home Login Hover****/
    .hmdropsec, .hmdropsec.livemkt { position: relative; top: 0; margin-right: 0; right: auto; padding-top: 10px; width: 100%; }
    .hmdropbox { padding: 10px 15px; }
    .hmdropsec ul.hmdropul { float: none; padding: 0; }
    .hmdropsec ul.hmdropul > li { padding: 0; }
    .hmdropsec ul.hmdropul > li > a { display: block; font-size: 14px; padding: 3px 12px; }
    .hmdropsec ul.hmdropul > li > a:before { top: 3px; }
    .hmdropsec:after { display: none; }
    .topsupportnav .hmdropsec { width: 100%; }
    .topsupportnav .hmdropsec ul.hmdropul { padding: 0; }
    
    .mobtababoutus {display:block !important;}
    .nbaboutustop {display:none !important;} 
    /***** End Home Login Hover****/

    /*slider menu*/
    #mobnav { display: block; }

    .fixheader, .fix .fixheader { top: 0px; height: 75px; background: #fff; box-shadow: 0 3px 5px rgba(0,0,0,0.2); }
    .header { position: fixed; left: 0; right: 0; padding: 0; }
    .logo, .fix .logo { width: 240px; height: 60px; left: 15px; top: 10px; }
    .fullmenubg { display: none; float: none; }
    .slidenav { top: 75px; padding: 15px 10px 70px 10px; width: 280px; }
    .slidenav .fullmenubg { display: block; }
    ul#mnav, .fix ul#mnav { margin: 0px; float: none; padding: 0; text-align: left; }
    .slidenav ul#mnav { display: block; }
    .slidenav ul.def_ul > li { margin-bottom: 5px; }
    ul#mnav > li { float: none; margin: 5px 0; display: block; }
    ul#mnav > li > a { font-size: 14px; color: #fff; display: inline-block; padding: 6px 10px; text-align: left; }
    #mobnav, .fix #mobnav { top: 20px; display: block; right: 16px; }
    ul#mnav > li { display: block; height: auto; border-left: none; }
    ul#mnav > li .maindrop { display: none; overflow: auto; position: static; box-shadow: 0 2px 5px rgba(0,0,0,0.2); }
    ul#mnav > li.aboutnav .maindrop, ul#mnav > li.equitynav .maindrop, ul#mnav > li.derivativesnav .maindrop, ul#mnav > li.IPOnav .maindrop, ul#mnav > li.commoditynav .maindrop, ul#mnav > li.researchnav .maindrop, ul#mnav > li.supportnav .maindrop { padding: 0; min-height: 200px; }
    ul#mnav > li:hover .maindrop { display: block; }
    ul#mnav > li:hover > a:after { display: none; }
    ul#mnav > li > a > b > i { display: inline-block; padding-left: 5px; }
    ul#mnav > li > a > b { padding-left: 10px; }
    ul#mnav > li > a > span { width: 28px; height: 28px; }
    #nclose { display: none; }
    .dropbox { text-align: left; padding: 5px 15px 15px; }
    .dropbox > ul > li > b { margin-top: 8px; }
    .slidenav ul > li { margin: 0; }
    .bigdropimg { display: none; }
    .slidenav ul.topbtns { display: block; margin-bottom: 10px; }
    ul.topbtns { position: static; padding: 10px; }
    ul.topbtns li { padding: 5px 0; display: block; float: none; }
    ul.topbtns > li > a { background-color: #4350b0; text-align: center; color: #ffffff; padding: 5px 15px; border-radius: 25px; border: none; }
    ul.topbtns > li:hover > a { background-color: #b1cf3d; color: #ffffff; }
    .homebanner { margin-top: 75px; }
    ul#mnav > li.researchnav .maindrop .dropbox > ul { max-width: 100%; }
    .fixedSocialIcon, .stickybeyondapp, .videossticky, .whatappsticky { display: none; }
    .why_choose_box { padding: 15px 15px 15px 50px; }
    .why_choose_box > b { font-size: 15px; line-height: 18px; }
    .why_choose_det > h1 { font-size: 35px; line-height: 35px; }
    .why_choose_det > p { font-size: 15px; line-height: 25px; }
    .HMktIndicesWrap { padding: 30px 0; }
    .stickyrightmenus { right: auto; top: auto; bottom: 0px; left: 15px; }
    .stickybrokingaccunt { right: auto; width: auto; left: 0px; padding: 0; }
    .stickybrokingaccunt > em { transform: none; padding: 10px; top: auto; bottom: 0; width: auto; left: 110px; width: 160px; height: 35px; background-color: #b2cf41; }
    .stickybrokingaccunt > em > i { display: none; }
    .stickybrokingaccunt > em > span { color: #091239; text-align: center; }
    .stickybrokingaccunt > em > span > b { display: inline-block; }
    .hmstickyopaccform { display: none; position: fixed; width: 300px; top: 50px; z-index: 99999; background: #0e1a4a; padding: 20px; left: 50%; margin-left: -150px; border-radius: 5px; }
    .whatappsticky { right: auto; top: auto; bottom: 0; width: 100px; height: 35px; }
    .whatappsticky > a { height: 100%; padding: 7px 35px 0 10px; position: relative; border-bottom-left-radius: 0; border-top-right-radius: 5px; }
    .whatappsticky > a > span { display: inline-block; font-size: 14px; padding-right: 5px; }
    .whatappsticky > a > i { display: inline-block; position: absolute; right: 10px; top: 5px; font-size: 25px; }
    .TechSupport { padding: 40px 0px; }
    .TechsupportBox { padding: 40px 10px 10px; text-align: center; }
    .TechsupportBox > em { width: 50px; height: 50px; top: -20px; margin-top: 0; left: 50%; margin-left: -25px; }
    .footercopyright { }
    .HNBHeight, .HNBResPhotoSliderItem { height: 330px; }
    .HNBResBannerData > img { height: 200px; }
    .HNBResPhotoSliderItem > img { height: auto; }
    .HNBResBannerData { padding: 20px; }
    .HNBResBannerData > p { font-size: 14px; }
    .HNBResSlideBox > b { top: 25px; }
    .HNBResSliderItem { padding: 70px 50px 65px; min-height: 330px; }
    .mkttablehead > label { margin: 0 15px 0 0; }
    .mkttablehead > a.mkthomeMore { padding: 0; }
    .HNBResSliderItem > p { font-size: 15px; line-height: 24px; }
    .HMktIndicesSlider { padding: 0 15px; }
    .HMktIndicesSlider .owl-nav > .owl-prev { left: -10px; }
    .HMktIndicesSlider .owl-nav > .owl-next { right: -10px; }
    .dropbox > ul { max-width: 240px; }
    #HM_market { margin-top: 75px; }

    .searcharea { right: 65px; top: 15px; padding: 5px 5px 5px 120px; border: 2px solid #4350b0; border-radius: 45px; }
    .quotes { width: 160px; margin-top: 0; }
    .quotes > ul { left: -100px; top: 0; line-height: 15px; width: 100px; }
    .quotes > ul > li { width: 100%; display: inline-block !important; }
    .quotes > ul > li.separator { display: none !important; }
    .quotes > input { font-size: 13px; }
    .fix .searcharea { top: 15px; }

    /*header new*/
    ul#mnav > li .maindrop.kc { width: 100%; min-height: auto; height: auto; }
    .maindrop.kc .dropbox { padding: 15px; }
    .maindrop.kc .dropbox > ul, .maindrop.kc .dropbox > ul > li { padding: 0; }
    .maindrop.kc .dropbox > ul > li a { padding: 7px 0; }
    .maindrop.kc .dropbox > ul > li:hover { background: #fff; }
    .maindrop.kc .dropbox > ul > li > ul { position: static; padding: 0 10px 10px; box-shadow: none; background: #fff; width: 100%; height: auto; }
    .maindrop.kc .dropbox > ul > li:hover > ul { display: none; }

    .slidenav ul#mnav > li > a, .slidenav > ul > li > a, .slidenav ul#topnav li > a { font-size: 14px; }
    .slidenav ul#mnav > li > a:before { content: "\f067"; font-family: fontAwesome; font-size: 14px; color: #b1cf3d; position: absolute; top: 12px; right: 7px; transition: all 0.4s ease; }
    .slidenav ul#mnav > li.active > a:before { content: "\f068"; }
    .slidenav ul#mnav > li > a { cursor: pointer; }
    .slidenav ul#mnav > li > a > span { width: 24px; height: 24px; }

    .maindrop.frstddprght .dropbox > ul > li > ul { width: 100%; }
    ul#mnav > li:hover { cursor: pointer; }
    ul#mnav > li:hover .maindrop { display: none; }

    /*demat right control*/
    .dematformmidsection { padding: 25px 20px; }
    .dematforminner { margin: 15px 0; }
    .dematformwrap > em { margin-bottom: 8px; }
    .dematformwrap > span { font-size: 20px; }
    .dematformwrap > span > em { font-size: 25px; margin-left: 8px; }
    span.dematfrmgreentxt { font-size: 25px; }

    /*ifa popup*/
    .ifapopupbox { left: 15px; }
}

@media only screen and (max-width: 992px) {

    /*home news start*/
    .HNewsUpdatesWrap { padding: 15px 0; }
    .HNewsUpdatesWrap h3 { font-size: 28px; line-height: 28px; margin: 0 0 15px 0; }
    .HNewsUpdatesMenu { margin-bottom: 15px; }
    .HNewsUpdatesMenu > b { display: block; }
    .HNewsUpdatesMenu > ul { display: none; position: absolute; z-index: 1; background-color: #fff; border: 1px solid #b2cf40; right: 0; padding: 10px; width: 150px; }
    .HNewsUpdatesMenu > ul > li { display: block; padding: 0; font-size: 17px; line-height: 17px; margin-bottom: 5px; }
    .HNewsUpdatesMenu > ul > li.active { display: none; }
    .HNewsUpdatesMenu > b { font-size: 15px; line-height: 16px; background: #46529c; color: #fff; padding: 10px; border-radius: 5px; border: none; }
    .HNewsUpdatesMenu > b:after { right: 10px; top: 5px; font-size: 23px; }
    .HNewsUpdatesMenu > ul { top: 37px; width: 50%; background-color: #46529c; border: none; }
    .HNewsUpdatesMenu > ul > li { color: #ffffff; font-size: 15px; line-height: 15px; }
    .HNewsUpdatesMenu > ul > li.active, .HNewsUpdatesMenu > ul > li:hover { color: #b2cf40; }
    .HNewsUpdatesMenu > ul > li:after { display: none; }

    /*home news end*/
    /*home market*/
    .mktgraphsec { margin-bottom: 30px; }
    .nfoleft, .nforight { width: 100%; float: none; }
    .nfoleft { border-bottom-left-radius: 0; border-top-right-radius: 5px; }
    .nfoleft > select { min-height: auto; }
    .nfoleft > i { top: 10px; right: 15px; }
    .nforight .nfobox { min-height: auto; padding: 5px 10px; }
    .nforight > div > div:nth-child(3) > .nfobox { border-bottom-left-radius: 5px; }
    .nforight > div > div:nth-child(4) > .nfobox { border-bottom-right-radius: 5px; border-top-right-radius: 0; }

    /**bioep popup**/
    #bio_ep { width: 550px !important; left: 48% !important; -webkit-transform: translateX(-50%) translateY(-50%) !important; }
    .homepopupwrap { width: 600px; }
    .homepopupwrap .opnacfrm { padding: 0 0 0 20px; }
    .homepopupwrap .opnacfrm .popupimg { right: -108px; max-width: 310px; }
    .homepopupwrap .dematformwrap > h4 { font-size: 28px; line-height: 32px; }
    .homepopupwrap .dematformwrap > h5 { font-size: 23px; line-height: 26px; }
    .homepopupwrap .dematformwrap > h4.greenclr { font-size: 34px; line-height: 38px; }
    .homepopupwrap .tradingbtna { height: 30px; font-size: 14px; }

    /* Tech Support start*/
    .TechsupportBox { width: 250px; margin: 0 auto 25px auto; }
    /* Tech Support end*/
    /*KnowledgeBox Start */
    .KnowledgeBox > a { margin-bottom: 35px; }
    /* Knowledgebox End*/
    .why_choose_det { padding: 0; }
    .why_choose_det > h1 { font-size: 30px; line-height: 34px; }
    .why_choose_box { padding: 60px 15px 15px 15px; margin-bottom: 45px; text-align: center; }
    .why_choose_box > span { left: 50%; top: 0px; }
    .foot_beyondapp { text-align: center; }

    /*demat broking account*/
    .brokingAccuntWrapper { }
    .brokingAccuntWrapper .brokingFileds > input.btnbroking { width: 200px; }
    .brokingAccuntWrapper .brokingFileds.city { margin-bottom: 15px; }
    .brokingAccuntWrapper .brokingFileds > input { margin-bottom: 15px; }
    .brokingAccuntWrapper > span { font-size: 18px; }
    .brokingAccuntWrapper .brokingFileds > input, .brokingAccuntWrapper .brokingFileds > select { padding: 0 0 0 12px; font-size: 14px; line-height: normal; height: 30px; }
    .brokingAccuntWrapper .brokingFileds > a.getotpbtn { padding: 6px; }
    .brokingAccuntWrapper .brokingFileds > input#broking_txtmobile { padding-right: 60px; }
    .brokingAccuntWrapper > b { font-size: 12px; font-weight: normal; }

    /*NB Research*/
    .HNBResSlideBox { width: 50%; }
    .HNBResBannerBox { width: 50%; }
    .HNBResPhotoBox { width: 100%; }
    .HNBResSlideBox > b { }

    /*Media NB start*/
    .MediaBox { float: left; width: 15%; }
    .MediaDisplay { width: 80%; }
    /*Media NB end*/

    .HNBResPhotoBox, .HNBResPhotoSliderItem { height: auto; }
    .HNBResPhotoSliderItem > span { position: static; }


    .ContactBox.iconsmall > em { width: 20px; height: 20px; top: 3px; left: 0; }
    .ContactBox.green { margin: 15px 0; text-align: center; }

    .knowcentcontent { margin: 0 0 20px 0; }

    /*demat right ctrl*/
    #DematAccRightctrl { margin-top: 30px; }

    .scrollup { bottom: 25px; }

    .homemainpopcont { max-width: 250px; }
}

@media only screen and (max-width: 767px) {

    /*home banner*/
    /*#mainBannerF{background: url(../images/webp/img_20190924_1207_04_new-banners800x800-min.webp) no-repeat top center;background-size:cover;height:auto;min-height:350px;}*/

    /*home news start*/
    .HNewsUpdatesBox { margin-bottom: 15px; }
    /*home news end*/

    /*home market*/
    .marketwrapper { padding: 30px 0; }
    .mkttablesec { margin-bottom: 30px; }
    .nforight > div > div:nth-child(3) > .nfobox { border-bottom-left-radius: 0; }
    .nforight > div > div:nth-child(4) > .nfobox { border-bottom-right-radius: 5px; border-top-right-radius: 0; border-bottom-left-radius: 5px; }
    .mkttabledata, .mfbestreturns { min-height: auto; }


    /* Tech Support start*/
    .ContactBox { padding: 35px 5px 30px 5px; }
    /* Tech Support end*/

    /*Knowledge Center  Start*/
    .KnowledgeBox > b { font-size: 23px; margin-top: 20px; }
    .KnowledgeBox > i { font-size: 12px; line-height: 17px; }
    .Knowledge { padding: 15px 0; }
    /*Knowledge Center  End*/

    /*Media NB start*/
    .MediaBox { float: none; width: 100%; margin-bottom: 15px; position: relative; }
    .MediaDisplay { width: 100%; margin: 0 0 15px; }
    .MediaBox > a.homeMediaRespMenu { display: block; }
    ul.Mediaul { display: none; position: absolute; z-index: 9; right: 0; top: 37px; width: 50%; box-shadow: none; background: #4652a0; padding: 8px 0; }
    ul.Mediaul > li { border-bottom: none; padding: 4px 10px; }
    ul.Mediaul > li > a { color: #fff; }
    ul.Mediaul > li:hover > a, ul.Mediaul > li:hover > a > b { color: #b2cf41; }
    ul.Mediaul > li > a > b { display: inline-block; }
    ul.Mediaul > li.active:after { display: none; }

    /*Media NB end*/
    .hme_whychooseus_wrapper { padding: 30px 0; }
    .why_choose_det > h1 { font-size: 28px; line-height: 32px; }
    .why_choose_box:hover:after { transform: skewY(1.2deg); }
    .why_choose_det > p { font-size: 15px; line-height: 24px; }
    .why_choose_box > p { font-size: 14px; line-height: 18px; }

    .foot_connect_with_us { text-align: center; }
    .foot_connect_with_us > a.twitter { margin: 5px 0 -7px; }
    .footercopyright { padding: 20px 0 55px; }
    .footercopyright p { text-align: center !important; }
    .alpha_companylist > b { display: block; margin-bottom: 5px; margin-right: 0px; }
    .footnb_other_links { text-align: center; }
    .alpha_companylist > a { margin-bottom: 5px; }

    /*NB Research*/
    .HNBResWrp > div { float: none; min-height: auto; }
    .HNBResSlideBox > b { top: 30px; }
    .HNBResSliderItem { min-height: 325px; padding: 80px 50px 50px; }
    .HNBResSlideBox { }
    .HNBResSlideBox { width: 100%; }
    .HNBResBannerBox { width: 100%; }
    .HNBResPhotoBox { width: 100%; }
    .HNBHeight { height: auto !important; }
    .HNBResPhotoSliderItem, .HNBResPhotoSliderItem > img { height: auto; }
    .HNBResPhotoSliderItem > span { position: static; }
    .brokingAccuntWrapper .brokingFileds > input.btnbroking { width: 100%; }

    .bestrrtslider div.item { min-height: 185px; padding: 15px; }
    .bestrrtslider .owl-dots { bottom: 10px; }

    .TechSupport h3 { font-size: 27px; line-height: 27px; }
    .ContactBox.green { padding: 10px 0 20px; }
    .ContactBox.iconsmall > em { left: 20px; top: 3px; }
    .ContactBox.iconsmall.whatsap { margin-top: 0; }
    .ContactBox.green { margin: 0; }
    .ContactBox.green > b { padding: 0; }

    /**bioep popup**/
    /*#bio_ep { width: 380px !important; margin-top: -190px !important; top: 50% !important; left: 50% !important; }*/
    #bio_ep { width: 380px !important; top: 50% !important; left: 50% !important; }
    #bio_ep_close { right: 0 !important; }
    .homepopupwrap .opnacfrm .popupimg { display: none; }
    .homepopupwrap { width: 380px; }
    .homepopupwrap .opnacfrm { width: 100%; padding: 0; }
    .homepopupwrap .dematformctrlwrap { margin: 0 auto; }
    .homepopupwrap .dematformwrap > h5 { display: inline-block; font-size: 18px; line-height: 23px; }
    .homepopupwrap .dematformwrap > h4 { display: inline-block; font-size: 20px; line-height: 24px; }
    .homepopupwrap .dematformwrap > h4.greenclr { font-size: 20px; line-height: 24px; }
    .homepopupwrap .close_popup { top: -25px; right: 0; transform: none; bottom: auto; left: auto; }
    .homepopupwrap .tradingbtna { height: 25px; font-size: 11px; line-height: 16px; }
    .homepopupwrap .dematformctrlwrap .dematformtxtbox > label > select { height: 27px; }
    .homepopupwrap .dematformctrlwrap .dematformtxtbox > input, .dematformctrlwrap .dematformtxtbox > label { height: 27px; }
    .homepopupwrap .dematformwrap > h4.blueclr { margin: 0; font-size: 20px; line-height: 24px; }
    .homepopupwrap .popupCont { height: 100px; overflow: auto; }

    /***** Footer popup ****/
    .riskpopupbox { width: 400px; padding: 20px; margin-left: -200px; }
    .riskpopupbox > h4 { margin: 0 0 10px; }
    a.riskpopuplink { padding: 10px; }
    .vernalanguagepopupbox { width: 400px; padding: 20px; margin-left: -200px; }
    .foot_nb_main_links { padding: 30px 0 50px; }
    .footerattention { padding: 40px 0 30px; }
    .HNBResBannerData > img { height: auto; }
    .MediaTopBox { font-size: 30px; }


    /*popup*/
    #feedbackpopup .modal-dialog { width: auto; position: static; right: auto; top: auto; margin: 35px 25px; }
    #feedbackpopup .modal-content { height: auto; }
    #feedbackpopup .feedbackformcss { padding: 35px 15px 20px 15px; position: relative; height: auto; }
    #feedbackpopup .feedbackformcss em { display: none; }
    #feedbackpopup .feedbkpopform { width: 100%; text-align: center; }
    #feedbackpopup .feedbkpopform > input { width: 100%; }
    #feedbackpopup .feedbkpopform > textarea { width: 100%; height: 100px; padding: 15px 0 0 15px; margin: 0; }
    #feedbackpopup .submitfeedback { float: none; }

    /*IFA - Popup home page*/
    .ifapopupbox { }

    /*get quotes btn*/
    .searcharea { display: none; background: #fff; right: 24px; top: 86px; transition: none; padding: 25px 5px 5px 5px; width: 300px; border: none; }
    .quotes { width: 100%; }
    .quotes > ul { left: 0px; top: -23px; width: 100%; }
    .quotes > ul > li { display: inline-block !important; width: auto; }
    .quotes > ul > li.separator { display: inline-block !important; }
    .mob-search-btn { position: absolute; top: 22px; right: 60px; padding: 6px 7px; transition: all 0.4s ease; border: 1px solid #ddd; border-radius: 50%; width: 32px; height: 32px; text-align: center; }
    .mob-search-btn > i { display: block; color: #4350b0; font-size: 18px; }
    .mob-search-btn:hover { border-color: #4350b0; }
    .fix .searcharea { top: 86px !important; }
    .searcharea:after { content: ""; position: absolute; background: #fff; left: -10px; right: -10px; top: -10px; bottom: -10px; z-index: -1; box-shadow: 0 3px 10px #b5b5b5; }
    .homecomsearchdata { right: -15px; left: -15px; width: auto; top: 45px; }

    /*mf accosiate popup*/
    .mf_associate_pop > div { width: 400px; margin-left: -200px; top: 75px; }

    /*margin pledge popup*/
    .marginpledgecont > h3 { font-size: 28px; }

    /**** Risk Disclosure popup ****/
    #RiskDisclsrPopup .rskdsclsrcnt { top: 80px; width: 480px; margin-left: -240px; }
    #RiskDisclsrPopup .rskdsclsrcnt > h4 { font-size: 22px; }
    
    .foot_beyondappnew { position: fixed; left: 35px; bottom: -4px; width: 108px; height: 43px; background: #091239; z-index: 9996; border-radius: 8px 8px 0 0; transition: all .4s ease; display: block; }
    .whatappsticky {display:block;}
    .stickyrightmenus.fix .whatappsticky {right:76px;width:70px;height:37px;}
    .stickyrightmenus.fix {left:10px;}
    .stickyrightmenus.fix .whatappsticky > a > i {display:none;}
}

@media only screen and (max-width: 479px) {
    .fullmenubg, .width-100-mob { width: 100%; }
    #mobnav, .fix #mobnav { right: 12px; }
    .HNewsUpdatesWrap h3 { font-size: 24px; line-height: 24px; margin: 0 0 10px 0; }
    .HNewsUpdatesMenu > b { font-size: 15px; line-height: 16px; background: #46529c; color: #fff; padding: 10px; border-radius: 5px; border: none; }
    .HNewsUpdatesMenu > b:after { right: 10px; top: 5px; font-size: 23px; }
    .HNewsUpdatesMenu > ul { top: 37px; width: 50%; background-color: #46529c; border: none; }
    .HNewsUpdatesMenu > ul > li { color: #ffffff; font-size: 15px; line-height: 15px; }

    /*home market*/
    .marketwrapper { padding: 20px 0; }
    .mkttopul > ul { float: none; }
    .mkttopul > span { font-size: 11px; float: none; }
    .mkttopvalue { margin: 10px 0; padding: 10px; }
    .mktgraph { margin: 10px 0; }
    .mkttopvalue > h4, .mkttopvalue > ul { float: none; }
    .mktbtmsec > div { width: 50%; padding: 0; border: none; margin-bottom: 10px; text-align: center; }
    .mktbtmsec > div > b { display: block; }
    .mkttabledata { margin-top: 10px; }
    .mkttablehead > label > select { font-size: 15px; }
    .mktgraphsec, .mkttablesec { margin-bottom: 20px; }
    .bestrrtslider div.item > h5 { font-size: 16px; }
    .bestrrtslider div.item > p { padding: 20px 0; }
    .mktbtmsec > div:last-child { margin: 0; }
    .nfoleft { border-bottom-left-radius: 0; border-top-right-radius: 5px; min-height: auto; }

    /* Tech Support start*/
    .ContactBox { padding: 35px 5px 20px 5px; }
    .TechSupport { padding: 15px 0; }
    .TechsupportBox { width: 100%; padding: 75px 10px 15px 15px; text-align: center; margin: 0 auto 10px auto; }
    .TechsupportBox > em { top: 15px; left: 50%; margin-left: -30px; margin-top: 0px; }
    .TechsupportBox > i { display: inline-block; }
    .TechSupport h3 { margin: 0 0 15px; }
    /* Tech Support end*/
    .why_choose_det > h1 { font-size: 26px; line-height: 30px; }

    /*Knowledge Center  Start*/
    .KnowledgeBox > b { font-size: 23px; }
    .KnowledgeBox > i { font-size: 12px; line-height: 12px; }
    .Knowledge { padding: 15px 0; }
    /*Knowledge Center  End*/

    /*Media NB start */
    .MediaBox { float: none; width: 100%; }
    .MediaDisplay { float: none; width: 100%; margin-left: 0; }
    .MediaTopBox { font-size: 23px; }
    ul.Mediaul { width: 100%; }
    ul.Mediaul > li { }
    ul.Mediaul > li > a { }
    ul.Mediaul > li > a > b { }
    .MediaTopBox > a { font-size: 12px; position: static; display: block; text-align: center; padding: 10px 0 0; }
    .KnowledgeBox > img { height: auto; width: auto; }
    ul.Mediaul > li.active:after { top: auto; left: 50%; margin-left: -7px; bottom: -17px; transform: rotate(90deg)scale(0.7); }
    /*Media NB end */

    /*demat broking account*/
    .brokingAccuntWrapper > span { font-size: 15px; }
    .brokingAccuntWrapper > p { font-size: 12px; }

    /*NB Research*/
    .HNBResSliderItem { padding: 80px 30px 20px; min-height: 310px; }
    .HNBResSliderItem > b { font-size: 16px; line-height: 16px; }
    .HNBResSliderItem > p { font-size: 15px; line-height: 21px; }
    .HNBResBannerData > p { font-size: 15px; line-height: 20px; }
    .HNBResBannerData > p > span { font-size: 25px; line-height: 25px; margin: 0; }
    .HNBResBannerData > p b { font-size: 20px; line-height: 20px; }
    .HNBResPhotoSliderItem > span > b > i { font-size: 13px; line-height: 16px; }

    /*why choose*/
    .why_choose_det { margin-bottom: 45px; }
    .why_choose_box { margin: 0 0 45px 0; padding: 50px 15px 15px 15px; }
    .why_choose_box > b { min-height: auto; }

    .foot_nb_main_links { display: none; }
    .footerattention .marqtab > a { font-size: 12px; margin-right: 8px; }
    .footer_nb_other, .alpha_companylist, .TechSupport { padding: 15px 0; }
    .foot_nb_main_links { padding: 15px 0 45px; }
    .footercopyright { padding: 15px 0px 50px; }
    .MediaDisplay { padding: 5px; }
    .HNewsUpdatesBox { padding: 15px; }
    .HMktIndicesBox { font-size: 24px; line-height: 24px; }
    .HMktIndicesBox > b { font-size: 13px; line-height: 13px; }
    .HMktIndicesBox > b > i { font-size: 13px; line-height: 13px; margin-bottom: 5px; }
    .HMktIndicesSlider .owl-nav { margin: 10px 0 0 0; }
    .HMktIndicesWrap { padding: 20px 0 10px; }
    .stickyrightmenus { left: 10px; }
    .stickybrokingaccunt > em { width: 150px; height: 34px; }
    .scrollup { right: 10px; bottom: 36px; width: 34px; height: 34px; line-height: 34px !important; }
    .commonnewspopup > .modal-dialog { margin: 50px auto; }
    .commonnewspopup .modal-content { padding: 15px 15px 50px 15px; }
    .newscontents > h4 { font-size: 18px; line-height: 21px; }

    .TechSupport h3 { font-size: 23px; line-height: 23px; }
    .ContactBox.iconsmall { padding: 25px 0 0 0; margin-bottom: 10px; }
    .ContactBox.iconsmall > em { left: 50%; margin-left: -10px; top: 0; }
    .ContactBox.green > b { font-size: 18px; }

    /**bioep popup**/
    #bio_ep { width: 300px !important; height: auto !important; margin-top: -150px !important; top: 50% !important; left: 50% !important; }
    .homepopupwrap { width: 300px; }
    .homepopupwrap .dematformctrlwrap { padding: 10px; }
    .homepopupwrap .dematformwrap > h5 { font-size: 16px; line-height: 20px; }
    .homepopupwrap .dematformwrap > h4.blueclr, .homepopupwrap .dematformwrap > h4.greenclr { font-size: 16px; line-height: 20px; }
    .homepopupwrap a.getotpbtn { top: -3px; font-size: 11px; }
    .homepopupwrap .dematformctrlwrap .dematformtxtbox > label > em { top: 10px; }

    /***** Footer popup ****/
    .riskpopupbox { width: 300px; padding: 20px 10px; margin-left: -150px; }
    .riskpopupbox > h4 { font-size: 14px; line-height: 20px; }
    a.riskpopuplink { margin: 0 0 8px; font-size: 13px; border-radius: 5px; }
    .vernalanguagepopupbox { width: 300px; padding: 20px 10px; margin-left: -150px; }
    .vernalanguagepopupbox > h4 { font-size: 14px; line-height: 20px; }
    p.vernalpopcont { margin: 0 0 10px; font-size: 13px; }
    a.vernalangpoplink { margin: 0 0 5px; font-size: 14px; }
    a.riskpopuplink:after { right: 10px; }

    /*IFA - Popup home page*/
    .ifapopupbox { width: auto; left: 15px; right: 15px; }

    /*popup main home page*/
    /*.homemainpopcont { width: 300px; margin-left: -150px; }*/

    /***Home Nirmal bang Media***/
    .hmnirmalmediasec .MediaTopBox { margin-bottom: 20px; }
    .hmmediabox { min-height: auto; }
    .hmmediabox > h6 { margin: 25px 0 35px; }

    /*search new style*/
    .searcharea { right: 10px; left: 10px; width: auto; }
    .mob-search-btn { right: 55px; transform: scale(0.9); }
    .logo, .fix .logo { width: 200px; }

    /*mf accosiate popup*/
    .mf_associate_pop > div { width: 300px; margin-left: -150px; top: 50px; }

    /*margin pledge popup*/
    .marginpledgecont > h3 { font-size: 20px; margin: 0 0 5px 0; }

    #bio_ep, #bio_ep_bg { display: none!important; }
    .foot_beyondapp { display: none; }
    .foot_beyondappnew { position: fixed; left: 35px; bottom: -4px; width: 108px; height: 43px; background: #091239; z-index: 9996; border-radius: 8px 8px 0 0; transition: all .4s ease; display: block; }
    .foot_beyondappnew > a { display: inline-block; max-width: 150px; padding: 8px 10px 0;height:100%; }

    /**** Risk Disclosure popup ****/
    #RiskDisclsrPopup .rskdsclsrcnt { padding: 15px; top: 60px; width: 320px; margin-left: -160px; }
    #RiskDisclsrPopup .rskdsclsrcnt > h4 { font-size: 18px; line-height: 25px; }
    #RiskDisclsrPopup ul > li { font-size: 14px; }
    #RiskDisclsrPopup a.sebilink { font-size: 14px; }
    
    .stickyrightmenus.fix {left:50px;}
    .stickyrightmenus.fix .stickybrokingaccunt > em > span {font-size:11px;}
    .stickyrightmenus.fix .stickybrokingaccunt > em {margin-left:-87px;width:128px;}
    .whatappsticky {display:block;}
    .stickyrightmenus.fix .whatappsticky {right:76px;width:61px;height:37px;}
    .stickyrightmenus.fix .whatappsticky > a > i {font-size:16px;right:10px;display:none;}
    .stickyrightmenus.fix .whatappsticky > a  { padding: 7px 0;}
    .stickyrightmenus.fix .whatappsticky > a > span {padding-right:0;line-height:23px;font-size:13px;}

}

@media only screen and (max-width: 320px) {
    .foot_beyondappnew { left: 6px; }
    .stickyrightmenus.fix .whatappsticky {right:83px;}
    .stickyrightmenus.fix {left:76px;}
    .stickyrightmenus.fix .whatappsticky > a > span {padding-right:0;}
    .stickyrightmenus.fix .stickybrokingaccunt > em {margin-left:-117px;}
}
