/*xs*/
@media (max-width: 767px) {
  body {
    font-size: 0.7em;
  }
  .img-app {
    display: none;
  }
  .number-item .desc {
    padding: 5px 35px !important;
  }
  .slideshow {
    padding: 40px 20px !important;
  }
  .slideshow .motto {
    padding-left: 0px !important;
  }
  .slideshow .motto .btn {
    width: 100%;
  }
  .col,
  .col-1,
  .col-10,
  .col-11,
  .col-12,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-auto,
  .col-lg,
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-auto,
  .col-md,
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-auto,
  .col-sm,
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-auto,
  .col-xl,
  .col-xl-1,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-auto {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .row {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  header .navbar .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  footer .contact {
    width: 100% !important;
    font-size: 1.4em;
  }
  footer .img-logo {
    margin-bottom: 40px !important;
  }
  footer .spliter-left {
    border-left: none;
  }
  .feature {
    margin: 10px 0px !important;
  }
  .feature img {
    height: 50px;
  }
  .navbar-nav {
    padding-bottom: 20px;
  }
}
/*sm*/
@media (min-width: 768px) {
  .img-app {
    display: none;
  }
  footer .contact {
    width: 100% !important;
  }
  .col,
  .col-1,
  .col-10,
  .col-11,
  .col-12,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-auto,
  .col-lg,
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-auto,
  .col-md,
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-auto,
  .col-sm,
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-auto,
  .col-xl,
  .col-xl-1,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-auto {
    padding-left: 15px;
    padding-right: 15px;
  }
  .row {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
/*md*/
@media (min-width: 992px) {
  .img-app {
    display: initial;
    height: 330px !important;
  }
  header .nav-link {
    font-size: 0.9em;
    margin: 0px 0px;
  }
  .slideshow {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .slideshow .motto {
    font-size: 0.7em;
  }
}
/*lg*/
@media (min-width: 1200px) {
  .img-app {
    height: 95% !important;
    background-position-x: 40px !important;
  }
  header .nav-link {
    margin: 0px 5px;
  }
  .slider .item .comment {
    padding: 0px !important;
  }
}