/* CSS Document */
.bg-green {
    background-color: #b0d235 !important;
}
.bg-grey {
    background-color: #f4f4f4 !important;
}

.footer {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin: 0 auto;
}
.main-content {
    margin: 0 auto;
    background-repeat: no-repeat;
    /*background-size: contain;*/
    position: relative;
  }
.btn-green {
  color: #b0d235;
  background-color: #FFF;
  border-color: #b0d235;
}
.btn-green:hover {
  color: #fff;
  background-color: #b0d235;
  border-color: #b0d235;
}
.btn-check:focus + .btn-green, .btn-green:focus {
  color: #b0d235;
  background-color: #FFF;
  border-color: #b0d235;
  box-shadow: 0 0 0 0.25rem rgba(176, 210, 53, 0.5);
}
.btn-check:checked + .btn-green, .btn-check:active + .btn-green, .btn-green:active, .btn-green.active, .show > .btn-green.dropdown-toggle {
  color: #fff;
  background-color: #b0d235;
  border-color: #b0d235;
}
.btn-check:checked + .btn-green:focus, .btn-check:active + .btn-green:focus, .btn-green:active:focus, .btn-green.active:focus, .show > .btn-green.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(176, 210, 53, 0.5);
}

.btn-transparent {
  color: #808080;
  background-color: transparent;
  border-color: transparent;
  padding-bottom: 12px;
  border-bottom: 2px solid #27b8d1;
  text-decoration: none;
}
.btn-transparent:hover {
  color: #b0d235;
  text-decoration: none;
  background-color: transparent;
  border-color: transparent;
  text-decoration: none;
}
.btn-check:focus + .btn-transparent, .btn-green:focus {
  color: #b0d235;
  text-decoration: none;
  background-color: transparent;
  border-color: transparent;
}

.btn-red {
    color: #bb0000;
    background-color: #ffffff;
    border-color: #bb0000;
}

.btn-red:hover {
    color: #ffffff;
    background-color: #bb0000;
    border-color: #bb0000;
}
.btn-check:focus + .btn-red, .btn-red:focus {
    color: #bb0000;
    background-color: #ffffff;
    border-color: #ffffff;
}

.btn-blue {
    color: #004563;
    background-color: #ffffff;
    border-color: #004563;
}

.btn-blue:hover {
    color: #ffffff;
    background-color: #004563;
    border-color: #004563;
}
.btn-check:focus + .btn-blue, .btn-blue:focus {
    color: #004563;
    background-color: #ffffff;
    border-color: #ffffff;
}

#new-product {
    display: block;
}


@media (min-width: 390px) {
    .footer, .main-content  {
      max-width: 360px;
    }
    .home-bg-1 {
      height: 91px;
      background-image: url('../img/Kinetic_help_01_360.jpg');
      }
      .home-bg-2 {
      height: 51px;
      background-image: url('../img/Kinetic_help_02_360.jpg');
      }
      .home-bg-3 {
      height: 112px;
      background-image: url('../img/Kinetic_help_03_360.jpg');
      }
      .home-bg-4 {
      height: 32px;
      background-image: url('../img/Kinetic_help_04_360.jpg');
      }
      .default-bg-1 {
      height: 57px;
      background-image: url('../img/kh_default_header_01_360.jpg');
      }
      .default-bg-2 {
      height: 5px;
      background-image: url('../img/kh_default_header_02_360.jpg');
      }
      .default-bg-3 {
      height: 18px;
      background-image: url('../img/kh_default_header_03_360.jpg');
      }
      .default-bg-4 {
      height: 73px;
      background-image: url('../img/kh_default_banner_01_360.jpg');
      }
      .default-bg-5 {
      height: 13px;
      background-image: url('../img/kh_default_banner_02_360.jpg');
      }
      #new-product {
        display: block;
      }
      #new-description {
        display: none;
      }
      #div_hide {
        display: none;
      }
      .title-main {
        font-size: calc(15px + 1vw) !important;
        line-height: 0.4;
      }
      .slogan {
        font-size: calc(10px + 1vw) !important;
      }
      .img-responsive {
        max-width: 85%;
        max-height: 85%;
      }
  }
@media (min-width: 576px) {
  .footer, .main-content  {
    max-width: 540px;
  }
  .home-bg-1 {
    height: 137px;
    background-image: url('../img/Kinetic_help_01_540.jpg');
    }
    .home-bg-2 {
        height: 77px;
        background-image: url('../img/Kinetic_help_02_540.jpg');
    }
    .home-bg-3 {
        height: 168px;
        background-image: url('../img/Kinetic_help_03_540.jpg');
    }
    .home-bg-4 {
        height: 48px;
        background-image: url('../img/Kinetic_help_04_540.jpg');
    }
    .default-bg-1 {
    height: 85px;
    background-image: url('../img/kh_default_header_01_540.jpg');
    }
    .default-bg-2 {
    height: 8px;
    background-image: url('../img/kh_default_header_02_540.jpg');
    }
    .default-bg-3 {
    height: 22px;
    background-image: url('../img/kh_default_header_03_540.jpg');
    }
    .default-bg-4 {
    height: 110px;
    background-image: url('../img/kh_default_banner_01_540.jpg');
    }
    .default-bg-5 {
    height: 19px;
    background-image: url('../img/kh_default_banner_02_540.jpg');
    }
    #new-product {
        display: block;
        }
        #new-description {
        display: none;
        }
        #div_hide {
        display: none;
        }
        .title-main {
            font-size: calc(20px + 1vw) !important;
            line-height: 0.8;
        }
        .supratitle-main {
            font-size: calc(12px + 0.7vw) !important;
            line-height: 0.8;
          }
    .slogan {
        font-size: calc(10px + 1vw) !important;
    }

    .img-responsive {
        max-width: 85%;
        max-height: 85%;
      /*width: calc(100% + 1vw +1vh);*/
    }
}
@media (min-width: 768px) {
  .footer, .main-content {
    max-width: 720px;
  }
  .home-bg-1 {
    height: 182px;
    background-image: url('../img/Kinetic_help_01_720.jpg');
    }
    .home-bg-2 {
        height: 102px;
        background-image: url('../img/Kinetic_help_02_720.jpg');
    }
    .home-bg-3 {
        height: 224px;
        background-image: url('../img/Kinetic_help_03_720.jpg');
    }
    .home-bg-4 {
        height: 64px;
        background-image: url('../img/Kinetic_help_04_720.jpg');
    }
    .default-bg-1 {
    height: 113px;
    background-image: url('../img/kh_default_header_01_720.jpg');
    }
    .default-bg-2 {
    height: 11px;
    background-image: url('../img/kh_default_header_02_720.jpg');
    }
    .default-bg-3 {
    height: 30px;
    background-image: url('../img/kh_default_header_03_720.jpg');
    }
    .default-bg-4 {
    height: 146px;
    background-image: url('../img/kh_default_banner_01_720.jpg');
    }
    .default-bg-5 {
    height: 25px;
    background-image: url('../img/kh_default_banner_02_720.jpg');
    }
    #new-product {
    display: block;
    }
    #new-description {
    display: none;
    }
    #div_hide {
        display: block;
    }
    .title-main {
    font-size: calc(20px + 1.5vw) !important;
    line-height: 0.8;
    }
    .supratitle-main {
        font-size: calc(12px + 0.7vw) !important;
        line-height: 0.8;
      }
    .slogan {
    font-size: calc(10px + 1vw) !important;
    }

    .img-responsive {
        max-width: 85%;
        max-height: 85%;
      /*width: calc(100% + 1vw +1vh);*/
    }
}
@media (min-width: 992px) {
  .footer, .main-content {
    max-width: 960px;
  }
  .home-bg-1 {
    height: 243px;
    background-image: url('../img/Kinetic_help_01_960.jpg');
    }
    .home-bg-2 {
        height: 136px;
        background-image: url('../img/Kinetic_help_02_960.jpg');
    }
    .home-bg-3 {
        height: 299px;
        background-image: url('../img/Kinetic_help_03_960.jpg');
    }
    .home-bg-4 {
        height: 85px;
        background-image: url('../img/Kinetic_help_04_960.jpg');
    }
    .default-bg-1 {
    height: 150px;
    background-image: url('../img/kh_default_header_01_960.jpg');
    }
    .default-bg-2 {
    height: 15px;
    background-image: url('../img/kh_default_header_02_960.jpg');
    }
    .default-bg-3 {
    height: 43px;
    background-image: url('../img/kh_default_header_03_960.jpg');
    }
    .default-bg-4 {
    height: 195px;
    background-image: url('../img/kh_default_banner_01_960.jpg');
    }
    .default-bg-5 {
    height: 33px;
    background-image: url('../img/kh_default_banner_02_960.jpg');
    }
    #new-product {
    display: block;
    }
    #new-description {
        display: block;
        }
        #div_hide {
            display: block;
        }
    .title-main {
    font-size: calc(20px + 1vw) !important;
    line-height: 0.8;
    }
    .supratitle-main {
        font-size: calc(12px + 0.7vw) !important;
        line-height: 0.8;
      }
    .slogan {
    font-size: calc(10px + 1vw) !important;
    }

    .img-responsive {
        max-width: 85%;
        max-height: 85%;
      /*width: calc(100% + 1vw +1vh);*/
    }
}
@media (min-width: 1200px) {
  .footer, .main-content {
    max-width: 1140px;
  }
  .home-bg-1 {
    height: 288px;
    background-image: url('../img/Kinetic_help_01_1140.jpg');
    }
    .home-bg-2 {
        height: 162px;
        background-image: url('../img/Kinetic_help_02_1140.jpg');
    }
    .home-bg-3 {
        height: 355px;
        background-image: url('../img/Kinetic_help_03_1140.jpg');
    }
    .home-bg-4 {
        height: 101px;
        background-image: url('../img/Kinetic_help_04_1140.jpg');
    }
    .default-bg-1 {
    height: 178px;
    background-image: url('../img/kh_default_header_01_1140.jpg');
    }
    .default-bg-2 {
    height: 18px;
    background-image: url('../img/kh_default_header_02_1140.jpg');
    }
    .default-bg-3 {
    height: 49px;
    background-image: url('../img/kh_default_header_03_1140.jpg');
    }
    .default-bg-4 {
    height: 231px;
    background-image: url('../img/kh_default_banner_01_1140.jpg');
    }
    .default-bg-5 {
    height: 39px;
    background-image: url('../img/kh_default_banner_02_1140.jpg');
    }
    #new-product {
    display: block;
    }
    #new-description {
        display: block;
        }
        #div_hide {
            display: block;
        }
    .title-main {
    font-size: calc(30px + 1.5vw) !important;
    line-height: 0.8;
    }
    .supratitle-main {
        font-size: calc(15px + 0.7vw) !important;
        line-height: 0.8;
      }
    .slogan {
    font-size: calc(10px + 1vw) !important;
    }

    .img-responsive {
        max-width: 85%;
        max-height: 85%;
      /*width: calc(100% + 1vw +1vh);*/
    }
}
@media (min-width: 1400px) {
  .footer, .main-content {
    max-width: 1320px;
  }
  .home-bg-1 {
    height: 334px;
    background-image: url('../img/Kinetic_help_01_1320.jpg');
    }
    .home-bg-2 {
        height: 188px;
        background-image: url('../img/Kinetic_help_02_1320.jpg');
    }
    .home-bg-3 {
        height: 411px;
        background-image: url('../img/Kinetic_help_03_1320.jpg');
    }
    .home-bg-4 {
        height: 117px;
        background-image: url('../img/Kinetic_help_04_1320.jpg');
    }
    .default-bg-1 {
    height: 206px;
    background-image: url('../img/kh_default_header_01_1320.jpg');
    }
    .default-bg-2 {
    height: 21px;
    background-image: url('../img/kh_default_header_02_1320.jpg');
    }
    .default-bg-3 {
    height: 56px;
    background-image: url('../img/kh_default_header_03_1320.jpg');
    }
    .default-bg-4 {
    height: 268px;
    background-image: url('../img/kh_default_banner_01_1320.jpg');
    }
    .default-bg-5 {
    height: 45px;
    background-image: url('../img/kh_default_banner_02_1320.jpg');
    }
    #new-product {
        display: block;
    }
    #new-description {
        display: block;
        }
        #div_hide {
            display: block;
        }
    .title-main {
        font-size: calc(20px + 1.1vw) !important;
        line-height: 0.8;
    }
    .supratitle-main {
        font-size: calc(15px + 0.7vw) !important;
        line-height: 0.8;
      }
    .slogan {
        font-size: calc(10px + 1vw) !important;
    }

    .img-responsive {
        max-width: 85%;
        max-height: 85%;
      /*width: calc(100% + 1vw +1vh);*/
    }
}
@media (min-width: 2000px) {
  .footer, .main-content {
    max-width: 1920px;
  }
  .home-bg-1 {
      height: 486px;
      background-image: url('../img/Kinetic_help_01_1920.jpg');
  }
  .home-bg-2 {
      height: 273px;
      background-image: url('../img/Kinetic_help_02_1920.jpg');
  }
  .home-bg-3 {
      height: 598px;
      background-image: url('../img/Kinetic_help_03_1920.jpg');
  }
  .home-bg-4 {
      height: 170px;
      background-image: url('../img/Kinetic_help_04_1920.jpg');
  }
  .default-bg-1 {
    height: 300px;
    background-image: url('../img/kh_default_header_01_1920.jpg');
  }
  .default-bg-2 {
    height: 31px;
    background-image: url('../img/kh_default_header_02_1920.jpg');
  }
  .default-bg-3 {
    height: 80px;
    background-image: url('../img/kh_default_header_03_1920.jpg');
  }
  .default-bg-4 {
    height: 390px;
    background-image: url('../img/kh_default_banner_01_1920.jpg');
  }
  .default-bg-5 {
    height: 66px;
    background-image: url('../img/kh_default_banner_02_1920.jpg');
  }
  #new-product {
    display: block;
  }
  #new-description {
    display: block;
    }
    #div_hide {
        display: block;
    }
  .title-main {
    font-size: calc(30px + 1.5vw) !important;
    line-height: 0.8;
  }
  .supratitle-main {
    font-size: calc(20px + 0.7vw) !important;
    line-height: 0.8;
  }
  .slogan {
    font-size: calc(20px + 1vw) !important;
  }

  .img-responsive {
      max-width: 100%;
      max-height: 100%;
  }
}