@media screen and (max-width: 991px) {

  .text_content {
    width: auto;
  }

  #navigation {
    background-color: #f9f9f9;
    display: block;
    position: absolute;
    overflow-y: hidden;
    height: 0px;
    right: 1%;
    z-index: 999;
  }

  #navigation li {
    float: none;
    text-align: center;
    margin-bottom: 20px;
    margin-right: 0;
  }

  #navigation li.welcome_user_li {
    display: none;
  }

  #navigation li.welcome_user_li_res {
    display: block;
  }

  #menuwrapper li a {
    width: 100%;
    background-color: inherit;
    color: #cc3744;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
  }

  #menuwrapper li.cell_active {
    background-color: #cc3744;
    padding: 5px;
    border-radius: 0;
  }

  #menuwrapper li a.active {
    color: #ffffff;
    /*background-color: inherit;*/
    padding: 0px 10px;
  }

  #menuwrapper li a:hover {
    background-color: inherit;
  }

  #close_menu_res {
    display: none;
  }

  #menu_res_btn {
    display: block;
    font-size: 30px;
    color: #cc3744;
    padding-top: 20px;
  }

  #contentwrapper {
    /*margin-top: 120px;*/
    overflow-x: hidden !important;
  }

  .topic_area_space {
    padding: 20px;
  }

  #menuwrapper {
    margin-top: 0;
  }

  .remove_filter_right_padding{
    padding-right: 0px;
  }

}

@media screen and (max-width: 767px) {

  #menubodywrapper li {
    float: none;
    text-align: center;
    padding: 10px;
    background-color: #f9f9f9;
  }

  #menubodywrapper li.active {
    background-color: #be2834;
  }

  #menubodywrapper li a {
    float: none;
    padding: 0;
    background-color: inherit;
    border: 0px;
  }

  #menubodywrapper li a.active {
    background-color: inherit;
  }

  #menubodywrapper li.cell_active {
    /*background-color: #cc3744;*/
    padding: 5px;
    border-radius: 0;
  }

  #menubodywrapper li a:hover {
    background-color: inherit;
  }

  #menubodywrapper ul {
    margin-bottom: 0;
  }

  #orgform_content .permission_wrapper {
    float: none;
  }

  .topiclabel_wrapper {
    float: none;
  }

  #menubodywrapper {
    margin-top: 0;
  }

  .general_column_spacing {
    padding-top: 0;
  }

  #adduser_wrapper, #orgform_content {
    max-width: none;
  }

  #survey_title_header .toLeft {
    float: none;
    margin-bottom: 20px;
  }

  #survey_title_header .btn-primary.edit {
    float: none;
  }

  #menubodywrapper li.viewreport {
    float: none;
    /*background-color: #be2834;*/
  }

  #menubodywrapper li.active {
    float: none;
    background-color: #be2834;
  }

  #survey_top_menu .datepicker_size {
    text-align: left;
    padding-left: 8px;
  }

  #login_wrapper .col-sm-10 {
    width: 100%;
  }

  #login_wrapper .form-horizontal .control-label {
    padding-left: 0;  
  }

  #error {
    max-width: none;
  }

  .table-responsive {
    border: 0;
  }

  #img_login_logo {
    padding-left: 15px;
    padding-right: 60px;
    padding-top: 20px;
  }

  #orgtable_layout_filter,
  #user_table_layout_filter,
  #country_table_layout_filter,
  #survey_data_table_layout_filter,
  #survey_disable_data_table_layout_filter {
    float: left;
  }

  #adduser_wrapper .permission_wrapper {
    float: none;
  }

  #adduser_wrapper .col-sm-9 {
    padding-left: 0;
  }

  .filter_button_remove_right{
    padding-right: 0px;
  }

  #menuwrapper li a.active {
    background-color: none;
  }

/*  .viewreport{
    background-color: #cc3744;
    color: #cc3744;
  }*/

}