/*========== min ==========*/
@media (min-width:576px) {
    
    .visible-mobile-sm { display: none !important;}
    
} 

@media (min-width:768px) {
    
    .visible-mobile { display: none !important;}
    
    .container { max-width: 1150px;}
    .container.sm { max-width: 668px;}
    .container.md { max-width: 900px;}
    .container.fluid { max-width: 100%;}
    
    .fields .field.half { width: calc((100% - 15px)/2);}
    
    /* Popup */
    #popup-promo .modal-content {
        padding: 50px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    #popup-promo .modal-content .entry-title {
        padding-right: 50px;
        flex: 1;
    }
    #popup-promo .modal-content .entry-form {
        width: 61.3905325%;
    }
    
    /* Section */
    .sc-half {
        width: 50%;
    }
    
    .sc-columns,
    .sc-alignment,
    .sc-boxes {
        display: flex;
        justify-content: space-between;
    }
    .sc-columns > *:not(:last-child),
    .sc-alignment > *:not(:last-child),
    .sc-boxes > *:not(:last-child) {
        margin-bottom: 0;
    }
    .sc-columns > *:first-child,
    .sc-alignment > *:first-child {
        padding-right: 50px;
    }
    
    .sc-columns > * {
        width: 50%;
    }
    .sc-columns .sc-column.center {
        align-self: center;
    }
    .sc-columns .sc-column > .w-fix {
        width: 484px;
        max-width: 100%;
    }
    
    .sc-alignment {
        align-items: baseline;
    }
    .sc-alignment > *:first-child {
        width: 42.8%;
    }
    .sc-alignment > *:last-child {
        width: 57.2%;
    }
    
    .sc-boxes .sc-box.preview {
        width: 52%;
    }
    .sc-boxes .sc-box.detail {
        width: calc(48% - 20px);
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .sc-boxes .sc-box.center {
        align-self: center;
    }
    .sc-boxes .sc-box.bottom {
        align-self: flex-end;
    }
    
    .sc-boxes:nth-child(even) {
        flex-direction: row-reverse;
    }
    
    .artwork-slider + .artwork-grid {
        margin-top: 15px;
    }
    .artwork-grid {
        grid-gap: 15px;
        grid-template-columns: repeat(2, 1fr);
    }
    
    /* About */
    .about-intro .sc-inner {
        padding-top: 140px;
        padding-bottom: 50px;
    }
    
    /* Article */
    #article .post {
        width: 73.1428571%;
    }
    #article .post .entry-content > *:not([class*="wp-block"]) {
        width: 86.9791666%;
    }
    
    /* Model */
    .model-group .sc-columns {
        align-items: center;
    }
    .model-group .sc-column.detail {
        padding: 70px 20px;
    }
    .model-group .sc-column.detail > * {
        width: 484px;
        max-width: 100%;
    }
    .model-group:nth-child(even) .sc-columns {
        flex-direction: row-reverse;
    }
    .model-group .series-control {
        -moz-column-gap: 25px;
             column-gap: 25px;
    }
    .model-group .series-control.morethan {
        -moz-column-count: 3;
             column-count: 3;
    }
    
    /* Single Model */
    #single-model #featured .sc-columns:nth-child(even) {
        flex-direction: row-reverse;
    }
    #single-model #featured .sc-column.preview {
        padding-right: 50px;
    }
    #single-model #featured .sc-grids {
        display: grid;
        grid-gap: 70px 0;
        grid-template-columns: repeat(2, 1fr);
        padding-left: 50px;
        padding-right: 50px;
    }
    #single-model #featured .sc-grid .sc-headline {
        padding-right: 50px;
    }
}

@media (min-width:992px) {
    
    .visible-device-sm { display: none !important;}
    
    /* Footer */
    .footer-nav,
    .footer-subscribe {
        display: grid;
        grid-gap: 30px 50px;
        grid-template-columns: repeat(2, 1fr);
    }
    
    .footer-nav .footer-brand {
        grid-row: 1;
        grid-column: 1 / span 2;
    }
    .footer-nav .footer-contact {
        grid-row: 2;
        grid-column: 1;
    }
    .footer-nav .footer-directory {
        grid-row: 2;
        grid-column: 2;
    }
    .footer-nav .footer-legal {
        grid-row: 3;
        grid-column: 2;
    }
    
    .footer-subscribe {
        align-items: center;
    }
    .footer-subscribe .entry-form {
        grid-column: 2;
        justify-self: end;
        width: 100%;
    }
    
    /* Section */
    .sc-boxes .sc-box.detail {
        width: calc(48% - 50px);
    }
    
    /* Contact */
    #contact .sc-column > * {
        width: 425px;
        max-width: 100%;
    }
    #contact .sc-column .serial-number-form {
        width: 350px;
        max-width: 100%;
    }
    
    #contact-map .map-container:before {
        min-height: 576px;
    }
    #contact-map .contact-detail {
        width: 450px;
        max-width: calc(50% - 50px);
        padding: 50px;
        position: absolute;
        z-index: 2;
        top: 25px; right: 25px;
    }
    
    /* Article */
    #article .sc-headline .sc-container {
        display: grid;
        grid-gap: 10px 50px;
        grid-template-columns: 1fr auto;
        grid-auto-rows: -webkit-max-content;
        grid-auto-rows: max-content;
    }
    #article .sc-headline .sc-container > * {
        grid-column: 1;
    }
    #article .sc-headline .sc-container > *:not(:last-child) {
        margin-bottom: 0;
    }
    #article .sc-headline .sc-container > .sc-function {
        grid-column: 2;
        grid-row: 1 / span 3;
        text-align: right;
    }
    
    /* Model */
    .model-featured .sc-columns {
        margin-bottom: 0 !important;
    }
    .model-featured .modelcard-space {
        display: block;
        height: 100%;
        margin: 0 0 0 auto;
    }
    .model-featured .modelcard-space:before {
        content: "";
        display: block;
        width: 100%;
        padding-bottom: 100%;
    }
    .model-featured .modelcard-space, 
    .model-featured .modelcard-container .modelcard:first-child {
        width: calc(((100vw - 100px)/3) - 1px);
    }
    .model-featured .modelcard-container {
        position: relative;
    }
    .model-featured .modelcard-container .modelcard:first-child {
        position: absolute;
        right: 0; top: 0;
        transform: translateY(-100%);
    }
    
    .model-group .sc-column.detail {
        padding-left: 50px;
        padding-right: 50px;
    }
    
    /* Single Model */
    #single-model .document-container {
        grid-template-columns: repeat(3, 1fr);
    }
    #single-model .document-wrapper:not(:last-child) {
        margin-bottom: 0;
    }
    #single-model .document-wrapper.catalog {
        grid-column: span 2;
    }
    #single-model .document-wrapper.catalog .entry-doc {
        grid-template-columns: repeat(2, 1fr);
    }
    
    #single-model #contact .contact-detail-container {
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 0;
    }
    #single-model #contact .contact-detail {
        width: calc(100% - 50px);
    }

    /* Landing */
    .landing-highlight {
        display: flex;
    } 
    .landing-highlight > *[data-section="cover"] {
        width: 60.3703703704%;
    }
    .landing-highlight > *[data-section="cover"] .sc-billboard .sc-cover:before {
        padding-bottom: 98.1595092025%;   
    }
    .landing-highlight > *[data-section="form"] {
        width: calc(100% - 60.3703703704%);
    }
    .landing-highlight > *[data-section="form"] .sc-inner {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .landing-highlight > *[data-section="form"] .form {
        width: 100%;
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
    }
    .landing-highlight > *[data-section="form"] .fields > .field.half {
        width: 100% !important;
    }
    .landing-article .sc-container > * {
        width: 73.1428571%;
        margin-left: auto;
        margin-right: auto;
    }
    
}

@media (min-width:1025px) {
    
    .visible-device { display: none !important;}
    
    .block-md {
        width: 100%;
        max-width: 900px;
    }
    
    /* Instagram */
    .igfeed .swiper-container,
    .igfeed .swiper-wrapper,
    .igfeed .swiper-slide {
        transform: none !important;
    }
    
    /* Product */
    #product-listing .listing-layout {
        position: relative;
        display: grid;
        grid-gap: 40px 5px;
        grid-template-columns: repeat(4, 1fr);
        grid-auto-rows: -webkit-max-content;
        grid-auto-rows: max-content;
    }
    #product-listing .listing-layout > .function-container.filter {
        grid-row: 1 / span 2;
        grid-column: 1;
    }
    #product-listing .listing-layout > .function-container.sort {
        grid-row: 1;
        grid-column: 2 / span 3;
        justify-self: end;
    }
    #product-listing .listing-layout > .product-container {
        grid-row: 2;
        grid-column: 2 / span 3;
    }
    #product-listing .listing-layout .fn-filter:not(.fixto-fixed) {
        position: static;
    }
    #product-listing .listing-layout .fn-filter.fixto-fixed .ctrl {
        margin-top: 40px;
    }
    #product-listing .listing-layout .fn-filter.fixto-fixed .filter-menu {
        margin-top: 10px;
    }
    
}

@media (min-width:1200px) {
    
    /* Header */
    .header-nav .menu-tool,
    .header-menu .tools {
        display: none !important;
    }
    
    .header-nav {
        grid-template-columns: auto 1fr auto;
    }
    
    .header-menu {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        grid-row: 1;
        grid-column: 2;
    }
    .header-menu,
    .header-menu .wrap,
    .header-menu .inner,
    .header-menu .main-menu,
    .header-menu .main-menu > li {
        height: 100%;
    }
    .header-menu .main-menu > li {
        display: flex;
        align-items: center;
    }
    .header-menu .main-menu > li:not(:last-child) {
        margin-right: 30px;
    }
    
    .header-menu .main-menu > li.has-dropdown {
        position: relative;
    }
    .header-menu .main-menu > li.has-dropdown > a {
        pointer-events: none;
    }
    .header-menu .main-menu > li.has-dropdown > a:hover {
        cursor: default;
    }
    .header-menu .menu-dropdown {
        display: none;
        width: 220px;
        padding: 20px;
        background: #fff;
        border: 1px solid var(--border-light-color);
        position: absolute;
        z-index: 100;
        left: -20px; 
        top: 100%;
        margin: 0 !important;
        height: auto !important;
        visibility: visible !important;
    }
    .header-menu .menu-dropdown li:not(:last-child) {
        margin-bottom: 8px;
    }
    
    html:not(.page-scrolling) .header-float-white .header-brand,
    html:not(.page-scrolling) .header-float-white .header-menu .main-menu > li > a,
    html:not(.page-scrolling) .header-float-white .header-system .tool > *:not(.search-form) {
        -webkit-filter: brightness(0%) invert(100%);
        filter: brightness(0%) invert(100%);
    }
    
    /* Footer */
    .footer-nav,
    .footer-subscribe {
        grid-column-gap: 200px;
    }
    
    /* Section */
    .sc-columns > *:first-child,
    .sc-alignment > *:first-child {
        padding-right: 70px;
    }

    .sc-columns .sc-column.spacing-right {
        padding-right: 50px;
    }
    
    /* Model */
    .model-group:nth-child(odd) .series-preview {
        transform: translateX(-50px);
    }
    .model-group:nth-child(even) .series-preview {
        transform: translateX(50px);
    }
    .model-group .series-control {
        -moz-column-gap: 50px;
             column-gap: 50px;
    }
    
    /* Model Nav */
    #model-nav {
        width: 100%;
        position: fixed;
        top: 0; left: 0;
        z-index: 101;
        opacity: 0;
        pointer-events: none;
    }
    #model-nav .nav-container {
        display: grid;
        grid-gap: 0 40px;
        grid-template-columns: 151px 1fr 105px;
        align-items: center;
        height: 85px;
    }
    #model-nav .nav-container .ctrl {
        display: none;
    }
    #model-nav .nav-menu {
        grid-column: 2;
        display: flex !important;
        opacity: 1 !important;
        visibility: visible !important;
        height: 100% !important;
    }
    #model-nav .nav-menu,
    #model-nav .nav-menu > li {
        height: 100%;
        display: flex;
        align-items: center;
    }
    #model-nav .nav-menu > li:not(:last-child) {
        margin-right: 30px;
    }
    #model-nav .nav-menu > li > a.active {
        background-size: 100% 0%;
        font-weight: bold;
    }
    #model-nav .nav-main-menu {
        position: relative;
    }
    #model-nav .nav-main-menu .nav-dropdown {
        display: none;
        width: 260px;
        background: #f8f8f8;
        position: absolute;
        left: -20px; top: 100%;
    }
    #model-nav .nav-main-menu .nav-dropdown li:not(:last-child) {
        border-bottom: 1px solid var(--border-light-color);
    }
    #model-nav .nav-main-menu .nav-dropdown a {
        padding: 5px 20px;
        min-height: 49px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: none;
    }
    #model-nav .nav-main-menu .nav-dropdown a:after {
        font-family: 'iconfont';
        content: "\e939";
        font-size: 18px;
        line-height: 1;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: center center;
        background-origin: border-box;
        background-image: linear-gradient(120deg, #fff 0%, #fff 100%);
        background-size: 60% 60%;
        opacity: 0;
        transition: .6s;
    }
    #model-nav .nav-main-menu .nav-dropdown a:hover:after {
        opacity: 1;
    }
    
    html.model-nav-enabled #model-nav,
    html.model-nav-enabled #header .header-menu,
    html.model-nav-enabled #header .header-system .account-tool,
    html.model-nav-enabled #header .header-system .cart-tool {
        transition: opacity .3s;
    }
    html.model-nav-enabled #header .header-menu,
    html.model-nav-enabled #header .header-system .account-tool,
    html.model-nav-enabled #header .header-system .cart-tool {
        opacity: 0 !important;
        pointer-events: none !important;
    }
    html.model-nav-enabled #model-nav {
        opacity: 1;
    }
    html.model-nav-enabled #model-nav .nav-menu > li {
        pointer-events: all;
    }
    
    /* Single Model */
    #single-model .compare-models {
        padding-left: 100px;
        padding-right: 100px;
    }
    
    
}

/*========== min and max ==========*/
@media (min-width:1200px) and (max-width:1279px) {
    
    .header-nav,
    #model-nav {
        font-size: 14px;
    }
    
}

/*========== max ==========*/
@media (max-width:1365px) {
    
    /* Contact */
    .contact-detail-container.service-center {
        grid-template-columns: repeat(3, 1fr);
    }
    
}

@media (max-width:1199px) {
    
    /* Text Style */
    h1, .size-h1 {
        font-size: 30px;
        line-height: 1.2;
    }
    h2, .size-h2 {
        font-size: 24px;
        line-height: 1.4;
    }
    h3, .size-h3,
    #product-meta .product_title {
        font-size: 20px;
        line-height: 1.4;
    }
    h4, .size-h4 {
        font-size: 18px;
        line-height: inherit;
    }
    h5, .size-h5 {
        font-size: 16px;
        line-height: inherit;
    }
    .size-lg {
        font-size: 40px;
        line-height: 1.2;
    }
    .size-xl {
        font-size: 50px;
        line-height: 1.2;
    }
    .size-xxl {
        font-size: 60px;
        line-height: 1.2;
    }

    /* Header */
    .header-nav {
        height: 75px;
        grid-gap: 0 20px;
        grid-template-columns: auto 1fr;
    }
    
    .header-brand,
    .header-system {
        position: relative;
        z-index: 101;
    }
    
    .header-menu-enabled {
        overflow: hidden !important;
    }
    .header-menu-enabled #main,
    .header-menu-enabled #footer {
        -webkit-filter: blur(3px);
        filter: blur(3px);
    }
    .header-menu {
        display: none;
        position: fixed;
        z-index: 100;
        top: 0; left: 0;
        padding-top: 75px;
        width: 100vw;
        max-width: 100vw;
        margin: 0 calc(50% - 50vw);
        height: calc(100vh);
        height: calc((var(--vhFlexible, 1vh) * 100));
        background-color: rgba(255,255,255,0.93);
        color: var(--theme-color);
        overflow: hidden;
    }
    .header-menu .wrap {
        width: auto;
        max-width: none;
        height: 100%;
        padding: 0 25px 0 0;
        margin-right: -25px;
        overflow: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .header-menu .inner {
        min-height: 100%;
        padding: 20px 50px 50px;
        display: flex;
        flex-direction: column;
    }
    .header-menu .inner > *:not(:last-child) {
        margin-bottom: 40px;
    }
    .header-menu .main-menu {
        flex: 1;
        flex-direction: column;
    }
    .header-menu .main-menu > li:not(:last-child) {
        margin-bottom: 20px;
    }
    .header-menu .main-menu > li.has-dropdown > a {
        position: relative;
    }
    .header-menu .main-menu > li.has-dropdown.active > a {
        font-weight: bold;
    }
    .header-menu .menu-dropdown {
        display: none;
        padding: 20px 0 20px 20px;
        transition: none;
    }
    .header-menu .menu-dropdown li:not(:last-child) {
        margin-bottom: 10px;
    }
    
    .header-menu .tools {
        flex-direction: column;
        align-items: flex-start;
    }
    .header-menu .tool:not(:first-child) {
        margin-left: 0 !important;
        margin-top: 20px;
    }
    
    .header-system .account-tool,
    .header-system .lang-tool {
        display: none !important;
    }
    .header-system .cart-tool:not(:first-child) {
        margin-left: 0 !important;
    }
    .header-system .search-tool {
        position: static;
    }
    
    .header-nav .search-form {
        width: calc(100vw - 100px);
        margin: 0 auto;
        position: fixed;
        top: calc(75px + 20px);
        left: 0;
        right: 0;
    }
    
    html:not(.page-scrolling):not(.header-menu-enabled) .header-float-white .header-brand,
    html:not(.page-scrolling):not(.header-menu-enabled) .header-float-white .header-system .tool > *:not(.search-form) {
        -webkit-filter: brightness(0%) invert(100%);
        filter: brightness(0%) invert(100%);
    }
    
    /* Page */
    #page.header-fixed-page {
        padding-top: 75px;
    }
    
    /* Product */
    #product-listing .sc-headline.style-bar {
        background-position: right -115px bottom;
    }
    
    /* Model Nav */
    #model-nav {
        width: 100%;
        position: fixed;
        top: 75px; left: 0;
        z-index: 99;
        opacity: 0;
        pointer-events: none;
        transition: opacity .3s;
    }
    html.model-nav-enabled #model-nav {
        opacity: 1;
        pointer-events: all;
    }
    #model-nav .nav-container {
        padding: 0;
        background: #fff;
        width: 100%;
        height: 55px;
    }
    #model-nav .nav-container > .ctrl {
        padding-left: 50px;
        padding-right: 50px;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: none;
        border-bottom: 1px solid var(--border-light-color);
    }
    #model-nav .nav-container > .ctrl:after {
        font-family: 'iconfont';
        content: "\e93b";
        font-size: 18px;
        line-height: 1;
    }
    #model-nav .nav-container > .ctrl.active:after {
        content: "\e93a";
    }
    #model-nav .nav-main-menu {
        display: none;
    }
    #model-nav .nav-menu {
        display: none;
        width: 100%;
        position: absolute;
        z-index: 99;
        left: 0; top: 100%;
        background: #f8f8f8;
        border-bottom: 1px solid var(--border-light-color);
    }
    #model-nav .nav-menu > li:not(:last-child) {
        border-bottom: 1px solid var(--border-light-color);
    }
    #model-nav .nav-menu > li > a {
        padding: 5px 50px;
        min-height: 54px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: none;
    }
    #model-nav .nav-menu > li > a.active {
        background-size: 100% 0%;
        font-weight: bold;
    }

}

@media (max-width:1024px) {
    
    .hidden-device { display: none !important;}
    
    /* Pagination */
    ul.page-numbers,
    .wp-pagenavi {
        justify-content: center;
    }
    
    /* Product */
    #product-listing .listing-layout {
        position: relative;
        display: grid;
        grid-gap: 40px 5px;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: -webkit-max-content;
        grid-auto-rows: max-content;
    }
    #product-listing .listing-layout > .function-container.filter {
        grid-row: 1;
        grid-column: 1;
    }
    #product-listing .listing-layout > .function-container.sort {
        grid-row: 1;
        grid-column: 2;
        justify-self: end;
    }
    #product-listing .listing-layout > .product-container {
        grid-row: 2;
        grid-column: 1 / span 2;
    }
    #product-listing .listing-layout .fixed-float {
        display: none !important;
    }
    #product-listing .listing-layout .fn-filter.fixed {
        position: relative !important;
        top: auto !important;
        left: auto !important;
    }
    
}

@media (max-width:991px) {
    
    .hidden-device-sm { display: none !important;}
    
    /* Text Style */
    .size-lg {
        font-size: 30px;
        line-height: 1.2;
    }
    .size-xl {
        font-size: 40px;
        line-height: 1.2;
    }
    .size-xxl {
        font-size: 50px;
        line-height: 1.2;
    }
    
    /* General */
    .container,
    .header-menu .inner,
    .breadcrumb-container,
    .sc-tile .sc-headline,
    #model-nav .nav-container > .ctrl,
    #model-nav .nav-menu > li > a,
    #single-model .featured-gallery.style1 .entry-title,
    #single-model #intro .sc-billboard .sc-ctrls.float {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .swiper-button-prev.fluid {
        left: 20px;
    }
    .swiper-button-next.fluid {
        right: 20px;   
    }
    
    /* Header */
    .header-nav .tool:not(:first-child) {
        margin-left: 20px;
    }
    .header-nav .search-form {
        width: calc(100vw - 40px);
    }
    
    /* Footer */
    .footer-nav,
    .footer-subscribe {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .footer-nav > *:not(:last-child) {
        margin-bottom: 30px;
    }
    .footer-contact + .footer-directory {
        margin-top: 80px;
    }
    .footer-subscribe > *:not(:last-child) {
        margin-bottom: 20px;
    }

    #addon {
        right: 20px;
        bottom: 20px;
    }
    
    /* Section */
    .sc-menu ul {
        justify-content: space-between;
    }
    
    .sc-headline.style-nav > * {
        width: 100%;
    }
    .sc-headline.style-nav > *:not(:last-child) {
        margin-bottom: 15px;
        margin-right: 0;
    }
    
    /* Contact */
    .contact-detail-container {
        grid-gap: 50px 20px;
    }
    .contact-detail-container,
    .contact-detail-container.service-center {
        grid-template-columns: repeat(2, 1fr);
    }
    
    #contact-map .map-container:before {
        padding-bottom: 64%;
    }
    
    /* Blog */
    .blog-container {
        grid-column-gap: 20px;
    }
    
    /* Service */
    .service-container {
        grid-template-columns: repeat(2, 1fr);
    }
    
    /* Article */
    #article .fixed-float {
        display: none !important;
    }
    #article .sc-headline {
        padding-bottom: 40px;
    }
    #article .sc-headline.fixed {
        position: static !important;
        top: auto !important;
        left: auto !important;
    }
    #article .sc-headline .sc-function {
        margin-top: 30px;
    }
    #article .share-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    #article .share-container .entry-title {
        margin-bottom: 0;
    }

    .popup-style-iframe .mfp-close {
        padding: 0 0 10px !important;
        transform: translate(0, -100%) !important;
    }
     
    
}

@media (max-width:767px) {
    
    .hidden-mobile { display: none !important;}
    .a-center-mobile { text-align: center !important;}
    .alignfull-mobile { 
        width: 100vw !important; 
        max-width: 100vw !important; 
        margin-left: calc(50% - 50vw) !important; 
        margin-right: calc(50% - 50vw) !important;
    }
    .alignwide-mobile {
        width: 100% !important;
        max-width: 100% !important; 
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    /* Form */
    .fields-cta .cta-container {
        justify-content: space-between !important;
    }
    .fields-cta .cta-container > *:not(.full-mobile) {
        flex: 1;
    }
    .fields-cta .cta-container > .full-mobile,
    .fields-cta .cta-container .button {
        width: 100%;
    }

    /* Instagram */
    .igfeed .iscwp-column, 
    .igfeed .iscwp-columns {
        width: 33.3333333% !important;
    }
    
    /* Post */
    .entry-content .wp-block-gallery .blocks-gallery-grid {
        grid-gap: 0 !important;
        grid-template-columns: 100% !important;
    }
    
    /* Slider */
    .swiper-button-prev {
        left: 4px;
    }
    .swiper-button-next {
        right: 4px;   
    }
    
    /* Popup */
    button.mfp-close:before,
    .modal-dismiss:before {
        font-size: 12px;
    }
    #popup-promo .modal-content {
        padding: 20px 20px 50px;
    }
    #popup-promo .modal-content .entry-title {
        margin-bottom: 15px;
    }
    
    /* Section */
    section.tile .sc-tile {
        width: 100%;
    }
    
    .sc-artwork {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .artwork-slider.change-mobile .artwork .object-fit:before {
        padding-bottom: 67.578125%;
    }
    .artwork-slider + .artwork-grid {
        margin-top: 20px;
    }
    .artwork-grid .artwork:not(:last-child) {
        margin-bottom: 10px;
    }
    
    /* Contact */
    .contact-detail-container,
    .contact-detail-container.service-center {
        grid-template-columns: 100%;
    }
    
    /* Blog */
    .blog-container {
        grid-template-columns: 100%;
    }
    
    /* Service */
    .service {
        padding: 30px 10px;
    }
    .service .entry-icon {
        margin: 0 auto 20px;
    }
    .service .entry-icon img {
        height: 35px;
    }
    
    
    /* Model */
    .modelcard-container {
        grid-template-columns: 100%;
    }
    
    .model-featured .sc-inner {
        padding-bottom: 20px;
    }
    
    .model-series-featured .preview .object-fit:before {
        padding-bottom: 150.390625%;
    }
    
    .model-group .sc-column.detail {
        padding: 70px 20px 0;
    }
    .model-group .sc-column.preview {
        position: relative;
    }
    .model-group .sc-column.preview:after {
        width: 50vw;
        height: 50vw;
    }
    .model-group .series-control {
        -moz-column-gap: 40px;
             column-gap: 40px;
    }
    
    /* Single Model */
    #single-model .compare-models .swiper-container {
        overflow: visible;
        cursor: -webkit-grabbing;
        cursor: grabbing;
    }
    #single-model .compare-models .swiper-slide {
        min-width: 728px;
    }

    .calc-container .calc-header,
    .calc-container .calc-body {
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }
    .calc-container .calc-body .calc-ctrls {
        padding-left: 20px;
        padding-right: 20px;
    }
    
}

@media (max-width:575px) {
    
    .hidden-mobile-sm { display: none !important;}
    
    /* Text Style */
    .service {
        font-size: 12px;
    }
    .service .entry-title {
        font-size: 16px;
    }
    
} 

@media (min-width:768px) and (max-width:1024px) {

    .calc-container .calc-body table tbody {
        font-size: inherit !important;
        line-height: inherit !important;
    }
}

/*========== IFRAME ==========*/
@media (max-device-width:414px) {
    
    .iframe-subscribe.position-footer {
        margin-bottom: -50px;
    }
    #mc_embed_signup.footerstyle {
        padding-bottom: 50px;
    }
    #mc_embed_signup.footerstyle #mc_embed_signup_scroll {
        flex-direction: column;
    }
    #mc_embed_signup.footerstyle #mc_embed_signup_scroll > .mc-field-group + #mc-embedded-subscribe {
        margin-left: 0;
        margin-top: 20px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        min-width: 0;
    }
    #mc_embed_signup.footerstyle #mce-responses {
        top: calc(100% + 8px) !important;
    }
    
}