.ipos-container-for-mobile {
    display: none;
}

/* css for mobile(Media Queries) */




@media only screen and (max-width: 767px) {
    body {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .for-mobile {
        display: block;
        padding: 0 20px;

    }

    .app-store {
        display: inline-block;
        vertical-align: middle;
    }

    .pm-logo {
        width: 67%;
        display: inline-block;
    }

    .cmp-hyperlinks {
        display: block;
    }

    .cmp-hyperlinks {
        padding: 0;
        width: 100%;
    }

    .ipo-seo-header,
    .main,
    .frequently-asked-questions {
        width: 100%;
        padding: 0px;
    }

    .all-data {
        width: 92%;
        padding: 0px 15px 0 15px;
    }

    .navbar,
    .illustration-img,
    .demat-account,
    footer,
    .htaipospm-img,
    .steps-line,
    .ipos-container {
        display: none;
    }

    .ffm {
        width: 100%;

        font-size: 14px;
        margin: 12px 0px 1px 0px;
        padding: 0;

    }

    .ffm a {
        color: #494949;
        font-size: 14px;
    }

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

    .hello-india-invest,
    .zero-commissions p,
    .is-heading,
    .current-and-upcoming-ipos,
    .closed-ipos {
        width: 100%;
    }

    .htafiopmb {}

    .htaipospm-text-details {
        width: 100%;
        margin: 0;
    }

    .steps1 {
        padding: 12px 0;
    }

    .common-style {
        width: 50%;
    }

    summary {
        list-style-type: none;
        font-size: 14px;
    }


    .dropdown summary img {
        width: 11px;
    }

    details a {
        color: #000;
        line-height: 1.9;
        padding: 0 10px;
        font-size: 16px;
    }

    .ipos-container-for-mobile {
        display: block;
    }

    .route-mobile-ipo {
        background: #fff;
        padding: 10px 15px 0 15px;
        position: relative;
    }

    .rmi-img {
        display: inline-block;
        vertical-align: middle;
        border: solid 1px #eeeef0;
    }

    .route-mobile-ipo img {
        width: 40px;
        vertical-align: middle;
    }

    .rmi-details {
        vertical-align: middle;
        display: inline-block;
        line-height: 1.6;
        padding: 0 10px 0 15px;
        white-space: nowrap;
       
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .comp-name {
        font-size: 14px;
        color: #494949;
        white-space: nowrap;
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .benefits-of-applying-ipos-containes {
        padding: 0;
    }

    .for-open {
        width: 54px;
        color: #59aa00;
        padding: 1px 14px 2px 15px;
        border-radius: 4px;
        border: solid 1px #59aa00;
    }

    .for-date {
        color: #59aa00;
        width: 104px;
        margin: 0 0 0 8px;
        padding: 1px 8px 2px 7px;
        border-radius: 4px;
        border: solid 1px #59aa00;
    }

    .rmi-details .for-open,
    .rmi-details .for-date {
        font-size: 10px;
    }

    .iii-icon img {
        display: none;
    }

    .iii-details .spn1 {
        font-size: 20px;
    }

    .iii-details .spn2 {
        font-size: 12px;
        line-height: 3;
        margin-right: 9px;
    }

    .home-stocks-ipo {
        margin-bottom: 0;
    }

    .price-range-common-style {
        line-height: 1.6;
    }

    .price-range-common-style.mobile1 {
        width: 33.33%;
    }

    /* .price-range-common-style.mobile2 {
        width: 13%;
    } */
    .price-range-common-style.mobile2 {
        width: 33.33%;
      }

    .price-range-common-style {
        display: inline-block;
        padding: 15px;
        width: 30%;
    }

    .price-range-common-style .span1 {
        font-size: 10px;
        color: #adafb6;
    }

    .rupee-sign {
        font-weight: 200;
        font-size: 12px;
        color: #494949;
    }

    .price-range-common-style .span2 {
        font-size: 12px;
        font-weight: bold;
        line-height: 0.93;
        letter-spacing: 1px;
        color: #adafb6;
    }

    .application-data {
        width: 100%;
        margin-left: 2px;
    }

    .application-data-common {
        display: inline-block;
        padding: 0;
    }

    .application-data-common.m1 {
        width: 33%;
    }

    .application-data-common.m2 {
        width: 33%;
    }

    .application-data-common.m3 {
        width: /*37%*/ 31%;
    }

    .application-data-common img {
        width: 20px;
    }

    .application-data-common-img {
        width: 15%;
        display: inline-block;
        vertical-align: middle;
        margin-top: 6px;
    }

    .application-data-common-datails {
        padding: 14px;
        line-height: 1.6;
        color: #adafb6;
    }

    .main-container-for-mobile {
        border-bottom: 1px solid #ebebeb;
    }

    /* font for mobile */
    .heading-text {
        margin: 7px 0 0 15px;
        font-size: 14px;
    }

    /* .vertical-line {
        height: 40px;

    } */

    .vertical-line {
    width: 4px;
    height: 44px;
    margin: 0 11px 16px 0;
    background-color: #59aa00;
    position: absolute;
    top: 12px;
}

    a {
        text-decoration: none;
    }

    .ipo-seo-header {
        width: 100%;
        height: 66px;
        padding-top: 12px;

    }

    .is-heading {
        width: 97%;
        padding: 10px 15px;
    }

    .hello-india-invest {
        font-size: 18px;
    }

    .hiih {
        font-size: 18px;
    }

    .fs-for-mobile {
        font-size: 26px;
    }

    .zero-commissions p {
        font-size: 14px;
    }

    .current-and-upcoming-ipos,
    .closed-ipos {
        padding-bottom: 0;
    }

    .benefits-of-applying-ipos h1 {
        font-size: 24px;
    }

    .benefits-of-applying-ipos-heading {
        padding: 0;
        width: 100%;
    }

    .htd {
        width: 85%;
    }

    .steps-img {
        width: 22%;
    }

    .steps-data {
        width: 76%;
    }

    .bidding-process {
        width: 95%;
    }

    .cs img {
        width: 70px;
    }

    .cs-heading {
        font-size: 16px;
    }

    .cs-text {
        display: none;
    }

    .cs {
        padding: 15px;
    }

    .htaipospm-heading {
        font-size: 24px;
        text-align: center;
    }

    .frequently-asked-questions h1 {
        padding-top: 30px;
    }

    details p {
        font-size: 12px;
    }

    .mobile-menu {
        vertical-align: middle;
        width: 350px;
        position: absolute;
        top: 70px;
        background: #fff;
        left: 5px;
        height: 100%;
        z-index: 1;
    }

    .header-container {
        position: relative;

    }

    .icon {
        display: block;
        position: absolute;
        left: 4%;
        z-index: 1;
        top: 32%;
        color: #727682;
    }

    .dropdown {
        width: 90%;
        padding: 0 10px;
        float: none;
    }

    .button-for-mobile {
        display: block;
        width: 92%;
        padding: 15px;
        background: #fff;
        position: fixed;
        bottom: 0;
    }

    .open-demat-account {
        display: inline-block;
        background: #004393;
        padding: 0 10px;
        border-radius: 4px;
        width: 49%;
        height: 40px;
        vertical-align: middle;
    }

    .loginm {
        width: 42%;
        display:
            inline-block;
        border: solid 1px #494949;
        border-radius: 4px;
        text-align: center;
        height: 40px;
        vertical-align: middle;
    }

    .open-demat-account p,
    .loginm p {
        margin: 8px 0 0 0;
    }

    .block img {
        width: 140px;
        margin: 0;
        padding: 4px 0 0 0;
    }

    .horizontal-line {
        width: 100%;
        height: 0px;
        margin: 18px 0 0;
        border-bottom: 1px dotted #ebebeb;
    }
    section.faq-section {
        width: 100%;
        float: left;
        margin-top: 30px;
    }

}