/*
####################################################
M E D I A  Q U E R I E S
####################################################
*/

/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/

/*
Extra small devices (portrait phones, less than 544px)
No media query since this is the default in Bootstrap because it is "mobile first"
*/

@media (max-width: 575px) {

  .about-text::after, .features-start::after, .product-features::after  {display: none;}
  .partners-logo {display: inline-block;}
  .cta-users {margin-top: -330px;  margin-bottom: 40px;}
  .number-box {margin-bottom: 30px;}
  .keys-numbers {margin-bottom: 80px;}
  .isante-feautres .btn-primary {margin-bottom: 80px;}
  .slick-dots {display: none !important;}
  .product-features {padding: 20px;}
  .i-sante-offer h2 {display: block;}
  .nav-tabs .nav-item {width: 100%;}
  .nav-tabs .nav-link.active, .nav-tabs .nav-link {margin: 15px 0 8px 0; width: 100%;}
  .hero {padding-top: 150px;}
  .testimonial-block {padding: 20px;}
  .tab-content small {margin-top: 40px;}
  .navbar-collapse {position: absolute; background: #FFFFFF; width: 100%; height: 100vh; left: 0; top: 0; padding-top: 20px;}
  .navbar-toggler:not(:disabled):not(.disabled) {z-index: 999;}
  .navbar-light .navbar-nav .nav-link {color: rgba(0,0,0,1); padding: 20px;}
  .features-list {margin-right: 0;}
  .references {margin-top: 80px;}
  .keys-numbers::after, .keys-numbers::before {display: none;}
}

@media (min-width: 320px) and (max-width: 575px) {





}

/*Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 769px) {





}


/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px)  {




}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1199px) and (max-width: 1400px) {


}


/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {




}









/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (max-width: 768px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}