/*!
* PT. IMAJIKU CIPTA MEDIA
* Copyright 2019-2021 IMAJIKU.
*/


/* Desktop First Design */

/* Larger Devices, Wider Screens */
@media only screen and (min-width : 1700px) {}

@media (min-width : 1500px) and (max-width: 1700px) {}

@media only screen and (min-width : 1367px) {}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1200px) {
    [data-variant="card-store-2"] .column-1-nav-slider {
        max-width: 280px;
    }

    [data-variant="card-search-1"] .card-box {
        width: 30%;
    }
}

@media only screen and (min-width: 1200px) {}

@media only screen and (min-width : 1024px) {}

@media only screen and (max-width : 1024px) {

    /*timeline*/
    [data-variant="timeline-1"] .card-package {
        flex-direction: column;
    }

    [data-variant="timeline-1"] .card-img {
        margin: 0px 0px 15px 0px;
    }

    [data-variant="timeline-1"] .card-img img {
        max-height: unset;
        width: 100%;
    }

    [data-variant="timeline-2"] .card-package {
        flex-direction: column;
    }

    [data-variant="timeline-2"] .card-img {
        margin: 0px 0px 15px 0px;
    }

    [data-variant="timeline-2"] .card-img img {
        max-height: unset;
        width: 100%;
    }

    [data-variant="product-1"] .select-mjk-box {
        min-width: 150px;
    }

    [data-variant="single-content-4"] .card-img-box {
        flex: 0 0 calc(51% - 5px);
    }

    [data-variant="single-content-4"] .title-primary h2,
    [data-variant="single-content-5"] .title-primary h2 {
        font-size: 24px;
    }

    [data-variant="single-content-one-slider"] .title-primary h2,
    [data-variant="single-content-one-slider-img"] .title-primary h2 {
        font-size: 24px;
    }

    [data-variant="single-content-one-slider"] .card-slider-half-box,
    [data-variant="single-content-one-slider-img"] .card-slider-half-box {
        max-width: 400px;
    }

    [data-variant="single-content-6"] .btn-additional a {
        font-size: 14px;
    }

    [data-variant="single-content-6"] .btn-additional {
        width: 100px;
        height: 100px;
    }

    [data-variant="slider-hero-3"] .hero-caption-desc h1,
    [data-variant="slider-hero-3"] .hero-caption-desc h2,
    [data-variant="slider-hero-3"] .hero-caption-desc h3 {
        font-size: 26px;
    }

    [data-variant="slider-hero-3"] .hero-caption-desc p {
        font-size: 14px;
    }

    [data-variant="card-1row-ver3"] .container {
        max-width: 960px;
    }

    /*product overview*/
    [data-variant="product-overview-1"] .product-gallery-box,
    [data-variant="product-overview-2"] .product-gallery-box {
        max-width: 270px;
    }

    [data-variant="product-overview-1"] .product-category-item .title-primary h3,
    [data-variant="product-overview-2"] .product-category-item .title-primary h3 {
        font-size: 20px;
    }

    [data-variant="product-overview-1"] .product-category-sidebar ul li,
    [data-variant="product-overview-2"] .product-category-sidebar ul li {
        font-size: 14px;
    }

    [data-variant="product-overview-1"] .product-overview-item .title-primary h2,
    [data-variant="product-overview-2"] .product-overview-item .title-primary h2 {
        font-size: 24px;
    }

    [data-variant="product-overview-1"] .product-overview-item .title-primary p,
    [data-variant="product-overview-2"] .product-overview-item .title-primary p {
        font-size: 14px;
    }

    [data-variant="product-overview-1"] .product-overview-item .title-primary h4,
    [data-variant="product-overview-2"] .product-overview-item .title-primary h4 {
        font-size: 16px;
    }

    [data-variant="product-overview-1"] .product-desc-collapse .accordion-link h4,
    [data-variant="product-overview-2"] .product-desc-collapse .accordion-link h4 {
        font-size: 16px;
    }

    [data-variant="product-overview-1"] .product-overview-item,
    [data-variant="product-overview-2"] .product-overview-item {
        flex-direction: column;
    }

    [data-variant="product-overview-1"] .product-desc-box,
    [data-variant="product-overview-2"] .product-desc-box {
        width: 100%;
        margin-top: 50px;
        margin-left: 0;
    }

    [data-variant="product-overview-1"] .product-gallery-box,
    [data-variant="product-overview-2"] .product-gallery-box {
        margin: 0 auto;
        max-width: 350px;
    }

    [data-variant="product-overview-2"] .tab-mjk-nav .nav-link {
        font-size: 16px;
    }

    [data-variant="product-overview-2"] .tab-product-desc h1,
    [data-variant="product-overview-2"] .tab-product-desc h2,
    [data-variant="product-overview-2"] .tab-product-desc h3 {
        font-size: 21px;
    }

    [data-variant="product-overview-2"] .tab-product-desc h4,
    [data-variant="product-overview-2"] .tab-product-desc h5,
    [data-variant="product-overview-2"] .tab-product-desc h6 {
        font-size: 16px;
    }

    [data-variant="product-overview-2"] .tab-product-desc p {
        font-size: 14px;
    }

    [data-variant="product-overview-2"] .tab-product-desc ul li,
    [data-variant="product-overview-2"] .tab-product-desc ol li {
        font-size: 14px;
    }

    [data-variant="product-overview-2"] .table thead th {
        font-size: 14px;
    }

    [data-variant="product-overview-2"] .table td {
        font-size: 14px;
    }

    [data-variant="single-counter-1"] .card-desc-box {
        flex: 0 0 calc(50% - 15px);
        padding: 30px;
    }

    [data-variant="single-counter-1"] .card-counter-box {
        flex: 0 0 calc(50% - 15px);
    }

    [data-variant="banner-search-1"] .form-group:first-child {
        width: 85%;
    }

    /*fullpage*/
    .docSlider .card-img img {
        height: 70vh;
        object-fit: cover;
    }

    .docSlider .hero-img img {
        height: 70vh;
        object-fit: cover;
    }
}

@media only screen and (max-width : 992px) {}

/* Start mobile responsive */
@media only screen and (max-width : 991.5px) {

    /*hero*/
    [data-variant="video-hero-1"] .hero-caption-box {
        right: 5%;
        left: auto;
        align-items: center;
        transform: translate(5%, -50%);
    }

    [data-variant="video-hero-1"] .hero-caption {
        height: auto;
    }

    /*accordion*/
    [data-variant="accordion-1"] .accordion-column {
        flex-direction: column;
    }

    .accordion-link.nav-variant-2[aria-expanded="false"]:after,
    .accordion-link.nav-variant-2[aria-expanded="true"]:after {
        width: 30px;
        height: 30px;
        font-size: 13px;
        top: 10px;
    }

    .accordion-link h4 {
        font-size: 14px;
    }

    [data-variant="accordion-2"] .accordion-box {
        flex-direction: column;
    }

    [data-variant="accordion-2"] .faq-navigation-list {
        width: 100%;
    }

    [data-variant="accordion-2"] .tab-content {
        width: 100%;
    }

    [data-variant="accordion-2"] .tabs-faq li.nav-item {
        margin-right: 10px;
        margin-bottom: 10px;
        width: auto;
    }

    /*card 1 row */
    .card-1row-box .card-box {
        flex: 0 0 calc(30% - 15px);
    }

    [data-variant="card-1row-counter1"] .card-1row-box .card-box {
        flex: 0 0 calc(45% - 15px);
    }

    [data-variant="card-1row-counter2"] .card-1row-box .card-box {
        flex: 0 0 calc(45% - 15px);
    }

    /*contact*/
    [data-variant="contact-1"] .contact-box {
        flex-direction: column;
    }

    [data-variant="contact-1"] .contact-info-box {
        margin-right: 0;
    }

    [data-variant="contact-1"] .contact-form-box {
        margin-left: 0;
    }

    /*single content*/
    [data-variant="single-content-1"] .card-1row-single-box,
    [data-variant="single-content-4"] .card-1row-single-box,
    [data-variant="single-content-5"] .card-1row-single-box,
    [data-variant="single-content-6"] .card-1row-single-box,
    [data-variant="single-content-one-slider"] .card-1row-single-box,
    [data-variant="single-content-one-slider-img"] .card-1row-single-box,
    [data-variant="single-content-one-slider-img-2"] .card-1row-single-box,
    [data-variant="single-content-img-slider"] .card-1row-single-box,
    [data-variant="single-content-img-slider-2"] .card-1row-single-box,
    [data-variant="single-content-gallery"] .card-1row-single-box {
        flex-direction: column;
    }

    [data-variant="single-content-1"] .card-desc-box,
    [data-variant="single-content-4"] .card-desc-box,
    [data-variant="single-content-5"] .card-desc-box,
    [data-variant="single-content-6"] .card-desc-box,
    [data-variant="single-content-one-slider"] .card-desc-box,
    [data-variant="single-content-one-slider-img"] .card-desc-box,
    [data-variant="single-content-one-slider-img-2"] .card-desc-box,
    [data-variant="single-content-img-slider"] .card-desc-box,
    [data-variant="single-content-img-slider-2"] .card-desc-box,
    [data-variant="single-content-gallery"] .card-desc-box {
        margin: 15px 0 0 0;
        padding: 0;
    }

    [data-variant="single-content-one-slider-img"] .card-desc-box,
    [data-variant="single-content-one-slider-img-2"] .card-desc-box {
        width: 90%;
    }

    [data-variant="single-content-1"] .card-img-box,
    [data-variant="single-content-4"] .card-img-box,
    [data-variant="single-content-5"] .card-img-box,
    [data-variant="single-content-6"] .card-img-box,
    [data-variant="single-content-one-slider"] .card-img-box,
    [data-variant="single-content-one-slider-img"] .card-img-box,
    [data-variant="single-content-img-slider"] .card-img-box,
    [data-variant="single-content-img-slider-2"] .card-img-box,
    [data-variant="single-content-gallery"] .card-img-box {
        margin: 0 0 15px 0;
        width: 100%;
    }

    [data-variant="single-content-one-slider"] .card-img-box,
    [data-variant="single-content-one-slider-img"] .card-img-box,
    [data-variant="single-content-one-slider-img-2"] .card-img-box,
    [data-variant="single-content-img-slider"] .card-img-box,
    [data-variant="single-content-img-slider-2"] .card-img-box,
    [data-variant="single-content-gallery"] .card-img-box {
        margin: 0;
        width: 100%;
    }

    [data-variant="single-content-one-slider-img"] .card-img-box,
    [data-variant="single-content-one-slider-img-2"] .card-img-box {
        margin: 0;
        width: 100%;
    }

    [data-variant="single-content-4"],
    [data-variant="single-content-5"],
    [data-variant="single-content-6"],
    [data-variant="single-content-one-slider"],
    [data-variant="single-content-one-slider-img"],
    [data-variant="single-content-one-slider-img-2"],
    [data-variant="single-content-img-slider"],
    [data-variant="single-content-img-slider-2"],
    [data-variant="single-content-gallery"] {
        padding: 40px 0;
    }

    [data-variant="single-content-4"] .container,
    [data-variant="single-content-5"] .container,
    [data-variant="single-content-6"] .container,
    [data-variant="single-content-one-slider"] .container,
    [data-variant="single-content-one-slider-img"] .container,
    [data-variant="single-content-one-slider-img-2"] .container,
    [data-variant="single-content-img-slider"] .container,
    [data-variant="single-content-img-slider-2"] .container {
        max-width: 720px;
        padding: 15px;
    }

    [data-variant="single-content-4"] .bg-section-img,
    [data-variant="single-content-5"] .bg-section-img,
    [data-variant="single-content-6"] .bg-section-img,
    [data-variant="single-content-one-slider"] .bg-section-img,
    [data-variant="single-content-one-slider-img"] .bg-section-img,
    [data-variant="single-content-one-slider-img-2"] .bg-section-img,
    [data-variant="single-content-img-slider"] .bg-section-img,
    [data-variant="single-content-img-slider-2"] .bg-section-img {
        display: none;
    }

    [data-variant="single-content-4"] .col-12,
    [data-variant="single-content-5"] .col-12,
    [data-variant="single-content-6"] .col-12,
    [data-variant="single-content-one-slider"] .col-12,
    [data-variant="single-content-one-slider-img"] .col-12,
    [data-variant="single-content-one-slider-img-2"] .col-12,
    [data-variant="single-content-img-slider"] .col-12,
    [data-variant="single-content-img-slider-2"] .col-12 {
        padding-left: 15px;
        padding-right: 15px;
    }

    [data-variant="single-content-one-slider"].slider-box .slick-dots,
    [data-variant="single-content-one-slider-img"].slider-box .slick-dots,
    [data-variant="single-content-one-slider-img-2"].slider-box .slick-dots,
    [data-variant="single-content-img-slider"] .slider-box .slick-dots,
    [data-variant="single-content-img-slider-2"] .slider-box .slick-dots {
        justify-content: center;
    }

    [data-variant="single-content-one-slider"] .card-slider-half-box,
    [data-variant="single-content-one-slider-img"] .card-slider-half-box,
    [data-variant="single-content-one-slider-img-2"] .card-slider-half-box,
    [data-variant="single-content-img-slider"] .card-slider-half-box,
    [data-variant="single-content-img-slider-2"] .card-slider-half-box {
        max-width: 300px;
    }

    [data-variant="single-content-img-slider"].slider-box .slick-dots,
    [data-variant="single-content-img-slider-2"].slider-box .slick-dots {
        position: relative;
        width: 100%;
        left: 0;
        bottom: 0;
        justify-content: center;
    }

    [data-variant="single-content-one-slider-img"] .slider-dots,
    [data-variant="single-content-one-slider-img-2"] .slider-dots {
        position: relative;
        bottom: -10px;
        width: 100%;
        margin: 0 0px;
    }

    [data-variant="single-content-6"] .btn-additional {
        position: relative;
        margin: 0 auto;
        transform: unset;
        left: unset;
        right: unset;
        bottom: unset;
    }

    [data-variant="single-content-6"] .card-desc-box:after {
        width: 100%;
    }

    [data-variant="single-content-one-slider-img"] .card-slider-half-box,
    [data-variant="single-content-one-slider-img-2"] .card-slider-half-box {
        max-width: unset;
    }

    [data-variant="single-content-one-slider-img"] .card-img img,
    [data-variant="single-content-one-slider-img-2"] .card-img img {
        height: auto;
    }

    /*single content background image*/
    [data-variant="single-content-3"] .card-desc-box {
        margin: 15px 0 0 0;
    }

    [data-variant="single-content-3"] .card-img-box {
        margin: 0 0 15px 0;
    }

    /*single content gallery*/
    [data-variant="single-content-gallery"] .card-img-gallery-title h3 {
        font-size: 12px;
    }

    [data-variant="single-content-gallery"] .wd-50 {
        width: 50%;
        padding: 0px;
        margin: 5px;
    }

    [data-variant="single-content-gallery"] .wd-70 {
        width: 50%;
        padding: 0px;
        margin: 5px;
    }

    [data-variant="single-content-gallery"] .wd-40 {
        width: 50%;
        padding: 0px;
        margin: 5px;
    }

    /*article*/
    .article-title h1 {
        font-size: 24px;
    }

    [data-variant="article-1"] .card-related-box {
        flex-direction: column;
    }

    [data-variant="article-2"] .article-post-box {
        flex-direction: column;
    }

    [data-variant="article-3"] .card-related-box {
        flex-direction: column;
    }

    [data-variant="article-2"] .article-post-item {
        width: 100%;
        padding-right: 0;
    }

    [data-variant="article-2"] .article-post-related {
        width: 100%;
        padding-left: 0px;
    }

    [data-variant="article-3"] .card-related-box .card-box {
        margin: 15px 15px 0px;
    }

    /*event*/
    .article-title h1 {
        font-size: 24px;
    }

    [data-variant="event-1"] .card-related-box {
        flex-direction: column;
    }

    [data-variant="event-1"] .article-post-box {
        flex-direction: column;
    }

    [data-variant="event-1"] .article-post-item {
        width: 100%;
        padding-right: 0px;
    }

    [data-variant="event-1"] .article-post-related {
        width: 100%;
        padding-left: 0px;
    }

    [data-variant="event-1"] .card-img {
        width: 100%;
    }

    [data-variant="event-1"] .card-package-row {
        flex-direction: column;
    }

    [data-variant="event-2"] .card-box {
        flex: 0 0 calc(50% - 30px);
        margin: 15px;
    }

    /*event detail*/
    [data-variant="event-detail-1"] .article-post-box {
        flex-direction: column;
    }

    [data-variant="event-detail-1"] .article-post-item {
        width: 100%;
    }

    [data-variant="event-detail-1"] .article-post-related {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    [data-variant="event-detail-1"] .card-related-box .card-box {
        width: 100%;
        flex: 1;
        margin: 0;
    }

    /*banner*/
    [data-variant="banner-simple-2"] .banner-simple-box {
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    [data-variant="banner-simple-2"] .banner-icon-box {
        margin: 0 0 15px;
    }

    /*card news*/
    [data-variant="card-news-1"] .card-meta {
        flex-direction: column;
        align-items: flex-start;
    }

    [data-variant="card-news-1"] .card-time {
        margin-bottom: 5px;
    }

    [data-variant="card-news-1"] .card-package {
        flex-direction: column;
        margin: 15px 0;
    }

    [data-variant="card-news-1"] .card-img {
        width: 100%;
    }

    [data-variant="card-news-1"] .card-item {
        width: 100%;
        padding: 0;
    }

    [data-variant="card-news-2"] .card-package {
        margin: 10px 0;
    }

    [data-variant="card-news-2"] .card-box {
        flex: 0 0 calc(100% - 0px);
    }

    [data-variant="card-news-3"] .card-news-row-box {
        flex-direction: column;
    }
    [data-variant="card-news-3"] .card-news-row-box .card-box {
        margin: 0 10px 20px;
    }

    /*card calendar*/
    [data-variant="card-news-calendar"] .article-post-box {
        flex-direction: column-reverse;
    }

    [data-variant="card-news-calendar"] .article-post-item {
        width: 100%;
        padding-right: 0;
    }

    [data-variant="card-news-calendar"] .article-post-related {
        width: 100%;
        margin-top: 15px;
        padding-left: 0;
    }

    [data-variant="card-news-calendar"] #datepicker-events {
        margin-bottom: 35px;
    }

    /*card store*/
    [data-variant="card-store-1"] .card-meta {
        flex-direction: column;
        align-items: flex-start;
    }

    [data-variant="card-store-1"] .card-time {
        margin-bottom: 5px;
    }

    [data-variant="card-store-1"] .card-package {
        flex-direction: column;
        margin: 15px 0;
    }

    [data-variant="card-store-1"] .card-img {
        width: 100%;
    }

    [data-variant="card-store-1"] .card-item {
        width: 100%;
        padding: 10px;
    }

    [data-variant="card-store-1"] .filter-mjk-group,
    [data-variant="card-store-2"] .filter-mjk-group {
        padding: 10px 5px 10px;
    }

    [data-variant="card-store-1"] .filter-mjk-group .form-group,
    [data-variant="card-store-2"] .filter-mjk-group .form-group {
        margin: 5px 0px;
        flex: 1;
        width: 90%;
    }

    [data-variant="card-store-1"] .select-mjk-box,
    [data-variant="card-store-2"] .select-mjk-box {
        min-width: 200px;
    }

    [data-variant="card-store-2"] .card-store-row-box {
        flex-direction: column;
    }

    [data-variant="card-store-2"] .column-1-nav-slider {
        max-width: 515px;
        width: 100%;
    }

    [data-variant="card-store-2"] .card-box {
        flex: 1;
        margin: 0;
    }

    [data-variant="card-store-2"] .card-package {
        margin: 15px 0;
    }

    [data-variant="card-store-1"] .card-action .btn,
    [data-variant="card-store-2"] .card-action .btn {
        margin-right: 3px;
    }

    [data-variant="card-store-1"] .card-title h3 a,
    [data-variant="card-store-2"] .card-title h3 a {
        font-size: 18px;
    }

    /*card step*/
    [data-variant="step-1"] .card-step-row-box {
        flex-direction: column;
    }

    [data-variant="step-1"] .card-step-line:after {
        display: none;
    }

    [data-variant="step-1"] .card-step-line:before {
        display: none;
    }

    [data-variant="step-1"] .card-step-number {
        left: 30%;
    }

    [data-variant="step-1"] .card-step-row-box .card-box .card-item {
        margin: 30px 0;
    }

    [data-variant="step-2"] .card-step-row-box .card-box {
        flex: 0 0 calc(100% - 0px);
    }

    [data-variant="product-1"] .filter-mjk-group .form-group,
    [data-variant="product-2"] .filter-mjk-group .form-group {
        width: 100%;
        margin: 3px 0;
        padding: 10px 7px 0;
    }

    [data-variant="product-1"] .select-mjk-box,
    [data-variant="product-2"] .select-mjk-box {
        min-width: unset;
    }

    [data-variant="product-1"] .form-group-right,
    [data-variant="product-2"] .form-group-right {
        width: 100%;
    }

    [data-variant="media-1"] .media-label {
        min-height: 22px;
        font-size: 11px;
        top: -22px;
    }

    [data-variant="slider-hero-3"] .hero-item {
        flex-direction: column;
    }

    [data-variant="slider-hero-3"] .hero-dots {
        width: 100%;
        left: 0px;
        position: relative;
        bottom: 15px;
    }

    [data-variant="slider-hero-3"] .hero-dots .slick-dots {
        justify-content: center;
    }

    [data-variant="slider-hero-3"] .hero-caption {
        padding: 10px;
    }

    [data-variant="slider-hero-3"] .hero-caption-box {
        padding: 10px;
        margin: 0;
    }

    [data-variant="card-1row-ver3"] .container {
        max-width: 100%;
        padding: 0 15px;
    }

    [data-variant="card-10"] .card-item {
        padding: 15px;
    }

    [data-variant="card-1row-ver3"] .card-img img {
        height: 50vh;
        object-fit: cover;
    }

    [data-variant="card-1row-ver5"] .card-1row-box .card-box {
        max-width: 400px;
    }

    [data-variant="card-1row-ver5"] .slider-button-prev {
        left: 13%;
    }

    [data-variant="card-1row-ver5"] .slider-button-next {
        right: 13%;
    }

    [data-variant="single-content-gallery"] .title-primary h2 {
        font-size: 24px;
    }

    /*product overview*/
    [data-variant="product-overview-1"] .product-gallery-box,
    [data-variant="product-overview-2"] .product-gallery-box {
        margin: 0 auto;
        max-width: 290px;
    }

    [data-variant="product-overview-1"] .product-category-item,
    [data-variant="product-overview-2"] .product-category-item {
        width: 40%;
    }

    [data-variant="product-overview-1"] .product-overview-item,
    [data-variant="product-overview-2"] .product-overview-item {
        width: 60%;
    }

    /*milestone*/
    [data-variant="milestone-1"] .milestone-wrapper-box {
        margin-top: 10px;
    }

    /*single content counter*/
    [data-variant="single-counter-1"] .card-1row-single-box {
        flex-direction: column;
    }

    [data-variant="single-counter-1"] .card-desc-box {
        margin: 20px 0;
    }

    [data-variant="single-counter-1"] .card-counter-box {
        margin: 0;
    }

    [data-variant="single-counter-1"] .card-counter-box .counter-numb-item-desc p {
        font-size: 14px;
    }

    /*single content reels*/
    [data-variant="single-content-one-slider-reels"] .card-1row-single-box {
        flex-direction: column;
    }

    [data-variant="single-content-one-slider-reels"] .card-video-box {
        flex: 0 0 calc(80% - 0px);
        width: 80%;
        margin: 0;
    }

    [data-variant="single-content-one-slider-reels"] .card-desc-box {
        flex: 0 0 calc(100% - 50px);
        width: 100%;
        padding: 20px 15px 0 15px;
        text-align: center;
        margin: 0;
    }

    [data-variant="single-content-one-slider-reels"] .card-action {
        align-items: center;
    }

    .docSlider .card-img img {
        height: auto;
    }

    .docSlider .hero-img img {
        height: auto;
    }

    [data-variant="card-news-4"] .card-box-df-boxed {
        flex-direction: column;
    }

    [data-variant="card-news-4"] .card-item {
        padding: 10px;
    }

    [data-variant="form-field-1"] .form-field-item,
    [data-variant="form-field-2"] .form-field-item {
        flex-direction: column;
    }

    [data-variant="form-field-1"] .form-field-desc,
    [data-variant="form-field-2"] .form-field-desc {
        width: 100%;
    }

    [data-variant="form-field-1"] .form-field-input,
    [data-variant="form-field-2"] .form-field-input {
        width: 100%;
        margin: 0;
    }

    [data-variant="banner-search-1"] .filter-mjk-group .form-group {
        width: 90%;
    }

    [data-variant="card-1"] .card-package-box {
        --columns: 2;
    }

    [data-variant="card-2"] .card-package-box {
        --columns: 2;
    }

    [data-variant="card-3"] .card-package-box {
        --columns: 2;
    }

    [data-variant="card-4"] .card-package-box {
        --columns: 2;
    }

    [data-variant="card-6"] .card-package-box {
        --columns: 2;
    }

    [data-variant="card-7"] .card-package-box {
        --columns: 2;
    }

    [data-variant="card-8"] .card-package-box {
        --columns: 3;
    }

    [data-variant="card-9"] .card-package-box {
        --columns: 3;
    }

    /*footer*/
    [data-variant="footer-2"] .foo-menu-static-box {
        flex-direction: column;
    }
}

/* Small Devices, Desktops */
@media only screen and (max-width : 812px) {

    /*slider*/
    .hero-caption-box {
        width: 80%;
        height: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        bottom: 0;
        align-items: center;
    }

    [data-variant="parallax-hero-2"] .hero-caption-box {
        height: 90%;
    }

    .hero-caption {
        justify-content: center;
        height: 100%;
    }

    /*timeline*/
    [data-variant="timeline-2"] .timeline--mobile .timeline__item .timeline__content:before {
        border: none;
    }
}

@media only screen and (max-width : 768px) {
    [data-variant="card-1row-ver5"] .card-1row-box .card-box {
        max-width: 300px;
    }

    [data-variant="card-1row-ver5"] .slider-button-prev {
        left: 20%;
    }

    [data-variant="card-1row-ver5"] .slider-button-next {
        right: 20%;
    }

    [data-variant="parallax-hero-2"] .hero-caption {
        height: auto;
    }

    [data-variant="card-search-1"] .card-box {
        width: 45%;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 767.5px) {

    /*hero slider*/
    [data-variant="slider-hero-2"] .hero-caption-box {
        transform: translate(50%, 0%);
    }

    [data-variant="video-hero-1"] .hero-caption-box {
        transform: translate(5%, 0%);
    }

    /*card 1 row */
    .card-1row-box .card-box {
        flex: 0 0 calc(50% - 10px);
        margin: 5px;
    }

    .btn-floating-boxed {
        bottom: 130px;
        right: 15px;
    }

    /*card single content*/
    [data-variant="single-content-1"] .title-primary h2 {
        font-size: 24px;
    }

    [data-variant="single-content-1"] .title-primary p {
        font-size: 14px;
    }

    [data-variant="single-content-2"] .title-primary h2 {
        font-size: 24px;
    }

    [data-variant="single-content-2"] .title-primary p {
        font-size: 14px;
    }

    /*card counter*/
    [data-variant="card-1row-counter1"] .counter-numb-item-desc h5 {
        font-size: 18px;
    }

    [data-variant="card-1row-counter2"] .counter-numb-item-desc h5 {
        font-size: 18px;
    }

    [data-variant="event-detail-1"] .info-event {
        flex-direction: column;
    }

    [data-variant="card-1row-ver3"] .slick-slide {
        width: 150vw;
        box-sizing: border-box;
    }

    [data-variant="card-1row-ver5"] .slider-button-prev {
        left: 15%;
    }

    [data-variant="card-1row-ver5"] .slider-button-next {
        right: 15%;
    }

    /*category list */
    [data-variant="categorylist"] {
        position: relative;
        margin-top: 0;
        transform: translate(50%, 0%);
    }

    [data-variant="categorylist"] ul {
        flex-direction: column;
    }

    [data-variant="categorylist"] ul li {
        padding: 15px 0 0;
    }

    [data-variant="categorylist"] ul li a {
        margin: 0;
    }

    /*card news*/
    [data-variant="card-news-calendar"] .card-news-row-box {
        flex-direction: column;
    }

    /*product overview*/
    [data-variant="product-overview-1"] .product-overview-box,
    [data-variant="product-overview-2"] .product-overview-box {
        flex-direction: column;
    }

    [data-variant="product-overview-1"] .product-category-item,
    [data-variant="product-overview-2"] .product-category-item {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    [data-variant="product-overview-1"] .product-overview-item,
    [data-variant="product-overview-2"] .product-overview-item {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    [data-variant="product-overview-1"] .product-category-sidebar ul,
    [data-variant="product-overview-2"] .product-category-sidebar ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    [data-variant="product-overview-1"] .product-category-sidebar ul li,
    [data-variant="product-overview-2"] .product-category-sidebar ul li {
        width: 50%;
    }

    [data-variant="product-overview-1"] .product-category-sidebar ul li.active:before,
    [data-variant="product-overview-2"] .product-category-sidebar ul li.active:before {
        left: -1px;
        margin-top: 3px;
    }
}

@media only screen and (max-width : 640px) {
    .hero-caption-box {
        width: 100%;
    }

    /*single content background image*/
    [data-variant="single-content-3"] .card-1row-single-box {
        flex-direction: column;
    }

    [data-variant="single-content-3"] .card-item-additional {
        text-align: center;
        justify-content: center;
    }

    [data-variant="event-2"] .card-box {
        flex: 0 0 calc(100% - 30px);
        margin: 15px;
    }

    [data-variant="product-overview-2"] .product-desc-box .tab-mjk-nav li {
        min-width: unset;
        width: auto;
    }

    [data-variant="card-1"] .card-package-box {
        --columns: 1;
    }

    [data-variant="card-2"] .card-package-box {
        --columns: 1;
    }

    [data-variant="card-3"] .card-package-box {
        --columns: 1;
    }

    [data-variant="card-4"] .card-package-box {
        --columns: 1;
    }

    [data-variant="card-5"] .card-package-box {
        --columns: 1;
    }

    [data-variant="card-6"] .card-package-box {
        --columns: 1;
    }

    [data-variant="card-7"] .card-package-box {
        --columns: 1;
    }

    [data-variant="card-8"] .card-package-box {
        --columns: 2;
    }

    [data-variant="card-9"] .card-package-box {
        --columns: 2;
    }

    [data-variant="card-10"] .card-package-box {
        --columns: 1;
    }
}

@media only screen and (max-width : 575.5px) {
    .card-title h3 a {
        font-size: 16px;
    }

    [data-variant="branch-1"] .card-package {
        flex-direction: column;
    }

    [data-variant="branch-1"] .card-img {
        width: 100%;
    }

    [data-variant="branch-1"] .card-item {
        width: 100%;
        padding: 10px 15px 0;
    }

    [data-variant="media-1"] .media-gallery-desc-item h3 {
        font-size: 14px;
    }

    [data-variant="media-1"] .media-gallery-desc-item {
        padding: 10px 10px;
    }

    [data-variant="modal-form-1"] .inquiry-item-box .card-package {
        flex-direction: column;
    }

    [data-variant="event-1"] .card-box {
        flex: 0 0 calc(100% - 20px);
    }

    [data-variant="card-1row-ver1"] .card-1row-box .card-box {
        flex: 0 0 calc(100% - 10px);
    }

    /*milestone*/
    [data-variant="milestone-1"] .slick-prev {
        left: 0;
    }

    [data-variant="milestone-1"] .slick-next {
        right: 0;
    }

    [data-variant="milestone-1"] .milestone-linebar-box .slick-list {
        margin: 0 30px;
    }

    [data-variant="gallery-1"] {
        overflow: hidden;
    }

    [data-variant="gallery-1"] .media-gallery-box {
        flex-direction: column;
    }

    [data-variant="gallery-1"] .media-gallery-single {
        width: 100%;
    }

    [data-variant="gallery-1"] .media-gallery-group {
        width: 100%;
    }

    [data-variant="gallery-1"] .media-gallery-group .media-gallery-item {
        width: 50%;
    }

    [data-variant="single-counter-1"] .card-counter-box .counter-numb-item {
        width: 140px;
        height: 140px;
    }
}

@media only screen and (max-width : 480px) {
    [data-variant="media-2"] .media-gallery-box {
        margin-right: 27px;
    }

    [data-variant="card-1row-ver5"] .card-1row-box .card-box {
        max-width: 300px;
    }

    [data-variant="card-1row-ver5"] .slider-button-prev {
        left: 0%;
    }

    [data-variant="card-1row-ver5"] .slider-button-next {
        right: 0%;
    }

    [data-variant="card-store-2"] .column-1-nav-slider {
        max-width: 400px;
        width: 100%;
    }

    [data-variant="card-search-1"] .card-box {
        width: 100%;
    }
}

@media only screen and (max-width : 415px) {
    [data-variant="card-store-2"] .column-1-nav-slider {
        max-width: 385px;
        width: 100%;
    }
}

@media only screen and (max-width : 400px) {
    [data-variant="card-store-2"] .column-1-nav-slider {
        max-width: 370px;
        width: 100%;
    }
}

@media only screen and (max-width : 376px) {
    [data-variant="media-2"] .media-gallery-box {
        margin-right: 20px;
    }

    [data-variant="product-detail-1"] .slider-vertical-box.variant-sideleft {
        min-height: 250px;
    }

    [data-variant="product-overview-1"] .product-category-sidebar ul li,
    [data-variant="product-overview-2"] .product-category-sidebar ul li {
        width: 100%;
    }

    [data-variant="card-store-2"] .column-1-nav-slider {
        max-width: 345px;
        width: 100%;
    }
}

@media only screen and (max-width : 360px) {
    [data-variant="card-store-2"] .column-1-nav-slider {
        max-width: 330px;
        width: 100%;
    }
}

@media only screen and (max-width : 321px) {
    [data-variant="media-2"] .media-gallery-box:after {
        width: 84%;
    }

    [data-variant="media-2"] .media-gallery-box:before {
        width: 84%;
    }

    [data-variant="product-detail-1"] .share-network .share-network-icon-box {
        width: 30px;
        height: 30px;
    }

    [data-variant="card-1row-ver5"] .card-1row-box .card-box {
        max-width: 280px;
    }

    [data-variant="card-1row-ver5"] .slider-button-prev {
        left: 0%;
    }

    [data-variant="card-1row-ver5"] .slider-button-next {
        right: 0%;
    }

    [data-variant="card-store-2"] .column-1-nav-slider {
        max-width: 290px;
        width: 100%;
    }
}