
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

  .modal.fade .modal-dialog{margin:1.6rem;}

}
 
 /* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 

  body{ padding-bottom:0;}
  .bordernone_mobi{border:none;}
  .main_menu{display:none;}
  
  .header_section .navbar {padding: 15px 20px;}
  .header_section .navbar-brand{max-width:145px;}
  .content_section{background:transparent;padding:0px;margin-bottom: 0;box-shadow: none;}
  .message_page .content_section{padding:0 10px 10px 10px;}
  .main_wrapper {padding:0;}
  .question_sect {padding:0px 0 16px 0;}
  .ques_options_sect{padding: 5px 0 20px 0;min-height:280px;}
  .survey_category{font-size:18px;}
  .page_title2{font-size:18px;}
  .question_sect h1{font-size:20px; line-height:28px;}

  .blue-outline-btn{font-size:18px; min-height: 60px; line-height:28px;padding:13px 12px;}
  .blue-outline-btn span{width: 32px;font-size: 20px;margin-right:5px;}

  .cm_checkbox label{font-size:18px; min-height: 60px; line-height:28px;padding:13px 12px;}
  .cm_checkbox label span{width: 32px;font-size: 20px;margin-right:5px;}
  
  .cm_radio label{font-size:18px; min-height: 60px; line-height:28px;padding:13px 12px;}
  .cm_radio label span{width: 32px;font-size: 20px;margin-right:5px;}

  .btn-primary{font-size:18px; min-height: 60px; line-height: 42px;}
  .btn-primary span{width: 32px;font-size: 18px;margin-right: 10px;}

  .btn-min-width325 {min-width: 100%;}
  .tabs_footer {position: relative; left: 0; right: 0;background: #fff; margin: 0;  }

  .tabs_buttons{flex-direction: column;padding:5px 0px;}
  .tabs_buttons li{margin:0 0 15px 0;}
  .tabs_buttons li:last-child{margin:0;}
  .tabs_buttons li .btn {min-height: 50px;line-height: 32px;}

  .tabs_link li{width:25%;margin:0;}

  .finance_contnt_info li{flex-direction: column;margin-bottom: 25px;}
  .f_c_icon {width: 100%; flex: 0 0 100%; text-align: left; height: 60px;line-height: 60px;}
  .f_c_cont{padding-top: 10px;}

  .tabs_column_btn {
    flex-direction: inherit!important;flex-wrap: wrap;
  }
  .tabs_column_btn li {
      width: 50%;
      margin: 0!important;
      padding: 0 9px;
  }
  .three_column_list{margin:0;}
  .three_column_list li {width: 100%; padding: 0;}
  .btn-sm {
      height: 45px;
      min-height: 45px;
      line-height: 30px;
  }

  .two_option_btn li a {display: block;}
  .two_option_btn li {width: 50%;}
  
  .mobile_menu_section{display: block;}

  .m_radio_list{flex-direction: column;margin: 0;}
  .m_radio_list .btn{margin-bottom: 18px!important;margin: 0;}

  .fixed_tabs_footer {position: fixed; bottom: 0;}
  .radio_two_option .btn {width: 50%; text-align: center;}
  .radio_two_option .cm_radio, .radio_two_option .cm_checkbox{width: 50%; text-align: center;}
  .radio_two_option .cm_radio label, .radio_two_option .cm_checkbox label{min-width: 50%; display: block;}
  .results_listing{max-width:100%;}

  .cm_tabs li a{min-width:auto;}
  .icons_left_m{margin-left: -32px;}
  .mail_compose_btn{position: fixed;}
  .tooltip_btn {position: absolute; right: 5px; background: #fff; padding: 5px 5px;font-size: 18px;
    border-radius: 50px; display: inline-block; width: 40px; height: 40px; text-align: center;
    line-height: 30px; top: 9px;
  }
  .add_doc_buttons li{padding-right:15px;flex:0 0 50%; width:50%;}
  .add_doc_buttons li a{display: block;}
  .add_doc_buttons li label{display: block;}
  .add_doc_buttons{margin-left: -30px;}
  .add_doc_buttons .btn{min-width: auto; font-size:17px;}
 
  .login_section{box-shadow:none;margin:0px auto;border-radius:0px;height:100vh;flex-direction: column;padding:0;}
  .login_section:before{content: none;}
  .login_logo{    width: 255px; min-height: 320px;}
  .login_logo_sect{border: none;}
  .l_desk_logo{display:none;}
  .l_m_logo{display: block;}
  .login_logo img{width:auto;}
  .login_form_in_sect{padding: 20px 25px 15px;}
  .login_title {margin-bottom: 15px; }
  .login_title::after{content: none;}
  .create_a__title {font-size: 20px;font-weight: 600;margin: 15px 0 12px 0;}

  .sidebar-tab-main .sidebar{position: relative;}
  .sidebar-tab-left{width:100%; float:none;}
  .sidebar-tab-main .tab-content{padding:0;}
  .sidebar-tab-left .nav {flex-direction: inherit!important;}
  .sidebar-tab-left .nav .nav-link{
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    white-space: normal;
    padding: 12px 5px!important;
  }
  .sidebar-tab-left .nav .nav-link i{font-size: 18px!important;}
  .sidebar-tab-left .nav .nav-link span{margin-top: 5px!important; font-size: 13px; line-height: 16px;}
  
  .cm_tabs2{padding:0;margin-top:10px;}
  .cm_tabs2 a{ padding: 8px 18px;}
  .page_title3 {font-size: 16px;}
  .pay_row_info .col{flex-basis:100%;}
  .pay_total_box_amount{font-size:22px;}
  .pay_review_title h4{font-size: 14px;}

  .filter_title{margin:5px 0;}
  .document_list_block{flex-direction: column; align-items: flex-start;}
  .docu_l_col_l{border-right:none; border-bottom:1px solid #ececec;width: 100%;}
  .docu_l_col_r{flex: auto;}

  .header2_inner {display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom:15px;}
  .customer-detail-box1 {padding: 5px 0px; width:50%;}
  .cust_tabs2 a{    margin: 5px 4px;}
  .cm_tabs{display:none;}

  .mailing_wrapper{flex-direction: column;}
  .mailing_content_sect{padding:0;}
  
}
 
 /* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  .main_menu li {margin-left:0px;}
  .main_menu li a{padding:0 8px;}
  .p_info_edit_col1{width:35%;}
  .p_info_col1{width:60%;}
  .pay_total_l_align {
    padding-left:0;
  }
}

 /* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {} 