﻿
@media only screen and (min-width : 1200px) {
    .mktleftmenuspc { width: 18%; padding-right: 30px; }
    .mktrightcontspc { width: 82%; }
    .mktbreadcrumb { padding: 40px 0 0 0; }
    .menudropmktinner { font-size: 25px; line-height: 25px; }
    .innerbannerbg { height: 117px; }
    .mfInSubMn > div > select.mflg { width: 170px !important; }
    .ddlRightSel { position: absolute; right: 15px; top: 15px; }
    .abtclientsimg { max-height: 290px; }

    .product-menu > ul > li { width: 177px; }
    .bindhomedata { padding-top: 0px; }
    .hmeallmfnews { position: relative; }
    .partnerservicesbox { min-height: 90px; }
    .leaderoppertunity { margin-top: 460px; }
    .appdownloads span { padding: 5px 5px; }
    .staticregbannerbg { background: url("../images/registerbg.jpg") 90% 0% no-repeat; }

    /*surat trade account*/
    .stockbroslider { height: 506px; }
    .suratbannertxt { padding: 145px 0px 0 30px; text-align: left; }
        .suratbannertxt > h1 { font-size: 50px; margin-bottom: 30px; }
        .suratbannertxt > h3 { font-size: 44px; }
        .suratbannertxt a.knowmore { font-size: 20px; line-height: 42px; padding: 0px 35px; margin: 5px 18px 0px 0px; }
    .abtsurattxt > span { font-size: 35px; }
    .suratbannertxt.singletxt { padding: 190px 0px 0 30px; }

    /***mobile app***/
    .mobieappbtngrp.MobApp .popupapplyreset, .mobieappbtngrp.MobApp .popupapplysubmit { padding: 0 35px; }
        .mb-app-banner .hslider { width: 100%; height: auto; }
}

@media only screen and (min-width : 1600px) {
    /*surat trade account*/
    .suratbannertxt { padding: 135px 0px 0 45px; }
}

@media only screen and (max-width: 992px) {
    .menudropmktinner { display: block; background-position: 98%; }
    .brdcmsmall_txtleft { width: 100%; }
    .brdcmsmall_txtright { width: 100%; }
    .mktbreadcrumb { padding: 15px 0 0 0; }
    .innerbannerbg { height: auto; min-height: 105px; }
    .mktleftmenuspc { width: 100%; padding: 0px; }
    .mktrightcontspc { width: 100%; margin-top: 10px; }
    .mflargesec { width: 96%; margin: 10px 2%; }
    .mfsmallsec { width: 96%; margin: 10px 2%; }
    .derlarge1, .dersmall1 { width: 100%; }
    .fincomonhed { width: 40%; }
    .fincomondata { width: 20%; }
    .hide-medium { display: none; }
    .mfInSubMn_sub > div { margin: 10px 5px 15px 10px; }
        .mfInSubMn_sub > div > span { width: 100px; }
    /*companyprofile*/
    .finqrthed8 { float: left; width: 20%; }
    .finqrthed7 { float: left; width: 23%; }
    .finqrthed6 { float: left; width: 16%; }
    .finqrtdata8 { float: left; width: 20%; }
    .finqrtdata7 { float: left; width: 19%; }
    .finqrtdata6 { float: left; width: 21%; }
    .hide-medium { display: none; }
    .mktinnerhead { display: inline; }
    .contactheadinfo { font-size: 40px; padding: 90px 0px; }
    .mktgraphbox { min-height: auto; }
    .staticcnt-hed { font-size: 20px; }
    /*About start*/
    .abouttopsec { background-image: none; }
    .abouttxt { background: #e1e1e1; padding: 20px 0 20px 0; }
    .aboutouter { background: url(../images/aboutbigbg.jpg) no-repeat 50% 50%; padding: 20px 0; }
    .aboutbox { margin-bottom: 20px; }
    .abouttxt > p { margin: 10px 0 0; }
    .abouttxt > h2 { font-size: 40px; line-height: 44px; }
    /*About end*/

    /***Career***/
    .careerimg > img { padding-bottom: 20px; margin: 0 auto; }

    /***Career Apply***/
    span.careerlfthd { height: auto; text-align: center; width: 100%; }
    .careerapplydet { padding: 50px 10px 10px 10px; text-align: left; }
    span.careerrgthd { padding: 0; }

    /*** derivatives home ***/
    .ddlRightSel { position: absolute; right: 15px; top: 15px; }
    /*product-services*/
    .product-menu > ul > li { width: 96px; }
        .product-menu > ul > li.alter { margin-right: 5px; }
        .product-menu > ul > li > a { font-size: 15px; line-height: 18px; }
    .product-menu > ul { margin-bottom: 20px; }

    /***derivative home***/
    .mfsnapbox > h4 { padding-bottom: 15px; }
    .mfhmeddlrow { margin-bottom: 15px; }
        .mfhmeddlrow > span.drparrow { top: 12px; }
        .mfhmeddlrow > select { padding: 5px 5px; }
    a.commonhomego { padding: 8px 20px; font-size: 16px; }

    /***Mutual Fund***/
    .mfreturncalclbutn { margin: -15px 7px 15px; float: right; left: 0%; width: 80px; }
    /***videopopup***/
    .videopopupcontent { width: 60%; }
    /*** mutual fund home fundperformance ***/

    .mffundperform > .fundperform .mfperfddl:first-child { width: 120px; }
    .fundperform .mfperfddl:first-child { width: 120px; }
    .staticheadinfo { font-size: 40px; padding: 90px 0px; }
    .statictabs > a { padding: 10px 30px; font-size: 17px; }
    .statictabdata div.head { padding: 15px 0px; }
    .partnerservicesbox { min-height: 55px; }
    .bdrdividepdt { display: none; }
    .pdtsbooking { padding: 0px; margin-bottom: 0px; }
    .partnerouter { background: url("../images/partnerbgimg.jpg") no-repeat center top; padding: 210px 0px 0px; background-size: cover; }
    .partnertopsec { background-image: none; }
    .leaderoppertunity { margin-top: 0px; margin-bottom: 20px; }
    a.enquirybtn { display: inline-block; margin: 15px 0px 20px; }

    .statmenucontents > h4 { margin: 0 0 2px 0px; padding: 8px 0px; }

    .smartsipmrebtgrp { text-align: center; }
    .mobileappbannerbg { min-height: 400px; background-position: 10% 50%; }
    .mobileapps { margin-top: 20px; padding: 20px; background: rgba(255,255,255,0.75); text-align: center; }
    .mobieappbtnarea { padding-top: 0px; }
    .mobieappbtngrp { text-align: center; }
    .appdownloads { padding: 15px 0px; }
        .appdownloads span > em { display: none; }
    .keySearchlst > input, .compddlselect { border: 0; margin-bottom: 10px; }
    a.cmpqoutegobtn { display: inline-block; width: inherit; margin-left: 0px; }
    .downloadsboxrow span { font-size: 13px; }
    .staticregbannerbg { min-height: 340px; background-size: 100%; }
        .staticregbannerbg .mobileapps { padding-top: 20px; margin-top: 240px; }
        .staticregbannerbg .mobieappbtngrp { padding-top: 20px; }

    /*surat trade account*/
    .suratbannertxt { margin-top: 80px; padding: 20px; background: rgba(255,255,255,0.75); text-align: center; }
    .abtsurattxt { padding: 20px 0 20px 0; }
        .abtsurattxt > h1 { font-size: 40px; line-height: 44px; }
            .abtsurattxt > h1 > span { font-size: 27px; line-height: 30px; }
    .abtsuratabtus { padding: 15px 0px 50px; }
    .suratbannertxt.singletxt { margin-top: 175px; }

    /***mobile app***/
    .mobieappbtngrp.MobApp .popupapplyreset, .mobieappbtngrp.MobApp .popupapplysubmit { padding: 0 35px; }
    .appqrcodesec > h3 { margin: 40px 0 0px;}
    .mb-app-banner .hslider { width: 100%; height: auto; }
    .mob-bnr { width: 100%; height: auto; }
}

@media only screen and (max-width: 767px) {
    .mktinnerhead { display: inline; }
    .mktleftmenuspc { display: none; }
    .mfInSubMn { width: 100%; padding: 10px 0; }
        .mfInSubMn > div { margin: 10px 0; width: 100%; padding: 0 5px; }
            .mfInSubMn > div > span, .mfInSubMn > div > span.lg { width: 40%; }
            .mfInSubMn > div > select, .mfInSubMn > div > input, .mfInSubMn > div > select.lg { width: 60% !important; }
        .mfInSubMn > .mfInSubMn { width: 100%; }
            .mfInSubMn > .mfInSubMn > div { float: none; width: 100%; }
    a.Gobtn { float: right; }
    .compet thead tr { left: -9999px; position: absolute; top: -9999px; }
    .compet tr { margin-top: 10px; border: 1px solid #d6d6d6; border-top: none; }
    .compet td { padding-left: 50%; position: relative; text-align: right !important; line-height: 25px; }
        .compet td:before { left: 6px; padding-right: 10px; position: absolute; top: 1px; white-space: nowrap; width: 45%; float: left; text-align: left; }
    .compet table, .compet thead, .compet tbody, .compet th, .compet td, .compet tr { display: block; }
    td.HomeDataR, td.HomeDataL { border-bottom: none; border-top: 1px solid #d6d6d6; }
    /***Derivative***/
    .competderv td:nth-of-type(2):before { content: 'Volume'; }
    .competderv td:nth-of-type(2):before { content: 'Todays Change(Rs)'; }
    .competderv td:nth-of-type(3):before { content: 'Underlying Value'; }
    .competderv1 td:nth-of-type(1):before { content: 'Instrument Type'; }
    .competderv1 td:nth-of-type(2):before { content: 'Underlying'; }
    .competderv1 td:nth-of-type(3):before { content: 'Expiry Date'; }
    .competderv1 td:nth-of-type(4):before { content: 'Option Type'; }
    .competderv1 td:nth-of-type(5):before { content: 'Strike Price'; }
    .competderv1 td:nth-of-type(6):before { content: 'Market Lot'; }
    .competderv2 td:nth-of-type(1):before { content: 'Volume'; }
    .competderv2 td:nth-of-type(2):before { content: 'Turnover in Rs. Lakhs'; }
    .competderv2 td:nth-of-type(3):before { content: 'Open Interest'; }
    .competderv2 td:nth-of-type(4):before { content: 'Change in OI'; }
    .competderv2 td:nth-of-type(5):before { content: 'Change in OI'; }
    /***Performance-Performance table***/
    .comperf td:nth-of-type(1):before { content: ''; }
    .comperf td:nth-of-type(2):before { content: '1 Wk [%]'; }
    .comperf td:nth-of-type(3):before { content: '1 Mth [%]'; }
    .comperf td:nth-of-type(4):before { content: '3 Mths [%]'; }
    .comperf td:nth-of-type(5):before { content: '6 Mths [%]'; }
    .comperf td:nth-of-type(6):before { content: '1 Yr [%]'; }
    .comperf td:nth-of-type(7):before { content: '3 Yrs [%]'; }
    .comperf td:nth-of-type(8):before { content: '5 Yrs [%]'; }
    .comperf td:nth-of-type(9):before { content: 'Since INC [%]'; }
    /***Performance-Quarterly returns table***/
    .comquarter td:nth-of-type(1):before { content: 'Year'; }
    .comquarter td:nth-of-type(2):before { content: 'Q1'; }
    .comquarter td:nth-of-type(3):before { content: 'Q2'; }
    .comquarter td:nth-of-type(4):before { content: 'Q3'; }
    .comquarter td:nth-of-type(5):before { content: 'Q4'; }
    /***Performance-Annual returns table***/
    .comannual td:nth-of-type(1):before { content: 'Year'; }
    .comannual td:nth-of-type(2):before { content: 'Fund Return'; }
    .comannual td:nth-of-type(3):before { content: 'Rank in Category'; }
    .comannual td:nth-of-type(4):before { content: 'Category Total'; }
    .comannual td:nth-of-type(5):before { content: 'Sensex'; }
    /********peer comparison*********/
    .compeer td:nth-of-type(1):before { content: 'Scheme Name'; }
    .compeer td:nth-of-type(2):before { content: 'NAV(Rs.)'; }
    .compeer td:nth-of-type(3):before { content: 'Inception Date'; }
    .compeer td:nth-of-type(4):before { content: '1 Yr (%)'; }
    .compeer td:nth-of-type(5):before { content: '3 Yrs (%)'; }
    .compeer td:nth-of-type(6):before { content: '5 Yrs (%)'; }
    .compeer td:nth-of-type(7):before { content: 'Since Inception (%)'; }
    /***Portfolio-Top holdings table***/
    .comholding td:nth-of-type(1):before { content: 'Company'; }
    .comholding td:nth-of-type(2):before { content: 'Instrument'; }
    .comholding td:nth-of-type(3):before { content: 'Hold(%)'; }
    .competderv td:nth-of-type(1):before { content: 'Last Price(Rs)'; }
    /***company-Profile**/
    .finqrthed8 { width: 50%; }
    .finqrthed7 { width: 50%; }
    .finqrthed6 { width: 50%; }
    .finqrtdata8 { width: 50%; }
    .finqrtdata7 { width: 50%; }
    .finqrtdata6 { width: 50%; }
    .hide-small { display: none; }
    .fincomonhed { width: 50%; }
    .fincomondata { width: 50%; }
    .mfInSubMn_sub > div { width: 100%; float: right; margin: 5px 2px; }
        .mfInSubMn_sub > div > span { width: 41%; }
        .mfInSubMn_sub > div > select { width: 19%; }
    .mfInSubMn > div.fullwid { width: 50% !important; }
    .mfInSubMn > div.fullwidbtn { width: 100% !important; }
    .mfInSubMn > div.fullwid > span { width: 60% !important; }
    .mfInSubMn > div > select.xs { width: 23% !important; }
    .mfInSubMn > div > select.sm { width: 60% !important; }
    .mfInSubMn > div > select.sm1 { width: 28.5% !important; }
    .mfInSubMn > div > select.selfii { width: 40% !important; }
    .mfInSubMn_sub > div.BD_fullwid > span { width: 37% !important; }
    .bdrbtm-sm { border-bottom: 1px solid #dddddd; }
    /***Common Text Boxes***/
    .Calcinputbox { width: 100%; margin-top: 3px; }
    .contactheadinfo { font-size: 35px; padding: 50px 0px; }
    /*About start*/
    .abouttxt > h2 { font-size: 30px; line-height: 34px; }
    /*About end*/
    .caltabbody > div { width: 100% !important; height: 36px; line-height: 37px; text-align: right; border-bottom: 1px solid #d6d6d6; }
    .caltabheadper > div { width: 100% !important; height: 36px; background: #fff; text-align: left; border-bottom: 1px solid #d6d6d6; border-top: none; text-align: left !important; color: #282828; }
    .caltabheadper { width: 50%; border: none; display: block !important; }
    .caltabbody { width: 50%; float: right; border-bottom: none; }

    .product-menu { text-align: center; }
    .product-hed { text-align: center; }
    .product-menu > ul { text-align: center; min-width: 180px; display: none; position: absolute; top: 36px; left: 50%; margin-left: -90px; z-index: 9; }
        .product-menu > ul > li > a.active { display: none; }
        .product-menu > ul > li { width: auto; margin-bottom: 0; float: none; background-image: none !important; margin: 0; border-bottom: 1px solid #fff; }
            .product-menu > ul > li.alter { margin: 0; }
    .product-menu > h3 { display: inline-block; }
    .product-menu > ul > li > a { height: auto; padding: 10px; background: #bc1c14; text-align: left; }
        .product-menu > ul > li > a:hover { background: #222222; }
    .product-wrapper h2, .product-wrapper h1 { display: none; }



    /***derivatives home***/
    .ddlRightSel { position: relative; right: 0; top: -10px; float: right; }

    /***mutual home news popup***/
    .hmenewspop { width: 95%; }
    /***videopopup***/
    .videopopupcontent { width: 90%; }
    /*** mutual fund home fundperformance ***/
    .mffundperform > .landhed > .ddlRightSel { position: relative; right: 0; top: -10px; float: right; }
    .staticheadinfo { font-size: 35px; padding: 50px 0px; }
    .statictabs > a { display: block; margin-bottom: 10px; padding: 6px 40px; }
    .staticbox { padding: 15px; }
    /***Online trading ***/
    .previsionalurlinfo > a { margin: 10px auto 0px; }
    .staticcnt-hed { padding: 10px 0px; }
    .partnerouter { background: url("../images/partnerbgimg.jpg") no-repeat 75% 5%; }

    .statmenucontents > h4 { margin: 0 0 0px 0px; padding: 8px 0; }
    h3.collapsemenuhed { font-size: 15px; }
    .smartsipmrebtgrp > a.staticmorebtn { margin-bottom: 10px; display: block; }
    .mobileappbannerbg { background-position: 25% 50%; }
    .mobieappbtngrp { padding-top: 20px; }
    .appdownloads span { font-size: 18px; }
    .researchtxtarea > h3 { font-size: 18px; }
    .researchtxtarea > p { font-size: 14px; }
    .downloadssec .table > thead > tr { display: none; }
    .downloadssec .downloadsboxrow span > b { display: block; }
    .downloadssec .downloadsboxrow a.file { margin: 0; }
    .downloadssec .table > tbody > tr > td { display: block; border: 0; }
    .downloadssec .table > tbody > tr { border-bottom: 1px solid #eee; }
    .staticregbannerbg { background: #e7e6e1; }
        .staticregbannerbg .mobileapps { padding-top: 20px; margin-top: 0; background: none; }
            .staticregbannerbg .mobileapps > h2 { font-size: 38px; }
        .mb-app-banner .hslider { width: 100%; height: auto; }
    /*surat trade account*/
    .suratbannertxt > h2, .suratbannertxt > h1 { font-size: 36px; line-height: 36px; }
    .abtsurattxt > h1 { font-size: 30px; line-height: 34px; }
        .abtsurattxt > h1 > span { font-size: 20px; line-height: 30px; }
    .abtsurattxt > h2, .abtsurattxt > h3 { font-size: 20px; line-height: 20px; }
    .contactusbox { position: static; margin: 25px 0px; width: 100%; }
    .abtsuratabtus { padding: 10px 0px 50px; }
    .suratbannertxt.singletxt { margin-top: 160px; }

    /***blog***/
    .blogbannerbg .staticheadinfo { padding: 50px 0px; }
    .staticbannerbg.blogbannerbg:before { max-height: 140px; }

    /*thank you*/
    .thankyouwrapper  h2,.thankyouwrapper  h3,.thankyoublogwrapper h3,.thankuhead > h1   {font-size: 20px;}
    .thankyouwrapper  h2 > span { display:inline-block}

    .thankuimgwrapper { width: 300px; height: 300px;}

   
}

@media only screen and (max-width: 479px) {

    /***mobile app***/
    .plystr-bx { margin: 15px auto; }
    .mblapp-cntbx > h3 { font-size: 24px; line-height: 30px; }
    .mblapp-cntbx > p { font-size: 16px; line-height: 25px; }
    .plystr-bx > h4 { font-size: 20px; line-height: 25px; }
    .mb-app-banner .hslider { width: 100%; height: auto; }
    /**/

    a.staticmorebtn { margin: 18px 0 0 0; }
    .mfInSubMn > div.fullwid, .mfInSubMn > div.fullwidbtn { width: 100% !important; }
    .mfsipdropsm { margin: 5px 8px; }
    .hidemob { display: none; }
    .landgraphhedsec > ul.landpgemenu { position: relative; right: 0; top: 0; margin: 10px 0px 0px; }

    /***Career Apply***/
    .careerapplydet { padding: 60px 10px 10px 10px; }

    /***Mutual fund home***/
    h5.mfpusehead { display: none; }
    /***videopopup***/
    .videopopupcontent { width: 97%; }
    /*** mutual fund home fundperformance ***/
    .mffundperform > .landhed > .ddlRightSel { position: relative; right: 0; top: -10px; float: right; }
    .accountopeninfo { padding: 15px; }

    .mobileappbannerbg { background-position: 30% 50%; }
    .EqMainHeadMrt > li { display: block; margin-right: 0; margin-bottom: 5px; }
    .convertddl { position: inherit; right: 0; top: 0; margin-top: 10px; float: right; display: block; width: 60%; }
    .financialselectspan { text-align: left; padding: 10px 0px 0px; }
        .financialselectspan > .financialselect { display: block; width: 100%; margin: 5px 0px 0px; }
    .instomethed { font-size: 32px; }
    .staticregbannerbg .mobileapps > h2 { font-size: 34px; }
    .staticregbannerbg .mobieappbtngrp > #feedbkResetBtn, .staticregbannerbg .mobieappbtngrp > #feedbkSubmitBtn { padding: 0px 25px; }


    .product-wrapper p { font-size: 13px; line-height: 18px; }
    .product-hed { font-size: 20px; line-height: 20px; }
    .product-wrapper { padding: 15px 0 10px; }

    /***blog***/
    .blogbannerbg .staticheadinfo { padding: 25px 0px; font-size: 25px; }
    .staticbannerbg.blogbannerbg:before { max-height: 90px; }
    .blogbannerbg .staticbox { min-height: auto; padding: 20px 0; }
    .blogbox { padding: 15px; margin: 0 0 20px; }
    .blogboxnew > a { font-size: 18px; }
    .blogbox > a { font-size: 16px; }
    .blogbox > em { padding: 8px 0 0; font-size: 13px; }
    .blogbox > .readmore { margin: 10px 0 0; font-size: 12px; }
    
    /*tools*/    
    .calcbox { padding: 20px;}

     /*thank you*/
    .thankuimgwrapper { width: 280px;}

    /*Advisory for investors*/
    .advinvbtn { margin:0;}
}
