/* element Plus sm */

@media (max-width: 992px) {
    .swiper-left .item, .swiper-right .item {
        width: 180px;
        height: 180px;
    }

    .mbtn {
        width: 215px;
        height: 55px;
        border-radius: 35px;
        font-size: 17px;
    }

    .btn-block-group {
        flex-direction: column;
    }

    .btn-block-group .white {
        margin-top: 20px;
    }

    .ticket .price-contain {
        padding: 10px 40px;
    }

    .line-runner-block {
        top: -11px;
    }

    .teams-swiper .card {
        max-width: 400px;
        height: 490px;
    }

    .teams-swiper .card .img {
        width: 100%;
        height: 320px;
    }

    #circle-text {
        font-size: 15px;
        left: 32px;
    }
}

@media (max-width: 768px) {
    .btn-block-group {
        flex-direction: column;
    }

    .intro-descript {
        padding-left: 10px;
    }

    .btn-block-group .white {
        margin-top: 20px;
    }

    .bg-img-1 {
        padding-left: 0;
    }

    .bg-img-1.circle::after {
        display: none;
    }

    .mbtn {
        width: 215px;
        height: 55px;
        border-radius: 35px;
        font-size: 17px;
    }

    .mbtn .white-circle {
        width: 36px;
        min-width: 36px;
        height: 36px;
    }

    .sticker {
        transform: rotate(-8deg) scale(0.90);
    }

    .sticker:hover {
        transform: rotate(0deg) scale(0.90);
    }

    .line-runner-block {
        height: 157px;
        top: 0;
    }

    .swiper-button-next, .swiper-button-prev {
        display: none;
    }

    .h-m-auto {
        height: auto;
    }

    .swiper-left .item, .swiper-right .item {
        width: 150px;
        height: 150px;
    }

    .ticket-action {
        min-width: auto;
    }

    .ticket .price-contain {
        border-left: 1px #fdba22 solid;

    }

    .icon-block {
        justify-content: center !important;
    }

    .circle-element {
        display: none;
    }

    .intro-descript {
        margin-right: 10px;
    }

    .top-title .btn-block-group {
        margin-left: 15px;
    }

    .ticket .contain {
        border-right: 1px #fdba22 solid;
        background-image: none;
        border-bottom: 3px #fdba22 dashed
    }

    .ticket .price-contain {
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
    }

    .ticket .price-contain {
        height: 230px;
    }

    .m-mt50 {
        margin-top: 50px;
    }

    .m-mt15 {
        margin-top: 15px;
    }

    .teams-swiper .card {
        max-width: 400px;
        height: 490px;
    }

    .teams-swiper .card .img {
        width: 100%;
        height: 320px;
    }

    .footer .phone .item {
        font-size: 13px;
        font-weight: 500;
        margin-right: 0;
    }

    .us-category-title, .section-title {
        font-weight: 500;
        text-align: center;
    }
}

@media (max-width: 576px) {
    .swiper-left, .swiper-right {
        height: 380px;
    }

    .pnone-number-block .d-flex {
        flex-direction: column !important
    }

    .bg-img-1 {
        height: auto;
    }

    .m-mt13 {
        margin-top: 13px;
    }

    .bg-img-1.circle::after {
        display: none;
    }

    .insta-swiper .swiper-slide .item {
        width: 115px;
        height: 115px;
    }

    .teams-swiper .card {
        max-width: 400px;
        height: 490px;
    }

    .teams-swiper .card .img {
        width: 100%;
        height: 320px;
    }

    .intro-text {
        font-size: clamp(29px, 1.5vw, 35px);
        line-height: 35px;
        text-align: center;
        display: block;
        margin-left: 0 !important;
        margin-right: 0;
    }

    .logo {
        margin-top: 25px;
    }

    .circle-element {
        #border: 1px #6e6e6e solid;
        top: 42%;
        #transform: translateY(-50%);
    }

    .circle-container {
        transform: scale(0.7);
    }

    .btn-block {
        flex-direction: column-reverse;
    }

    .btn-block-group > div, .sticker-block {
        margin: auto;
        margin-top: 20px;
    }

    .wave {
        display: none;
    }

    .line-runner {
        height: 60px;
    }

    .line-runner-block {
        height: 157px;
        top: 0;
    }

    .swiper-button-next, .swiper-button-prev {
        display: none;
    }

    .ticket .contain {
        border-right: 1px #fdba22 solid;
        background-image: none;
    }

}

@media (max-width: 385px) {
    .insta-swiper .swiper-slide .item {
        width: 105px;
        height: 105px;
    }
}

@media (min-width: 576px) {
    .swiper-pagination {
        bottom: -6px !important;
    }


}

@media (min-width: 1200px) {
    .swiper-left .item, .swiper-right .item {
        width: 200px;
        height: 200px;
    }
}

/*Extra Large*/
@media (min-width: 1400px) {
    .bg-img-1.circle::after {
        background-size: 50%;
    }

    .circle-element {
        zoom: 1.3;
    }
}