@media all and (max-width: 1440px) and (min-width: 1279px) {
  header .slider-caption {
    left: 10%; }
    header .slider-caption div a {
      font-size: 18px; }

  .home-bottom .left {
    padding: 5% 5% 2% 10%; }
  .home-bottom .right {
    padding: 5% 10% 2% 5%; } }
@media all and (max-width: 1280px) and (min-width: 767px) {
  header .slider-caption {
    left: 5%;
    min-width: 400px; }
    header .slider-caption div a {
      font-size: 18px; }

  .home-bottom .left {
    padding: 5% 5% 2% 5%; }
  .home-bottom .right {
    padding: 5% 5% 2% 5%; } }
@media all and (max-width: 768px) and (min-width: 450px) {
  header .slider-caption {
    left: 0%;
    min-width: 400px; }
    header .slider-caption div a {
      font-size: 18px; }

  .home-middle .row {
    background: unset;
    padding-top: 30px; }
    .home-middle .row .block {
      margin-bottom: 20px; }
      .home-middle .row .block span {
        right: 100px;
        top: 30px; }

  footer .container-fluid ul {
    margin-left: -40px; }
    footer .container-fluid ul li {
      margin-top: 0px;
      float: left;
      margin-left: 0px;
      margin-right: 15px;
      margin-bottom: 10px; } }
@media all and (max-width: 451px) and (min-width: 200px) {
  header .carousel-indicators {
    width: unset;
    left: 0; }
  header .slider-caption {
    left: 0%;
    min-width: 90%;
    margin: 10% 5%;
    padding: 5%;
    height: auto;
    top: 15%;
    border-radius: 4px; }
    header .slider-caption div {
      margin-top: 0px; }
      header .slider-caption div h2 {
        font-size: 30px;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 5%; }
      header .slider-caption div p {
        font-size: 14px; }
        header .slider-caption div p span {
          font-size: 18px; }
      header .slider-caption div a {
        font-size: 18px;
        margin-top: 5%; }

  .home-middle .row {
    background: unset;
    padding-top: 30px; }
    .home-middle .row .block {
      margin-bottom: 20px; }
      .home-middle .row .block span {
        right: 100px;
        top: 30px; }

  .home-bottom .left {
    padding: 25px; }
  .home-bottom .right {
    padding: 25px; }

  footer .container-fluid ul {
    margin-left: -40px; }
    footer .container-fluid ul li {
      margin-top: 0px;
      float: left;
      margin-left: 0px;
      margin-right: 15px;
      margin-bottom: 10px; } }
@media all and (max-width: 768px) and (min-width: 200px) {
  nav a.login-btn {
    margin-left: 15px;
    margin-top: 10px;
    display: block;
    max-width: 200px;
    margin-bottom: 10px; }
  nav .navbar-brand img {
    height: 50px; } }
@media (min-width: 1024px) {
  .my-account .nav-tabs {
    display: flex; }
  .my-account .card {
    border: none; }
  .my-account .card .card-header {
    display: none; }
  .my-account .card .collapse {
    display: block; } }
@media (max-width: 1023px) {
  .my-account .nav-tabs {
    display: none; }
  .my-account .tab-content > .tab-pane {
    display: block !important;
    opacity: 1; } }