/* mobile style*/
@media only screen and (max-width: 768px) {

    .event-banner {
        width: 100%;
        height: 250px;
    }

    section.sec-slide {
        margin-top: 0;
    }

    .box-register .review_content {
        width: 100%;
    }

    .bg-studio .img-dance-studio img {
        position: relative;
        width: 100%;
        height: auto;
        margin-bottom: 40px;
    }

    .home-title {
        display: block;
    }

    .home-right {
        margin: 10px 0 0;
    }

    .box_Review {
        padding: 140px 20px 20px 20px;
    }

    .bg-studio .dance-studio-text {
        font-size: 18px;
        line-height: 24px;
    }

    .bg-studio .dance-studio-title {
        font-size: 32px;
        line-height: 40px;
    }

    .bg-studio {
        border-radius: 0;
    }

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

    div#countdown > div {
        font-size: 14px;
    }

    .support-item, .b__banner {
        margin-bottom: 20px !important;
    }

    .boxReview .boxReview-review .boxReview-star .progress {
        width: 55% !important;
    }

    .col-c-5 {
        width: 100% !important;
        margin-bottom: 15px !important;
    }

    .mt-footer {
        margin-bottom: 20px !important;
    }

    .boxReview .boxReview-review .boxReview-score p:last-child {
        font-size: 10px;
        text-align: center;
    }

    .boxReview .boxReview-review .boxReview-star span:last-child {
        font-size: 10px !important;
        padding-left: 5px;
        width: 60px !important;
    }

    .login-form .form {
        padding: 20px !important;
    }

    .banner-main {
        height: auto;
    }

    #logo img {
        height: 60px;
    }

    .col-c-4, .cl-c-5 {
        width: 100% !important;
        padding-bottom: 10px !important;
    }

    .col-c-2 {
        width: 100% !important;
    }

    .header-right ul li a span {
        top: 0;
    }

    .banner-category2 img {
        height: auto;
        width: 100%;
        object-fit: cover;
    }

    .col-cus-10 {
        width: 100%;
    }

    .col-cus-2 {
        width: 100%;
    }

    .home-title h3, .flashsale-title h3, section.sec-register h3, .home-title2 h3 {
        font-size: 24px;
    }

    .p-hidden {
        margin: 0 -10px;
    }

    #footer .footer-logo img {
        width: 50%;
    }

    .sec-banner .banner-box h3 {
        font-size: 25px;
        line-height: 30px;
    }

    .box-video h3 {
        font-size: 25px;
        line-height: 35px;
    }

    .box-video p {
        width: 100%;
    }

    .filter-wrapper .filter-tab ul li {
        width: calc(100% / 3);
    }

    .filter-wrapper .filter-tab ul li a {
        text-align: center;
        font-size: 15px;
        padding: 10px;
        width: 100%;
        display: block;
    }

    .header-right ul li {
        margin-left: 15px !important;
    }

    .header-right ul li a {
        color: #000;
        font-size: 22px;
    }

    .video-large {
        margin-bottom: 20px;
    }

    .video-large, .video-item {
        height: 220px;
    }

    .banner-large {
        margin-bottom: 20px;
    }

    .banner-large, .banner-right {
        height: auto;
    }

    .post-large .post-thumbnail, .post-item .post-thumbnail {
        height: 220px;
    }

    .col-w-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }

    .login-form .form .external {
        justify-content: space-between;
    }

    .login-form .form .external button img {
        margin-right: 5px;
    }

    .login-form .form .external button {
        width: 48% !important;
        margin: 0px;
        font-size: 13px;
        max-width: 48% !important;
    }

    .block-filter-sort {
        flex-wrap: nowrap;
        overflow-x: auto;
        width: 100%;
    }

    .block-filter-sort::-webkit-scrollbar, .block-filter-sort::-webkit-scrollbar {
        height: 2px;
    }

    .block-filter-sort .list-filter-child {
        position: absolute;
    }

    .filter-static {
        position: static;
    }

    .block-filter-sort .filter-wrapper {
        position: static;
    }

    .block-filter-sort .list-filter-child.active {
        opacity: 1;
        right: 50%;
        transform: translateX(50%);
        width: 350px;
        z-index: 10;
    }

    .post-item .post-thumbnail {
        width: 100%;
        height: 220px;
    }

    ol.breadcrumb {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin: 0px !important;
        display: inline-block !important;
    }

    .flashsale-product {
        height: auto;
        display: block !important;
        padding: 10px;
    }

    .flashsale-product-info.flashsale-product-info-desktop .flashsale-product-banner {
        margin: 4px;
        padding: 10px 20px;
    }

    .flashsale-product-info.flashsale-product-info-desktop .flashsale-progress {
        position: relative;
        width: 100%;
    }

    .bit-breadcrumbs ol li a, .bit-breadcrumbs ol li {
        font-size: 12px;
    }

    section.breadcrumbs {
        padding: 5px 0;
    }

    ol.breadcrumb li {
        display: inline-block;
    }

    .filter-item ul {
        white-space: nowrap !important;
        display: inline-block !important;
        overflow-x: scroll !important;
        width: 100% !important;
    }

    .filter-item ul li {
        list-style: none;
        margin: 0 3px !important;
        width: auto !important;
        display: inline-block !important;
    }

    .filter-item ul li a {
        font-size: 14px;
    }


    .product-view-image > .product-view-image-product {
        height: 280px;
        width: 100%;
    }

    .rs-product-info h1 {
        font-size: 1.2em;
    }

    .box-order-button-container {
        display: block;
    }


    button.button.button--small.add-to-cart-button, .order-button {
        width: 100%;
    }

    .product-view-image {
        display: block;
    }

    .order-button {
        margin: 15px 0 0 0 !important;
    }

    .product-view-image > .product-view-thumbnail {
        width: 100%;
        margin: 8px 0 0 0 !important;
    }

    .lightgallery {
        display: flex !important;
    }

    .lightgallery #lightgallery-more {
        height: 65px;
        width: 76px;
    }

    .sec-banner .banner-image {
        margin-bottom: 20px;
    }

    .sec-banner .banner-box {
        text-align: center;
    }

    .modalAge .modalAge_body .modalAge_header h4 {
        font-size: 25px;
        line-height: 30px;
    }

    .modalAge .modalAge_f p, .modalAge .modalAge_body .modalAge_header p {
        font-size: 15px;
        line-height: 20px;
        color: #000;
    }

    .modalAge .modalAgeImg img {
        width: 50px;
        margin: 0 10px;
    }

    .modalAge .modalAge_body .modalAge_form {
        width: 95%;
        border-radius: 30px;
        padding: 20px 20px;
    }

    .modalAge .input_age, .modalAge .select_age {
        height: 40px;
    }

    .modalAge .modalAge_body .modalAge_header img {
        width: 80%;
    }

    .register-form {
        margin: 15px 0 0 0;
    }

    .sec-register .register-form .input_register {
        width: 250px;
    }

    .sec-register .register-form form {
        justify-content: center;
    }

    .col-cus-5 {
        width: 100% !important;
    }

    .step-right__mobile__img img {
        width: 80px;
    }

    h2.calculate-paint__step-title.mb-0 {
        font-size: 15px;
    }

    .button-see-all.step__remove-row span {
        display: none;
    }

    .step-list__item .button-see-all {
        position: unset !important;
        cursor: pointer;
        -webkit-transform: unset !important;
        -ms-transform: unset !important;
        transform: unset !important;
        padding-left: 15px !important;
    }

    .step-list__item-row label + input.step__num {
        margin-left: 15px;
        margin: 0px;
        width: 100% !important;
    }

    .step-list__item:not(:first-child) {
        margin-top: 10px;
    }

    .calculate-paint__btn .item, .calculate-paint__btn .webform-flex--1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        list-style-type: none;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px !important;
    }

    .calculate-paint__btn {
        display: unset !important;
    }

    .calculate-paint__result-inner .item-inner {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px !important;
    }

    .calculate-paint__result-inner {
        display: unset !important;
    }

    .step-list__item-row label, .step-list__item-row:first-child:before {
        display: none !important;
    }

    .step-left {
        display: none !important;
    }

    .step-right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding-left: 0px !important;
    }

    .step-right__mobile__img {
        display: block;
    }

    .header-template h1 {
        font-size: 20px;
    }

    .step-list__item:before {
        font-size: 18px;
    }

    .color-pt-title {
        font-size: 17px;
    }

    .button-see-all.step__remove-row span {
        display: none;
    }

    .step-list__item-row label + input.step__num {
        margin-left: 15px;
        margin: 0px;
    }
}

/* iPad landscape style here */
/* iPad portrait style here */
/**desktop**/
@media only screen and (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1400px !important;
    }
}

/*# sourceMappingURL=app-rs.css.map */