@charset "UTF-8";


@media (max-width:1120px) {

  body {
    background: #ffffff;
  }
  
  main.main_content_wrap {
    max-width: 100%;
  }
  
  .rti_slider_item {
    background-size: 100% 100%;
  }

  .rti_slider_item .bottom_text h5 {
      margin-top: 90px;
  }

  .dataCard_item .card-title {
    font-size: 12px;
  }


}
/*--- End of Media (max-width: 1120px) ---*/


@media (max-width:1024px) {

  .instruction_tab_head .nav-item {
    font-size: 18px;
  }

  .instruction_tab_head .nav-item > span {
    padding: 2px 6px;
    margin-right: 5px;
  }

}
/*--- End of Media (max-width: 1024px) ---*/



@media (max-width:970px) and (min-width:767px) {
  
  .apply_form_wrap {
      background-size: 100% 240px;
  }

  .apply_form_wrap .content_inner {
      max-width: 260px;
      padding: 20px 0 35px;
  }

  .apply_form_wrap h3 {
      font-size: 18px;
      margin: 0 0 10px;
  }

  .apply_form_wrap .form-group {
      margin-bottom: 5px;
  }

  .apply_form_wrap .form-group label {
      font-size: 14px;
  }

  .apply_form_wrap .form-group input {
      font-size: 14px;
      height: 30px;
  }

  .apply_form_wrap .submit_btn {
    font-size: 14px;
    max-width: 100px;
    height: 30px;
    margin-top: 5px;
    margin-bottom: 10px;
  }

  .apply_form_wrap .form-check {
      margin-top: 0px;
  }

  .apply_text_wrap h3 {
      font-size: 24px;
      line-height: 30px;
  }

  .apply_text_wrap p {
      font-size: 16px;
      line-height: 20px;
  }

  .service_col {
     padding: 15px;
  }

  .service_col_content .title {
    font-size: 24px;
  }

  .service_col_content p {
      font-size: 14px;
      min-height: 70px;
  }

  .mapInfo_title h2 {
      padding-left: 30px;
  }

  .mapInfo_details {
      padding: 30px 40px;
  }

  .site_visit_wrap {
      background-size:100% auto;
  }

  .visit_count {
      margin: 0 0 140px;
  }

  .information_col li {
    font-size: 16px;
  }

  .hand_img {
    max-width: 120px;
  }

  .qr_img {
    max-width: 60px;
  }

  .gPlay_logo {
      position: relative;
      top: auto;
      right: auto;
      text-align: center;
      display: block;
      margin-bottom: 20px;
  }

  .gPlay_logo span::before {
      background:none;
  }

}
/*--- End of Media (max-width:970px) and (min-width:767px)---*/



@media (min-width:768px) {

  .dataGraph_menu {
    padding-left: 5px;
    padding-right: 0;
    max-width: 22%;
    flex: 0 0 22%;
    -ms-flex: 0 0 22%;
  }

  .col-sm-9.citizen_content_wrap {
    -ms-flex: 0 0 78%;
    flex: 0 0 78%;
    max-width: 78%;
  }

}
/*--- End of Media (min-width:768px) --*/



@media (max-width:767px) {

  .col-xs-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .rti_header .navbar-expand {
    -ms-flex-flow: row column;
    flex-flow: column;
  }
  
  .apply_form_wrap {
      background-size: 100% 290px;
  }

  .rti_banner_slider .slick-dots {
      text-align: center;
      padding-right: 0;
  }

  .rti_slider_item .bottom_text p {
      font-size: 15px;
      line-height: 20px;
  }

  .rti_slider_item .title {
    font-size: 30px;
    line-height: 30px;
  }

  .rti_slider_item .bottom_text h5 {
    font-size: 30px;
    line-height: 34px;
    margin-top: 50px;
  }

  .rti_slider_item {
    max-height: initial;
    padding-bottom: 30px;
  }

  .apply_text_wrap {
      padding-right: 20px;
  }

  .service_col {
     padding: 30px;
  }

  .mapInfo_details {
    padding: 30px 60px;
  }

  .visit_count li {
    width: 48px;
    height: 48px;
    font-size: 30px;
  }

  .gPlay_logo {
    right: 50px;
  }

  .footer_menu li a {
    font-size: 14px;
    padding: 0 10px;
  }

  .footer_menu_wrap {
    padding: 20px;
  }
  
  .rti_dropdown .dropdown-menu {
      right: auto;
      left: 8px;
  }

  .apply_text_wrap p {
    text-align: center !important;
  }

  .mapInfo_title h2 {
    padding-left: 0;
  }

  .rti_dropdown.collapse_btn .dropdown-menu {
    right: 0;
    left: auto;
  }

  .dataGraph_menu ul {
    margin: 0 auto;
  }

  .instruction_tab_head {
    padding: 20px 20px 30px;
  }

  .instruction_tab_content {
   padding: 40px 20px;
  }

  .apply_roles_inst .video_cont {
    margin-top: 30px;
    margin-bottom: 20px;
  }

  .apply_roles {
    padding: 30px 10px;
  }

  .apply_roles ol {
    padding: 0 25px;
  }

  .next_tab_btn {
    padding: 20px 52px;
  }






}
/*--- End of Media (max-width:767px) ---*/



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

  .footer_menu {
    min-width: 320px;
  }

}
/*--- End of Media (max-width:767px) and (min-width:580px) ---*/



@media (max-width:580px) {

  .rti_nav_menu .nav-item .nav_link {
    padding: 0px 10px;
    font-size: 16px;
  }

  .rti_nav_menu .nav-item.language_nav .nav_link {
      margin-top: 0px;
  }

  .rti_nav_menu .nav-item.search_nav .nav_link {
      font-size: 22px;
      margin-top: -3px;
  }

  .rti_logo {
      margin-bottom: 16px;
  }

  .rti_nav_menu .dropdown-item {
      font-size: 14px;
      padding: 10px 0;
  }

  .about_form_wrap {
    padding: 0px 0 30px;
  }

  .apply_form_wrap {
    background: #dbf1f6;
  }

  .apply_form_wrap h3 {
    line-height: 28px;
    margin: 20px 0 15px;
  }

  .apply_form_wrap .form-group input {
    background: #fff;
  }

  .apply_text_wrap p {
    font-size: 20px;
    line-height: 26px;
  }

  .mapInfo_tab_head .nav-item {
    font-size: 20px;
  }

  .mapInfo_details {
    padding: 30px;
  }

  .visit_count li {
    width: 44px;
    height: 44px;
    font-size: 30px;
    line-height: 36px;
    margin: 0 2px;
  }

  .download_col {
    padding: 20px 30px 0;
  }

  .information_col {
    padding: 20px 30px;
  }

  .information_col li {
    font-size: 18px;
  }

  .footer_menu, 
  .social_menu {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center !important;
  }

  .social_menu {
    margin-top: 20px;
  }

  .client_footer_wrap {
    margin-top: 10px;
  }

  .dataGraph_menu ul {
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
  }

  .dropdown.rightExpand_dropdown .dropdown-menu {
    top: 5px !important;
    left: -40px !important;
  }

  .dataGraph_search .form-group label {
    text-align: left;
  }

  .dataGraph_search .search_input {
    text-align: left;
  }

  .dataGraph_search .search_input {
    max-width: 250px;
  }

  .dataGraph_search .search_img {
    max-width: 26px;
  }

  .dataGraph_search .calendar_link {
    right: -5px;
    top: 38px;
  }

  .dataGraph_search .calendar_link img {
    max-width: 35px;
  }

  .apply_roles {
    padding: 30px 0px;
  }

  .apply_roles ol {
    padding: 0 10px;
  }

  .next_tab_btn {
    padding: 0 28px 20px;
  }

  .ctzn_item_num {
    -ms-flex: 0 0 46%;
    flex: 0 0 46%;
    max-width: 46%;
  }

  .ctzn_under_officer {
    position: relative;
    top: -15px;
    right: initial;
  }








}
/*--- End of Media (max-width:580px) ---*/