@media (max-width:1300px) {

    .content {
        width: 60%;
    }

    .box {
        padding: 40px 25px;
    }

    .sidebar {
        width: 35%;
    }

    .nav-primary li a,
    #menuitemright li a {
        font-size: 18px;
    }

    .headerbild > img:nth-child(1) {
        min-height: 350px;
        object-fit: cover;
    }

    .affiliate-box {
        margin-top: -30px;
    }


    .woocommerce-checkout .woocommerce .col2-set,
    .woocommerce-checkout .woocommerce-page .col2-set {
        width: 60%;
    }

    .woocommerce-checkout #order_review {
        width: 35%;
    }

    .woocommerce-checkout .checkout_coupon {
        width: 60%;
    }

    .woocommerce-checkout button.button:nth-child(1) {
        width: 100%;
    }

    .single .pricebox::after {
        width: calc(100% + 50px);
        left: -25px;
    }

    #sidebar-checkout .close {
        width: inherit;
    }

    .woocommerce table.shop_table_responsive tr td::before, 
    .woocommerce-page table.shop_table_responsive tr td::before {
        display: none;
    }

}

@media (max-width: 1200px) {

    .woocommerce-cart .site-container {
        height: 100%;
    }

    .woocommerce-checkout #order_review {
        width: 37%;
    }

    .woocommerce-account .woocommerce form .form-row {
        width: 100%;
    }

    .woocommerce-account .woocommerce-form-register > p:nth-child(2) {
        width: 100%;
        padding-left: 3px;
    }

    #customer_login::before {
        background-size: cover;
    }

    .woocommerce-account .woocommerce .col2-set .col-1,
    .woocommerce-account .woocommerce-page .col2-set .col-1,
    .woocommerce-account .woocommerce .col2-set .col-2,
    .woocommerce-account .woocommerce-page .col2-set .col-2 {
        width: 75%;
    }

    #customer_login::before {
        width: 44%;
    }

    .woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
        height: inherit;
        float: inherit;
        margin-bottom: 20px;
    }

    body.woocommerce.single .cart button.button {
        font-size: 14px;
    }

    #topbar {
        padding: 20px 30px;
    }

    .woocommerce table.shop_table_responsive thead, 
    .woocommerce-page table.shop_table_responsive thead {
        display: block;
    }

    .woocommerce table.shop_table_responsive tr td, 
    .woocommerce-page table.shop_table_responsive tr td {
        display: inherit;
    }

    .woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr {
        display: inline-block;
        width: 100%;
        display: grid;
        grid-template-rows: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        grid-template-columns: 5% 39% 20% 11% 25%; 
        align-items: center;
    }
  
    .woocommerce table.shop_table_responsive tr:nth-child(2n) td, 
    .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
        background-color: #fff;
    }
  
    .woocommerce table.shop_table td {
        border-top: none;
    }
  
    .order-total td, 
    .product-subtotal {
        text-align: left;
    }

    .woocommerce-cart-form > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(2) {
        display: block;
    }

    .woocommerce table.shop_table_responsive tr td, 
    .woocommerce-page table.shop_table_responsive tr td {
        text-align: left !important;
    }

    .order-total td, 
    .product-subtotal {
        text-align: right;
    }

    .product-subtotal span {
        text-align: right !important;
    }

    .woocommerce-page table.cart td.actions .button {
        width: auto;
        float: right;
    }
  
}

@media (max-width:1024px) {

    .site-inner {
        padding: 60px 20px 0;
    }

    .content-sidebar-wrap {
        display: flex;
        justify-content: space-between;
    }

    .box {
        padding: 40px 20px;
    }

    .sidebar {
        width: 330px;
    }

    .woocommerce-checkout .sidebar {
        width: 0;
    }

    .content {
        width: calc(100% - 360px);
    }

    .hamburger {
        display: block;
        z-index: 1000;
    }

    .nav-primary li a {
        padding-left: 0;
        margin-left: 0;
    }



    #genesis-mobile-nav-primary {
        display: none;
    }

    #genesis-nav-primary,
    .genesis-responsive-menu {
        max-height: 0;
        height: auto;
        overflow: hidden;
        transition: max-height 1s ease-out;
        background-color: #fff;
        width: 100%;
        z-index: 100;
        padding: 0;
        position: absolute;
        left: 0;
        top: 90px;
    }

    .hamburger-toggle.active {
        width: 100%;
        max-height: 0;
        position: absolute;
        z-index: -1;
    }

    .hamburger-toggle.active ~ #genesis-nav-primary,
    .hamburger-toggle.active ~ .genesis-responsive-menu {
        max-height: 450px;
        visibility: visible;
    }

    .site-header .genesis-nav-menu .menu-item {
        display: block;
        border-top: 1px solid rgba(0, 0, 0, 0.15);
        padding: 10px 20px;
    }

    .summary {
        font-size: 18px;
    }

    .tab .tab-label {
        font-size: 22px;
    }

    .single .content {
        margin-top: 40px;
    }

    body {
        font-size: 16px;
    }

    h3 {
        font-size: 20px;
    }


    .usp ul {
        font-size: 18px;
    }

    .woocommerce-cart #coupon_code {
        width: 100% !important;
        margin-bottom: 20px;
    }

    .woocommerce-cart .woocommerce #content table.cart td.actions .coupon,
    .woocommerce-cart .woocommerce table.cart td.actions .coupon,
    .woocommerce-cart .woocommerce-page #content table.cart td.actions .coupon,
    .woocommerce-cart .woocommerce-page table.cart td.actions .coupon {
        flex-wrap: wrap;
    }

    .woocommerce-cart .woocommerce table.cart td.actions .coupon .button,
    .woocommerce-cart .woocommerce-page table.cart td.actions .coupon .button {
        width: 100%;
    }

    .woocommerce-cart .woocommerce {
        margin-bottom: 40px;
    }

    .woocommerce-cart .content-sidebar-wrap {
        display: inherit;
    }

    .woocommerce-cart .site-inner,
    .woocommerce-account .site-inner {
        width: 100%;
    }

    .woocommerce-checkout #order_review {
        width: 100%;
    }

    .woocommerce-checkout .woocommerce .col2-set .col-2,
    .woocommerce-checkout .woocommerce-page .col2-set .col-2,
    .woocommerce-checkout .woocommerce .col2-set .col-1,
    .woocommerce-checkout .woocommerce-page .col2-set .col-1 {
        width: 100%;
    }

    .woocommerce-checkout .woocommerce .col2-set .col-2,
    .woocommerce-checkout .woocommerce-page .col2-set .col-2 {
        margin-bottom: 50px;
    }

    .woocommerce-checkout .woocommerce .col2-set,
    .woocommerce-checkout .woocommerce-page .col2-set {
        width: 100%;
    }

    .woocommerce-account .sidebar {
        display: none;
    }

    .thwmscf_time_line_step ul.thwmscf-tabs li a {
        hyphens: auto;
    }

    .woocommerce-cart #menuitemright,
    .woocommerce-account #menuitemright,
    .error404 #menuitemright {
        top: 26px;
    }

    .hamburger {
        margin-top: 0;
    }

    #genesis-nav-primary,
    .genesis-responsive-menu {
        top: 80px;
    }

    #thwmscf-tab-panel-1 {
        flex-wrap: wrap;
    }

    body:not(.logged-in) #thwmscf-tab-panel-1 .login,
    body:not(.logged-in) #thwmscf-tab-panel-1 .column {
        width: 100%;
    }

    .site-header.sticky .wrap {
        padding: 30px;
    }

    .woocommerce ul.products li.product a img {
        max-height: 200px;
    }

    .form-row-wide .woocommerce-input-wrapper input[type="radio"] {
        margin-bottom: 10px;
    }

    .loginbox {
        width: 100%;
        top: 2em;
        left: 0;
    }

    body:not(.logged-in) #thwmscf-tab-panel-1 .login {
        padding: 0;
        margin-bottom: 0;
    }

    /* .thwmscf-wrapper form.checkout {
        margin-top: 30em;
    } */

    /* .logged-in .thwmscf-wrapper form.checkout {
        margin-top: 0;
    } */

    .woocommerce-Address-title > h3:nth-child(1)::after {
        bottom: 0;
    }

    /* .logged-in.woocommerce-checkout .thwmscf-buttons {
        margin-top: 10em;
    } */


    /* .cartbox {
        position: inherit;
    }
    
    .thwmscf-tab-panel {
        padding: 0;
    }
    
    .thwmscf-wrapper form.checkout {
        min-height: 0;
    } */
    .single .pricebox::after {
        width: calc(100% + 40px);
        left: -20px;
    }

    #topbar ul li::after {
        background: transparent;
    }

}

@media (max-width: 959px) {

    #genesis-nav-primary {
        display: block;
    }

    #topbar {
        padding: 20px 30px;
    }

    .usp ul {
        padding: 0;
    }

    .content-sidebar-wrap {
        flex-wrap: wrap;
    }

    .content {
        order: 2;
        width: 100%;
    }

    .sidebar {
        order: 1;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .box {
        width: 48%;
    }

    .site-inner {
        margin: inherit;
    }

}

@media (max-width:767px) {

    .usp ul {
        padding: 0;
    }



    .sidebar {
        flex-wrap: wrap;
    }

    .box {
        width: 100%;
    }

    /** .affiliate-box {
        position: inherit;
        top: inherit;
        transform: inherit;
        width: 100%;
        align-items: center;
        text-align: left;
        padding: 40px 30px;
    }

    #slideout.active {
        right: inherit;
        transition: inherit;
        background: #fff;
       
    }
       #slideout {
        right: inherit;
        transition: inherit;
    }
    
    .headerbild .affiliate-box img {
        position: inherit;
        left: inherit;
        top: inherit;
        transform: inherit;
        margin-right: 30px;
    }

     ***/

    #topbar {
        margin-top: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.15);
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
        box-shadow: inherit;
    }


    #menuitemright li a.button {
        margin-left: 15px;
        line-height: 1;
    }

    #menuitemright {
        right: 10px;
    }


    .woocommerce-cart .woocommerce .cart-collaterals,
    .woocommerce-cart .woocommerce-page .cart-collaterals {
        width: 100%;
        margin-top: 30px;
    }

    .woocommerce-cart .woocommerce-cart-form {
        width: 100%;
    }

    .woocommerce-checkout .woocommerce .col2-set,
    .woocommerce-checkout .woocommerce-page .col2-set {
        width: 100%;
    }

    .woocommerce-checkout #order_review {
        width: 100%;
    }

    .woocommerce-checkout .checkout_coupon {
        width: 100%;
    }

    .site-header > .wrap {
        padding: 30px 20px;
    }

    .site-footer .genesis-nav-menu a {
        font-size: 14px;
    }

    .site-footer .genesis-nav-menu .menu-item {
        float: none;
    }

    .woocommerce ul.order_details li {
        width: 100%;
        margin-bottom: 10px;
        border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
        border-right: 0;
    }

    #customer_login::before {
        display: none;
    }

    #customer_login {
        padding: 40px 40px 40px 40px;
    }

    .woocommerce-account .woocommerce .col2-set .col-1,
    .woocommerce-account .woocommerce-page .col2-set .col-1,
    .woocommerce-account .woocommerce .col2-set .col-2,
    .woocommerce-account .woocommerce-page .col2-set .col-2 {
        width: 100%;
    }

    .woocommerce-account .entry-content ol,
    .woocommerce-account .entry-content ul {
        padding-left: 0;
    }

    .content-sidebar.woocommerce-account .woocommerce-MyAccount-navigation li,
    .sidebar-content.woocommerce-account .woocommerce-MyAccount-navigation li {
        margin: 10px 10px;
    }

    .woocommerce-MyAccount-navigation {
        padding: 20px 0;
    }

    .woocommerce .woocommerce-error .button,
    .woocommerce .woocommerce-info .button,
    .woocommerce .woocommerce-message .button:not(.wc-forward),
    .woocommerce-page .woocommerce-error .button,
    .woocommerce-page .woocommerce-info .button,
    .woocommerce-page .woocommerce-message .button:not(.wc-forward) {
        float: inherit;
        display: block;
        margin-top: 20px;
        width: fit-content;
    }

    .woocommerce-MyAccount-content {
        padding: 40px 20px;
    }

    .thwmscf-tab-panel {
        padding: 40px 20px;
    }

    #thwmscf_wrapper.thwmscf_time_line_step ul.thwmscf-tabs li,
    .logged-in #thwmscf_wrapper.thwmscf_time_line_step ul.thwmscf-tabs li {
        width: 50%;
        margin-bottom: 40px;
    }

    .thwmscf_time_line_step ul.thwmscf-tabs {
        margin-top: 0;
    }

    .tab .tab-label {
        padding-right: 32px;
    }

    .woocommerce form .form-row textarea {
        min-height: 140px;
    }

    .woocommerce-lost-password.woocommerce-account .entry-content ol,
    .woocommerce-lost-password.woocommerce-account .entry-content ul {
        padding-left: 40px;
    }

    .woocommerce-lost-password.woocommerce-account .woocommerce-Button {
        margin-top: 20px;
    }

    .logged-in #thwmscf-tab-panel-1 .login {
        display: none;
    }

    .logged-in #thwmscf-tab-panel-1 .column-1-2 {
        width: 100%;
    }

}

@media (max-width:500px) {

    .box h2 {
        font-size: 22px;
    }

    .usp ul li {
        width: 50%;
        margin-bottom: 20px;
    }

    .usp ul {
        flex-wrap: wrap;
        font-size: 16px;
    }

    .site-inner {
        padding: 60px 20px 0;
    }

    .box {
        padding: 40px 20px;
    }

    /*
    .affiliate-box {
        padding: 40px 20px;
        flex-wrap: wrap;
    }

    #slideout {
        cursor: default;
    }
    
    .headerbild .affiliate-box img {
        margin: -80px auto 20px;
    }

    .affiliate-box p {
        width: 100%;
        text-align: center;
    }
    */
    #slideout {
        padding: 15px 20px;
    }

    #slideout.active {
        right: -100%;
    }

    .affiliate-box {
        width: 100%;
        top: auto;
        transform: none;
        font-size: 14px;
        bottom: 0;
        line-height: 1.4;
        margin: 0;
    }

    .headerbild .affiliate-box img {
        width: 70px;
        height: 70px;
        left: -84px;
        top: auto;
        transform: none;
        bottom: 10px;
    }

    #topbar {
        padding: 20px;
    }

    .nav-primary li a,
    #menuitemright li a {
        font-size: 16px;
    }

    #menuitemright li a.button {
        font-size: 14px;
        padding: 15px 20px;
    }

    .hamburger {
        left: 20px;
    }

    .usp ul li {
        width: 50%;
        margin-bottom: 20px;
    }

    .usp ul {
        flex-wrap: wrap;
    }

    .hamburger {
        margin-top: 7px;
    }

    #genesis-nav-primary,
    .genesis-responsive-menu {
        top: 86px;
    }

    /* .woocommerce-checkout .col-1,
    .woocommerce-checkout .col-2,
    #order_review,
    .woocommerce-cart table.cart,
    .cart-collaterals {
        padding: 40px 20px;
    } */

    #menuitemright li a {
        padding: 5px
    }

    .nav-primary {
        border-bottom: 1px solid #ccc;
    }

    .nav-primary li a {
        padding: 10px 0;
    }

    #customer_login {
        padding: 40px 20px;
    }

    body .thwmscf_time_line_step ul.thwmscf-tabs span.thwmscf-tab-label {
        font-size: 14px;
    }

    .thwmscf_time_line_step ul.thwmscf-tabs li a {
        hyphens: inherit;
    }

    body ul.thwmscf-tabs li a {
        padding: 10px 5px 10px 5px;
    }

    ::placeholder {
        font-size: 14px;
        text-overflow: ellipsis;
    }

    .woocommerce form .form-row select {
        font-size: 14px;
    }

    .woocommerce form .form-row input.input-text,
    .woocommerce form .form-row textarea,
    .woocommerce form .form-row select {
        padding: 8px 10px;
    }

    .woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
        margin: 20px 0;
    }

    .thwmscf-tab-panel {
        hyphens: auto;
    }

    .woocommerce input,
    .woocommerce select,
    .woocommerce textarea {
        font-size: 14px;
    }

    .details {
        padding: 15px;
        margin-bottom: 0;
    }

    .woocommerce-cart #payment,
    .woocommerce-checkout #payment,
    #add_payment_method #payment {
        padding: 15px;
    }

    .woocommerce-edit-account .woocommerce fieldset {
        padding: 1em;
    }

    .woocommerce-cart #menuitemright,
    .woocommerce-account #menuitemright,
    .error404 #menuitemright {
        top: 29px;
    }

    .hamburger {
        margin-top: 0;
    }

    #genesis-nav-primary,
    .genesis-responsive-menu {
        top: 80px;
    }

    .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
        display: block;
    }



    /* Mobile Version Sidebar */

    .page-id-333 .buttons button.next {
        width: 100%;
        position: absolute;
        bottom: 62px;
        left: 0;
        border-radius: 0;
    }

    .page-id-333 .buttons button.next:hover,
    .page-id-333 .buttons button.next:focus,
    .page-id-333 .buttons button.next:visited {
        background-color: var(--winbridge);
        border-bottom: none;
    }

    .page-id-333 .buttons button.next::before {
        content: '';
        background-color: var(--winbridge);
        position: absolute;
        width: 100vw;
        left: calc(-50vw + 50%);
        height: 100%;
        top: 0;
        z-index: -1;
    }

    .page-id-333 .site-container {
        position: relative;
    }

    .page-id-333.woocommerce-checkout .col-1,
    .page-id-333.woocommerce-checkout .col-2,
    .page-id-333 #order_review,
    .page-id-333.woocommerce-cart .woocommerce,
    .page-id-333 .woocommerce-form-login {
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
        box-shadow: inherit;
    }

    .page-id-333 .woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
        float: left;
        margin-top: 0;
        margin-bottom: 3em;
    }


    .page-id-333 .woocommerce-form.login .form-row {
        float: left;
    }

    .page-id-333 .woocommerce-checkout #checkout-app .woocommerce {
        margin-bottom: 3em;
    }

    .page-id-333 .message {
        margin-bottom: 3em;
    }

    .page-id-333 .message-content {
        color: red;
    }

    #sidebar-checkout {
        max-width: 100%;
        min-width: 100%;
    }

    #sidebar-checkout .subtotal::before {
        width: calc(100% + 80px);
    }

    #sidebar-checkout .details {
        margin-bottom: 40px;
        padding: 0;
    }

    tbody {
        display: block;
        border-bottom: none;
    }

    #sidebar-checkout .woocommerce-cart-form__cart-item.cart_item {
        display: grid;
        grid-template-columns: 10% 25% 65%;
        grid-template-rows: repeat(3, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }
        
    #sidebar-checkout .product-quantity {
        grid-area: 3 / 3 / 4 / 4;
    }

    .cart-empty {
        width: max-content;
    }

    #sidebar-checkout .button,
    #sidebar-checkout button {
        font-size: 16px;
        padding: 12px 20px;
    }

    #sidebar-checkout .product-quantity {
        justify-content: normal;
    }
  
    #sidebar-checkout .woocommerce .quantity .qty {
        font-size: 12px;
    }

    #sidebar-checkout .dp__input {
        font-size: 14px;
    }

    #sidebar-checkout {
        font-size: 14px;
    }

}

@media (max-width:380px) {

    body.woocommerce.single .cart button.button {
        font-size: 16px;
    }

    .single .button:nth-child(5) {
        width: 16%;
        padding: 19px 5px;
    }


    .woocommerce .quantity .qty {
        width: 70px;
    }

    .nav-primary li a,
    #menuitemright li a {
        margin: 0 2px;
    }

    .sidebar {
        font-size: 14px;
    }

    body.woocommerce.single .cart button.button {
        padding: 15px 5px;
    }

    body.woocommerce.single .cart button.button {
        font-size: 15px;
    }

    #checkout-app .tabs ol li label::before {
        width: 35px;
        height: 35px;
    }
  
    #checkout-app .tabs ol li {
        width: 35px;
    }
  
    #sidebar-checkout .login-tabs nav label {
        font-size: 16px;
    }
  
    #sidebar-checkout #checkout-app .current .tab-label {
        font-size: 24px;
    }

    #sidebar-checkout .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
        font-size: 14px;
    }
  
    #sidebar-checkout {
        padding: 60px 20px 0 20px;
    }

    #sidebar-checkout .woocommerce-cart-form__cart-item.cart_item {
        min-width: inherit;
    }
  
    #sidebar-checkout .woocommerce #content table.cart img, 
    #sidebar-checkout .woocommerce table.cart img, 
    #sidebar-checkout .woocommerce-page #content table.cart img, 
    #sidebar-checkout .woocommerce-page table.cart img {
        width: 60px;
    }
  
    #sidebar-checkout .product-name a {
        font-size: 14px;
    }
  
    #sidebar-checkout .product-price {
        font-size: 14px;
    }
  
}

@media (max-width:340px) {

    #menuitemright li a.button {
        margin-left: 10px;
    }

    /* .woocommerce table.shop_table, .woocommerce table.shop_table td,
     .woocommerce-checkout .entry-content .woocommerce #payment{
        margin: 0 -19px 20px;
    } */

    .nav-primary li a,
    #menuitemright li a {
        margin: 0 0;
    }
}
