@media only screen and (min-width: 1901px) {

    .infobox_screenshot img {
    }

    #web_current_project {
        position: relative;
        left: -12em;
        width: 12em;
    }

    #web_current_project_outer {
    	flex: 0 !important;
    	width: 10px;
    }

    #page_content,
     #web_header,
     .frame_intro,
     .footer
     {
        width: 62% !important;
    }
}

@media only screen and (max-width: 1900px) {

    .link_page_content {
    	margin-right: 1em;
    }
}

@media only screen and (max-width: 1200px) {

    .cookies_popup {
        top: 3%;
        right: 3%;
        left: 3%;

        min-height: 60vh;
    }

    .cookies_content {
        width: 94%;

        padding: 0.5em 0.5em;
    }

    .cookie_settings {
        padding: 1em 0.4em;
    }

    .cookie_listing_name {
        min-width: 6em;
    }

}

@media only screen and (min-width: 1601px) {

}

@media only screen and (max-width: 1600px) {

    .two_column_left,
     .two_column_right {
        width: 45% !important;
    }

    .infobox_screenshot img {
        max-width: 30vw;
    }

}

@media only screen and (min-width: 901px) {

    #page_content,
     #web_header,
     .frame_intro
     {
        width: 75%;
    }

    #page_content_scripts {
        width: 70%;
    }

    .control_desktop {
        display: flex !important;
    }
    .control_mobile {
        display: none;
    }
}

@media only screen and (max-width: 900px) {

    body {
    }

    .control_desktop {
        display: none;
    }
    .control_mobile {
        display: flex !important;
    }

    .marker_desktop {
        display: none !important;
    }

    #web_header {
        text-align: right !important;

        padding: 0em 0.5em !important;

        box-sizing: border-box;
    }

    #web_logo {
        display: inline-block;
        width: initial;
    }

    .web_logo_container {
        text-align: center;

        padding-top: 0.6em;
        padding-bottom: 0.6em;
    }

    #web_current_project {
        vertical-align: top;
    }

    #web_current_project_outer {
    	padding-right: 1em;
    }

    .web_links {
        text-align: left;

        padding-top: 0.3em;
        padding-bottom: 0.3em;
    }

    .web_links_main {
        display: none !important;

        padding-top: 0.3em;
        padding-bottom: 0.3em;
    }

    .web_links_mobile_only a {
    	padding: 0.5em 2em;

        font-weight: 300;
        font-size: 1.0em;
        color: #fff !important;

        background: #3E7095;

    	text-decoration: none;
    }

    .web_links_mobile_only_light a {
        padding: 0 1em !important;

        font-weight: 300;
        font-size: 1.0em;

        text-decoration: none;
    }

    /* Header */

    #nav_centered_left {
        padding-top: 0.5em;
    }

    .button_advanced_container {
        padding-top: 0;
    }

    .header_link {
        padding: 0.4em 1.5em !important;

        display: inline-flex;
    }

    /* General */

    .link_page_content_text {
        padding-top: 2;
    }

    .link_page_projects_wide {
        display: none;
    }

    .link_page_projects_mobile {
        display: inline-block !important;
    }

    .user_links {
        text-align: right;
    }

    #page_content {
        padding: 1.5em 0.9em 2em 0.9em !important;
    }

    .frame_intro {
    	padding: 0.9em 0.3em !important;
    	font-size: 2.3em !important;
    }

    .infobox1 {
    	padding: 0 0.2em !important;
    }

    #page_content,
     #web_header,
     .frame_intro,
     .footer
     {
        width: 100%;
    }

    #page_content_scripts {
    }

    .infobox1 {
        flex-direction: column;
    }

    .infobox_screenshot img {
        max-width: initial;
    }

    .info_see_more {
         flex-direction: column;
    }

    .info_see_more_content {
        width: 100% !important;

        padding-right: 0 !important;
    }

    /* Layout */

    #menubar_sidebar {
        min-width: initial !important;
    }

    .content_navigation_main {
        flex-direction: column;
    }

    /* Main Bar */

    #main_bar_centered {
    	padding: 0.6em 0.4em 0.2em 0.8em;
    }

    .content_menuitems {
    	text-align: center;
    }

    /* Data-Bar */

    #data_bar_content {
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .script_controls_data {
    }

    /* Buttonbar */

    #buttonbar {
        flex-flow: wrap !important;
        gap: 8px;

        padding: 0.5em 0.6em;

        flex-direction: column;
    }

    .centered_script_parameters {
        flex: initial;

        margin-left: auto;
    }

    .centered_project_settings {
        padding-top: 0.6em;
        padding-right: 0.3em;

        flex-direction: column;
        gap: 8px;
    }

    .centered_project_settings div {
        justify-content: end;
    }

    .content_editor_buttons {
        display: flex;
        flex-direction: column;

        gap: 14px;
    }

    .editor_button_group_push {
         display: none;
    }

    .editor_button_group {
        justify-content: flex-end;
    }

    .content_script_buttons_more {
        flex-direction: column;
    }

    .content_script_buttons_right {
        text-align: left;
    }

    .editor_help_container {
        display: initial;
    }

    .editor_help_section {
        padding: 0.4em 0 1em 0;
    }

    /* Buttonbar: Second */

    #buttonbar_second {
        padding: 0.3em 0.6em;

        text-align: left;
    }

    #second_bar_centered {
        flex-direction: column;
    }

    .centered_design_buttons {
    }

    .menu_button_script_placeholder {
    	padding: 0.3em 0.2em;
    }

    .menu_button_text {
    	padding: 0.4em 0.5em 0.3em 0.4em;
    }

    /* Contents: Buttons */

    .main_script_button {
        padding: 0.5em 1.3em !important;
    }

    /* Contents */

    #editor {
        width: 90vw;
    }

    .screenshot img {
        width: 95%;
    }

    .link_page_content {
        margin: 0 !important;
    }

    .link_page_main {
        margin: 0.3em 0.2em;
        display: inline-block;

        color: #121212;
    }

    .known_login_info {
        flex-direction: column;
    }

    /* General */

    .button {
    	padding: 0.4em 0.9em;
    }

    .button_editor {
        padding-top: 0.6em;
        padding-bottom: 0.6em;
    }

    .menu_button_open_script {
    }

    /* Settings */

    .table_project_settings tr td {
        min-width: 0;
    }

    /* Input: User Fields */

    .field_size1 {
        width: 15em;
    }
    .field_size2 {
        width: 50%;
    }

    .field_size3,
    .field_size4,
    .field_size5,
    .field_size6,
    .field_size7
    {
        width: 75%;
    }

    .field_size8,
    .field_size9,
    .field_size10
    {
        width: 95%;
    }

}

@media only screen and (min-width: 601px) {

    #web_header {
        text-align: right !important;

        background-color: #ffffff;
    }

    #web_current_project_outer {
        flex: 1;
    }

    #all_projects_wrapper {
    	margin: auto;
    	width: 25em;
    }

    /* Nav */

    .web_links_desktop_only {
        display: block !important;
    }
}

@media only screen and (max-width: 600px) {

    /* Layout */

    .content_navigation_main {
        flex-direction: row;
    }

    #web_header {
        text-align: left;

        flex-direction: row;
    }

    #content_options button img {
        width: 24px;
        height: 24px;
    }

    #web_logo {
        width: 100%;
    }

    .logo_main {
        margin-left: 25px;
    }

    .web_logo_container {
        flex: 1;
    }

    .footer {
        flex-direction: column;

        padding: 1em 0 !important;
    }

    .footer ul li {
        padding: 0.4em 0;
    }

    .menuitems_main {
        text-align: right;
    }

    /* Menu Buttons */

    .menu_button_open_script,
     .menu_button_open_content {
        margin-right: 0em;
    }

    .button_open_new_file {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .script_horz:not(:first-child) {
        margin-left: 0.4em;
    }

    /* Editor */

    .editor_open_more_files {
        justify-content: center;
    }

    .editor_open_files_container {
        flex-direction: column;
        gap: 18px;
    }

    /* Content */

    #content {
        clear: both;

        float: initial;
        width: 100% !important;
        box-sizing: border-box;

        padding: 0em 0.6em !important;
    }

    .info_title {
        font-size: 2.4em !important;
        line-height: 1.3em;
    }

    .infobox_centered {
    	width: 95% !important;
    }

    .my_projects_header {
        padding-bottom: 0.8em
    }

    .mobile_buttons_projects {
        display: block !important;

        padding-top: 0.3em;
        padding-bottom: 0.3em;
    }

    .mobile_current_project {
        background-color: #fff;
        display: block !important;

        height: 1;

        text-align: right;

        padding-bottom: 0.3em;
    }

    .mobile_buttons_content {
        display: inline-block;
        vertical-align: top;

        padding-top: 0.4em;
        margin-right: 0.4em;
    }

    .mobile_buttons_my_content {
        padding: 0.65em 0.9em !important;
    }

    /* Storage */

    #buttonbar_storage {
        padding: 1em 1em 1em 1em;
    }

    #storage_container {
        padding: 1em 1em 1em 1em;
    }

    .storage_summary_title_container {
    	flex-direction: column;
    }

    .storage_summary_title_right {
    	text-align: left;

    	padding: 0.6em 0;
    }

    /* Nav */

    .web_links_mobile_only {
        display: block !important;
    }

    .web_links_mobile_only_light {
        display: block !important;

        background-color: #ddd;

        padding-top: 3 !important;
        padding-bottom: 3;
    }

    .body_index .web_links_mobile_only_light {
        display: none !important;
    }

    /* Projects */

    #all_projects_wrapper {
    	width: 100%;
    }

    .content_narrow {
        width: 95% !important;
    }

    .box_guide {
        max-width: initial;
    }

    .pane_project {
    }

    .pane_project_group_label {
        font-size: 0.9em;
        min-width: 30% !important;
    }

    .pane_project_group_content {
        text-align: right;
    }

    .projects_footer {
        width: 100% !important;
    }

    .known_login_info_options_wrapper {
    	padding: 0 !important;
    }

    .known_login_info_options {
        margin: 15px 0;

        float: right;

        padding: 0.5em 1.5em !important;
    }

    #user_block {
        flex-direction: column;
    }

    .user_block_start {
    	border-right: 0 !important;
    }

    #web_current_project_outer {
        display: none !important;
    }

    .user_links {
        display: none !important;
    }

    /* Pricing */

    .pricing_introduction_container {
        width: 100% !important;
    }

    .pricing_wrapper {
        display: block !important;

        margin-right: 0 !important;
        margin-bottom: 0.7em;
    }

    .pricing {
        width: 90vw !important;
        min-width: 13em;

        box-sizing: border-box;
    }

    .pricing_container {
        flex-direction: column;
    }

    /* Contact */

    .contact_form tr td {
        display: block;
    }

    .contact_form tr td input {
        width: 100%;
    }

    /* Cookies */

    .cookies_info {
    	left: 2%;
    	right: initial;
    	bottom: 2%;
    	box-sizing: border-box;

    	width: 96%;
    }

}

@media (hover: none) {
}