@media screen and (max-width: 1100px) {
    #w_icon {
        display: inline-block;
        margin-top: 18px;
    }
    #reuse_card_container {
        min-width: auto;
    }
    .math_hero_wiris_logo{
        width: 35%;
    }
    .wrs_css_col.wrs_css_offset_l0 {
        margin-left: 0;
    }
    .wrs_css_col.wrs_css_offset_l1 {
        margin-left: 8.33333%
    }
    .wrs_css_col.wrs_css_offset_l2 {
        margin-left: 16.66666%
    }
    .wrs_css_col.wrs_css_offset_l3 {
        margin-left: 24.99999%
    }
    .wrs_css_col.wrs_css_offset_l4 {
        margin-left: 33.33333%
    }
    .wrs_css_col.wrs_css_offset_l5 {
        margin-left: 41.66666%
    }
    .wrs_css_col.wrs_css_offset_l6 {
        margin-left: 49.99999%
    }
    .wrs_css_col.wrs_css_offset_l7 {
        margin-left: 58.33333%
    }
    .wrs_css_col.wrs_css_offset_l8 {
        margin-left: 66.66666%
    }
    .wrs_css_col.wrs_css_offset_l9 {
        margin-left: 74.99999%
    }
    .wrs_css_col.wrs_css_offset_l10 {
        margin-left: 83.33333%
    }
    .wrs_css_col.wrs_css_offset_l11 {
        margin-left: 91.66666%
    }
    .wrs_css_col.wrs_css_offset_l12 {
        margin-left: 99.99999%
    }
    .wrs_css_col.wrs_css_offset_m0 {
        margin-left: 0%
    }
    .wrs_css_col.wrs_css_offset_1 {
        margin-left: 8.33333%
    }
    .wrs_css_col.wrs_css_offset_2 {
        margin-left: 16.66666%
    }
    .wrs_css_col.wrs_css_offset_3 {
        margin-left: 24.99999%
    }
    .wrs_css_col.wrs_css_offset_4 {
        margin-left: 33.33333%
    }
    .wrs_css_col.wrs_css_offset_5 {
        margin-left: 41.66666%
    }
    .wrs_css_col.wrs_css_offset_6 {
        margin-left: 49.99999%
    }
    .wrs_css_col.wrs_css_offset_7 {
        margin-left: 58.33333%
    }
    .wrs_css_col.wrs_css_offset_8 {
        margin-left: 66.66666%
    }
    .wrs_css_col.wrs_css_offset_9 {
        margin-left: 74.99999%
    }
    .wrs_css_col.wrs_css_offset_10 {
        margin-left: 83.33333%
    }
    .wrs_css_col.wrs_css_offset_11 {
        margin-left: 91.66666%
    }
    .wrs_css_col.wrs_css_offset_12 {
        margin-left: 99.99999%
    }
}
@media screen and (max-width: 1024px) {
    html, body {
        overflow-x: hidden;
    }
    .wrs_css_button_black_primary, .wrs_css_button_black_secondary {
        margin: 0;
    }
    .wrs_css_table th, .wrs_css_table td {
        font-size: 0.8em;
    }
    .wrs_css_contact_box_form {
        padding: 0 38px;
    }
    #language_button {
        background-position: 30px 15px;
    }
    #language_span {
        display: inline-block;
        padding: 0px 15px;
    }
    /* nav bar section */
    nav ul {
        opacity: 0;
        overflow: hidden;
        height: 0;
    }
    nav label {
        display: block;
        background: transparent;
        cursor: pointer;
        position: absolute;
        right: 20px;
        padding-top: 10px;
    }
    /* Base styles for the burger icon */
    .burger-icon {
        display: inline-block;
        width: 28px; /* Slightly wider */
        height: 3px; /* Slightly thicker */
        background-color: #333;
        position: relative;
        transition: all 0.3s ease-in-out;
        border-radius: 3px; /* Optional: smooth edges */
    }
    /* Top and bottom lines */
    .burger-icon::before,
    .burger-icon::after {
        content: '';
        width: 28px; /* Match main icon width */
        height: 3px; /* Slightly thicker */
        background-color: #333;
        position: absolute;
        left: 0;
        transition: all 0.3s ease-in-out;
        border-radius: 3px;
    }
    /* Positioning */
    .burger-icon::before {
        top: -9px; /* Adjusted for slight thickness */
    }
    .burger-icon::after {
        top: 9px; /* Adjusted for slight thickness */
    }
    /* Transform into an "X" when checked */
    #nav:checked + #nav-label .burger-icon {
        background-color: transparent; /* Hide middle line */
    }
    #nav:checked + #nav-label .burger-icon::before {
        top: 0;
        transform: rotate(45deg);
    }
    #nav:checked + #nav-label .burger-icon::after {
        top: 0;
        transform: rotate(-45deg);
    }
    #menu-area {
        flex-wrap: wrap;
        opacity: 1;
        height: auto;
        z-index: 9999;
        position: absolute;
        left: 0;
        top: 69px;
        width: 100vw;
        flex-direction: column;
        align-items: start;
        background-color: #FFFFFF;
        padding: 30px 0 30px 45px;
        box-shadow: 0 4px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        display: none;
        border-top: 6px solid var(--primary-black-color);
        gap: 10px;
    }
    #menu-area a {
        text-align: left !important;
    }
    .dropdown-content {
        border: none;
        padding: 10px 0;
        margin-top: 3px;
    }
    #separation-line {
        display: none;
    }
    #nav:checked ~ #menu-area {
        display: flex;
    }
   .hybrid_button {
        background: none;
        border: none;
        padding: 0;
        color: var(--primary-black-color);
        box-shadow: none;
        font-weight: 400;
        min-width: 68px;
        margin: 0;
    }
   .hybrid_button:hover {
        background: none;
        box-shadow: none;
        color: var(--gray-color);
    }
    /* end nav bar section */
    .wrs_css_hidden_m {
        display: none;
    }
    .wrs_css_small_editor {
        margin: 0 auto;
        margin-top: 25px;
    }
    .wrs_css_main_editor, .wrs_css_small_editor, .wrs_css_normal_editor {
        width: 95%;
        max-width: 95%;
        height: 300px;
    }
    #editorContainer_prototype {
        margin: 0 !important;
    }
    .wrs_css_col.wrs_css_offset_m0 {
        margin-left: 0%
    }
    .wrs_css_col.wrs_css_offset_1 {
        margin-left: 8.33333%
    }
    .wrs_css_col.wrs_css_offset_2 {
        margin-left: 16.66666%
    }
    .wrs_css_col.wrs_css_offset_3 {
        margin-left: 24.99999%
    }
    .wrs_css_col.wrs_css_offset_4 {
        margin-left: 33.33333%
    }
    .wrs_css_col.wrs_css_offset_5 {
        margin-left: 41.66666%
    }
    .wrs_css_col.wrs_css_offset_6 {
        margin-left: 49.99999%
    }
    .wrs_css_col.wrs_css_offset_7 {
        margin-left: 58.33333%
    }
    .wrs_css_col.wrs_css_offset_8 {
        margin-left: 66.66666%
    }
    .wrs_css_col.wrs_css_offset_9 {
        margin-left: 74.99999%
    }
    .wrs_css_col.wrs_css_offset_10 {
        margin-left: 83.33333%
    }
    .wrs_css_col.wrs_css_offset_11 {
        margin-left: 91.66666%
    }
    .wrs_css_col.wrs_css_offset_12 {
        margin-left: 99.99999%
    }
    .extra_padding_product_box {
        padding-bottom: 20px;
    }
    #whats_mathtype_office_tools {
        padding: 50px;
    }
    .pricing-box {
        display: block;
        width: 65%;
    }
    .wrs_css_flex_justify_center{
        flex-wrap: wrap;
    }
    .wrs_css_product_box_content.first_box{
        border-bottom: 1px solid #BEBEBE;
        border-right: none;
    }
    .text_slab{
        font-size: 25px;
    }
    .license-type-users-description{
        font-size: 16px;
    }
    .wrs_css_new_title_home_page{
        font-size: 20px;
    }
    .wrs_css_product_box_content img{
        width: 60px;
    }
    ul.wrs_css_license_benefits li{
        font-size: 15px;
    }
    #features p{
        font-size: 16px;
        font-weight: 400;
    }
    #features img{
        height: 15px;
    }
    #features .wrs_css_container{
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: start;
        margin: 0 auto;
        width: 60%;
    }
    .pricing-box-content-wrapper {
        display: block;
    }
}
@media screen and (max-width: 990px) {
    .trusted_by_cards_container {
        grid-template-columns: repeat(3, 1fr);
    }
    .purchase-section-whitebox {
        min-width: 85%;
        max-width: 62.7%;
    }
}
@media screen and (max-width: 768px) {
    #features {
        padding: 0 !important;
        max-width: 80%;
        margin: 0 auto;
    }
    #boxes-pricing {
        padding-bottom: 0;
    }
    #platforms-icons-container {
        gap:10px
    }
    #trusted_by {
        padding: 20px 0;
    }
    .trusted_by_cards_container {
        margin: 10px;
        grid-template-columns: repeat(2, 1fr);
    }
    #menu-area {
        visibility: hidden;
        position: absolute;
    }
    #nav:checked ~ #menu-area {
        visibility: visible;
    }
    #nav-label {
        display: block;
        cursor: pointer;
    }
    .purchase-section-whitebox {
        min-width: 80%;
    }
}
@media screen and (max-width: 600px) {
    
    .modal_button_container_on_mobile {
        flex-direction: column
    }
    .wrs_css_display_block_on_mobile {
        display: block;
    }
    .wrs_css_align_right_reset_on_mobile {
        text-align: left;
    }
    h1 small {
        display: block;
    }
    #manage_renewal_aside {
        padding: 0;
    }
    #enable_domain_tooltip {
        width: 150px;
    }
    .wrs_css_renewal_box p:last-child {
        float: none;
        padding-top: 1em;
    }
    #title_google_box {
        margin-bottom: 1em;
    }
    .wrs_css_product_box.wrs_css_product_box_hero {
        padding-left: 10px;
        padding-right: 10px;
    }
    .wrs_css_product_box_compatible_app {
        min-width: auto;
    }
    .wrs_css_product_box_hero .wrs_css_product_box_title {
        font-size: 1.2em;
    }
    #download_others {
        margin-bottom: 2em;
    }
    #reset_on_mobile {
        margin-top: 0 !important;
        margin-left: auto !important;
    }
    #reuse_card_container {
        min-width: auto;
        text-align: center;
    }
    #card-name {
        width: 100% !important;
    }
    .wrs_css_spaced_big_top_on_mobile {
        margin-top: 1em;
    }
    .wrs_css_spaced_biggest_top_on_mobile {
        margin-top: 1.2em;
    }
    .wrs_css_spaced_ultra_top_on_mobile {
        margin-top: 2.2em;
    }
    .wrs_css_spaced_ultra_top_bottom_on_mobile {
        margin-top: 2.2em;
        margin-bottom: 2.2em;
    }
    .wrs_css_spaced_big_bottom_on_mobile {
        margin-bottom: 1em;
    }
    .wrs_css_spaced_biggest_bottom_on_mobile {
        margin-bottom: 1.2em;
    }
    .wrs_css_spaced_extreme_bottom_on_mobile {
        margin-bottom: 4em;
    }
    .wrs_css_spaced_biggest_top_bottom_on_mobile {
        margin-top: 1.2em;
        margin-bottom: 1.2em;
    }
    .wrs_css_logo_box {
        font-size: 14px;
    }
    .wrs_css_logo_box img{
        max-width: 40px;
        max-height: 40px;
    }
    .wrs_css_highlight_container {
        width: 90%;
        padding: 5%;
    }
    .math_hero_wiris_logo{
        width: 50%;
    }
    #math_them_all .wrs_css_container {
        border: none;
    }
    .wrs_css_modal {
        animation: none;
    }
    .wrs_css_modal_content {
        border-radius: 0px;
        padding: 60px 80px;
    }
    #progress_bar {
        background-color: transparent;
        padding-top: 10px;
        /* display: none; */
    }
    #progress_bar span {
        display: none;
    }
    .wrs_css_progress>li:after {
        display: none;
    }
    [id^="payment_process_"] {
        padding-top: 0;
    }
    .wrs_css_table {
        overflow-x: auto;
        width: 100%;
    }
    input[type=text], input[type=password], input[type=email], #payment_process_4 input#city, select, .wrs_css_max_402, #create_account_form, #sign_in_form {
        max-width: -webkit-fill-available;
    }
    #quantity {
        max-width: -webkit-fill-available;
    }
    #discount_code {
        max-width: none;
    }
    #country {
        text-align: left;
    }
    .quantity_educational_container{
        flex-direction: column;
    }
    .quantity_educational_container > div{
        margin-right: 0;
    }
    .quantity_educational_container #quantity{
        margin-bottom: 20px;
    }
    .purchase-section-whitebox {
        margin-top: 40px;
        display: block;
        min-width: auto;
    }
    #table_price tr#total_price_container, #table_price tr#product_price{
        font-size: 20px;
    }
    footer .wrs_css_footer_right, footer .wrs_css_footer_right .wrs_css_align_right {
        text-align: center;
    }
    footer .wrs_css_last_footer {
        text-align: center;
    }
    .card-container {
        margin-right: 0;
        margin-left: auto;
        display: block;
        margin-top: 16px;
    }
    #div_payment label {
        display: block;
    }
    #div_payment {
        margin-top: 0;
    }
    .wrs_css_center_on_mobile {
        float: none;
        margin: 0 auto;
        text-align: center;
    }
    #table_price tr:first-child td:last-child, #table_price tr:first-child {
        font-size: 20px;
    }
    #table_price td {
        width: 60%;
        text-align: left;
        vertical-align: top;
    }
    #table_price td:first-child {
        padding-right: 0;
    }
    #table_price tr.price_product_description td {
        padding-left: 0;
    }
    #table_price .price_product_description {
        margin-bottom: 20px;
        display: block;
    }
    .wrs_css_only_show_in_payment {
        text-align: center;
        margin: 20px 0;
    }
    #includes_block .wrs_css_product_box_icon {
        float: none;
        display:inline-block;
    }
    #includes_block .wrs_css_license_benefits li i {
        display: none;
    }
    .wrs_css_col.wrs_css_xs1 {
        width:10%;
    }
    .wrs_css_col.wrs_css_xs11 {
        width: 89.9%;
    }
    .wrs_css_container, .wrs_css_content {
        padding: 6px 12px;
    }
    .wrs_css_main_editor, .wrs_css_small_editor, .wrs_css_normal_editor {
        width: 90%;
        max-width: 90%;
        height: 260px;
    }
    .pagination li {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .pagination li:first-child, .pagination li:last-child, .pagination li:nth-last-child(2) {
        display: block;
    }
    .wrs_css_col.wrs_css_offset_s0{
        margin-left: 0%;
    }
    .wrs_css_show_s {
        display: block;
    }
    .wrs_css_hidden_s {
        display: none;
    }
    .wrs_css_center_on_mobile {
        text-align: center;
    }
    .new_wrs_css_product_box_detail {
        list-style: none;
        margin-left: 0;
    }
    .new_wrs_css_product_box_title {
        padding: 10px;
    }
    .new_wrs_css_list_box_detail {
        list-style: none;
        text-align: center;
    }
    .wrs_wrapable_col {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 20px;
    }
    .payment-methods-inner-container-content {
        text-align: left;
        display: flex;
        align-content: center;
        align-items: center;
        margin-top: 0px;
    }
    .payment-method-left-content {
        flex: 50%;
    }
    .payment-method-right-content {
        flex: 50%;
        text-align: right;
    }
    .payment-methods-radio-label {
        display: inline;
    }
    #contact_us .wrs_css_row{
        display: flex;
        flex-direction: column-reverse;
    }
    #contact_us h1{
        font-size: 28px;
        font-weight: 500;
        padding: 0;
    }
    #contact_us .checkbox{
        margin-top: 5px;
    }
    #contact_form button{
        margin: 1em auto;
    }
    #contact_form textarea{
        padding-left: 0;
    }
    #contact_form select{
        padding-right: 0;
    }
    .wrs_css_contact_box_form {
        padding: 0 10px;
    }
    #hero_banner{
        background-image: none;
        padding-top: 20px;
    }
    .responsive-container {
        flex-direction: column;
    }
    .hidden_on_mobile {
        display: none;
    }
    .no_top_padding_on_mobile {
        padding-top: 0;
    }
    #features .wrs_css_container{
        width: 90%;
    }
    .pricing-box {
        width: auto;
    }
    .cardholder-name{
        width: -webkit-fill-available;
    }
    .purchase-section-whitebox {
        max-width: 100%;
    }
}
@media screen and (max-width: 480px) {
    #whats_mathtype_office_tools_container {
        grid-template-columns: 1fr;
    }
    #whats_mathtype_office_tools {
        align-items: center;
        padding: 50px;
        text-align: center;
    }
    #whats_mathtype_office_tools_img_container {
        display: none;
    }
    .trusted_by_cards_container {
        gap: 20px;
        margin: 0 10px;
    }
    .trusted_by_logos > img {
        max-width: 120px;
        margin: 0 auto;
        height: 60px;
    }
    #alipay-payment-form-container .card-container{
        flex-direction: column;
        align-items: flex-start;
    }
}
@media only screen and (max-width: 400px) {
    .question_button{
        margin-top: 10px;
    }
}
@media screen and (max-width: 320px) {
    #whats_mathtype_office_tools {
        padding: 10px;
    }
    #whats_mathtype_office_tools_container {
        display: flex;
    }
}
@media only screen and (max-width: 450px) {
    .wrs_css_highlight_container {
        text-align: center;
    }
    #vat {
        max-width: 100%;
    }
    #terms-and-conditions {
        width: 300px;
    }
    #wrs_css_logo_mathtype {
        width: 175px !important;
    }
    #store_link {
        font-size: 28px;
    }
}
@media only screen and (max-width: 724px) {
    .new_wrs_css_product_box {
        overflow: scroll;
    }

    .dropdown-content {
        position: relative;
        box-shadow: none;
    }
}
@media only screen and (min-width: 601px) {
    .wrs_css_hidden_m {
        display: none;
    }
    .wrs_css_show_m {
        display: initial;
    }
    .wrs_css_show_block_m {
        display: block;
    }
    .wrs_css_col.wrs_css_m1 {
        width: 8.33333%
    }
    .wrs_css_col.wrs_css_m2 {
        width: 16.66666%
    }
    .wrs_css_col.wrs_css_m3 {
        width: 24.99999%
    }
    .wrs_css_col.wrs_css_m4 {
        width: 33.33333%
    }
    .wrs_css_col.wrs_css_m5 {
        width: 41.66666%
    }
    .wrs_css_col.wrs_css_m6 {
        width: 49.99999%
    }
    .wrs_css_col.wrs_css_m7 {
        width: 58.33333%
    }
    .wrs_css_col.wrs_css_m8 {
        width: 66.66666%
    }
    .wrs_css_col.wrs_css_m9 {
        width: 74.99999%
    }
    .wrs_css_col.wrs_css_m10 {
        width: 83.33333%
    }
    .wrs_css_col.wrs_css_m11 {
        width: 91.66666%
    }
    .wrs_css_col.wrs_css_m12 {
        width: 99.99999%
    }
    .wrs_css_option_label {
        text-align: right;
    }
    .purchase-section-whitebox {
        /* min-width: 30%; */
        max-width: 62.7%;
    }
    .wrs_css_spaced_extreme_bottom_on_mobile {
        margin-bottom: 3em;
    }
}
@media only screen and (min-width: 1025px) {
    .dropdown-content {
        position: absolute;
        box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.4);
        margin-top: 5%;
    }
    #item-dropdown-content {
        min-width: 100px;
        margin-left: -50%;
    }
}
@media only screen and (min-width: 1024px) {
    .wrs_css_spaced_extreme_bottom_on_mobile {
        margin-bottom: 0px;
    }
    .wrs_css_product_box_centered {
        padding: 40px 20px;
    }
    .wrs_css_col.wrs_css_l1 {
        width: 8.33333%
    }
    .wrs_css_col.wrs_css_l2 {
        width: 16.66666%
    }
    .wrs_css_col.wrs_css_l3 {
        width: 24.99999%
    }
    .wrs_css_col.wrs_css_l4 {
        width: 33.33333%
    }
    .wrs_css_col.wrs_css_l5 {
        width: 41.66666%
    }
    .wrs_css_col.wrs_css_l6 {
        width: 49.99999%
    }
    .wrs_css_col.wrs_css_l7 {
        width: 58.33333%
    }
    .wrs_css_col.wrs_css_l8 {
        width: 66.66666%
    }
    .wrs_css_col.wrs_css_l9 {
        width: 74.99999%
    }
    .wrs_css_col.wrs_css_l10 {
        width: 83.33333%
    }
    .wrs_css_col.wrs_css_l11 {
        width: 91.66666%
    }
    .wrs_css_col.wrs_css_l12 {
        width: 99.99999%
    }
    .wrs_css_hidden_l {
        display: none;
    }
    .wrs_css_show_block_l {
        display: block;
    }
    .wrs_css_show_l {
        display: initial;
    }
    .wrs_css_reset_width_l {
        width: auto !important;
        min-width: initial !important;
    }
    .wrs_css_flex_row_l {
        display: flex;
        flex-direction: row;
    }
    .wrs_css_align_left_l {
        text-align: left;
    }
}
@media only screen and (min-width: 1200px) {
    .wrs_css_col.wrs_css_xl1 {
        width: 8.33333%
    }
    .wrs_css_col.wrs_css_xl2 {
        width: 16.66666%
    }
    .wrs_css_col.wrs_css_xl3 {
        width: 24.99999%
    }
    .wrs_css_col.wrs_css_xl4 {
        width: 33.33333%
    }
    .wrs_css_col.wrs_css_xl5 {
        width: 41.66666%
    }
    .wrs_css_col.wrs_css_xl6 {
        width: 49.99999%
    }
    .wrs_css_col.wrs_css_xl7 {
        width: 58.33333%
    }
    .wrs_css_col.wrs_css_xl8 {
        width: 66.66666%
    }
    .wrs_css_col.wrs_css_xl9 {
        width: 74.99999%
    }
    .wrs_css_col.wrs_css_xl10 {
        width: 83.33333%
    }
    .wrs_css_col.wrs_css_xl11 {
        width: 91.66666%
    }
    .wrs_css_col.wrs_css_xl12 {
        width: 99.99999%
    }
}
@media only screen and (max-width: 375px) {
    nav label{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    nav a span {
        font-size: 23px !important;
        margin-left: 5px;
    }
    #menu-area {
        top: 80px;
        left: -21px;
    }
    #wrs_css_logo_mathtype{
        width: 170px !important;
        height: 35px !important;
        margin-left: -5px;
        margin-right: 40px !important;
    }
    .wrs_css_logo_wiris{
        width: 25px !important;
        height: 25px !important;
    }
    .wrs_css_header_white {
        display: flex;
        justify-content: space-between;
        padding-bottom: 11px;
    }
}
@media only screen and (min-width: 1920px) {
    #whats_mathtype_office_tools > span {
        font-size: 1.5rem;
    }
    #whats_mathtype_office_tools > p {
        font-size: 1.2em;
    }
    #free-trial-check-text > p {
        font-size: 1rem;
    }
}

@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
    #reuse_card_container input[type="radio"] {
        margin-top: 20px;
    }
}