@media(max-width: 1359px) {
    .col-full {
        padding: 0 20px;
    }
    .single .entry-content > img{
        width: 100%
    }
    .matrix-offset-cover.wp-block-cover .wp-block-cover__inner-container{
        padding: 0 20px;
    }
    .matrix-full-cover.wp-block-cover {
        margin-left: -30px;
    }    
}

@media(max-width: 1200px) {
    .celebrity-charts-loop-container .celebrity-charts-slider-item {
        height: calc((100vw - 60px) / 3 / 1.9);
    }    
    .matrix_slider_offset .owl-stage {
        left: calc((100vw - 60px) / 3 / 2 + 15px);
    } 
    .matrix-loop-container{
        justify-content: center;
    }
    .woocommerce ul.products{
        width: 100%
    }
    body .cky-consent-container{
        left: 20px;
        width: calc(100% - 40px);
    }
    .main-navigation ul.menu, .main-navigation ul.nav-menu{
        gap: 10px;
    }    
    header nav ul.menu li a{
        padding: 10px
    }
    #contact.wp-block-cover h1 {
        font-size: 38px;
        line-height: 44px;
    }
    #contact.wp-block-cover p {
        font-size: 18px;
    }
}

@media(max-width: 992px) {  
    #chart-widget .wp-block-heading {
        font-size: 30px!important;
        line-height: 40px;
    } 
    .relevanssi-live-search-result{
        width: 100%
    }
    #reviews-slider .wp-block-group.wp-block-group-is-layout-flex {
        padding: 0;
        background: transparent;
    }    
    .matrix-help-you.matrix-help-you-style2 {
        gap: 15px!important;
        flex-direction: column;
        max-width: 500px;
        margin: auto;
    }    
    .matrix-help-you.matrix-help-you-style2 > .wp-block-column:last-child {
        position: static;
    }
    .matrix-snake::before {
        content: unset;
    }    
    .hit-row {
        flex-direction: column;
        gap: 0;
    }  
    .hidden-laptop{
        display: none!important;
    }  
    .hit-img-col{
        gap: 0;
    }    
    .hit-img-col figure{
        width: 100%
    }
    .hit-img-col figure img{
        width: 100%;
        height: 60vw;
        object-fit: cover;
    }   
    #contact.wp-block-cover {
        height: auto;
    }  
    #contact.wp-block-cover h1 {
        font-size: 42px;
        line-height: 46px;
    }    
    .wp-block-group.wp-block-group-is-layout-flex {
        gap: 20px;
        align-items: center;
    }
    .woocommerce-MyAccount-navigation{
        margin-bottom: 35px
    }
    .woocommerce-MyAccount-navigation li{
        order: 2
    }
    .woocommerce-MyAccount-navigation li.is-active{
        order: 1;
        margin-right: 90px;
    }    
    header.site-header .matrix-header-user {
        position: fixed;
        right: 90px;
        top: 12px;
        width: 40px;
        height: 40px;
        overflow: hidden;
        display: block;
        color: transparent;
        border: 1px solid #51459b;
        border-radius: 50%;
        padding: 4px;
    }
    header.site-header .matrix-header-user::after{
        content: unset;
    }
    header.site-header .matrix-header-user svg{
        width: 20px;
        height: 18px;
        position: relative;
        top: 4px;
        left: 5px;
    }
    header.site-header .matrix-header-user svg path{
        fill: #51459b;
    }
    .logged-in .matrix-header-user:before    {
        display: none!important;      
    }
    .site-main .woocommerce ul.products li.product{
        width: 100%!important;
        max-width: 480px;
        padding-right: 30px;
        margin: 0 auto!important;
        background: linear-gradient(180deg, rgba(255,255,255,0.6) 51%, rgba(255,255,255,0.06) 90%, rgba(255,255,255,0) 100%);
        border-radius:  30px;
    }
    .woocommerce ul.products > .product:nth-child(2){
        order: -1
    }
    .woocommerce ul.products > .product:nth-child(1){
        order: 1
    }    
    .woocommerce ul.products {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding-bottom: 15px;
    }
    .site-branding {
        width: auto;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10
    }
    .site-branding .site-title{
        font-size: 24px;
        line-height: 30px;
    } 
    .main-navigation{
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        transition: all, ease, .8s;
        max-height: 0;
        overflow: hidden;
    }
    .main-navigation.toggled{
        background: #51459b;
        z-index: 10;
        padding: 55px 20px 20px 20px;        
        max-height: 100vh;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    .main-navigation ul li a{
        color: transparent!important;
        font-size: 26px;
        font-family: "Cinema Sunday";
        padding: 4px 0!important;
        border: unset;
    } 
    .main-navigation.toggled ul li a{
        color: #FDF5F4!important;
    }     

    .site-footer .footer-widgets{
        display: flex;
        flex-direction: column;
        align-items: center;
    } 
    .site-footer .wp-block-social-links {
        justify-content: center;
    }  
    .site-footer .widget_text{
        text-align: center;
    }  
    .widget {
        margin: 0 0 1.7em;
    }   
    .site-footer {
        padding: 1.618em 0 .7em;
        margin: 0;
        width: 100%;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    } 
    .site-footer .menu {
        display: flex;
        flex-direction: column;
        align-items: center;
    }  
    .site-footer .widget_nav_menu ul li.menu-item {
        padding-left: 0;
    }   
    .site-footer .widget_nav_menu {
        margin-top: 20px;
        margin-bottom: 30px;
    }       
    .footer-widget-1 > div:first-child {
        margin-bottom: 0;
        margin-top: 20px;
    }   
    .footer-payments {
        padding-left: 0;
        margin-top: 0;
        margin-bottom: 20px;
    }  
    .widget.widget_cnss_widget {
        margin-bottom: 30px;
    }       
    .chakra-chart{
        display: flex;
        justify-content: center;
        margin-bottom: 30px;
        width: 570px;
        flex-direction: column;
    }       
    .chakra-data{
        display: flex;
        flex-direction: column-reverse;
    }
    .chakra-compatibility-charts.chakra-data{
        flex-direction: column;
    } 
    .health-chart {
        margin-bottom: 75px;
    }       
    .home h2, .home .h2{
        font-size: 30px;
        text-align: center;
    }
    #mx-reviews{
        text-align: left;
    }
    h3{
        font-size: 24px;
        line-height: 32px;
        font-weight: 400;
    }     
    h4{
        font-size: 18px;
        line-height: 26px;
        font-weight: 600;
    }      
    .health-chart-stars img,
    .head-page-stars img {
        max-width: 29px;
    }    
    .health-chart-stars img:nth-child(1) {
        top: -478px;
        left: 5px;
    }
    .health-chart-stars img:nth-child(2) {
        top: -357px;
        left: -5px;
    }
    .health-chart-stars img:nth-child(3) {
        top: -249px;
        left: 34px;
    }
    .health-chart-stars img:nth-child(4) {
        top: -148px;
        left: 67px;
    }
    .health-chart-stars img:nth-child(5) {
        top: -145px;
        right: 10px;
        left: unset;
    }
    .health-chart-stars img:nth-child(6) {
        right: 41px;
        left: unset;
    }    
    .health-chart-stars img:nth-child(7) {
        top: -63px;
        left: -10px;
    }
    .health-chart-stars img:nth-child(8) {
        top: -477px;
        right: -5px;
    }
    .health-chart-stars img:nth-child(9) {
        top: -383px;
        right: -12px;
    }
    .health-chart-stars img:nth-child(10) {
        top: -414px;
        left: 48px;
    }
    .health-chart-stars img:nth-child(11) {
        top: -399px;
        right: 35px;
    }
    .health-chart-stars img:nth-child(12) {
        top: -308px;
        right: 47px;
    }    
    .health-chart-stars img:nth-child(13) {
        top: -230px;
        right: 0;
    }
    .head-page-stars img:nth-child(1){
        top: -9px;
        left: 19px;
    }
    .head-page-stars img:nth-child(5),
    .head-page-stars img:nth-child(3){
        display: none;
    }
    .head-page-stars img:nth-child(4){
        top: -28px;
        right: 36px;
    }
    .head-page-stars img:nth-child(6){
        top: 39px;
        right: -7px;
    }
    .head-page-stars img:nth-child(2){
        top: 57px;
        left: 59px;
        max-width: 16px;
    }     
    .wp-block-image img{
        position: relative;
        z-index: 1;

    } 
    .hentry.type-page .entry-header{
        padding: 0 0 13px 0px
    } 
    #page {
        padding-bottom: 60px;
    }     
    .matrix-log-bg > * {
        width: 133px;
    }    
    .matrix-log-bg div:nth-child(6) {
        left: 35%;
        top: -150px;
        transform: rotate(334deg);
    }  
    .woocommerce-MyAccount-navigation ul{
        max-height: 78px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        -webkit-transition:all,ease,.25s;
        transition:all,ease,.25s;
    }
    .woocommerce-MyAccount-navigation ul.active{
        max-height: 1500px;
    }   
    .woocommerce-MyAccount-content > .woocommerce{
        width: 100%
    } 
    .matrix-loop-container {
        gap: 20px;
    }
    .matrix-loop-container.matrix-top-article article .matrix-post-views {
        top: -276px;
    }
    footer .cnss-social-icon{
        text-align: center!important
    }
    .matrix-header-mini-cart {
        margin: 0 40px 0 0;
        float: right;
    }  
    header.site-header .matrix-header-user > div {
        color: transparent;
    }    
    .footer-widget-1{
        order: 1
    }   
}

@media(max-width: 767px) { 
    .matrix-products-container{
        flex-direction: column;
    }
    .wp-block-cover .wp-block-search__inside-wrapper{
        flex-direction: column;
        gap: 10px;
    }
    #chart-widget .wp-block-columns {
        align-items: flex-start!important;
        flex-direction: column;
    }
    .relevanssi-live-search-results .ajax-results {
        flex-direction: column;
    }  
    button[type=submit].wp-block-search__button{
        margin-left: 0
    }  
    .matrix-form-row {
        gap: 0;
    }
    .matrix-form-row .wpforms-container {
        padding-left: 20px!important;
    }    
    .site-content{
        padding-top: 10px;
    }
    .health-chart {
        margin-top: 215px;
        margin-bottom: 0;
    }    
    .matrix-cabinet-charts .health-chart {
        margin-top: 30px;
    }       
    body:not(.home) .entry-content p {
        margin-bottom: 30px;
    }       
    .hit-row .wp-block-image figure{
        height: 60vw;
        width: 100%;
        display: block;
        overflow: hidden;
        border-radius: 10px;
    }
    .hit-row .wp-block-image figure img{
        object-fit: cover;
        object-position: center;
        height: 100%;
    } 
    .hit-row .wp-block-buttons{
        justify-content: center;
    }   
    img{
        border-radius: 10px
    }
    .bg-1::before, .bg-2::before, .bg-3::before, .bg-4::before, .bg-5::before, .bg-6::before{
        content: unset;
    }
    #contact.wp-block-cover h1{
        font-size: 32px;
        line-height: 35px;
    }
    #contact.wp-block-cover {
        width: 100vw;
        left: -20px;
    }
    .celebrity-charts-loop-container .celebrity-charts-slider-item {
        height: calc((100vw - 40px) / 2 / 1.9);
    }        
   .matrix_slider_offset.celebrity-charts-loop-container .slick-track {
        left: calc((100vw - 40px) / 2 / 2 + 15px);
    }    
    .form-stick ~ .button-container{
        width: 100%
    }
    .matrix-log-bg div:nth-child(1) {
        left: -65px;
        top: 24%;
    }
    .matrix-log-bg div:nth-child(3) {
        left: 18%;
        top: 76%;
    }
    .matrix-log-bg div:nth-child(2),
    .matrix-log-bg div:nth-child(5) {
        display: none;
    }
    .matrix-log-bg div:nth-child(6) {
        left: 5%;
    }  
    .matrix-log-bg div:nth-child(8) {
        right: 0;
        bottom: -2%;
    }
    .compatibility-form .button-container input{
        margin: 0 auto;
        display: block;
    }    
    .chakra-chart{
        width: auto;
    } 
    .hakra-chart-result > div{
        font-size: 14px;
        margin-left: 1.3%;
        margin-top: 1px;
    } 
    .hakra-chart-result > div[id^='years-forecast-']{
        margin-left: 1.1%;
    }         
    .cky-notice-group{
        flex-direction: column;
        align-items: flex-start;
    }
    .matrix-buttons-columns{
        gap: 10px;
    }
    .matrix-help-you:nth-child(even) .wp-block-column:nth-child(odd),
    .matrix-help-you:nth-child(odd) .wp-block-column:nth-child(even){
        flex-direction: row-reverse;
    }   
    .entry-content p {
        font-size: 16px;
    }    
    .chakra-purposes{
        gap: 0;
    }
    .chakra-purposes p{
        margin: 0 0 0.7em;
    }
    .health-chart form{
        flex-direction: column;
        row-gap: 20px;
    }
    .health-chart form input[type=submit]{
        width: 100%;
        position: relative;
        min-width: 210px;
    }
    .form-stick{
        display: none;      
    }
    .faq-block .accord-block{
        padding: 20px;
    }  
    .accord-block-content{
        font-size: 14px;
        line-height: 18px;
    }  
    .accord-block-header:after {
        right: 26px;
        top: 29px;
    }   
    .matrix-info-bg div , .hidden-mob{
        display: none!important;
    }  
    .wp-block-columns.mob-flex-reverse{
        flex-direction: column-reverse;
        padding-top: 20px;
        margin-bottom: 10px;
    }
    .matrix-checker a.active, .matrix-checker a:hover{
        border: 1px solid #fff;
    } 
    .matrix-support-body img{
        width: 100%
    }    
    .woocommerce-account .woocommerce-error{
        left: 5%;
        max-width: 90%;
    }  
    .matrix-charts-list-footer {
        align-items: flex-start;
        gap: 20px;
        flex-direction: column-reverse;
    }  
    .single .hentry .entry-header{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 20px;
        padding: 40px 0 25px;
    }
    .entry-header .posted-on, .entry-header .post-author{
        position: static;
    }
    .single .entry-title{
        min-width: 100%;
    }
    .entry-header .posted-on{
        order: 1
    }
    .entry-header .post-author{
        order: 2
    }
    .matrix-post-views{
        right: -20px;
    }
    .rt-reading-time{
        position: static;
        margin: 0 auto 30px;
    }
    .matrix-nav-post{
        flex-direction: column!important;
        align-items: flex-start;
        gap: 10px;
    }
    .nav-links .matrix-nav-post-thumb .wp-post-image{
        width: 100px
    }
    .matrix-nav-post:nth-child(2){
        align-items: flex-end;
    }
    .matrix-nav-post-text{
        font-size: 12px
    }
    .matrix-nav-post-text h3{
        font-size: 14px;
        line-height: 1.3;
    }
    .matrix-nav-post img{
        width: 100px;
        height: 100px;
        object-fit: cover;
    }
    .matrix-post-voted {
        justify-content: flex-start;
    }
    .matrix-post-voted div{
        width: 100%
    }  
    .matrix-loop-container.matrix-top-article article .entry-content {
        flex-direction: column;
    } 
    .matrix-loop-container.matrix-top-article article .matrix-post-views {
        top: 10px;
        position: absolute;
        left: 10px;
    } 
    .matrix-top-post-thumb {
        max-width: 100%;
    }
    .matrix-category-list a {
        padding: 17px 20px;
    }
    .blog .entry-header{
        padding: 0;
        text-transform: uppercase;
    }
    .matrix-checker.my-charts-checker {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        justify-content: center;
    }   
    .matrix-checker.my-charts-checker a{
        justify-content: center;
    } 
}

@media(max-width: 499px) { 
    .single-celebrity-chart .health-chart {
        margin-top: 0;
    }    
    .matrix-chart-category-list a,
    .matrix-celebrity-birhday {
        font-size: 14px;
    }
    .wp-block-spacer{
        max-height: 70px
    }
    h1, .alpha, .widget .widget-title, .widget .widgettitle {
        font-size: 32px;
        line-height: 1.2;
    }
    .single-chart-header h1 {
        font-size: 30px;
        text-align: left;
    }
    h2, .h2, .matrix-loop-container h2.gamma{
        font-size: 24px;
        line-height: 32px;
        font-weight: 400;
        z-index: 2;
    } 
    .matrix-loop-container.matrix-top-article {
        display: none;
    }
    #contact.wp-block-cover p {
        font-size: 18px;
    }
    .beta{
        font-size: 32px;
        margin-bottom: 20px
    }    
    .faq-block h4 {
        font-size: 14px;
        padding-right: 15px;
    }    
    .matrix-mob-charts-list{
        display: block;
    } 
    .matrix-charts-list{
        display: none;
    }   
    .wp-block-cover .health-chart {
        margin-top: 40px;
    }  
    .matrix-checker {
        top: 0;
        margin-bottom: 20px;
        position: relative;
        width: 100%;
        display: flex;
        justify-content: space-between;
        gap: 10px;
    }
    .matrix-checker a{
        width: 100%;
        margin: 0;
        display: flex;
        align-items: center;
        word-spacing: 99999px;
        padding: 12px
    } 
    .chakra-chart svg {
        height: auto;
    }  
    .chakra-chart-head{
        flex-direction: column;
        align-items: center;
        height: auto;
        gap: 5px;
    }  
    .chakra-table, .chakra-purposes .wp-block-buttons,
    .chakra-purposes .wp-block-spacer{
        display: none;
    }
    .chakra-data {
        flex-direction: column;
    }  
    .single-celebrity-chart .chakra-data {
        margin-top: 30px;
    }
    .matrix-log-forms{
        max-width: 90%;
    } 
    :where(.wp-block-columns.is-layout-flex) {
        gap: 1em!important;
    }                
}

@media(max-width: 450px) { 
    #mx-reviews {
        margin-bottom: 30px;
    }
    #reviews-slider.owl-carousel .owl-item {
        padding: 90px 30px 30px;
    }
    #reviews-slider p {
        font-size: 14px;
        line-height: 24px;
    }    
    .entry-content p, .entry-content li {
        font-size: 14px;
        line-height: 1.4;
    }
    h4.wp-block-heading{
        font-size: 20px;
        margin-bottom: 10px!important
    }    
    .matrix-info-bg{
        display: none;
    }
    .bg-3::before, .bg-4::before, .bg-6::before{
        content: unset;
    }
    .matrix-main-spacer{
        height: 70px!important
    }    
    h2.has-huge-font-size {
        font-size: 28px;
        margin-bottom: 16px;
    }
    .celebrity-charts-loop-container .celebrity-charts-slider-item {
        height: calc(100vw / 1.9);
    }          
    .wp-block-group.wp-block-group-is-layout-flex{
        flex-direction: column;
    }
    .matrix-help-you.matrix-help-you-style2 .wp-block-group {
        flex-direction: row;
    } 
    .matrix-help-you.matrix-help-you-style2 .wp-block-column {
        padding: 20px 0;
    } 
    .matrix-help-you.matrix-help-you-style2 {
        gap: 0!important;
    }  
    .page-template-template-fullwidth-php .woocommerce-MyAccount-content:not(.transparent-account-content), .page-template-template-fullwidth-php .woocommerce-MyAccount-navigation {
        padding: 40px 20px 26px;
    }
    .matrix_mob_account_navigation{
        right: 20px
    }
    .woocommerce-MyAccount-navigation li.is-active {
        margin-right: 70px;
    }
    .hentry .entry-content .matrix-socials-login .matrix-google-sign {
        padding: 9px;
        min-width: 78px;
        width: 78px;
        height: 45px;
        color: transparent;
        overflow: hidden;
    }
    .matrix-socials-login {
        justify-content: flex-start;
        gap: 15px;
    }
    .matrix-google-sign > img{
        position: relative;
        left: 17px;
    }
    .main-navigation ul li a {
        font-size: 20px;
    }   
    .celebrity-charts-loop-container .celebrity-charts-slider-item {
        height: calc((100vw - 10px) / 3.5);
    }    
    .celebrity-charts-loop-container .celebrity-charts-slider-item h3 {
        font-size: 15px;
        padding: 12px;
        line-height: 19px;
    }
}

@media(max-width: 390px) { 
    h1 br{
        display: none;
    }
    .health-chart form input[type=submit]{
        padding: 15px
    }
    .form-stick{
        right: 15px
    }
    input[type=text], input[type=date], input[type=email]{
        padding: 16px 15px;
    }
    .matrix-loop-container article .wp-post-image {
        height: 50vw;
    }
    .matrix-loop-container article .matrix-post-views{
        top: calc(-50vw - 10px);
    }
    .matrix-contact-mail{
        font-size: 13px;
    }
    .chakra-table-mob .chakra-row-td{
        width: 100%
    }
    .site-branding .site-description{
        font-size: 9px
    }
}

@media(max-width: 350px) {
    .site-branding .site-title {
        font-size: 22px;
    }
}


@media(min-width: 500px) { 
    .chakra-table-mob{
        display: none;
    }
}

@media(min-width: 768px) { 

    .page-template-template-fullwidth-php .woocommerce-MyAccount-content,
    .page-template-template-fullwidth-php .woocommerce-MyAccount-navigation{
        width: 100%
    }
    .storefront-breadcrumb {
        margin: 0;
    }
    .page-template-template-fullwidth-php .woocommerce-MyAccount-content .form-row-first {
        margin-right: 20px;
    }      
    .page-template-template-fullwidth-php .woocommerce-MyAccount-content .form-row-last,
    .page-template-template-fullwidth-php .woocommerce-MyAccount-content .form-row-first {
        width: calc(50% - 10px);
    }
    .page-template-template-fullwidth-php .col2-set .form-row-first {
        width: 48%;
        margin-right: 4%;
    }
    .page-template-template-fullwidth-php .col2-set .form-row-last {
        width: 48%;
    }


}

@media(min-width: 993px) {
    .hit-row .hit-img-col{
        align-self: unset;
        position: relative;
    }

    .hit-row .wp-block-image{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        overflow: hidden;
        border-radius: 10px;
        margin: 0;
    } 

    .hit-row .wp-block-image figure{
        display: block;
        height: 100%;
    }

    .hit-row .wp-block-image figure img {
        object-fit: cover;
        height: 100%;
        width: 100%;
    }    
    footer .widget_gtranslate{
        width: 280px;
        float: left;
        padding-left: 30px;
        padding-top: 3px;
    }
    footer .widget_gtranslate + .widget_custom_html{
        float: left;
    }
    .site-main .woocommerce .woocommerce-MyAccount-content.transparent-account-content ul.products li.product{
        -webkit-box-shadow: unset;
        -moz-box-shadow: unset;
        box-shadow: unset;
        padding: 30px ;
    }
    .page-template-template-fullwidth-php .woocommerce-MyAccount-content {
        width: calc(68% - 40px);
        float: right;
        margin-right: 0;

    }
    .woocommerce-MyAccount-content img{
        min-width: 45%;
    }
    .page-template-template-fullwidth-php .woocommerce-MyAccount-navigation {
        width: 32%;
        float: left;
        margin-right: 40px;
    }
    .woocommerce ul.products.columns-3,
    .woocommerce ul.products.columns-2 > .product{
        margin-top: 30px;
    } 
    .woocommerce ul.products.columns-2 > .product{
        margin-top: 25px!important
    }
    .woocommerce ul.products.columns-2{
        margin: auto;
    } 
    .chakra-table, .chakra-chart{
        width: 50%;
        float: left;
    }
    .hakra-chart-result{
        margin-left: 15px;
    }
    .hidden-desktop{
        display: none!important;
    }
    table.shop_table_responsive tbody tr td, table.shop_table_responsive tbody tr th {
        text-align: left;
    }
    .site-header {
        padding-top: 0;
        padding-bottom: 0;
    }
    .site-header .site-branding {
        display: block;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        clear: both;
    }
    .site-header .site-branding img {
        height: auto;
        max-width: 297px;
        max-height: none;
    }
    .woocommerce-active .site-header .site-search {
        width: 21.7391304348%;
        float: right;
        margin-right: 0;
        clear: none;
    }
    .woocommerce-active .site-header .main-navigation {
        order: 2
    }
    .woocommerce-active .site-header .site-header-cart {
        width: 21.7391304348%;
        float: right;
        margin-right: 0;
        margin-bottom: 0;
    }
    .storefront-secondary-navigation .site-header .site-branding {
        order: 1
    }
    .matrix-header-user{
        order: 3
    }
    header.site-header .matrix-header-user{
        border: 1px solid rgba(81,69,155,0.2);
        min-width: 160px;
    }
    header.site-header .matrix-header-user:hover{
        border: 1px solid #51459b;
    }
    .logged-in header.site-header .matrix-header-user svg{
        display: none;
    }
    .storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
        max-width: 288px;
    }
    .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
    }
    .site-branding .site-description {
        margin-bottom: 0;
        display: block;
    }
    .site-header .subscribe-and-connect-connect {
        float: right;
        margin-bottom: 1em;
    }
    .site-header .subscribe-and-connect-connect .icons {
        list-style: none;
        margin: 0;
    }
    .site-header .subscribe-and-connect-connect .icons a {
        font-size: 1em !important;
    }
    .site-header .subscribe-and-connect-connect .icons li {
        margin: 0 0 0 .5407911001em !important;
        display: inline-block;
    }
    .col-full {
        margin-left: auto;
        margin-right: auto;
    }
    .col-full::before, .col-full::after {
        content: "";
        display: table;
    }
    .col-full::after {
        clear: both;
    }
    .col-full:after {
        content: " ";
        display: block;
        clear: both;
    }
    header .col-full::before, header .col-full::after {
        display: none;
    }    
    header.site-header .col-full{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    #page{
        padding-bottom: 90px
    }
    .site-content::before, .site-content::after {
        content: "";
        display: table;
    }
    .site-content::after {
        clear: both;
    }
    .storefront-full-width-content .content-area {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
    }
    .content-area, .widget-area {
        margin-bottom: 2.617924em;
    }
    .page-template-template-fullwidth-php .content-area, .page-template-template-homepage-php .content-area {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
    }
    .footer-widgets {
        padding-top: 35px;
    }
    .footer-widgets::before, .footer-widgets::after {
        content: "";
        display: table;
    }
    .footer-widgets::after {
        clear: both;
    }
    .footer-widgets.col-2 .block {
        float: left;
        margin-right: 1%}
    .footer-widgets.col-2 .block.footer-widget-2 {
        float: right;
        margin-right: 0;
        padding-top: 30px;
    }
    .footer-widgets.col-2 .block.footer-widget-2 .widget_nav_menu{
        padding-bottom: 23px;
    }
    .footer-widgets.col-3 .block {
        width: 30.4347826087%;
        float: left;
        margin-right: 4.347826087%}
    .footer-widgets.col-3 .block.footer-widget-3 {
        float: right;
        margin-right: 0;
    }
    .footer-widgets.col-4 .block {
        width: 21.7391304348%;
        float: left;
        margin-right: 4.347826087%}
    .footer-widgets.col-4 .block.footer-widget-4 {
        float: right;
        margin-right: 0;
    }
    .comment-list::before, .comment-list::after {
        content: "";
        display: table;
    }
    .comment-list::after {
        clear: both;
    }
    .comment-list .comment {
        clear: both;
    }
    .comment-list .comment-meta {
        width: 17.6470588235%;
        float: left;
        margin-right: 5.8823529412%;
        text-align: right;
    }
    .comment-list .comment-meta .avatar {
        float: right;
    }
    .comment-list .comment-content {
        padding-bottom: 3.706325903em;
        margin-bottom: 3.706325903em;
    }
    .comment-list .comment-content, .comment-list #respond {
        width: 76.4705882353%;
        float: right;
        margin-right: 0;
    }
    .comment-list #respond {
        float: right;
    }
    .comment-list #respond .comment-form-author, .comment-list #respond .comment-form-email, .comment-list #respond .comment-form-url {
        width: 100%;
        margin-right: 0;
    }
    .comment-list .comment-body #respond {
        box-shadow: 0 6px 2em rgba(0, 0, 0, .2);
        margin-bottom: 2.617924em;
        margin-top: -1.618em;
    }
    .comment-list .reply {
        clear: both;
        text-align: right;
    }
    .comment-list ol.children {
        width: 88.2352941176%;
        float: right;
        margin-right: 0;
        list-style: none;
    }
    .comment-list ol.children .comment-meta {
        width: 20%;
        float: left;
        margin-right: 6.6666666667%}
    .comment-list ol.children .comment-content, .comment-list ol.children #respond {
        width: 73.3333333333%;
        float: right;
        margin-right: 0;
    }
    .comment-list ol.children ol.children {
        width: 86.6666666667%;
        float: right;
        margin-right: 0;
    }
    .comment-list ol.children ol.children .comment-meta {
        width: 23.0769230769%;
        float: left;
        margin-right: 7.6923076923%}
    .comment-list ol.children ol.children .comment-content, .comment-list ol.children ol.children #respond {
        width: 69.2307692308%;
        float: right;
        margin-right: 0;
    }
    .comment-list ol.children ol.children ol.children {
        width: 84.6153846154%;
        float: right;
        margin-right: 0;
    }
    .comment-list ol.children ol.children ol.children .comment-meta {
        width: 27.2727272727%;
        float: left;
        margin-right: 9.0909090909%}
    .comment-list ol.children ol.children ol.children .comment-content, .comment-list ol.children ol.children ol.children #respond {
        width: 63.6363636364%;
        float: right;
        margin-right: 0;
    }
    .comment-list ol.children ol.children ol.children ol.children {
        width: 81.8181818182%;
        float: right;
        margin-right: 0;
    }
    .comment-list ol.children ol.children ol.children ol.children .comment-meta {
        width: 33.3333333333%;
        float: left;
        margin-right: 11.1111111111%}
    .comment-list ol.children ol.children ol.children ol.children .comment-content, .comment-list ol.children ol.children ol.children ol.children #respond {
        width: 55.5555555556%;
        float: right;
        margin-right: 0;
    }
    #respond {
        padding: 2.617924em;
    }
    #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url {
        width: 29.4117647059%;
        float: left;
        margin-right: 5.8823529412%}
    #respond .comment-form-url {
        float: right;
        margin-right: 0;
    }
    #respond .comment-form-comment {
        clear: both;
    }
    .hentry .entry-header {
        margin-bottom: 2.617924em;
    }
    .menu-toggle, .handheld-navigation, .main-navigation.toggled .handheld-navigation, .main-navigation.toggled div.menu {
        display: none;
    }
    .primary-navigation {
        display: block;
    }
    .main-navigation, .secondary-navigation {
        clear: both;
        display: block;
        width: 100%;
        }
    .main-navigation ul, .secondary-navigation ul {
        list-style: none;
        margin: 0;
        padding-left: 0;
        display: block;
    }
    .main-navigation ul li, .secondary-navigation ul li {
        position: relative;
        display: inline-block;
        text-align: left;
    }
    .main-navigation ul li a, .secondary-navigation ul li a {
        display: block;
    }
    .main-navigation ul li a::before, .secondary-navigation ul li a::before {
        display: none;
    }
    .main-navigation ul li:hover>ul, .main-navigation ul li.focus>ul, .secondary-navigation ul li:hover>ul, .secondary-navigation ul li.focus>ul {
        left: 0;
        display: block;
    }
    .main-navigation ul li:hover>ul li>ul, .main-navigation ul li.focus>ul li>ul, .secondary-navigation ul li:hover>ul li>ul, .secondary-navigation ul li.focus>ul li>ul {
        left: -9999px;
    }
    .main-navigation ul li:hover>ul li>ul.sub-menu--is-touch-device, .main-navigation ul li.focus>ul li>ul.sub-menu--is-touch-device, .secondary-navigation ul li:hover>ul li>ul.sub-menu--is-touch-device, .secondary-navigation ul li.focus>ul li>ul.sub-menu--is-touch-device {
        display: none;
        left: 0;
    }
    .main-navigation ul li:hover>ul li:hover>ul, .main-navigation ul li:hover>ul li.focus>ul, .main-navigation ul li.focus>ul li:hover>ul, .main-navigation ul li.focus>ul li.focus>ul, .secondary-navigation ul li:hover>ul li:hover>ul, .secondary-navigation ul li:hover>ul li.focus>ul, .secondary-navigation ul li.focus>ul li:hover>ul, .secondary-navigation ul li.focus>ul li.focus>ul {
        left: 100%;
        top: 0;
        display: block;
    }
    .main-navigation ul ul, .secondary-navigation ul ul {
        float: left;
        position: absolute;
        top: 100%;
        z-index: 99999;
        left: -9999px;
    }
    .main-navigation ul ul.sub-menu--is-touch-device, .secondary-navigation ul ul.sub-menu--is-touch-device {
        display: none;
        left: 0;
    }
    .main-navigation ul ul li, .secondary-navigation ul ul li {
        display: block;
    }
    .main-navigation ul ul li a, .secondary-navigation ul ul li a {
        width: 200px;
    }
    .storefront-primary-navigation {
        clear: both;
    }
    .storefront-primary-navigation::before, .storefront-primary-navigation::after {
        content: "";
        display: table;
    }
    .storefront-primary-navigation::after {
        clear: both;
    }
    .main-navigation div.menu {
        display: block;
    }
    .main-navigation ul.menu, .main-navigation ul.nav-menu {
        max-height: none;
        overflow: visible;
        transition: none;
        display: flex;
        justify-content: center;
    }
    .main-navigation ul.menu>li.menu-item-has-children:hover::after, .main-navigation ul.menu>li.page_item_has_children:hover::after, .main-navigation ul.nav-menu>li.menu-item-has-children:hover::after, .main-navigation ul.nav-menu>li.page_item_has_children:hover::after {
        display: block;
    }
    .site-header ul li a:hover,
    .site-header ul li.current-menu-item a {
        color: #51459b!important;
        background: #eeeeee;
    }
    .main-navigation ul.menu ul, .main-navigation ul.nav-menu ul {
        margin-left: 0;
    }
    .main-navigation ul.menu ul li a, .main-navigation ul.nav-menu ul li a {
        padding: .875em 1.41575em;
        font-weight: 400;
        font-size: .875em;
    }
    .main-navigation ul.menu ul li:last-child, .main-navigation ul.nav-menu ul li:last-child {
        border-bottom: 0;
    }
    .main-navigation ul.menu ul ul, .main-navigation ul.nav-menu ul ul {
        margin-left: 0;
        box-shadow: none;
    }
    .main-navigation ul.menu ul a:hover, .main-navigation ul.menu ul li:hover>a, .main-navigation ul.menu ul li.focus, .main-navigation ul.nav-menu ul a:hover, .main-navigation ul.nav-menu ul li:hover>a, .main-navigation ul.nav-menu ul li.focus {
        background-color: rgba(0, 0, 0, .025);
    }
    .main-navigation a {
        padding: 0 1em 2.2906835em;
    }
    .secondary-navigation {
        clear: none;
        line-height: 1;
    }
    .secondary-navigation .menu {
        width: auto;
        float: right;
    }
    .secondary-navigation .menu>li:hover>a {
        text-decoration: none;
    }
    .secondary-navigation .menu ul a {
        padding: .326em .875em;
        background: rgba(0, 0, 0, .05);
    }
    .secondary-navigation .menu ul li:first-child a {
        padding-top: 1em;
    }
    .secondary-navigation .menu ul li:last-child a {
        padding-bottom: 1em;
    }
    .secondary-navigation .menu ul ul {
        margin-top: -.6180469716em;
    }
    .error404 .fourohfour-columns-2 .col-1 {
        width: 47.8260869565%;
        float: left;
        margin-right: 4.347826087%}
    .error404 .fourohfour-columns-2 .col-1 ul.products {
        margin-bottom: 0;
    }
    .error404 .fourohfour-columns-2 .col-2 {
        width: 47.8260869565%;
        float: right;
        margin-right: 0;
    }
}

@media(min-width: 1360px) {
    .matrix-offset-cover.wp-block-cover {
        width: 100vw;
        margin-left: calc((100vw - 1140px) / 2 * (-1) );
    }
    #chart-widget {
        width: calc(100vw - 60px);
        margin-left: calc((100vw - 1140px) / 2 * (-1) + 30px);
    }
    .matrix-offset-cover.wp-block-cover .wp-block-cover__inner-container{
        width: 1140px;
    }                  
    .col-full {
        max-width: 1140px;
    }    
    header.site-header{
        position: absolute;
        margin-top: 72px;
        top: -72px;
        -webkit-transition: top .5s;
        transition: top .5s;    
    }
    header.site-header.matrix-stick-header{
        position: fixed;
        top: 0;
        margin-top: 0;
        height: 90px;
    }       
}