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


     .header_section .nav-link {
         font-size: 14px;
         padding: 0px 10px !important;
         white-space: nowrap;
     }

     .header_section .btn-primary {
         white-space: nowrap;
     }


 }


 @media screen and (max-width:992px) {
     .menu_offcanvas {
         width: 320px !important;
     }

     .header_section .nav-link {
         font-size: 14px;
         padding: 8px 10px !important;
     }

     .time-card {
         flex: 1 1 150px;
     }
 }

 @media screen and (max-width:767px) {
     .banner_sec {
         padding: 100px 0px;
     }

     .time-card {
         flex: 1 1 200px;
     }

     .navbar-toggler-icon {
         font-size: 18px;
     }

     div#dataTables_length {
         margin-bottom: 9px;
     }

 }

 @media screen and (max-width:575px) {
     .display-5 {
         font-size: 22px;
     }

     .about_title {
         font-size: 18px;
         line-height: inherit;
     }

     .heading_title {
         font-size: 18px;
     }

     .time-card {
         flex: 1 1 180px;
     }

     .navbar-brand img {
         height: 60px;
     }

     .icon-wrap img {
         width: 30px;
     }

     .facility-tile {
         padding: 12px 5px;
     }

     .display-6 {
         font-size: 20px;
     }

     .user-sidebar { 
         padding: 12px; 
     }


 }