@media(max-width: 1359px) {
    .col-full {
        padding: 0 20px;
    }
    .single .entry-content > img{
        width: 100%
    }
    .matrix-reviews > .wp-block-group {
        min-width: 31.3%;
    }  

}

@media(max-width: 1200px) {
    .matrix-loop-container{
        justify-content: center;
    }
    .woocommerce ul.products{
        width: 100%;
        margin-bottom: 20px;
    }
    body .cky-consent-container{
        left: 20px;
        width: calc(100% - 40px);
    }
    .matrix-help-you-style3{
        flex-wrap: wrap!important
    }
    .matrix-help-you.matrix-help-you-style3 .wp-block-column {
        min-width: 48%;
    }
    .woocommerce ul.products{
        gap: 20px;
    }
    .single-course-right-side {
        width: 100%;
        position: relative;
        margin-bottom: 30px;
    }  
    .single-course-main {
        width: 100%;
        padding-right: 0;
    }      
}

@media(max-width: 992px) {
    .footer-payments {
        justify-content: center;
        margin-left: 0;
    }    
    .matrix-reviews {
        gap: 20px!important;
    }    
    .wp-block-group.wp-block-group-is-layout-flex{
        gap: 20px;
    }
    .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: 65px;
        top: 9px;
        width: 40px;
        height: 40px;
        overflow: hidden;
        display: block;
        color: transparent;
        border: 1px solid #CA807C;
        border-radius: 50%;
        padding: 4px
    }
    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: #CA807C;
    }
    .logged-in .matrix-header-user:before    {
        display: none!important;      
    }s
    .site-main .woocommerce ul.products li.product{
        width: 100%!important;
        max-width: 370px;
        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;
    }
    .site-branding {
        width: auto;
        position: fixed;
        top: 0;
        z-index: 10
    }
    .site-header .site-logo-anchor img, .site-header .site-logo-link img, .site-header .custom-logo-link img {
        height: 39px!important;
    }    

    .site-branding .site-title{
        font-size: 24px;
        line-height: 56px;
    } 
    .main-navigation{
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        transition: all, ease, .8s;
        max-height: 0;
        overflow: hidden;
    }
    .main-navigation.toggled{
        background: #ca807c;
        z-index: 10;
        padding: 55px 20px 20px 20px;        
        max-height: 100vh
    }
    .main-navigation ul li a{
        color: transparent!important;
        font-size: 42px;
        font-family: "Sakire";
        padding: 3px 0;
    } 
    .main-navigation.toggled ul li a{
        color: #FDF5F4!important;
    }     
    .site-footer .widget_nav_menu{
        display: none;
    }  
    .site-footer .footer-widgets{
        display: flex;
        flex-direction: column-reverse;
        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;
    } 
    .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;
    }       
    h1, .alpha, .widget .widget-title, .widget .widgettitle,
    .about-style-1 h1, .single-product #main h1 {
        font-size: 32px;
        line-height: 1.2;
    }
    h2, .h2, .matrix-loop-container h2.gamma{
        font-size: 24px;
        line-height: 32px;
        font-weight: 400;
        z-index: 2;
        position: relative;
    } 
    .beta{
        font-size: 32px;
        margin-bottom: 20px
    }
    .home h2, .home .h2{
        font-size: 30px!important;
    }
    .home h2:not(.has-text-align-left), .home .h2:not(.has-text-align-left){
        text-align: center;
    }
    h3, .gamma, h3.wp-block-heading{
        font-size: 24px;
        line-height: 32px;
        font-weight: 400;
    }     
    h4{
        font-size: 18px;
        line-height: 26px;
        font-weight: 800;
    }      
    .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: -8%;
        top: 36%;
        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
    }
    .site-footer .wp-block-spacer{
        display: none;
    }    
    .site-footer .wp-block-group{
        justify-content: center;
    }
    #reviews-slider .owl-nav {
        top: -72px;
    }    
    .about-style-1{
        flex-direction: column!important;
    }
    .about-style-1 .wp-block-column:last-child > figure{
        min-height: 70vw
    }    
    body:not(.home) .entry-content .about-style-1 p:last-child{
        margin-bottom: 35px
    }   
    .about-style-2{
        flex-direction: column-reverse!important
    } 
    .wpcr3_respond_1 {
        flex-direction: column-reverse;
    }
    .wpcr3_respond_2{
        margin-left: 0!important;
        margin-top: 30px!important
    }
    .matrix-product-category-header .term-description {
        width: 100%;
        background: rgba(255,255,255,0.9);
        border-radius: 10px;
        padding: 20px;
        font-size: 16px;
    }
    .matrix-header-mini-cart {
        position: absolute;
        width: 20px;
        right: 115px;
        top: 21px;
    }  
    .cart-collaterals {
        float: left;
    }      
}

@media(max-width: 767px) { 
    .matrix-reviews {
        flex-direction: column;
    }
    .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%;
        top: -21%;
    }
    .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.matrix-help-you-style1 .wp-block-column:nth-child(2),
    .matrix-help-you.matrix-help-you-style2 .wp-block-column:nth-child(2n+1){
        flex-direction: row-reverse;
    }   
    .entry-content p, .entry-content p:not(.gamma) {
        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: 132px;
    }
    .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 .accord-block-header:after {
        top: 16px;
    }      
    .matrix-info-bg div {
        width: 125px;
    }
    .matrix-info-bg div:nth-child(1) {
        left: -53px;
        top: -69px;
    }
    .matrix-info-bg div:nth-child(2) {
        left: -74px;
        top: 284px;
    }
    .matrix-info-bg div:nth-child(3) {
        top: -107px;
    }    
    .matrix-info-bg div:nth-child(4) {
        right: -68px;
    } 
    .matrix-info-bg div:nth-child(5) {
        right: -65px;
        top: 366px;
    }    
    .hidden-mob{
        display: none!important;
    }  
    .wp-block-columns.mob-flex-reverse{
        flex-direction: column-reverse;
        padding-top: 20px;
    }
    .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;
    } 
    .faq-block h4, .accord-block-header {
        font-size: 14px;
    }
    .what-is-matrix > .wp-block-group:nth-child(1) {
        transform: rotate(13deg);
    } 
    .what-is-matrix > .wp-block-group:nth-child(2) {
        left: unset;
        bottom: unset;
        right: -40px;
        top: 0;
        transform: rotate(-12deg);
        z-index: 2;
    }     
    .what-is-matrix > .wp-block-group:nth-child(3) {
        margin: 200px 0!important;
        width: auto;
    }
    .what-is-matrix > .wp-block-group:nth-child(4) {
        right: 4px;
        transform: rotate(12deg);
        bottom: 0
    }
    .what-is-matrix > .wp-block-group:nth-child(5) {
        right: unset;
        top: unset;
        bottom: 0;
        left: 0;
        transform: rotate(-10deg);
    }        
    .what-is-matrix > .wp-block-group {
        width: 33vw;
    }
    body.woocommerce-account:not(.logged-in) .woocommerce-error {
        left: 20px;
        width: 100%;
        max-width: calc(100% - 40px);
    }
    body.woocommerce-account:not(.logged-in) .woocommerce-error li br:nth-child(2){
        display: none;
    }
    body:not(.home) .entry-content .about-style-1 p,
    body:not(.home) .entry-content .about-style-2 p{
        margin-bottom: 15px;
        font-size: 14px;
    }
    body:not(.home) .entry-content .about-style-2 li,
    body:not(.home) .entry-content .about-style-3 p{
        font-size: 14px;
    }
    .about-style-3 .wp-block-column {
        padding: 0 20px 20px;
    }
    #primary .matrix-info-below p{
        font-size: 20px
    }
    .single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
        display: flex;
        flex-wrap: wrap;
        margin-top: 35px;
        justify-content: center;
        gap: 10px;
    }   
    .single-product div.product .woocommerce-product-gallery .flex-control-thumbs:before{
        display: none;
    }
    .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li{
        width: auto!important;
        margin-right: 0!important
    } 
    .wpcr3_table_2, .wpcr3_table_2 tbody, .wpcr3_table_2 tr{
        display: block;
    }
    .wpcr3_respond_2 .wpcr3_table_2 textarea{
        min-width: unset;
    }
    .storefront-sorting + .products {
        width: 100%!important;
    }    
    .woocommerce-products-header__title + .storefront-sorting {
        width: 100%;
    }
    .wpfFilterWrapper {
        width: 50%!important;
        float: left;
    }   
    .matrix-grouped-product .grouped-item {
        flex-wrap: wrap;
        margin-bottom: 15px;
    }   
    .matrix-grouped-product .grouped-item .image{
        margin-bottom: 10px
    } 
    .matrix-grouped-product .grouped-item .price{
        position: absolute;
        bottom: 0;
        right: 0;
    }     
    .what_youll_learn_list li {
        width: 100%;
    }     
    .course-author {
        flex-direction: column;
    }
    .course-author-meta {
        flex-wrap: wrap;
        position: absolute;
        top: 15px;
        left: 135px;
    } 
    .course-author-avatar {
        padding-right: 0;
        padding-top: 15px;
        padding-left: 15px;
    }   
    .course-author-avatar img {
        border-radius: 15px;
        height: 100px;
        width: 100px;
    } 
    table.shop_table_responsive tr td[data-title]::before {
        display: none;
    } 
    .woocommerce-cart-form {
        width: 100%;
    }    
    .woocommerce-cart-form table.shop_table_responsive tr td {
        text-align: left;
    }    
    .woocommerce-cart-form table.cart .product-thumbnail img {
        margin: unset; 
    }    
    table.cart td.actions input {
        max-width: 194px;
    }    
    table.cart .woocommerce-cart-form__cart-item td.product-remove a.remove {
        left: 100px;
        top: 1px;
        width: 25px;
        padding: 5px;
    }    
}

@media(max-width: 499px) { 
    .what-is-matrix > .wp-block-group:nth-child(3) {
        margin: 120px 0!important;
    }
    .matrix-mob-charts-list{
        display: block;
    } 
    .matrix-charts-list{
        display: none;
    }   
    .thin-btn.wp-block-button .wp-block-button__link {
        background-color: #FAF2F1;
    }    
    .matrix-checker {
        top: -30%;
        width: 100%;
        display: flex;
        justify-content: space-between;
        gap: 20px;
    }  
    .matrix-checker a{
        width: 100%;
        margin: 0;
        display: flex;
        align-items: center;
        word-spacing: 99999px;
    } 
    .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;
    }  
    .matrix-log-forms{
        max-width: 90%;
    }   
    .about-style-2 .wp-block-column:last-child {
        padding: 20px;
    }
    .about-style-3 {
        padding: 20px 0!important;
    }           
}

@media(max-width: 450px) {
    .site-content .wp-block-group.wp-block-group-is-layout-flex{
        flex-direction: column;
        align-items: center;
    }
    header.site-header{
        padding-top: 30px;
    }
    .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;
    }   
    #reviews-slider.owl-carousel .owl-item {
        padding: 90px 30px 30px;
    }
    #reviews-slider p {
        font-size: 14px;
        line-height: 24px;
    }  
    .wpfFilterWrapper {
        width: 100%!important;
    }            
}

@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%
    }
    .course-author-meta{
        position: static;
    }
}

@media(max-width: 350px) {
    .site-branding .site-title {
        font-size: 22px;
        line-height: 61px;
    }
    input[type=button], input[type=reset], input[type=submit], #content button[type=submit]{
        height: auto;
    }    
}


@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%;
    }
    .single-product #main div.product .summary {
        width: 41%;
    }
    .single-product #main div.product.product_cat-courses .summary {
        width: 21%;
    }    
    .single-product #main div.product .woocommerce-product-gallery {
        width: calc(53% - 150px);
        margin-left: 150px
    }
    .single-product #main div.product.product_cat-courses .woocommerce-product-gallery {
        width: 75%;
        margin-left: 0;
        margin-right: 40px;
    }    
    .single-product #main div.product .woocommerce-product-gallery .flex-control-thumbs {
        position: absolute;
        display: flex;
        top: 0;
        left: -150px;
        flex-direction: column;
        width: 150px;
        height: 100%;
        overflow: auto;
    }
    .single-product #main div.product .woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar {
        width: 0px;
        background: transparent; 
        height: 0px
    }    
    .single-product #main div.product .woocommerce-product-gallery .flex-control-thumbs li {
        width: 110px;
        border-radius: 16px;
        height: 110px;
        margin-right: 0;
        border: 1px solid #fff;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
        -webkit-transition: all .2s;
        transition: all .2s;        
    }

    .single-product #main div.product .woocommerce-product-gallery .flex-control-thumbs li:hover{
        border: 1px solid #235863;
    }
    .single-product .woocommerce-tabs ul.tabs,
    .single-product .woocommerce-tabs .panel {
        width: 100%;
        margin-right: 0;
    }   
    .single-product .woocommerce-tabs ul.tabs{
        padding-right: 40px
    } 
    .single-product .woocommerce-tabs ul.tabs li{
        border-bottom: unset;
        float: left;
        margin-right: 40px
    }


}

@media(min-width: 993px) {
    footer .widget_gtranslate{
        width: 280px;
        float: left;
        padding-left: 30px;
        padding-top: 3px;
    }
    footer .widget_gtranslate + .widget_custom_html{
        float: left;
    }
    .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 {
        width: 100%;
    }
    .woocommerce ul.products.columns-2{
        margin: auto;
    }
    .woocommerce ul.products > .product{
        margin-bottom: 15px;
    } 
    .woocommerce ul.products li.product .price {
        margin-bottom: 0;
    }    
    .chakra-table, .chakra-chart{
        width: 50%;
        float: left;
    }
    .chakra-table{
        padding-right: 15px
    }
    .chakra-chart{
        padding-left: 15px;
    }    
    .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 #235863;
        color: #235863;
        min-width: 160px;
    }
    header.site-header .matrix-header-user:hover{
        background-color: #235863;
        color: #fff;
    }
    .logged-in header.site-header .matrix-header-user svg{
        display: none;
    }
    .storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
        max-width: 184px;
    }
    .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: 4.235801032em;
    }
    .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;
    }
    .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;
    }
    .primary-navigation ul li:first-child a{
        padding-left: 0!important
    }
    .secondary-navigation ul li:last-child a{
        padding-right: 0
    }
    .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;
        gap: 40px;
        justify-content: center;
    }
    header nav ul.menu li a {
        padding: 10px;
    }
    .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 {
        color: #ca807c!important;
        text-decoration: underline!important;
    }
    .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;
    }
    .site-branding .site-title{
        height: 72px;        
    }  
    #payment .payment_methods li {
        margin-bottom: 20px;
        padding: 0 30px;
    }

    #payment .payment_methods input[type=radio] {
        position: absolute;
        top: 28px;
        left: 28px;
    }

    #payment .payment_methods li .payment_box {
        margin-bottom: 30px;
    }

    #payment .payment_method_stripe label{
        color: transparent;
    }

    #payment .payment_method_stripe label::before{
        content: 'Pay by Card';
        color: #43454b!important;
    }      
}

@media(min-width: 1360px) {
    .chakra-chart{
        left: 30px;
    }      
    .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: 66px;
    }    
    .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container, .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container {
        width: 100%!important;
        max-width: 100%!important;
    }    
}