@media only screen and (max-width: 1200px) {
	/* Header */
	#sticky_buttons.fixed{
		top:150px;
	}
    .logo-container .title {
        font-size: 112.5%;
		width:auto;
    }
    .logo-container,
    header ul {
        justify-content: center;
    }
	/* Menu */
	#menu_header_tabs_inner_scroll,
	.menu-header-main-container .menu-scroll {
        margin: 0 auto;
    }
    .menu_header {
        padding-bottom: 0;
    }
    .text-container .left-content {
        margin-left: 0;
    }
}
@media only screen and (max-width: 1024px) {
    .menu_tabs > .flex {
        display: none;
    }
    .mobile-menu {
        display: flex;
    }
    #overdiv button.mobile-menu-icon:last-child {
        margin-left: 8px;
        font-size: 16px;
    }
    .logo-container .title{
        font-size: 118.75%;
    }
    #appends .in-menu-tabs,
    .subMenu-mobile-box {
        position: fixed;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        top: 56px;
        height: calc(100vh - 56px);
        width: 100%;
        background: #FFFFFF;
        overflow-y: auto;
        z-index: 100;
        padding: 0;
    }
    #appends .in-menu-tabs {
        padding-top: 24px;
    }
    #appends .in-menu-tabs > li a{
        color: #64707D;
    }
    #subMenu.mobile {
        padding: 24px;
        display: block;
        box-shadow: none;
    }
    #subMenu.mobile .subMenu_section {
        margin: 0;
    }
    .footer-account-mobile {
        background: #F5F6F7;
        padding: 24px;
        font-weight: 400;
        font-size: 14px;
        line-height: 21px;
    }
    .footer-account-mobile .footer-title {
        font-weight: 600;
        color: #64707D;
    }
    .footer-account-mobile a {
        display: block;
        font-weight: 400;
        margin-top: 8px;
        text-decoration: underline;
        color: #00604D;
    }
    .footer-menu {
        background: #00604D;
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        color: #FFFFFF;
        padding: 16px 24px;
    }
    .footer-menu .overdiv1120 {
        padding: 0;
    }
    .footer-menu .copyright {
        text-align: left;
        margin-top: 0;
    }
    .footer-menu .terms-container {
        margin-top: 16px;
    }
    .mobile-back {
        font-size: 14px;
        line-height: 21px;
        font-weight: 500;
        color: #64707D;
    }
    #link-about,
    #link-account {
        margin-left: 0;
        margin-top: 32px;
    }
    #appends .in-menu-tabs > li {
        font-weight: 600;
        font-size: 22px;
        line-height: 32px;
        text-decoration-line: underline;
        color: #64707D;
        list-style: none;
        padding: 0 24px;
    }
    #subMenu .subMenu_section_title {
        font-weight: 600;
        font-size: 14px;
        line-height: 21px;
        border-bottom: none;
        margin-bottom: 16px;
    }
    header.mobile-menu-open {
        border-bottom: none;
    }
}
@media only screen and (max-width: 980px) {
    .logo-container .title {
        max-width: 260px;
        line-height: 20px;
    }
}
@media only screen and (max-width: 900px) {
    /* General */
    .overdiv > div,
    .smaller-overdiv > div,
    .wider-overdiv > div {
        padding: 24px 16px;
    }
    .logo-container .title {
        font-size: 106.25%;
    }
    /* Support page - General text pages */
    .text-container .left-content {
        width: 20%;
    }
    .text-container .right-content {
        width: 63%;
	}

    /*Footer*/
    #footer_top .flex {
        flex-wrap: wrap;
        max-width: 552px;
    }
    #prefooter .overdiv1120 {
        border-radius: 100px 100px 0 0;
    }
    #prefooter .prefooter-button {
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    /* General */
    ul, ol {
        font-size: 100%;
    }
    h1 {
        font-size: 193.75%;
    }
    h2 {
        font-size: 162.5%;
	}
	ul.flex li + li,
	header ul.flex li + li {
		margin-left: 16px;
	}
    .logo-container .title {
        font-size: 100%;
        margin-left: 10px;
    }
    /*Tabs*/
    #menu_header_tabs,
    #menu_header_tabs ul li,
    #menu_header_tabs ul a {
        width: 100%;
        max-width: 312px;
    }
    #menu_header_tabs ul li:first-child a {
        border-radius: 5px 5px 0 0;
    }
    #menu_header_tabs ul li:last-child a {
        border-radius: 0 0 5px 5px;
    }
    /* Introduction page */
    #introduction_text h2 {
        font-size: 181.25%;
    }
    /* Support page - General text pages */
    .text-container .left-content {
        width: 25%;
    }
    .text-container .right-content {
        width: 70%;
        margin-left: 5%;
    }
    /* Support page - FAQ */
    .multifield-container.faq .multiField_1 {
        font-size: 125%;
    }

    /*Footer*/
    #footer_top .overdiv1120 {
        flex-direction: column;
    }
    #footer_top .flex {
        flex-wrap: wrap;
    }
    #footer_top .flex > div {
        padding-bottom: 24px;
    }
	#home_banner .overdiv1120{
		flex-direction:column-reverse;
	}
	#home_banner .overdiv1120 > div:first-child{
		max-width:100%;
		padding:24px 0 64px;
	}
	#home_banner_img{
		width:100%;
		background-image:none !important;
		position:static;
	}
	#home_banner_img img{
		width:100%;
		display:inline;
	}
	.home_vision_container,
	#home_skills_container .overdiv1120{
		flex-direction:column;
	}
	.home_vision_img.mint_field{
		width:100%;
		position:static;
		transform:none;
		width:100%;
		max-width:100%;
	}
	.home_vision_container .overdiv1120 > div:last-child{
		max-width:100%;
		width:100%;
	}
	#home_skills_container .overdiv1120 > div{
		max-width:100%;
		width:100%;
	}
	#home_skills_grid{
		display:block;
		padding-left:0 !important;
	}
	#home_skills_grid > div{
		display:block;
		width:100%;
		margin-top:24px;
	}
	#home_pull_iframe{
		width:calc(100% - 48px);
		margin:0 24px;
		height:1680px;
	}
	.tabs ul{
		display:block;
	}
    /*Post*/
    #main_heading_logo {
        width: 144px;
        height: 144px;
        top: -72px;
    }
    .menu_header.profile-header {
        margin-bottom: 62px;
    }
    .profile-section {
        margin-bottom: 24px;
        flex-direction: column;
    }
    .profile-section > div:not(.profile-section-label),
    .profile-section > div {
        width: 100%;
    }
    .profile-section-label {
        margin-bottom: 16px;
    }
    .home_vision_textArea {
        padding: 24px 24px 64px;
        width: 100%;
    }
}

@media only screen and (max-width: 700px) {
    #prefooter .overdiv1120 {
        padding-top: 24px;
        padding-bottom: 24px;
        border-radius: 50px 50px 0 0;
    }
    #prefooter .flex{
        flex-direction: column;
    }
    #prefooter .prefooter-title {
        text-align: center;
        font-size: 145%;
    }
    #prefooter .prefooter-button {
        margin-top: 24px;
        max-width: 312px;
        width: 100%;
    }
}

@media only screen and (min-width: 651px) {
    /* Resources multifields */
    .cols {  
        display: flex;
        justify-content: space-between;
    }
    .cols .col {
        width: 49%;
    }
}

@media only screen and (max-width: 650px) {
    /* Story page */
    .article-container article {
        width: 100%;
        margin: 0;
    }
    .article-container article + article {
        margin-top: 16px;
    }
}

@media only screen and (max-width: 600px) {
    /* General */
    ul, ol {
        font-size: 106.25%;
    }
    h1 {
        font-size: 181.25%;
    }
    h2 {
        font-size: 156.25%;
    }
    h3 {
        font-size: 125%;
    }
    /* Introduction page */
    #introduction_text h2 {
        font-size: 168.75%;
    }
    /* Support page - General text pages */
    .text-container {
        flex-wrap: wrap;
    }
    .text-container .left-content,
    .text-container .right-content {
        width: 100%;
    }
    .text-container .right-content {
        margin-top: 16px;
        margin-left: 0;
    }
    .sidebar-tabs ul {
        display: flex;
    }
    #overdiv .sidebar-tabs li + li {
        margin-top: 0;
        margin-left: 16px;
    }
    .text-container a {
        padding-left: 0;
    }
    .sidebar-tabs .menu_selected a {
        padding-bottom: 5px;
    }
    .sidebar-tabs .menu_selected a::after {
        width: 100%;
        height: 4px;
        top: auto;
        bottom: 0;
    }
    .sidebar-tabs {
        margin-bottom: 24px;
    }
    #sidebar_tabs {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 8px;
    }
    #sidebar_tabs_inner_scroll {
        margin: 0;
    }
    #sidebar_tabs ul li {
        flex-shrink: 0;
    }
    /* Help page */
    .help-buttons.no_admin .item {
        width: 47%;
    }
    .sidebar-tabs ul li.menu_selected {
        border-left: none;
    }
    /*Resources*/
    .multifield-container.resources {
        grid-template-columns: 1fr;
        grid-gap: 24px;
    }
    /*Footer*/
    #footer_top .overdiv1120 {
        padding-top: 24px;
    }
    #footer_top .flex > div {
        max-width: 100%;
        padding-bottom: 24px;
    }
    #footer_bottom .overdiv1120 {
        padding-top: 16px;
        padding-bottom: 16px;
        flex-direction: column;
        align-items: flex-start;
    }
    #footer_bottom .terms-container {
        margin-top: 16px;
    }
    /*Sidebar*/
    .sidebar-tabs ul {
        border-bottom: 1px solid #F5F6F7;
    }
    .sidebar-tabs ul li {
        padding: 8px;
        border-bottom: none;
    }
    .sidebar-tabs ul li.menu_selected {
        border-left: none!important;
        border-bottom: 4px solid #00993B;
    }
}

@media only screen and (max-width: 500px) {
    body {
        padding-top: 118px!important;
    }
	/* Header */
	#marketplace_sub_tabs ul li,
	header ul li,
	.tabs ul li {
		text-align:center;
	}
	#overdiv .tabs ul,
	#marketplace_sub_tabs ul li a h2,
	header ul li a,
	.tabs ul li a {
		font-size:14px;
	}
    header {
        height: 118px;
        align-items: flex-start;
        padding: 24px;
    }
    .logo-container {
        flex-direction: column;
        align-items: flex-start;
    }
    .logo-container .title {
        margin-left: 0;
    }
    #appends .in-menu-tabs {
        top: 118px;
        height: calc(100vh - 118px);
    }
    .subMenu-mobile-box {
        top: 88px;
        height: calc(100vh - 88px);
    }
    /*Resources*/
    .multi_field_area.resource .multiField_topBox {
        flex-direction: column;
    }
    .multi_field_area.resource .multiField_textBox,
    .multi_field_area.resource .multiField_0 {
        width: 100%;
    }
}

@media only screen and (max-width: 460px) {
    /* General */
    h1 {
        font-size: 168.75%;
    }
    h2 {
        font-size: 150%;
    }
    h3 {
        font-size: 118.75%;
    }
    /* Introduction page */
    #introduction_text h2 {
        font-size: 162.5%;
    }
    /* Support page - FAQ */
    .multifield-container.faq .multiField_1 {
        font-size: 118.75%;
    }
    .multifield-container.faq .multiField_2 {
        margin-top: 10px;
    }
    /* Help page */
    .help-buttons.no_admin {
        display: block;
    }
    .help-buttons.no_admin .item {
        width: 100%;
        margin: 0;
    }
    .help-buttons.no_admin .item + .item {
        margin-top: 16px;
    }
    .input-container {
        display: block;
    }
    #overdiv .input-container label {
        width: 100%;
    }
    #overdiv .input-container label + label {
        margin-top: 16px;
        margin-left: 0;
    }
    /* Story page */
    #story_image {
        height: 250px;
    }
}

@media only screen and (max-width: 400px) {
    /* General */
    ul, ol {
        font-size: 93.75%;
    }
    h1 {
        font-size: 162.5%;
    }
    h2 {
        font-size: 143.75%;
    }
    .cards-container .card {
        width: 100%!important;
    }
    .cards-container {
        grid-template-columns: 1fr!important;
    }
}

@media only screen and (max-width: 350px) {
    .logo-container .title {
        font-size: 14px;
    }
}