@media only screen and (max-width: 768px) {
    .sidebar{
         max-width: 90% !important;
         min-width: 90% !important;
    }
    .registration .logo{
        display: block !important;
    }
    .container{
        border-radius: 3px !important;
    }
    .card-content {
        font-size: 18px !important;
        padding: 10px 20px 20px 20px;
    }
    .row2{
        float: right;
        width:100%;
    }
    .row3{
        width: 100%;
        float: left;
    }
    .footer ul li{ text-align: center; margin-top: 5px;}
    .pdR0 {
        padding-right: 0 !important
    }
    .panel-container:first-child {
        border-right: 1px solid #ced4da !important;
    }
    .item_list {
        max-width: 460;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .panel-wrap .panel-container {
        margin-bottom: 10px !important;
    }
    .card .card-title {
        font-size: 16px;
        color: #212529;
    }
    .card a {
        text-decoration: none;

    }
    .text-info {
        color: #007bff !important;
    }
    .pdR0 {
        padding-right: 0 !important
    }
    .panel-container:first-child {
        border-right: 1px solid #ced4da !important;
    }
    .item_list {
        max-width: 460;
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .panel-wrap .panel-container {
        margin-bottom: 10px !important;
    }
    .panel-container:first-child {
        border-right: 0 !important;
    }
}  
@media only screen and (min-width:767px) {
    .row1{
        float: left;
        width:50%;
    }
    .row2{
        float: right;
        width:40%;
    }
    .row3{
        height: 60%;
        float: left;
        margin-top: 20px;
    }
    footer{ position: relative !important;}
    
    .panel-container:first-child {
        border-right: 0 !important;
    }
    .card .card-title {
        font-size: 16px;
        color: #212529;
    }
    .card a {
        text-decoration: none;
    }
    .text-info {
        color: #007bff !important;
    }
    .mobile{ display: none;}
    .desktop{ display: block;}
}
@media screen and (max-width: 768px) and (min-width: 320px){
    .page-wrapper .title-block h3{ font-size:20px !important; font-weight: 500; margin: 0;}
    .panel-heading{ padding: 0 !important;}
    .panel-container{ border: 0 !important;}
    .detail-panel ul li p, .detail-panel ul li h3{ font-size: 12px !important;}
    .row .card{ margin: 0 !important; box-shadow: none !important; }
    article{ padding: 0 !important;}
    .pdL0{ padding-left: 15px !important;}
    .card form{ padding: 0 10px !important;}
    .card form .pdL0{ padding: 0 10px !important;}
    .footer_card_body{ margin-bottom: 20px !important;}
    .card .panel-container:first-child{ border-right:0 !important;}
    .page-wrapper .card{ padding: 0 !important;}
    #transaction_amount .card-content { padding: 0;}
    #transaction_amount .card-action{ margin-bottom: 50px; }
    .fixed-mobile{ position: fixed; bottom: 0px; text-align: center; z-index: 1;  margin-bottom: 0 !important; 
      background: #fff!important; width: 95%; padding-bottom: 0 !important; margin-top: 40px;}
    .fixed-mobile p{ padding-top: 10px; }
    #transaction_amount .card-action { padding-bottom: 50px !important;}
    .fixed-mobile .col-md-12{ padding: 0 !important;}
    .fixed-mobile .alert{ margin-bottom: 0 !important;}
    .notification .alert p{ font-size: 14px; text-align: justify; font-weight: 600; } 
    #billwiseapp .col-md-6 { padding: 0 10px;}
    #billwiseapp .total_amn_fix { font-size:14px ;}
    #billwiseapp .accordian .card-header a{ font-size: 14px; font-weight: 600 !important;}
    #billwiseapp .panel-heading .pl-3{ padding-left: 10px !important; }
    #billwiseapp .total_amn_fix {  padding-right: 30px !important;}
    .card-title span{ font-size: 14px !important;}
    .mobile{ display: block;}
    .desktop{ display: none;}
    #drift-widget-container #drift-widget{ left: 0 !important;}
    #drift-widget-container ._2So8ItJQ9P6IqaCUlCO-2f{ width: 40px !important; height: 40px !important;}
}
/* Small devices (landscape phones, 576px and up) */

@media (max-width: 992px) {  
    nav .brand-logo{ left: 110px !important;}
    #nav-mobile{ display: block !important;}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    /* Styles */
}
@media only screen and (min-device-width : 480px) and (max-device-width : 767px) {
/* Styles */
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px){
    /* Styles */
    .accordian .custom-control span{ font-size: 15px; }
    .accordian .custom-text span{ font-size: 15px; }
    .payment_mode  .card-body{ padding: 0; }
    #impersonate{ height: auto !important;}
}

@media (min-width: 769px) {  
    .flat-pages .list-items p{font-size: 24px;}
}
@media (max-width: 768px) {  
    .flat-pages .footer{ text-align: center;}
    .flat-pages .list-items .para-text { font-size:20px; }
    .flat-pages .footer ul li{ margin: 0;}
    .footer ul, .footer p{ float: none !important;padding: 0; font-size: 12px;}
}