@media only screen and (max-width: 1550px) {
  .content-box-4 .description .container {
    padding-top: 50px;
    padding-bottom: 65px;
  }

  .add-fv {
    width: 90px;
    height: 90px;
    background-size: 20px auto;
    background-position: center 20px;
    padding-top: 50px;
    font-size: 14px;
  }
}

@media only screen and (max-width: 1199px) {
  .x-menu {
    padding-right: 0;
  }
  .x-menu ul li a {
    width: auto;
  }
  .x-boxes-1 .row-box .col-box .x-box-1 .txt-1 {
    margin-bottom: 10px;
  }
  .x-content-box-1 .x-chart-box {
    margin-right: 20px;
  }
  .x-boxes-1 .row-box .col-box .x-box-1 .txt-2 {
    font-size: 70px;
  }
  .x-boxes-1 .row-box .col-box .x-box-1 {
    height: 270px;
  }
  .bkt-content-box-1 .col-left {
    width: 65%;
  }
  .content-box-17-1 figure {
    margin-top: 0;
  }
  .content-box-22-1 figure {
    width: 30%;
  }
  .add-fv {
    margin: 20px;
  }
}

@media only screen and (max-width: 992px) {
  .x-content-box-5 {
    display: block;
  }
  .x-content-box-5 .col-left, .x-content-box-5 .col-right {
    width: 100%;
  }
  .x-content-box-5 .col-right {
    padding-top: 30px;
  }
  .x-table table tr th, .x-table table tr td {
    width: auto !important;
  }
  .x-table {
    overflow: auto;
  }
  .x-boxes-1 .row-box .col-box {
    width: 100%;
  }
  .bkt-content-box-1 .form-box-1 {
    width: 100%;
  }
  .bkt-content-box-1 {
    display: block;
  }
  .bkt-content-box-1 .col-left {
    width: 100%;
    margin: 0;
  }
  .content-box-18 .col-left {
    width: 250px;
  }
  .sign-1 {
    display: none;
  }
  .main-content {
    min-height: 1px;
  }
  .content-box-8 .col-left, .content-box-8 .col-right {
    width: calc(50% - 20px);
  }
  .mail {
    padding-left: 40px;
    margin-top: 36px;
    background-size: auto 20px;
    font-size: 20px;
  }
  .content-box-4 .description .container {
    padding-top: 30px;
    padding-bottom: 40px;
  }
  .boxes-3 .row-box .col-box .box-3 {
    font-size: 20px;
    line-height: 1.3;
  }
  .content-box-4 .description .container h1, .title h2 {
    font-size: 30px;
    line-height: 1.3;
  }
  .content-box-6 {
    font-size: 25px;
    line-height: 1.3;
  }
  .boxes-3 .row-box .col-box .box-3 {
    padding: 20px;
  }
  .boxes-4 .row-box .box-4 .button-box {
    padding: 18px 20px;
  }
  .mb1 {
    margin-bottom: 60px;
  }
  .boxes-4 .row-box .box-4 .button-box {
    font-size: 18px;
    line-height: 1.3;
  }
  .box-2 h3 {
    font-size: 25px;
  }
  .content-box-2 .content-box-2-1 .txt {
    font-size: 30px;
    line-height: 1.3;
  }
  .f-menu {
    width: 170px;
  }
  header {
    padding-top: 20px;
  }
  footer {
    margin-top: 70px;
  }
  footer .container .col-left .row-box {
    margin: 0 -20px;
  }
  footer .container .col-left .row-box .col-box {
    padding: 0 20px;
  }
  .boxes-6-2 .row-box .col-box {
    width: 33.3333%;
  }
  .icon-star {
    margin: 5px;
    background-size: 30px auto;
  }
  .boxes-9 .row-box .col-box .box-9 .txt {
    padding: 15px 20px;
  }
  .content-box-20 .title-3 {
    padding: 0;
  }
  .boxes-10 .row-box .col-box {
    width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .content-box-12-12 {
    padding-top: 0px !important;
  }
  .x-menu ul {
    margin-left: -20px;
    flex-wrap: wrap;
  }
  .x-menu ul li {
    width: 50%;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .x-menu ul li a {
    padding-left: 20px;
  }
  .xx-progress {
    width: 280px;
    height: 280px;
  }
  .my-chart-value {
    font-size: 70px;
  }
  .my-chart-txt {
    top: -24px;
  }
  .x-content-box-1 {
    display: block;
  }
  .x-content-box-1 .x-chart-box {
    width: 100%;
    margin: 0 auto 30px auto;
  }
  .xx-progress {
    margin: 0 auto;
  }
  .content-box-21 {
    margin-top: 0;
  }
  .content-box-22-1 {
    display: block;
  }
  .content-box-22-1 figure {
    width: 100%;
    margin: 0 0 25px 0;
  }
  .content-box-22-1 figure img {
    width: 100%;
  }
  .bkt-content-box-1 .col-right {
    margin-top: 20px;
  }
  .bkt-table-1 table tr, .bkt-table-1 table, .bkt-table-1, .bkt-table-1 tbody, .bkt-table-1 table td {
    display: block !important;
    text-align: center;
  }
  .bkt-table-1 table tr td .txt-3 {
    justify-content: center;
  }
  .bkt-txt-1-2 br {
    display: none;
  }
  .bkt-txt-1-2 {
    font-size: 16px;
    line-height: 22px;
  }
  .bkt-table-1 table .bkt-table-icon {
    align-items: center;
  }
  .btn-remove {
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .bkt-table-1 table tr td .txt-1 {
    margin-bottom: 5px;
  }
  .bkt-table-1 table tr td {
    border: none;
  }
  .bkt-table-1 table tr {
    padding: 10px 0;
    border-bottom: none;
  }
  .bkt-table-1 table .price {
    padding-bottom: 5px;
  }
  .bkt-table-1 table tr:last-child {
    border-bottom: 1px solid #000;
  }
  .bkt-table-1 table tr td {
    width: 100% !important;
  }
  .bkt-table-1 table tr td {
    padding: 15px;
  }
  .bkt-table-1 table tr td:last-child {
    border-right: 0;
  }
  .bkt-steps {
    margin-top: 0;
  }
  .bkt-table-1 table tr td:first-child {
    border-left: 0;
  }
  .boxes-10 .row-box .col-box {
    width: 100%;
  }
  .boxes-9 .row-box .col-box {
    width: 100%;
    margin-bottom: 1px;
  }
  .boxes-9 .row-box .col-box img {
    width: 100%;
  }
  .content-box-19-1 {
    margin: 0 0 30px 0;
    justify-content: flex-start;
    flex-direction: column;
  }
  .content-box-19-1 .txt {
    margin: 0;
  }
  .content-box-18 {
    display: block;
  }
  .content-box-18 .col-left {
    width: 100%;
    margin: 0 0 23px 0;
  }
  .s-content-box-2 .button-box {
    padding-bottom: 25px;
  }
  .title-3 h2, .content-box-17-1 .description h3 {
    font-size: 22px;
    line-height: 1.3;
  }
  .content-box-17 {
    margin-top: 0;
  }
  .content-box-17-1 {
    display: block;
  }
  .content-box-17-1 figure {
    text-align: center;
    padding-top: 25px;
  }
  .content-box-17-1 .description .buttons {
    display: flex;
  }
  .content-box-17-1 .description {
    width: 100%;
  }
  .s-content-box.active {
    display: block;
  }
  .s-content-box .description {
    width: 100%;
    padding: 0;
  }
  .popup {
    padding-bottom: 20px;
    padding-top: 50px;
  }
  .close-1 {
    margin: 12px;
  }
  .s-content-box .image {
    width: 100%;
    margin-top: 40px;
  }
  .s-content-box .image img {
    width: 100%;
  }
  .btn-fix {
    top: auto;
    margin-top: 0;
    bottom: 0;
  }
  footer {
    padding-bottom: 90px;
  }
  .hover-1:hover {
    color: #fff;
  }
  .content-box-13 .row-box .col-box {
    width: 100%;
  }
  .content-box-13 .row-box .col-box .btn-1 {
    margin-top: 0;
    margin-bottom: 30px;
  }
  .content-box-13 .row-box {
    flex-wrap: wrap;
  }
  .content-box-12 {
    margin-top: -5px;
  }
  .prev-content {
    margin-top: -10px;
  }
  .boxes-6 .row-box .col-box {
    width: 50%;
  }
  .main-content {
    padding-top: 25px;
  }
  .title-txt {
    margin-top: 0;
  }
  .title-1 h1, .title-1 h2 {
    font-size: 30px;
  }
  .title-1 {
    margin-bottom: 25px;
  }
  .content-box-8 {
    display: block;
  }
  .content-box-8 .col-left, .content-box-8 .col-right {
    width: 100%;
  }
  .mail {
    margin: 0;
  }
  .content-box-8 .col-right {
    padding-top: 74px;
  }
  .box-2 {
    width: 100%;
  }
  .boxes-3 .row-box .col-box, .boxes-4 .row-box .col-box {
    width: 100%;
  }
  .boxes-3 .row-box, .boxes-4 .row-box {
    flex-wrap: wrap;
  }
  .content-box-4 .description .container {
    padding: 20px 20px 30px 20px;
  }
  .content-box-4 img {
    margin-left: -100px;
    margin-right: -100px;
    max-width: none;
    width: calc(100% + 200px);
  }
  .content-box-4 {
    overflow: hidden;
  }
  .boxes-1 .row-box {
    display: block;
  }
  .boxes-1 .row-box .col-box {
    width: 100%;
  }
  .boxes-1 .row-box .col-box img {
    width: 100%;
  }
  footer .container {
    display: block;
  }
  footer .container .col-left .row-box {
    display: block;
  }
  footer {
    text-align: center;
  }
  footer .container .col-left {
    width: 100%;
  }
  footer .container .col-right {
    width: 100%;
  }
  footer .container .col-right .f-box-1 {
    margin: 30px 0 0 0;
  }
  footer .container .col-right {
    display: block;
  }
  footer .social-box {
    justify-content: center;
  }
  footer .social-box a {
    margin: 0 10px;
  }
  .f-menu {
    width: 100%;
    text-align: left;
  }
  footer .container .col-left .row-box .col-box {
    margin-top: 30px;
  }
  footer .container .col-left .row-box .col-box:first-child {
    margin-top: 0;
  }
  .h-button-box {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .content-box-2 .content-box-2-1 {
    flex-direction: column;
  }
  .content-box-2 .content-box-2-1 .txt {
    font-size: 25px;
    padding-bottom: 25px;
  }
  .h-button-box a {
    margin-left: 1px;
    margin-right: 1px;
  }
  .content-box-2 .content-box-2-1 .txt {
    text-align: center;
  }
  .content-box-2 .content-box-2-1 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .content-box-9-1 .row-box {
    display: block;
  }
  .content-box-9-1 .checkbox-content-1 {
    margin-bottom: 0;
  }
  .content-box-9-1 {
    padding-bottom: 20px;
  }
  .boxes-5 ul {
    width: 100%;
  }
  .content-box-10 {
    padding-left: 0;
    padding-right: 0;
  }
  .boxes-6-2 .row-box .col-box {
    width: 33.3333%;
  }
  .add-fv {
    z-index: 2;
    left: 10px;
  }
}
@media only screen and (max-width: 576px) {
  .content-box-12-2 {
    display: block;
  }
  .x-menu ul li {
    width: 100%;
  }
  .content-box-4 img {
    margin-left: -350px;
    margin-right: -350px;
    max-width: none;
    width: calc(100% + 700px);
  }
  .btn-1 {
    width: auto;
    padding-left: 17px;
  }
  .btn-1 span {
    padding-right: 30px;
  }
  .btn-1:after {
    display: none;
  }
  .btn-1:hover {
    opacity: 0.9;
  }
}
@media only screen and (max-width: 370px) {
  header .btn-1 {
    font-size: 14px;
    line-height: 45px;
  }
}/*# sourceMappingURL=mobile.css.map */