.hide{display:none;}
@media (max-width:767px)

{
    .logo{padding:7px 0px 7px 0px;}
    /* login page */
    .template-wrapper, .register-wrapper{top: 50%;
        left: 50%;
        position: absolute;
        width: 320px;
        height: 261px;
        margin: -130px 0 0 -160px;
    }
    #header_logo{background: url("../images/onebill-logo-mobile.png") no-repeat;}
    .register-wrapper{height:493px;  margin: -246px 0 0 -160px;}
    .footer {
        width: 100% !important;}
    .footer-content{text-align:center;}
    .center.form-bottom-img img{display:none;}
    .login,.register{width:100%;}
    .register .btn.btn-danger{clear:both;float:none;margin:0px auto;text-align:center;}
    #contentdisplayleft{display:none;}
    .form-fields input[type="text"], .form-fields input[type="email"], .form-fields input[type="password"]{width:100%;font-size:15px;}
    /* en dof login */
    /* landing page header */
    .header-links{display:none;}
    .leftNav{display:none;}
    .mobile-menu>a{clear:both;background: #5d5d5d; display:block;    margin:0px 5px;   border-radius: 5px;        padding: 10px;color:#fff;text-transform: uppercase;}
    .mobile-menu>a:hover{text-decoration: none;}
    .mobile-menu.hide{display:block !important;}
    .mobile-display{display:block !important;}
    .navbar-brand{padding:3px 0px 5px 17px;}
    .leftNav{display:none;}
    .leftNav.mobileNav{width:100%;margin-top:5px;}
    .leftNav ul li a{line-height:44px;height: auto;}
    .leftNav ul li a i{margin-top: 5px;height:32px;   ;}
    .leftNav ul li a.active{height:auto !important;}
    select {
        -webkit-appearance: listbox;
    }
    select{
        width: 100%;
        height: 40px;
        line-height:40px;
        border: 1px solid #999;
        border-radius: 6px;
        margin-bottom:10px;
    }
    .rmm-button {
        display: inline-block;
        position: absolute;
        right: 8%;

    }
    .rmm-button span {
        display: block;
        margin: 1px 0px 4px 0px;
        height: 2px;
        background: #fff;
        width: 25px;
    }
    .navlinks-fixed-top{width: 100% !important;}

    /* dashboard style */
    .dashbaord-message{display:none;}
    .groups [class*="section-"]{border-right:0px;padding-left:0px;width:100%;}
    .groups [class*="group-"] {border-right:0px;width:100% !important;min-height:inherit !important;padding-left:0px !important;border-bottom:1px solid #b8bcbe;margin-bottom:10px;}
    body{min-width:inherit !important;}
    img{max-width:100%;}
    .invoice-list ul>li>button{left:0px;}
    .invoice-list ul>li>b.amount{margin-right:12px;}
    .container {    /* width:97% !important;    padding:0 10px;     */   max-width:767px !important;  width:100% !important;  padding:0px !important;           margin: 0px auto;    }
    .container .rightContent {width:100%;}
    .title{width:100% !important;}
    .subscription-list,.view-more-link{margin-bottom:10px;}
    .description-row{margin-bottom:15px;}
    .modal-dialog{min-width: inherit;        width: inherit;        margin: inherit;}
    .message-display{margin-top:0px;}
    .error-message{margin:0px;padding:2px 0px 2px 2px;width:100% !important;text-align:left;margin-bottom:10px;}
    .error-message span{background:none!important;padding:0px 5px 0px 5px !important;margin:0 !important;font-size:11px !important;}
    .error-message.failure .icon-remove{display:none;}
    .order-info>ul>li b{width:auto;}
    .inner-space{padding-top:15px;}


    /* profile page */
    .form-fields label{text-align:left;margin:0px;width:100% !important;}
    .form-fields input[type="text"], .form-fields select, .form-fields input[type="number"], .form-fields input[type="password"],.form-fields span.display-data{display:block;clear:both;width:100%;}
    .accordion-inner .acct-info .form-fields input[type="text"],.accordion-inner .acct-info  .form-fields input[type="email"],.accordion-inner .acct-info  .form-fields input[type="password"]{width:100%;}
    .accordion-inner{clear:both;}
    .accordion-heading>a>i{margin-right:5px;}
    .accordion-heading >a>span.pull-right{display:none;}
    .form-fields .button-group{margin:0px;}
    .accordion-inner .acct-info{padding: 0px 0px 0px 10px;        width: 98%;}
    table.table-sort> thead > tr > th{width:auto !important;}
    .mobile-hide{display:none;}
    .input-help{left:inherit;right:0px;width:auto;}
    /* orderpage(details) */
    .product-inner-space{background:#fff;}
    .order-bill-details>.order-info{width:100%;clear:both;margin-top:10px;}
    .order-info>ul>li, .bill-info>ul>li{clear:both;overflow:hidden;}
    .order-info>ul>li span, .bill-info>ul>li span{width:auto;text-align:left;color:#000;}
    .order-info>ul>li b, .bill-info>ul>li b{width:auto;background:#cecece;color:#333;padding:5px 10px 5px 10px;float:right;}
    .product-details{min-width:98%;}
    .product-details>h4{background:#5f5d5e;color:#fff;}
    .bill-info{clear:both;width:100% !important;margin-top:10px;}
    .bill-info .border-fix span{width:auto !important;}
    .bill-info .border-fix{float:none !important;padding:0px !important;border:0px;}
    table th .icon-sort,table th i.icon-chevron-down{display:none;}

    /* subscription page */
    .product-features{width:100%;padding-right:0;}
    .product-description{width: inherit;         float: none;}
    .product-description h4{font-size:12px;}
    .product-description .subscription-info{clear: both;display: block; float: none; overflow: hidden;   width: 100%;margin-top:15px;}
    .product-description .info-list{width:100% !important;clear:both;}
    .info-list ul{margin:0;padding:0;}
    .info-list ul li{font-size:12px;padding:0px;margin:0px 0px 5px 0px;}
    .info-list ul li span{width:auto;}
    .info-list ul li span:last-child,.info-list b[class*="mode-"], .info-list ul li span+b{background:#cecece;float:right;padding:5px 10px 5px 10px;color:#333;}
    .selectnav {
        width: 98%;
        font-size: 90%;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        /* -webkit-appearance: none; */
        background-color: #F8F8F8;
        border: 1px solid #E8E8E8;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        color: #8F8F8F;
        font-size: 12px;
        line-height: 1.5;
        padding: 5px 10px;
        height: 30px;

    }
    .product-features-list.ui-tabs-panel{display:none !important;}
    .pricePlan-list-style{width:100%;}
    .product-operations{clear:both;width:100%;border:0px;}
    /* style for subscription chnage plan*/
    .subscription-properties{display:none !important;}
    .manage-subscription-list{background:#fff;}
    .manage-subscription-list ul{float:none;clear:both;padding:0px;border:0px;margin:0;margin-bottom: 2px;overflow:hidden;}
    .manage-subscription-list ul li{font-size:12px;width:auto;display:inline;}
    .manage-subscription-list .list-cloumn{width:100%;}
    .manage-subscription-list ul li b{font-weight:normal !important;background: #cecece;  width:auto;       color: #333;float:right;         padding: 5px 10px 5px 10px;}
    .price-column{text-align:center;clear:both;float:none;min-height:20px;padding-top:14px;}

}