#navbarResponsive li.nav-item a i.fa { display: none; }
.res-nav-bottom { display: none; }

@media (max-width:1200px) {
  #home-slider .carousel-caption h2 { font-size: 36px; }
  #home-slider .lead { font-size: 15px; font-weight: normal; }
}

@media (max-width:991px) {
  .sticky-scroll { top:0; width: 100%; }
  .sticky-scroll .logo, .navbar-brand .logo { width:115px; }
  .navbar-brand { position: absolute; margin-left: 60px; }
  .navbar-toggler-icon { font-size: 12px; }
  .login-option ul li a { padding: 4px 10px; font-size: 12px; }
  .navbar-collapse { position: absolute; top: 48px; right: 100%; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; width: 100%; height: 95vh; transition: all 0.5s ease; display: block; background: #fff; }
  .navbar-collapse.collapsing { height: auto !important; margin-right: 50%; transition: all 0.5s ease; display: block; }
  .navbar-collapse.show { right: 0; padding: 0; }
  #navbarResponsive li.nav-item { padding: 8px 0; border-bottom: 1px solid #dedddd; margin: 0 20px; }
  #navbarResponsive li.nav-item a { margin: 0; font-size: 12px; }
  #navbarResponsive li.nav-item a i.fa { display: inline-block; margin-right: 10px; font-size: 14px; }
  .topBotomBordersIn a:before, .topBotomBordersIn a:after, .topBotomBordersIn .active a:before, .topBotomBordersIn .active a:after { display: none; }
  .res-nav-bottom { display: block; position: absolute; bottom: 70px; }
  .res-nav-bottom li { display: inline-block; margin: 0 10px; }
  .res-nav-bottom li a { color: #333; }

  /*#home-slider { display: none;  }*/
  #home-slider .carousel-caption h2 { font-size: 28px; line-height: normal; margin-bottom: 0; }
  #home-slider .lead { font-size: 13px; font-weight: normal; }
  #home-slider .carousel-control-prev, #home-slider .carousel-control-next { display: none; }
  .bn-bk-form { position: relative; margin: 0; right: auto; top: auto; background: #ffffff; max-width: initial; padding: 0; border-top: 0; }
  .bn-bk-form .nav-link { color: #282828; border-right: 1px solid #ccc; }
  .bn-bk-form .nav-link:hover { color: #fff; }
  .bn-bk-form .tab-content { background: rgba(185,6,6,1); }
  .carousel-item { height: 250px; min-height: 250px;  }
  .nav-tabs .nav-item { margin-bottom: 0; }
  .module-border-wrap { margin: 60px 15px; }
  .inner-banner { margin-top: 48px; }
  .navbar-toggler>.close { display:inline; font-size: 12px; }
  .navbar-toggler.collapsed>.close, .navbar-toggler:not(.collapsed)>.navbar-toggler-icon { display:none; }
  
}


@media (max-width:567px) { 
  .module-border-wrap { margin: 65px 50px; }
  .ft-link { margin-top: 30px; }
  .sec-mis-vision { padding-left: 15px; padding-right: 15px; }

}


@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
  .trk-list, .trk-list thead, .trk-list tbody, .trk-list th, .trk-list td, .trk-list tr { display: block; }
  .trk-list thead tr { position: absolute; top: -9999px; left: -9999px; }
  .trk-list tr { border: 1px solid #ccc; margin-bottom: 15px; }
  .trk-list td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; text-align: left !important; padding-top: 5px; padding-bottom: 5px; font-size: 12px; line-height: normal; }
  .trk-list td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; font-weight: bold; }
  .trk-list td:nth-of-type(1):before { content: "Shipping Id"; }
  .trk-list td:nth-of-type(2):before { content: "Shipped From"; }
  .trk-list td:nth-of-type(3):before { content: "Destination"; }
  .trk-list td:nth-of-type(4):before { content: "Status"; }
  .trk-list td:nth-of-type(5):before { content: "Action"; }
  div.dataTables_wrapper div.dataTables_info { display: none; }
}