@media screen and (max-width:1200px) {
    /* menu */
    body .off-canvas:not(.off-canvas-center) li.html {
        padding: 20px 30px;
    }
    .off-canvas-right ul li.current-dropdown > a i.icon-angle-down {
        transform: rotate(180deg);
    }
    .off-canvas-right .row-sub-menu .ux-menu-title.flex::after{
        content: "";
        font-family: fl-icons !important;
        font-size: 22px; 
        transform: rotate(180deg);
    }
    .off-canvas-right .has-dropdown .icon-angle-down {
        font-size: 22px;
        opacity: 1;
    }
    .off-canvas-right .row-sub-menu .ux-menu-title.flex {
        margin-bottom: 12px !important;
        line-height: 21px;
        font-family: var(--text-black);
        text-transform: inherit;
        font-size: 15px;
        justify-content: space-between;
        cursor: pointer;
    }
    .off-canvas-right ul li.has-dropdown > a{
        justify-content: space-between !important;
    }
    .off-canvas-right ul li.current-dropdown > a {
        border: 0 !important;
        justify-content: space-between !important;
    }
    .off-canvas-right .row-sub-menu .ux-menu + .ux-menu {
        margin-top: 24px;
    }
    .off-canvas-right .row-sub-menu .col-inner {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
    .off-canvas-right li.current-dropdown .sub-menu.nav-dropdown {
        position: relative;
        box-shadow: unset;
        left: 0 !important;
        width: 100%;
    }
    body .mfp-ready .mfp-close svg {
        display: none;
    }
    body .mfp-ready .mfp-close {
        left: unset;
        right: 316px;
        top: 30px !important;
        color: #000 !important;
        mix-blend-mode: inherit;
        opacity: 1;
        width: 20px;
        height: 20px;
        background: url('../image/close-menu.svg') center center/contain no-repeat;
    }
    .off-canvas-right li.html.header-button-2 > .header-button {
        text-align: right;
    }
    .off-canvas-right li.html.header-button-2 {
        border: 0 !important;
        padding-top: 0 !important;
    }
    .off-canvas-right .nav-sidebar.nav-vertical>li+li {
        border-top: 0;
    }
    .off-canvas-right .mfp-content {
        width: 100% !important;
        max-width: 368px;
        background: #fff !important;
    }
    .off-canvas li.html.header-button-2 > .header-button a.button.secondary.is-outline::after {
        width: 0;
    }
    .off-canvas li.html.header-button-2 > .header-button > a.button.secondary.is-outline {
        width: 42px;
        height: 38px;
        background: url(../image/phone.svg) center center / contain no-repeat !important;
        display: inline-flex;
        margin-left: 0;
        transition: all .25s ease-in-out;
        border: 0 !important;
        padding: 0 !important;  
    }
    .off-canvas .nav-vertical>li.menu-item:not(.header-search,.account-item,.cart-item)>a {
        border-bottom: 0;
        padding-bottom: 0px;
        text-align: left;
        justify-content: flex-start;
        flex: unset;
        line-height: 18px;
        font-size: 15px;
        letter-spacing: 0.6px;
        color: #000000;
        font-family: var(--text-bold);
        font-weight: normal;
        border-bottom: 1px solid #efefef;
        width: 100%;
        padding: 20px 30px !important;
    }
    .icon-menu:before {
        content: "" !important;
        background: url('../image/menu.svg');
        width: 27px;
        height: 20px;
        display: inline-block;
        background-size: contain;
        background-repeat: no-repeat;
        top: -1px;
        position: relative;
    }
    .off-canvas .nav-sidebar.nav-vertical>li.menu-item.active, 
    .off-canvas .nav-sidebar.nav-vertical>li.menu-item:hover {
        background-color: transparent;
    }
    .off-canvas .sidebar-menu {
        padding: 20px 0 20px 0 !important;
    }
    .off-canvas .row-sub-menu .ux-menu-title.flex.hide-sub::after {
        transform: rotate(0deg);
    }
    .off-canvas .row-sub-menu .ux-menu-title.flex.hide-sub {
        margin-bottom: 0 !important;
    }
    .off-canvas .ux-menu.hide-sub .ux-menu-link.flex.menu-item {
        display: none;
    }
    .off-canvas-right .row-sub-menu .ux-menu.hide-sub + .ux-menu,
    .off-canvas-right .row-sub-menu .ux-menu + .ux-menu.hide-sub {
        margin-top: 20px;
    }
    /* menu */
}
@media screen and (max-width:949px) {
    /* patrik */
    
    .row-icon-patrik > .col {
        padding-bottom: 0 !important;
    }
    .row-icon-patrik .box-image {
        max-width: 10rem;
    }
    .row-icon-patrik > .col{
        max-width: 50% !important;
        flex-basis: 50% !important;
    }
    .row-icon-patrik > .col .box-text h4 {
        font-size: 17px !important;
    }
    .row-icon-patrik > .col .box-text.text-center {
        padding: 10px 0 0 0;
    }
    .row-icon-patrik > .col:nth-child(1){
        padding-right: 10px !important;
    }
    .row-icon-patrik > .col:nth-child(2){
        padding-left: 10px !important;
    }
    /* patrik */
    /* faq */
    header.archive-page-header .row {
        max-width: 328px;
    }
    .blog-wrapper.blog-archive.page-wrapper .row.align-center{
        max-width: 428px;
    }
    .blog-archive h2.entry-title {
        font-size: 15px;
        line-height: 25px;
    }
    .blog-archive h1.page-title.is-large.uppercase {
        font-size: 26px;
        line-height: 36px;
        letter-spacing: 0;
        margin-bottom: 0;
    }
    body:not(.home) .banner-home {
        padding-top: 70px !important;
        padding-bottom: 50px !important;
    }
    .wrap-team.wrap-team-sl {
        width: 100%;
        left: 0;
    }
    .row-sl-team {
        margin-top: 0;
    }
    .wrap-team .item {
        margin-right: 25px !important;
    }
    .st_kontaktieren .h1-h3 p strong {
        font-size: 16px;
    }
    .st_kontaktieren .row > .col:nth-child(2) {
        padding-right: 30px!important;
        padding-left: 30px!important;
        padding-top: 50px !important;
        padding-bottom: 40px !important;
    }
    .st_ratgeber .haufige-row .active-p-menu p::after {
        transform: rotate(180deg);
    }
    .st_ratgeber.st_ratgeber_faq h1 {
        max-width: 22rem;
        font-size: 32px;
    }
    .st_ratgeber h1 br {
        display: none;
    }
    .haufige-row > .col:nth-child(1) > .col-inner:not(.active-sb-menu) a.button.primary {
        display: none;
    }
    .all_faq {
        width: 100%;
    }
    .st_ratgeber .haufige-row .all_faq p::after {
        content: "" !important;
        background: url(../image/dr-mobi.svg);
        background-repeat: no-repeat;
        background-position: center;
        width: .75rem;
        height: .75rem;
        display: block;
        transition: all .5s;
        filter: invert(1);
    }
    .haufige-row > .col a.button.primary + a.button.primary {
        margin-left: 0;
    }
    .st_ratgeber .haufige-row a.button.primary {
        width: 100%;
        margin-top: 10px;
    }
    .st_ratgeber .haufige-row .all_faq p {
        max-width: 100%;
        margin: 0;
        background: #54C10F 0% 0% no-repeat padding-box;
        border-radius: 13px;
        padding: 12px 20px;
        font-size: 14px;
        line-height: 16px;
        display: inline-flex;
        width: 100%;
        justify-content: space-between;
        color: #fff;
        cursor: pointer;
    }
    .haufige-row .col .col {
        padding-left: 15px;
        padding-right: 15px;
    }
    .haufige-row > .col:nth-child(2) > .col-inner {
        padding-top: 20px;
    }
    body .accordion-title.active {
        font-size: 16px;
    }
    /* faq */
    /* single blog */
    .row-nur + .row.row-kle.pt-70 {
        padding-top: 30px !important;
    }
    .st_wunschboden .row > .col:nth-child(2) {
        padding-top: 30px !important;
        padding-left: 30px !important;
        flex-basis: 100%;
        max-width: 100%;
    }
    .st_wunschboden .row > .col:nth-child(1) {
        flex-basis: 100%;
        max-width: 100%;
    }
    .banner-home .h4 p {
        font-size: 18px;
        line-height: 28px;
    }
    .banner-home .h4 p:last-child {
        margin-bottom: 0;
    }
    .banner-home a.button.primary {
        margin-top: 20px;
    }
    .st_schnell.nt_schimmel .row-ent > .col:nth-child(2n):not(.no-arrow) .ent-box::after, .st_schnell.nt_fassade .row-ent > .col:nth-child(2n):not(.no-arrow) .ent-box::after {
        top: unset;
    }
    .section-wrap-related-blog button.flickity-button.flickity-prev-next-button {
        display: block;
    }
    .container.rank-math-breadcrumbs,
    .blog-wrapper.blog-single.page-wrapper > .row.align-center {
        max-width: 428px;
    }
    .blog-wrapper.blog-single.page-wrapper > .row.align-center .large-10.col h2 {
        font-size: 18px;
        line-height: 28px;
    }
    .blog-wrapper.blog-single.page-wrapper > .row.align-center .large-10.col ul li,
    .blog-wrapper.blog-single.page-wrapper .entry-content p {
        letter-spacing: 0.3px;
    }
    .rank-math-breadcrumb p, .rank-math-breadcrumb a {
        font-size: 12px;
        letter-spacing: 0; 
        line-height: 18px;
    }
    .blog-wrapper.blog-single.page-wrapper h1.entry-title {
        margin-bottom: 30px;
        line-height: 36px;
        font-size: 26px;
    }
    .container.rank-math-breadcrumbs {
        margin-bottom: 4px;
    }
    /* single blog */
    /* blog */
    .loadmore-news.loadmore-blog.text-center a.button.primary {
        margin-top: 0;
    }
    .bg_mobi .section-content > .img * {
        height: 100%;
        object-fit: cover;
    }
    .st_unsicher{
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .st_unsicher .col-2-banner-home .col-inner {
        margin-top: 30px;
    }
    .wrap-blog .box {
        padding: 0 0 0 20px;
    }
    .wrap-blog .img-p {
        height: 128px;
        width: 128px;
    }
    .wrap-blog .box h5 {
        margin-bottom: 13px;
    }
    .wrap-blog {
        margin: 0;
        padding: 0;
    }
    .list-taxonomy-category {
        margin-bottom: 10px;
    }
    .wrap-blog .item {
        flex-basis: 100%;
        max-width: 100%;
    }
    .st_ratgeber.pt-80 .pb-80 {
        padding-bottom: 40px !important;
    }
    .st_ratgeber.pt-80 {
        padding-top: 40px !important;
    }
    .st_ratgeber .fs-24 p {
        font-size: 18px;
        line-height: 28px;
    }
    .st_ratgeber h1 {
        font-size: 31px;
    }
    .list-taxonomy-category .list-taxonomy-main {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .list-taxonomy-category input.woof_checkbox_term {
        margin-bottom: 0;
    }
    .list-taxonomy-category .icheckbox_square-blue span {
        padding: 0 20px;
        font-size: 14px;
        border-radius: 13px;
        white-space: nowrap;
        line-height: 38px;
    }
    /* blog */
    /* ueber */
    .st_warum.st_qualitat {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .st_starke .row > .col:nth-child(2) {
        padding-top: 30px !important;
        padding-left: 30px !important;
        flex-basis: 100%;
        max-width: 100%;
    }
    .st_starke .row > .col:nth-child(1) {
        flex-basis: 100%;
        max-width: 100%;
    }
    .st_deine .title-box h2 {
        max-width: 294px;
        margin: auto;
        margin-bottom: 20px;
    }
    .banner-page.banner-home.pt-60 {
        min-height: 452px!important;
    }
    /* ueber */
    /* schimmel */
    .row.row-kle .col .h3-h5 p {
        min-height: 40px;
    }
    .row.row-kle.pt-70 {
        padding-top: 0 !important;
    }
    .row.row-kle .flickity-viewport {
        overflow: inherit;
    }
    .row.row-kle {
        padding: 0 38px;
    }
    .row.row-kle .col {
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 0 !important;
    }
    .st_deine.st_garantie .row-icon .col {
        padding-bottom: 0 !important;
    }
    .st_probleme .row-icon .col > div {
        min-height: 170px;
    }
    .st_probleme.st_deine .row-icon {
        margin-top: 10px; 
    }
    .nt_phasen .row-ent> .col:nth-child(2) .ent-box {
        margin-top: 70px !important;
    }
    .nt_phasen .row-ent> .col:nth-child(2n+1):not(:nth-child(1)) .ent-box {
        margin-top: 70px;
    }
    /* schimmel */
    /* home */
    .row-ent > .col:nth-child(2n+1):not(.no-arrow) .ent-box::after {
        background: url('../image/curved-arrow.svg') center center/cover no-repeat;
        left: calc(50% - 25px);
        top: unset;
        animation: unset;
        bottom: -56px;
        transform: unset;
        width: 50px;
        height: 50px;
    }
    .row-ent > .col:nth-child(2n):not(.no-arrow) .ent-box::after{
        background: url('../image/curved-arrow-2.svg') center center/cover no-repeat;
        left: calc(50% - 25px);
        top: unset;
        animation: unset;
        bottom: -56px;
        transform: unset;
        width: 50px;
        height: 50px;
    }
    .st_warum .section-content > .row > .col > div h3 {
        font-size: 16px;
        line-height: 26px;
    }
    .st_warum .section-content > .row > .col > div {
        max-width: 368px;
        padding: 40px 20px;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .st_warum {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
        min-height: fit-content !important;
    }
    .st_partner .row,
    .st_san .row{
        max-width: 428px !important;
    }
    .st_san .row > .col:nth-child(2){
        padding-top: 45px;
    }
    .st_san .row > .col:nth-child(3) {
        padding-left: 30px !important;
        flex-basis: 100%;
        max-width: 100%;
        padding-top: 55px;
    }
    .st_san .row > .col {
        padding-left: 30px!important;
        padding-right: 30px!important;
    }
    .st_san .row > .col:nth-child(1), .st_san .row > .col:nth-child(2) {
        flex-basis: 100%;
        max-width: 100%;
    }
    .st_moglich .icon-box-left .icon-box-img{
        top: -3px;
    }
    .st_schnell a.button.primary {
        margin-top: 30px;
    }
    .row-ent> .col:nth-child(2n+1):not(:first-child) .ent-box,
    .row-ent> .col:nth-child(2n) .ent-box {
        margin-top: 70px;
        margin-bottom: 0;
    }
    .st_umgesetzt .row > .col h2 {
        max-width: 292px;
    }
    .st_umgesetzt .row > .col:nth-child(2) {
        margin-top: 30px;
    }
    .st_umgesetzt {
        margin-top: 30px;
    }
    .sl-boden button.flickity-button.flickity-prev-next-button.next {
        left: calc(50% + 5px);
    }
    .sl-boden button.flickity-button.flickity-prev-next-button.previous {
        left: calc(calc(50% - 69px));
    }
    .sl-boden .slider .flickity-viewport {
        overflow: inherit;
    }
    .sl-boden .slider {
        width: 100%;
    }
    .sl-boden .slider {
        padding-bottom: 55px;
    }
    .row.row-boden >.col .box .box-text .bode p {
        font-size: 13px;
        line-height: 23px;
    }
    .garan ul li {
        font-size: 15px;
        text-align: left;
    }
    .row.row-boden >.col .box .box-text.text-left .box-text-inner {
        text-align: center;
    }
    .garan {
        padding-top: 15px;
        margin-top: 15px;
    }
    .row.row-boden >.col .box .box-text .bode p strong {
        font-size: 15px;
        line-height: 21px;
    }
    .row.row-boden >.col > div {
        padding: 0 22px 30px;
    }
    .row_428 .row.row-boden {
        max-width: 318px !important;
        margin: 0 20px 0 0 !important;
    }
    .st_deine .row .pb-20 {
        padding-bottom: 0 !important;
    }
    .st_deine .row-icon .flickity-viewport {
        overflow: inherit;
    }
    .row.besich-row > .col >div h3 {
        font-size: 17px;
    }
    .st_moglich h2 {
        margin-bottom: 20px;
    }
    .row.besich-row > .col {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .row.besich-row {
        padding: 30px 20px;
        margin-top: .375rem;
        margin-bottom: 30px;
    }
    .row.besich-row > .col + .col{
        margin-top: 20px;
        padding-top: 20px;
    }
    .row.besich-row > .col + .col::before {
        content: '';
        position: absolute;
        height: 1px;
        width: 100%;
        background-color: #D1D1D1;
        left: 0;
        top: 0;
    }
    .row_428 .row.besich-row {
        max-width: calc(100% - 60px) !important;
        width: 428px;
    }
    .st_handwerker .row.show-for-medium a.button.primary {
        margin-top: 30px;
    }
    .st_handwerker .row.show-for-medium .icon-box.featured-box.sek-icon {
        align-items: center;
        width: fit-content;
        margin-top: 12px;
    }
    .bis-box p em {
        font-size: .5rem;
        line-height: 1;
        margin-bottom: 4px;
        display: inline-flex;
    }
    .bis-box p strong {
        font-size: 20px;
    }
    .bis-box p {
        line-height: 17px;
        font-size: 12px;
    }
    .bis-box {
        bottom: -15px;
        right: 2rem;
        width: 89px;
        height: 81px;
        padding-left: .5rem;
        padding-bottom: 10px;
    }
    .image-right {
        right: -3rem;
        max-width: 177px;
    }
    .garten-row > .col:nth-child(2) .garten-box li:nth-last-child(3),
    .garten-row > .col:nth-child(2) .garten-box li:nth-last-child(2),
    .garten-row > .col:nth-child(2) .garten-box li:nth-last-child(1) {
        max-width: 250px;
    }
    a.button.secondary.and-top {
        font-size: 16px;
    }
    .garten-box p, .garten-box ul li {
        font-size: 15px;
        line-height: 25px;
    }
    .garten-box ul li {
        margin-bottom: 13px;
    }
    .garten-row > .col:nth-child(1) .garten-box {
        border-radius: 16px;
        padding: 50px 20px;
    }
    .garten-row > .col:nth-child(2) .garten-box {
        border-radius: 16px;
        padding: 50px 20px 10px 20px;
    }
    .garten-row > .col:nth-child(2) {
        margin-top: -20px;
    }
    .bg_mobi .section-bg.fill {
        display: none;
    }
    .bg_mobi{
        position: relative;
        overflow: hidden;
    }
    .bg_mobi .section-content {
        position: unset !important;
    }
    .bg_mobi .section-content > .img {
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
    }
    .garten-row > .col:nth-child(1),
    .garten-row > .col:nth-child(2) {
        flex-basis: 100%;
        max-width: 100%;
    }
    .row-icon {
        padding:0 38px;
    }
    .row-icon .col > div {
        padding: 23px 30px;
    }
    .row-icon .col {
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 0 !important;
    }
    .arrow-bottom .flickity-enabled {
        padding-bottom: 55px;
    }
    .arrow-bottom button.flickity-button.flickity-prev-next-button.previous {
        bottom: 0;
        top: unset;
        left: calc(50% - 69px );
    }
    .arrow-bottom .flickity-prev-next-button.next {
        bottom: 0;
        top: unset;
        left: calc(50% + 5px);
    }
    .st_exk {
        padding-top: 17px !important;
        padding-bottom: 15px !important;
    }
    .row-exk > .col >.col-inner .prei-box p {
        font-size: 16px;
        line-height: 23px;
    }
    .col-2-banner-home .col-inner p {
        line-height: 20px;
    }
    .st_qualifizierte .row,
    .st_umgesetzt .row,
    .row_428 .row,
    .st_deine .row,
    .banner-home .row {
        max-width: 428px !important;
    }
    .banner-home.pt-60 {
        padding-top: 70px !important;
    }
    .col-2-banner-home .col-inner p strong {
        font-size: 20px;
    }
    .col-2-banner-home .col-inner {
        padding: 20px;
        margin-top: 40px;
    }
    /* home */
    /* footer */
    .footer-section {
        padding-top: 154px !important;
        padding-bottom: 30px !important;
    }
    
    .fs-20 p {
        font-size: 16px;
        line-height: 20px;
    }
    .social-icons.follow-icons a.facebook::before {
        width: 12px;
        height: 23px;
    }
    .social-icons.follow-icons a.youtube::before {
        width: 30px;
        height: 23px;
    }
    .social-icons.follow-icons a.instagram::before,
    .social-icons.follow-icons a.tiktok::before {
        width: 23px;
        height: 23px;
    }
    .row.row-icon-payment > .col {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .row-icon-payment>.col>div {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .row-icon-payment>.col>.col-inner>.img {
        margin-left: 0 !important;
        max-width: 36px;
        margin-right: 10px;
    }
    .row-ft-bottom  >.col >.col-inner .ux-menu.stack.stack-col {
        display: flex;
        flex-direction: row;
        margin-left: auto;
        margin-right: auto;
    }
    .row-ft-bottom >.col >.col-inner p {
        width: 100%;
        text-align: center;
        padding-top: 20px;
        margin-bottom: 10px;
    }
    .row.row-icon-payment {
        order: -1;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        border-bottom: 1px solid #AAAAAA67;
        padding-bottom: 30px !important;
    }
    .footer-bottom .section-content > .row > .col > div {
        border-top: 0;
        padding-top: 0px !important;
        flex-direction: column;
        align-items: flex-start;
    }
    .row.row-ft-bottom {
        max-width: 428px;
    }
    .cl_leis .title-footer p {
        margin-bottom: 15px;
    }
    .cl-logo > .col-inner p {
        line-height: 20px;
    }
    .title-footer p {
        line-height: 1.25rem;
        font-size: 16px;
    }
    .cl-has-dropdown .title-footer p.active::after {
        transform: rotate(180deg);
    }
    .cl-logo > .col-inner .fs-14 p {
        font-size: .875rem;
        line-height: 1.25rem;
    }
    .row-myworker > .col > .col-inner div#email-1 input {
        max-width: calc(100% - 72px);
    }
    .row-myworker > .col > .col-inner .forminator-row.forminator-row-last button.forminator-button.forminator-button-submit {
        max-width: 62px !important;
        width: 62px !important;
        height: 38px!important;
        min-width: 62px !important;
    }
    .row-myworker > .col > .col-inner .icon-box p {
        line-height: 25px;
    }
    .row-myworker > .col > .col-inner .icon-box-center .icon-box-img {
        margin-bottom: 10px;
        max-width: 173px;
    }
    .row-myworker > .col > .col-inner .icon-box strong {
        font-size: 22px;
        line-height: 32px;
    }
    .row-myworker > .col > .col-inner {
        max-width: 368px;
        padding: 30px 20px;
    }
    .cl_leis {
        order: 10;
    }
    .footer-section .row {
        max-width: 428px;
    }
    .footer-section .row > .col {
        padding-left: 30px !important;
        padding-right: 30px !important;
        padding-top: 0 !important;
    }
    .footer-wrapper {
        padding-top: 50px;
    }
    .footer-bottom {
        padding-top: 0 !important;
        padding-bottom: 24px!important;
    }
    .cl-has-dropdown .col-inner:not(.active) .row, .cl-has-dropdown .col-inner:not(.active) .ux-menu {
        display: none;
    }
    .cl-has-dropdown .title-footer p {
        display: flex;
        justify-content: space-between;
        padding-bottom: 0px;
        cursor: pointer;
        align-items: center;
        margin-bottom: 20px;
        font-size: 16px;
        letter-spacing: 0;
        color: #121212;
    }
    .cl-has-dropdown .title-footer p::after {
        content: ""!important;
        background: url(../image/dr-mobi.svg);
        background-repeat: no-repeat;
        background-position: center;
        width: 1rem;
        height: .625rem;
        display: block;
        transition: all .5s;
        /* transform: rotate(45deg); */
    }
    .footer-section .row > .col .ux-menu {
        margin-bottom: 20px;
    }
    /* footer */
    /* header */
    body #logo {
        width: 145px !important;
        margin-right: 10px;
        margin-left: 10px;
    }
    .header-main .nav > li > a {
        padding: 0 !important;
    }
    .header-main {
        height: 80px!important;
    }
    .header .header-top {
        min-height: 36px;
        height: 36px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .header .header-top .flex-row.container {
        display: flex;
        align-items: center;
    }
    .top-bar-box p {
        letter-spacing: 0.26px;
        font-size: 11px;
    }
    body .transparent #logo img,
    body #logo img {
        max-height: 39px;
    }
    
    .row-top-bar .col-inner .icon-box-img {
        top: 2px;
    }
    .row-top-bar .col-inner .icon-box.featured-box.icon-box-left.text-left {
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
        padding: 0 !important;
    }
    .row-top-bar .col-inner .icon-box-left .icon-box-img+.icon-box-text {
        width: fit-content;
        flex: unset;
    }
    .row-top-bar .col-inner:not(.flickity-enabled) * {
        opacity: 0;
    }
    .row-top-bar .col-inner .icon-box.featured-box.icon-box-left.text-left p {
        line-height: 1rem;
    }
    ul.mobile-nav.nav.nav-right .header-button a.button.secondary.is-outline::after {
        width: 0;
    }
    ul.mobile-nav.nav.nav-right .header-button a.button.secondary.is-outline {
        width: 42px;
        height: 38px;
        background: url(../image/phone.svg) center center / contain no-repeat !important;
        display: inline-flex;
        margin-left: 0;
        transition: all .25s ease-in-out;
        border: 0 !important;
        padding: 0 !important;
    }
    /* header */
    /* global */
    :root {
        --input-height: 38px !important;
        --input-height-50: 38px !important;
    }
    .flickity-prev-next-button {
        width: 64px !important;
        height: 30px;
        border-radius: 13px;
    }
    a.button.white, a.button.primary, a.button.secondary {
        padding: 0 25px;
        font-size: 14px;
        border-radius: 13px !important;
    }
    .sidebar-contact {
        display: none;
    }
    h1, h2, h3, h4, h5, h6 {
        word-break: break-word;
    }
    html{
        font-size: 100%;
    }
    
   
    .section .medium-1,.section .medium-2,.section .medium-3,.section .medium-4,.section .medium-5, 
    .section .medium-6,.section .medium-7,.section .medium-8,.section .medium-9,.section .medium-10, 
    .section .medium-11,.section .medium-12 {
        max-width: 100%;
        flex-basis: 100%;
    }
    body .container,
    .section > .section-content > .row > .col{
        padding-left: 30px;
        padding-right: 30px;
    }
    .pt-120 {
        padding-top: 50px !important;
    }
    .pb-120 {
        padding-bottom: 50px !important;
    }
    
    body .slide-hero h2, body .banner-page h2, body .banner h1, .banner-home h2, body h1{
        font-size: 32px;
        line-height: 42px;
        letter-spacing: 0;
    }
    body h2 {
        font-size: 26px;
        line-height: 36px;
        letter-spacing: 0;
    }
    body .h1-h3 h1, body .h2-h3 h2, body h3, body .banner h3 {
        line-height: 32px;
        font-size: 22px;
        letter-spacing: 0;
    }
    body .h5 h3, body h5 {
        font-size: 15px;
        line-height: 25px;
    }
    body p.lead {
        margin-top: 0;
        font-size: 16px;
        line-height: 28px; 
    }
    .pb-80,
    .pb-60,
    .pb-70,
    .pb-90,
    .pb-130 ,
    .pb-100 {
        padding-bottom: 50px !important;
    }
    .pt-60,
    .pt-90,
    .pt-70,
    .pt-80,
    .pt-100 {
        padding-top: 50px !important;
    }
    body h3, body .banner h3 {
        line-height: 36px;
        font-size: 26px;
    }
    body .h3-h4 h3, .h4 p, body h4 {
        font-size: 16px;
        line-height: 1.625rem;
    }
    body .h4 p.lead, body h4 {
        font-size: 22px;
        line-height: 32px;
    }
    .mobi{
        display: block !important;
    }
    body .box-text, body, p {
        font-size: 15px;
        line-height: 25px;
        letter-spacing: 0;
    }
    body .col, body .columns, body .gallery-item {
        padding-left: 30px;
        padding-right: 30px;
    }
    body .slider-wrapper .flickity-prev-next-button {
        display: block;
    }
    body .accordion .toggle {
        top: 6px;
    }
    body .accordion-item + .accordion-item {
        margin-top: 7px;
    }
    body .accordion-title {
        font-size: 16px;
        line-height: 26px;
    }
    /* global */
}