/* Start Search */
body .body-loading {
   /*display: none;*/
   /*background-position: center 25%;*/
   transition: 0.5s;
}
body.onloading .body-loading {
   display: block;
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   background-image: url(../img/static/brand.svg);
   background-position: center center;
   background-repeat: no-repeat;
   background-size: auto;
   background-color: rgba(0, 0, 0, 1);
   z-index: 100;
}
.search-page {
   padding-bottom: 60px;
}
.search-page .search-box {
   padding: 60px 0;
}
.search-page .result-list li {
   margin-bottom: 20px;
}
.search-page .result-list .link {
   border: 1px solid rgba(255, 255, 255, 0.5);
   display: block;
   padding: 20px;
}
.search-page .result-list .cover {
   width: 150px;
   padding-top: 75%;
}
.search-page .result-list .inner {
   position: relative;
   padding-left: 15px;
}
.search-page .result-list .title {
   margin: 0;
   font-size: 30px;
   font-weight: bold;
   color: #fff;
   text-transform: uppercase;
   line-height: 1em;
   max-height: 1em;
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
}
.search-page .result-list .desc {
   margin: 5px 0 0 0;
   font-size: 22px;
   color: #fff;
   line-height: 1em;
   max-height: 2em;
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
}
.search-page .result-list .desc+.desc {
   color: #EB0029;
}
.not-found {
   padding: 100px 0;
}
.not-found h3 {
   font-weight: normal;
   color: #999;
   font-size: 26px;
}
.select2-results {
   color: #212529;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
   color: #212529;
}
.contact-us-page .block-address .menu-address li {
   padding: 0 10px;
   margin-bottom: 20px;
   width: 50%;
}
.contact-us-page .block-address .menu-address li:not(:last-child)::before {
   display: none;
}
.contact-us-page .block-address .menu-address li .nav-link {
   border: 1px solid #fff;
   border-radius: 0;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
.contact-us-page .block-address .menu-address .nav-pills .nav-link.active,
.contact-us-page .block-address .menu-address .nav-pills .show>.nav-link {
   border-color: transparent;
}
.newsActivity .price {
   color: #fff;
   font-style: italic;
   font-weight: bold;
   font-size: 26px;
}
.banner-list .price {
   margin-top: 15px;
   color: #fff;
   font-style: italic;
   font-weight: bold;
   font-size: 40px;
}
.block-address .slick-list {
   margin: 0 -20px;
}
.block-address .item {
   padding: 0 20px;
}
.contact-us .block-address .block {
   min-height: 382px;
}
.contact-us .block-address .block:hover {
   background-color: rgba(0, 43, 116, 1);
}
.contact-us .block-address .address .text-lg {
   display: flex;
}
.contact-us .block-address .link .text-lg span {
   margin-left: 8px;
   margin-top: 8px;
}
@media (max-width: 575px) {
   .whead .title {
      font-size: 30px;
   }
   .search-page {
      padding-bottom: 30px;
   }
   .search-page .search-box {
      padding: 30px 0;
   }
   .search-page .search-box .row {
      margin: 0 -5px;
   }
   .search-page .search-box .row>div {
      padding: 0 5px;
   }
   .search-page .search-box .btn {
      height: 41px;
      min-width: 80px;
   }
   .search-page .result-list .inner {
      padding: 15px 0 0 0;
   }
   .search-page .result-list .cover {
      width: 100%;
   }
   .partner .title {
      margin-bottom: 30px;
   }
   .partner .slick-dots {
      transform: translate(48%, 0);
      top: 0;
      position: relative;
      margin-top: 15px;
   }
   .partner .action {
      margin-top: 30px;
   }
   .promotion-list .slick-dots {
      transform: translate(48%, 0);
      top: 0;
      position: relative;
      margin-top: 15px;
   }
   .promotion .action {
      margin-top: 30px
   }
   .newsActivity-list .slick-dots {
      transform: translate(48%, 0);
      top: 0;
      position: relative;
      margin-top: 15px;
   }
   .newsActivity .wrapper .content {
      height: auto;
      min-height: inherit;
   }
   .newsActivity .action {
      margin-top: 30px
   }
   .contact-us {
      padding-top: 50px;
   }
   .contact-us .title {
      margin-bottom: 30px;
   }
   .contact-us .block-address .block {
      min-height: 300px;
   }
   .contact-us .block-address .link .text-lg span {
      margin-top: 3px;
   }
   .menu-list .slick-dots {
      position: relative;
      width: 100%;
      margin-top: 15px;
      margin-bottom: 10px;
      transform: translate(48%, 0);
   }
   .menu-inner {
      height: auto;
   }
}
/* End Search */
/* Start Contact Map */
.contact-us-page .map .img-map .image .cover img {
   position: absolute;
   width: 100%;
   height: 100%;
   -o-object-fit: contain;
   object-fit: contain;
}
.contact-us-page .map .img-map {
   background-image: url(../img/background/bg-inner-page.jpg);
   background-size: cover;
   background-repeat: no-repeat;
   position: relative;
}
/* End Contact Map */
/* Start Price inner */
.price.inner {
   font-size: 26px;
   font-style: italic;
}
.flex-end {
   display: flex;
   justify-content: flex-end;
}
.flex-end.interest {
   padding-right: 8%;
}
.width-price {
   width: 92%;
}
/* End Price inner */
/* Start Menu Car & Product */
.border-top-a {
   border-top: 1px solid rgba(255, 255, 255, 0.4);
}
.inline-border {
   border-top: 0px !important;
}
/* End Menu Car & Product */
.news-space {
   padding: 120px 0 160px 0;
}
/* Start Front size */
.other-product .other-list .wrapper .content .title {
   font-size: 30px;
}
.inner-page .newsActivity .wrapper .title {
   font-size: 30px;
}
.product-service .link .wrapper.-large .title {
   font-size: 50px;
}
.product-service .link .wrapper .title {
   font-size: 40px;
   font-weight: bold;
}
.detail-page .topic .title {
   font-size: 44px;
}
.inner-page .banner-list .content .title {
   font-size: 60px;
}
.contact-us .block-address .block .text-block {
   font-size: 40px;
}
/* .style-left .block .title, .style-right .block .title{font-size: 55px;}
.style-left .block .desc, .style-right .block .desc{font-size: 30px;} */
/* .inner-page.service-page .banner-list .content .desc.text-limit{width: 350px;} */
/* .inner-page .banner-list .content.black-blue{width: 430px;} */
.news-content {
   width: 45%;
}
.bg-content {
   width: 45%;
}
.car-content {
   width: 45%;
}
.pd-content {
   width: 45%;
}
.partner .container1 {
   max-width: 1310px;
   width: 100%;
   padding-right: 15px;
   padding-left: 15px;
   margin-right: auto;
   margin-left: auto;
}
/* .partner .container1 .slider .slick-list .slick-track .slick-slide{
    width: 660px !important;
} */
.wg-vdo {
   padding: 80px 0;
}
.wg-vdo .title {
   font-weight: bold;
   font-size: 100px;
   text-align: center;
   padding-bottom: 80px;
   line-height: 0.6em;
}
.wg-vdo-list .slick-dotted.slick-slider {
   margin-bottom: 0;
}
.wg-vdo-list .slick-list {
   margin: 0 -10px;
   padding: 0 !important;
}
.wg-vdo-list .item {
   padding: 0 10px;
   margin: 70px 0;
   position: relative;
}
.wg-vdo-list .cover {
   padding-top: 56.4%;
   position: relative;
}
.wg-vdo-list .link {
   display: block;
   transition: all 400ms ease;
}
.wg-vdo-list .slick-center .link {
   z-index: 100;
   position: relative;
   transform: scale(1.6);
   transform-origin: center;
}
.aboutUs-page .newsActivity .desc {
   color: #848484;
}
.inner-page.service-page .banner-list .content .desc {
   color: #848484;
}
.banner-list .price {
   color: #848484;
}
.inner-page.service-page .newsActivity .wrapper .desc {
   color: #848484;
}
.newsActivity .price {
   color: #848484;
}
.inner-page .banner-list .content .desc {
   color: #848484;
}
.inner-page .newsActivity .wrapper .desc {
   color: #848484;
}
/* .other-product .other-list .wrapper .content .desc{color: #848484;}
.price.inner{color: #848484;} */
/* End Front size */
/* Start View More */
.product-service .link .wrapper .view-more {
   color: #848484;
}
.product-service .link .wrapper .view-more span img {
   filter: brightness(0%) invert(50%);
}
.newsActivity .wrapper .view-more {
   color: #848484;
}
.newsActivity .wrapper .view-more img {
   filter: brightness(0%) invert(50%);
}
.inner-page .banner-list .action .link {
   color: #848484;
}
.inner-page .banner-list .action .link span img {
   filter: brightness(0%) invert(50%);
}
/* End View More */
/* Start Text Light Hover */
.newsActivity .link:hover .wrapper .desc {
   color: #fff;
}
.newsActivity .link:hover .wrapper .flex-end .price {
   color: #fff;
}
/* End Text Light Hover */
/* Start Car Experience */
.partner .wrapper {
   position: relative;
   width: 100%;
   height: auto;
   overflow: hidden;
   -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0);
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0);
   -webkit-transition: all 200ms;
   transition: all 200ms;
}
.partner .wrapper .image {
   width: 100%;
   height: 300px;
   overflow: hidden;
}
.partner .wrapper .image .cover {
   position: relative;
   width: 100%;
   height: 100%
}
.partner .wrapper .image .cover img {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   -o-object-fit: cover;
   object-fit: cover;
   -webkit-transform: scale(1);
   transform: scale(1);
   -webkit-transition: all 2s;
   transition: all 2s
}
.partner .wrapper .content {
   padding: 20px;
   width: 100%;
   min-height: 150px;
   background: #002b74;
   background: -webkit-gradient(linear, left top, left bottom, from(#002b74), to(#00153a));
   background: linear-gradient(180deg, #002b74 0%, #00153a 100%);
   background-size: auto;
   background-size: 100% 100%;
   -webkit-transition: all 200ms;
   transition: all 200ms;
}
.partner .wrapper .desc.text-limit {
   max-height: calc(1em * 2);
   -webkit-line-clamp: 2;
}
.partner .wrapper .desc {
   font-weight: bold;
   font-size: 30px;
   color: #fff;
   line-height: 1em;
   margin-top: 0px;
   min-height: 2em;
   -webkit-transition: all 200ms;
   transition: all 200ms;
}
.partner .wrapper .action {
   width: 100%;
   margin: 20px 0 0 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end
}
.partner .wrapper .view-more {
   font-weight: bold;
   font-size: 24px;
   color: #fff;
   line-height: 1em;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-transition: all 200ms;
   transition: all 200ms;
   color: #848484;
}
.partner .wrapper .view-more span {
   margin-left: 10px;
   -webkit-transform: translate(0, 0);
   transform: translate(0, 0);
   -webkit-transition: all 200ms;
   transition: all 200ms;
}
.partner .wrapper .view-more img {
   filter: brightness(0%) invert(50%);
   max-width: 24px;
   -webkit-transition: all 200ms;
   transition: all 200ms;
}
.partner .slick-list .item {
   padding: 0 20px;
}
.partner .link:hover .wrapper .image img {
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
}
.partner .link:hover .wrapper {
   -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
.partner .link:hover .wrapper .content {
   background: #eb0029;
   background: -webkit-gradient(linear, left top, left bottom, from(#eb0029), to(#760015));
   background: linear-gradient(180deg, #eb0029 0%, #760015 100%);
   background-size: auto;
   background-size: 100% 300%;
}
/* End Car Experience */
/* Edit 25/01/2020 */
.gallery-detail .border-bottom:before,
.gallery-detail .border-bottom:after {
   content: ' ';
   display: table;
}
.gallery-detail .border-bottom:after {
   clear: both;
}
.gallery-detail .border-bottom .col-md-12 {
   width: 100% !important;
}
.gallery-detail p img {
   height: auto !important;
   /* width: 70px !importan; */
   border-radius: 5px;
}
/* Edit 25/01/2020 */
@media screen and (max-width: 1440px) {
   .detail-page .topic .title {
      font-size: 34px;
   }
   .inner-page .banner-list .content .title {
      font-size: 40px;
   }
   .inner-page .newsActivity .wrapper .title {
      font-size: 28px;
   }
   .product-service .link .wrapper.-large .title {
      font-size: 40px !important;
   }
   .contact-us .block-address .block .text-block {
      font-size: 36px;
   }
   .wg-vdo .title {
      font-size: 70px;
      padding-bottom: 60px;
   }
}
@media screen and (max-width: 1199px) {
   .product-service .link .wrapper .title {
      font-size: 30px;
   }
   .partner .container1 {
      max-width: 1140px;
   }
   .news-space {
      padding: 60px 0 40px 0;
   }
   .wg-vdo {
      padding: 60px 0;
   }
   .wg-vdo .title {
      font-size: 50px;
      padding-bottom: 40px;
   }
   .slick-dots {
      width: 100%;
      right: auto;
   }
}
@media screen and (max-width: 991px) {
   .partner .container1 {
      max-width: 960px;
   }
   .detail-page .topic .title {
      font-size: 24px;
   }
   .inner-page .banner-list .content .title {
      font-size: 40px;
   }
   .contact-us .block-address .block .text-block {
      font-size: 36px;
   }
   /* .newsActivity .title{font-size: 50px;}
   .promotion .title{font-size: 50px;} */
   .wg-vdo-list .slick-center .link {
      transform: scale(1);
   }
   .wg-vdo-list .item {
      margin: 0;
   }
}
@media screen and (max-width: 768px) {
   .partner .container1 {
      max-width: 720px;
   }
}
@media screen and (max-width: 575px) {
   .partner .container1 {
      max-width: 540px;
   }
   .detail-page .topic .title {
      font-size: 24px;
   }
   .inner-page .banner-list .content .title {
      font-size: 30px;
   }
   .inner-page .newsActivity .wrapper .title {
      font-size: 26px;
   }
   .product-service .link .wrapper.-large .title {
      font-size: 35px !important;
   }
   .product-service .link .wrapper .title {
      font-size: 25px !important;
   }
   .contact-us .block-address .block .text-block {
      font-size: 36px;
   }
   .partner .title {
      margin-bottom: -20px;
   }
   .product-service .title {
      font-size: 40px;
   }
   .news-space {
      padding: 120px 0 160px 0;
   }
   .news-content {
      width: auto;
   }
   .bg-content {
      width: auto;
   }
   .car-content {
      width: auto;
   }
   .pd-content {
      width: auto;
   }
   .slick-dots {
      width: auto;
      right: 50%;
   }
   .promotion {
      padding: 40px 0;
   }
   .news-space {
      padding: 40px 0;
   }
   .newsActivity .title {
      margin-bottom: 30px;
   }
   .wg-vdo {
      padding: 40px 0;
   }
   .wg-vdo .title {
      font-size: 40px;
      padding-bottom: 30px;
   }
   .wg-vdo .slick-dots {
      position: relative;
      margin-top: 20px;
      transform: translate(48%, 0);
   }
   .contact-us {
      padding-top: 30px;
   }
   .partner .slick-list .item {
      padding: 0;
   }
}
/* 22/03/2022 */
.gallery-detail .desc+.desc * {
   font-family: 'db_helvethaica' !important;
   font-size: 24px !important;
   line-height: 1em !important;
}
@media (max-width: 991px) {
   .gallery-detail .desc+.desc * {
      font-size: 22px !important;
      /* width: 100% !important; */
   }
   .gallery-detail .tabPanel {
      width: 100% !important;
   }
}
@media (max-width: 767px) {
   .contact-us .block-address .block .text-block.text-limit {
      max-height: calc(1em * 3);
      -webkit-line-clamp: 3;
   }
}
/* 05/04/2022 */
@media (max-width: 991px) {
   .sidemenu.open {
      overflow: auto;
   }
   .elementor-container {
      display: inline !important;
   }
}
@media (max-width: 767px) {
   .contact-us .block-address {
      margin-bottom: 15px;
   }
   .contact-us .block-address .slick-dots {
      position: relative;
      transform: translate(50%, 0);
   }
}
.sidemenu [data-toggle=""].link:after {
   content: '\e845';
   font-family: 'feather';
   position: absolute;
   top: 12px;
   right: 10px;
   font-weight: normal;
   font-size: 20px;
}
.sidemenu [data-toggle=""].link.collapsed:after {
   content: '\e842';
}
/*  26/04/2022  */
.price-prefix {
   text-transform: none;
}
/* 30/05/2022 */
.menu-inner.-style-ii .menu-list .link img {
   height: 76px;
   object-fit: contain;
}
@media (max-width: 425px) {
   .menu-inner.-style-ii .menu-list .link img {
      max-width: 100%;
   }
}
/* 14/07/2022 */
.gallery-detail p,
.gallery-detail span,
.gallery-detail div {
   font-family: 'db_helvethaica' !important;
}
@media (max-width: 767px) {
   .gallery-detail img {
      width: auto !important;
      height: auto !important;
   }
   .gallery-detail iframe {
      width: 100% !important;
   }
   .gallery-detail .desc * {
      width: inherit !important;
      transform: translate3d(0px, 0px, 0px) !important;
   }
}
.elementor-widget-wrap {
   width: unset !important;
   overflow: hidden;
   max-width: 100%;
}
.elementor-container {
   width: unset !important;
}
.elementor-element.elementor-widget.elementor-widget-woocommerce-product-short-description {
   width: unset !important;
}
.elementor-widget-wrap.elementor-element-populated {
   width: unset !important;
}
.elementor-column.elementor-top-column.elementor-element {
   width: unset !important;
}
.elementor-container.elementor-column-gap-default {
   width: unset !important;
}
.elementor-container.elementor-column-gap-extended {
   max-width: unset !important;
}
section.elementor-section.elementor-top-section.elementor-element.elementor-element-451868d0.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default {
   padding: 0 15px !important;
}
/* 30/08/2022 */
.desc .features .item-list iframe,
.detail-page .gallery-detail .desc div iframe {
   margin: 0 auto !important;
   display: flex !important;
}
.detail-page .gallery-detail .desc div iframe {
   width: 560px;
}
.gallery-detail .desc .features .item-list p strong span a img,
.desc p strong span a img,
.detail-page .gallery-detail .desc div p strong a img {
   width: 60px !important;
}
@media (max-width: 767px) {
   .desc .features .item-list iframe,
   .detail-page .gallery-detail .desc div iframe {
      width: 80% !important;
   }
}
@media (max-width: 575px) {
   .desc .features .item-list iframe,
   .detail-page .gallery-detail .desc div iframe {
      width: 100% !important;
   }
}
/* edit comments by ohm2 */
.other-product .other-list .wrapper {
   height: 320px;
}
.other-product .other-list .wrapper .content {
   bottom: 0;
   margin: 0-20px;
   width: 100%;
   padding: 20px;
}
.other-product .title {
   margin-bottom: 10px;
}
.other-product .other-list .wrapper .content .desc {
   margin-bottom: 5px;
}
.other-product .other-list .wrapper .content .desc.text-limit {
   height: 40px;
}
.other-product .other-list .wrapper .content .flex-end.interest {
   padding-right: 0;
}
@media (max-width: 1440px) {
   .other-product .other-list .wrapper .content .title,
   .other-product .other-list .wrapper .content .desc {
      max-width: 100%;
   }
}
@media (max-width: 1199px) {
   .other-product .other-list .wrapper {
      height: 300px;
   }
   .other-product .other-list .slick-dots {
      right: 0;
      margin: 0 -15px;
   }
}
@media (max-width: 991px) {
   .other-product .other-list .wrapper .content .desc.text-limit {
      height: 36px;
   }
}
@media (max-width: 575px) {
   .other-product .other-list .wrapper {
      padding: 15px;
   }
   .other-product .other-list .wrapper .content {
      margin: 0 -15px;
      padding: 15px;
   }
   .other-product .other-list {
      padding-bottom: 50px;
   }
   .other-product .other-list .slick-dots {
      top: 100%;
      right: 50%;
      width: 100%;
   }
}
@media (max-width: 425px) {
   .other-product .other-list {
      padding-bottom: 100px;
   }
   .other-product .other-list .slick-dots {
      top: 95%;
   }
}
/* edit by ohm2 08-21-23 */
.vdo-block .iframe-container {
   padding-bottom: 50%;
}
.vdo-block .iframe-container .responsive-iframe {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: center;
   object-position: center;
}
@media (max-width: 991px) {
   .vdo-block .iframe-container {
      padding-bottom: 60%;
   }
}
/* edit by ohm2 08-30-23 */
.topgraphic .slick-dots {
   right: -170px;
}
@media (max-width: 1199px) {
   .topgraphic .slick-dots {
      right: -270px;
   }
}
/* 2023/09/06 */
.topgraphic .swiper-pagination-bullet {
   position: relative;
   background: transparent;
   width: auto;
   height: auto;
   display: block;
   width: 50px;
   height: auto;
   opacity: 1;
   margin: 0;
}
.topgraphic .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 0;
}
.topgraphic .swiper-pagination-bullet span {
   font-size: 0;
   line-height: 1em;
   color: rgba(0, 0, 0, 0);
   background-color: rgba(0, 0, 0, 0);
   width: 15px;
   height: 15px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   border-radius: 50%;
   border: 1px solid #fff;
   margin: 0 auto;
   -webkit-transition: all 400ms;
   transition: all 400ms;
}
.topgraphic .swiper-pagination-bullet-active span {
   font-size: 40px;
   width: 50px;
   height: 50px;
   background-color: #EB0029;
   border: 1px solid #EB0029;
   color: #fff;
   margin: 0 auto;
}
.topgraphic .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
   padding-top: 80px;
}
.topgraphic .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet::before {
   content: '';
   position: absolute;
   top: 0;
   left: 50%;
   width: 1px;
   height: calc(100% - 15px);
   background-color: #fff;
   z-index: -11;
   -ms-transform: translate(-50%, 0);
   transform: translate(-50%, 0);
   pointer-events: none;
}
.topgraphic .swiper-pagination {
   bottom: auto;
   top: 50%;
   right: 20px;
   left: auto;
   width: auto;
   -ms-transform: translate(0%, -50%);
   transform: translate(0%, -50%);
}
@media (max-width: 1440px) {
   .topgraphic .swiper-pagination-bullet {
      width: 40px;
   }
   .topgraphic .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
      padding-top: 60px;
   }
   .topgraphic .swiper-pagination-bullet-active span {
      font-size: 30px;
      width: 40px;
      height: 40px;
   }
}
@media (max-width: 1199px) {
   .topgraphic .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
      padding-top: 40px;
   }
}
@media (max-width: 991px) {
   .topgraphic .swiper-pagination-bullet {
      width: 30px;
   }
   .topgraphic .swiper-pagination-bullet-active span {
      font-size: 24px;
      width: 30px;
      height: 30px;
   }
}
@media (max-width: 767px) {
   .topgraphic .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
      padding-top: 30px;
   }
}
@media (max-width: 575px) {
   .topgraphic .swiper-pagination-bullet {
      width: 25px;
   }
   .topgraphic .swiper-pagination-bullet-active span {
      font-size: 18px;
      width: 25px;
      height: 25px;
   }
   .topgraphic .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
      padding-top: 20px;
   }
}