@media (max-width: 991px) {
  .header {
    height: auto;
    padding: 10px 0;
  }
  .header .button {
    display: inline-block;
    margin-top: 5px;
    text-align: center;
  }
  .header .text-right {
    margin-top: 0px;
  }
  .header .logo img {
    padding-top: 20px;
  }
  .col-md-5, .col-md-7, .col-md-6 {
    width: 100% !important;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-md-5.logo {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-7.text-right {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .heading {
    margin-bottom: 20px;
  }
  .main_info {
    text-align: center;
  }
  .main_info .info_inner h5 {
    margin-bottom: 20px;
  }
  .hidden-tablet {
    display: none !important;
  }
  .show-tablet {
    display: block;
  }
}
@media (max-width: 768px) {
  .promotion.banner2 {
    background: url("../image/banner-1-small.jpg") no-repeat;
    background-size: cover;
    text-align: center;
  }
}
@media (max-width: 767px) {
  header .logo {
    text-align: center;
    margin-bottom: 10px
  }
  header {
    height: auto;
    line-height: normal;
    padding: 10px 0 0
  }
  .header .logo img {
    padding-top: 0px;
  }
  header .logo a img {
    width: auto
  }
  .logo {
    margin: 0;
    padding: 10px 0
  }
  .col-md-5.logo {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-md-7.text-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .header {
    height: auto;
    text-align: center;
    padding: 0 0 12px
  }
  .header div {
    text-align: center;
    line-height: normal;
  }
  .header .button {
    display: inline-block
  }
  .header .text-right {
    margin-top: 0px;
  }
  .header ul {
    float: left;
    text-align: center;
    margin: 0 !important;
  }
  .header ul li {
    margin-right: 30px;
    text-align: left;
  }
  .page_title .layer {
    padding: 40px 0
  }
  .error_page img {
    max-width: 70%
  }
  .services_two .service {
    min-height: auto
  }
  .service-info h3 {
    font-size: 20px;
  }
  .heading {
    text-align: center;
  }
  .heading:after {
    margin: 0 auto;
  }
  .toggle-item h2 {
    padding: 20px 60px 20px 10px;
    font-size: 20px;
    line-height: 30px;
  }
  .toggle-item h2:before {
    top: 15px;
  }
  .footer_bottom p {
    text-align: center;
  }
  .footer_bottom span {
    float: none;
  }
  .tp-caption.lyr2.blck {
    padding: 0px 15px 5px !important;
    font-size: 42px !important;
    line-height: 52px !important;
  }
}
@media only screen and (min-width: 481px) and (max-width: 700px) {
  header .logo {
    text-align: center;
    margin-bottom: 10px
  }
  header {
    height: auto;
    line-height: normal;
    padding: 10px 0 0
  }
  header .logo a img {
    width: auto
  }
  .my-selector a {
    margin-bottom: 10px
  }
  .header {
    height: auto;
    text-align: center;
    padding: 0 0 12px
  }
  .header div {
    text-align: center;
    line-height: normal
  }
  .header ul {
    text-align: center
  }
  .header .button {
    display: inline-block
  }
  .header ul li {
    text-align: left
  }
  .heading {
    padding: 0 10px
  }
  .promotion .inner_promotion span {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .col-xs-6 {
    width: 50%;
  }
  .hidden-mobile {
    display: none !important;
  }
  .show-mobile {
    display: block !important;
  }
  .promotion.banner3 .inner_promotion {
    background: url("../image/slide-1-mobile.jpg");
    background-size: cover;
    padding: 200px 0;
  }
  .promotion.banner3 .inner_promotion .banner-text-block {
    background: hsla(11, 95%, 49%, .6);
    text-align: center;
  }
  .promotion.banner3 .inner_promotion span {
    margin-bottom: 40px;
    margin-top: 50px;
  }
  .promotion.banner3 .inner_promotion .button {
    font-size: 26px;
  }
  .icon-benefit-banner {
    margin-top: 200px;
  }
}
@media only screen and (max-width: 535px) {
  .header .button {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  header .logo {
    text-align: center;
    margin-bottom: 10px
  }
  header {
    height: auto;
    line-height: normal;
  }
  header .logo a img {
    width: auto
  }
  .my-selector a {
    margin-bottom: 10px
  }
  .header {
    height: auto;
    text-align: center;
    padding: 0 0 12px
  }
  .header .button {
    display: inline-block
  }
  .header ul li {
    text-align: left;
    margin-bottom: 10px
  }
  .heading {
    padding: 0 10px
  }
      .promotion.banner3 .inner_promotion {
    padding: 60px 0;
  }
  .promotion.banner2 {
    background: url("../image/banner-1-xsmall.jpg") no-repeat;
    background-size: cover;
    text-align: center;
  }
  .promotion.banner1 {
    background: url("../image/banner-2-xsmall.jpg") no-repeat;
    background-size: cover;
    text-align: center;
  }
  .promotion .inner_promotion span {
    margin: 10px;
  }
  .promotion .inner_promotion h5 {
    font-size: 38px;
    margin-bottom: 10px;
    line-height: 40px;
  }
  .page_title h1 {
    font-size: 28px
  }
  .section_margin {
    margin-bottom: 40px;
  }
  .cases_wrap {
    padding: 40px 0;
  }
  .sticky {
    position: absolute;
  }
  .main_info .info_inner {
    padding: 30px;
  }
}
@media only screen and (max-width: 320px) {
  .icon-benefit-banner p {
    font-size: 18px;
    line-height: 24px;
  }
  .heading h3 {
    font-size: 30px;
    line-height: 34px;
  }
  .main_info .info_inner h5 {
    font-size: 24px;
  }
  .promotion .inner_promotion h5 {
    font-size: 34px;
  }
}