/* CSS Document */
@media only screen and (max-width: 1300px) {

    .page-template-pricing #primary {
        margin-top: 80px;
    }

    .related-posts-list .ro-t h3 {
        font-size: 15px;
    }

    .related-posts-list .ro-t p {
        font-size: 13px;
    }

}

@media only screen and (min-width: 1024px) {
    .desktop {
        display: block;
    }

    .desktop.cta-link {
        display: inline-flex;
    }

    .mobile {
        display: none;
    }

    .about-hero .basic-grid {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
    }
}

/*mobile/tablet header*/
@media only screen and (max-width: 1023px) {
    .desktop {
        display: none;
    }

    .position-col-form, .position-col {
        width: 100%;
        padding: 0;
        box-sizing: border-box;
        padding: 0 2em;
    }

    .single-career_position .single-position-hero {
        padding-top: 15em;
    }

    .career-wave {
        max-width: 100%;
    }

    .page-template-pricing #primary {
        margin-top: 100px;
    }

    .page-template-simple-text #primary {
        margin-top: 60px;
    }

    .page-template-download-page #primary {
        margin-top: 80px;
    }

    .page-template-download-page .basic-grid h1 {
        padding-bottom: 2rem;
    }

    .page-template-download-page .basic-grid {
        font-size: 1.8rem;
        line-height: 1.5;
    }

    .single-podcast-title-wrapper {
        max-width: 100%;
        width: 100%;
    }

    .mobile {
        display: block;
    }

    section .positions-area {
        margin-top: 10rem;
    }

    .post-header .ph-r {
        max-width: 100%;
        padding-right: 2rem;
    }

    section.about-hero {
        background: white;
        display: block;
    }

    section.about-hero .basic-grid {
        padding: 0;
    }

    section.about-hero .ps {
        display: flex;
        flex-direction: column-reverse;
        padding: 0;
        height: auto;
    }

    section.about-hero .white-box {
        transform: none;
        padding: 2.5rem;
        padding-top: 4.6rem;
    }

    section.logos-strip {
        display: block;
        margin-top: 8rem;
    }

    section.logos-strip .logos-list-wrapper {
        width: 100vw;
        overflow: auto;
    }

    section.logos-strip .logos-list {
        display: flex;
    }

    section.logos-strip .logos-list li {
        padding-right: 7rem;
    }

    section.logos-strip .logos-list li.empty {
        display: none;
    }

    section.logos-strip .logos-list li.lst {
        padding-right: 3.5rem;
    }

    .about-hero-image {
        width: 100%;
        position: static;
        height: 30rem;
    }

    .vis-blts-list li {
        display: block;
        margin-top: 9rem;
    }

    .vis-blts-list li .text-side {
        padding: 0 !important;
        width: 100%;
    }

    .vis-blts-list li .img-side {
        max-width: none;
        margin-top: 3rem;
        width: 100%;
    }

    .principals-list {
        display: block;
    }

    .principals-list li {
        margin-top: 4rem;
    }

    .principals-list h3 {
        font-size: 18px;
    }

    .principals-area {
        padding-top: 0;
    }

    .principals-area .basic-grid:before {
        display: none;
    }

    .image-the-future-area {
        margin-top: 11rem;
    }

    .image-the-future-area img {
        width: 100%;
        height: auto;
        max-width: none;
    }

    .community-area .podcasts-list li {
        width: 100%;
        margin-bottom: 4rem;
    }

    .career-hero {
        min-height: 0 !important;
    }

    .career-hero .ps {
        padding-bottom: 0 !important;
        height: auto !important;
    }

    .career-hero .basic-grid {
        display: flex;
        flex-direction: column-reverse;
    }

    .page-template-career .big-logo .flip-logo {
        width: 12.8rem;
        height: auto;
    }

    .under-caeer-hero-p {
        padding: 0 2.5rem;
        box-sizing: border-box;
    }

    .under-caeer-hero-p p {
        text-align: left;
        margin: 0;
    }

    .position-table {
        margin-top: 3.5rem;
    }

    .position-table .pth {
        display: none !important;
    }

    .position-table a[role=tr] {
        display: flex;
        flex-wrap: wrap;
        height: auto;
        padding: 2rem 1rem;
        box-sizing: border-box;
    }

    .position-table a[role=tr] div[role=td]:nth-child(1) {
        flex: 0 0 100%;
        font-size: 16px;
        margin-bottom: 0.5rem;
        padding-left: 0;
    }

    .position-table a[role=tr] div[role=td]:nth-child(2), .position-table a[role=tr] div[role=td]:nth-child(3) {
        /* flex:auto;
         width: auto;*/
        font-size: 16px;
        padding-left: 0;
    }

    .position-table a[role=tr] div[role=td]:nth-child(2) {
        width: auto;
    }

    .position-table a[role=tr] div[role=td]:nth-child(3) {
        flex: auto;
        width: auto;
        font-weight: 400 !important;
    }

    .mission-area .at-image {
        padding-bottom: 0;
        height: 50rem;
        background-image: url(../img/careers-mobile-image.jpg);
    }

    .mission-area .trusted-holder {
        margin: 11rem 0 4rem;
    }

    .mission-area .values-head {
        display: block;
        margin: 10rem 0 6.2rem;
    }

    .mission-area .values-head h2 {
        margin-bottom: 2.8rem;
    }

    .mission-area .pn {
        flex: 0 0 5rem;
    }

    .page-template-career .principals-area {
        margin-bottom: 12rem;
    }

    .single-position-hero {
        padding: 0;
    }

    .single-position-hero .basic-grid {
        padding: 0;
    }

    .single-position-hero .white-box {
        width: 100%;
        transform: none;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        margin-top: 5rem;
    }

    .position-deatils-n-apply {
        margin: 0;
    }

    .position-deatils-n-apply h2 {
        margin: 6rem 0 1.5rem 0;
        font-size: 20px;
    }

    .position-deatils-n-apply .basic-grid {
        display: block;
    }

    .position-deatils-n-apply ul {
        font-size: 16px;
    }

    .ph-t {
        padding: 6.1rem 2.5rem;
    }

    .position-col-form {
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        align-items: flex-start;
        min-height: auto;
    }

    .position-share-button-desktop {
        display: none;
    }

    .position-share-button-mobile {
        display: flex;
        margin-bottom: 1.5em;
    }

    .apply-form {
        max-width: 520px;
        width: 100%;
        box-sizing: border-box;
        margin: 2em 0;
        position: relative;
        top: auto;
    }

    .apply-now-button-wrapper {
        display: block;
    }

    .gfield_description {
        height: auto !important;
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .gform_button {
        height: 44px;
    }

    .product-img-side {
        transform: translateX(2.5rem);
    }

    .product-img-side img {
        width: 100%;
        height: auto;
    }

    .future-area .basic-grid {
        display: flex;
        flex-direction: column-reverse;
    }

    .page-template-product .precious-assets-area.future-area .basic-grid {
        flex-direction: column;
        align-items: start;
    }

    .page-template-product .precious-assets-area.future-area .ty-8{
        flex: 1;
    }

    .page-template-product .padding-bottom-product{
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .future-area img.product-cloud{
        max-width: 70%;
    }

    .culling-product-page-title{
        text-align: left;
        padding-left: 2.4rem;
    }

    .future-area img {
        max-width: 100%;
    }

    .words-animation-area {
        padding: 7rem 0;
    }

    .words-animation-area .aw-list {
        font-size: 34px;
    }

    .words-animation-area .top-words-splide {
        margin-top: 4.6rem;
    }

    .words-animation-area .bottom-words-splide {
        margin-bottom: 4.6rem;
    }

    .culling-product-page{
        text-align: left;
    }

    .page-template-product h2 {
        text-align: left;
    }

    .page-template-product .visaul-bullets-area {
        padding: 10rem 0;
    }

    .page-template-product .visaul-bullets-area .vis-blts-list li {
        display: flex;
        flex-direction: column-reverse;
        margin-top: 6.7rem;
        margin-bottom: 5rem;
    }

    .page-template-product .visaul-bullets-area .vis-blts-list li .icn {
        width: 5.4rem;
        height: auto;
    }

    .page-template-product .visaul-bullets-area .vis-blts-list li .img-side {
        padding: 0 !important;
    }

    .culling-area {
        margin-top: 0;
    }

    .opt-area {
        padding: 0 2.4rem;
        box-sizing: border-box;
    }

    .opt-area img {
        width: 100%;
        height: auto;
    }

    .opt-area h2 {
        text-align: center;
    }

    .secure-holder {
        padding: 0 2.4rem;
        box-sizing: border-box;
    }

    .secure-holder .icon {
        width: 8.6rem;
        height: 10.6rem;
        margin-top: -4.3rem;
        margin-bottom: 3rem;
    }

    .secure-holder h2 {
        text-align: center;
    }

    .mot {
        margin-top: 10rem;
    }

    .mot .cta-link.mobile {
        display: inline-flex !important;
        margin: 2rem 0;
    }

    .mot .basic-grid {
        padding: 0 2.4rem;
        margin-bottom: 2.4rem;
    }

    .mot .talent-list li {
        width: 29.6rem;
        flex: 0 0 29.6rem;
    }

    .mot .talent-list li .talent-link {
        height: 39.4rem;
    }

    .bottom-links-area {
        margin: 11rem 0;
    }

    .bottom-links-area .hero-links {
        display: block;
    }

    .bottom-links-area .hero-links li {
        margin-bottom: 1.6rem;
    }

    .bottom-links-area h2 {
        font-size: 35px;
    }

    .sticky-item {
        display: block;
    }

    .sticky-item .post-img {
        height: 35rem;
        margin-bottom: 3.2rem;
    }

    .sticky-item .pots-text {
        padding-left: 0;
    }

    .sticky-item h2 {
        font-size: 24px;
    }

    .blog-hero {
        margin-top: 10rem;
    }

    .blog-hero h1 {
        margin-bottom: 3rem;
    }

    .filter-and-sort {
        height: auto;
        padding: 8rem 0 3rem;
        width: 100vw;
        overflow: auto;
    }

    .filter-and-sort button {
        padding: 0;
    }

    .filter-and-sort li:first-child {
        padding-left: 2.4rem;
    }

    .filter-and-sort .sort-by-box {
        display: none;
    }

    .filter-and-sort button {
        white-space: nowrap;
    }

    .rest-of-posts-area .loader-area {
        background-size: 5rem;
        height: 5rem;
        background-position: left 2.4rem center;
    }

    .rest-of-posts-area .loading-area {
        padding: 0 2.4rem;
        box-sizing: border-box;
        justify-content: flex-start;
    }

    .rest-of-posts-area .posts-list .date {
        font-size: 16px;
        margin-top: 1rem;
    }

    .rest-of-posts-area .basic-grid {
        padding: 0;
    }

    .rest-of-posts-area .podcasts-list {
        margin-top: 3rem;
        padding: 0 2.4rem;
        box-sizing: border-box;
    }

    .rest-of-posts-area .podcasts-list li {
        width: 100%;
    }

    .rest-of-posts-area .podcasts-list li:last-child {
        margin-bottom: 0;
    }

    .post-grid {
        width: 100vw;
        display: block;
        padding: 0 2.4rem;
    }

    .post-header h1 {
        font-size: 24px;
        line-height: 1.2;
    }

    .post-header p {
        font-size: 18px;
    }

    .content .share-btns {
        flex-direction: row;
        position: static;
    }

    .content .content-side {
        padding-top: 4.8rem !important;
    }

    .single-post-related li {
        margin-bottom: 1.3rem;
        max-width: 320px;
        margin: 0px auto;
        margin-bottom: 20px;
    }

    .single-post-related h2 {
        text-align: center;
    }

    .related-posts-list .ro-t h3 {
        font-size: 18px;
    }

    .related-posts-list .ro-t p.author {
        font-size: 14px;
    }

    .single-post-related .related-posts-list {
        display: block;
    }

    .single-post-related .post-grid {
        padding-right: 2.4rem;
    }

    .podcasts-archive-hero {
        padding: 0 2.4rem;
        box-sizing: border-box;
    }

    .podcasts-archive-hero .cta-link {
        border-bottom: 1px solid var(--pink) !important;
        padding: 0;
    }

    .podcasts-archive-hero .ph-c {
        text-align: left;
        margin-top: 10rem;
    }

    .podcasts-archive-hero h1 {
        text-align: left;
        margin-left: 0;
    }

    .podcasts-archive-hero .podcasts-outer-links-list {
        justify-content: flex-start;
    }

    .podcasts-archive-hero p {
        text-align: left;
    }

    .podacsts-grid {
        width: 100vw;
        padding: 0 2.4rem;
        box-sizing: border-box;
    }

    .podacsts-grid .links {
        margin-top: 2rem;
    }

    .ex-n-links {
        display: block;
    }

    header .menu-item-has-children {
        background-image: none;
        padding-right: 0;
    }

    header .menu-item-has-children.expanded > a:after {
        transform: rotate(180deg);
    }

    header .menu-item-has-children > a {
        background: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    header .menu-item-has-children > a:after {
        content: "";
        display: block;
        width: 1.2rem;
        flex: 0 0 1.2rem;
        transform-origin: center;
        height: 0.7rem;
        background: url('../img/da.svg') no-repeat right center;
        background-size: contain;
        transform: rotate(0);
        transition: 0.3s all;
    }

    header .sub-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        height: 0;
        overflow: hidden;
        transition: none !important;
    }

    header .sub-menu li {
        border-bottom: none;
    }

    header .sub-menu a {
        font-family: "Graphik", sans-serif;
        font-size: 16px;
        font-weight: 400;
    }

    .future-area .basic-grid, .product-hero .basic-grid {
        width: 100vw;
    }

    .vid-ar {
        padding-top: 7rem;
    }

    .pn {
        display: block;
        flex: 0 0 5rem;
    }

    header nav li {
        transition: 0.3s all;
    }

    header nav li.expanded {
        border-color: white;
    }

    .header-right {
        top: 5rem;
        padding-top: 1rem;
        height: calc(100vh - 8rem);
        overflow: auto;
    }

    .header-right .download-button {
        margin-top: 5rem;
    }

    .values-list-area .principals-list li {
        padding-right: 0;
        box-sizing: border-box;
    }
    .culling-product-img{
        display: none;
    }
    .culling-product-img-mobile{
        display: block;
    }
    .future-area {
        padding-bottom: 0 !important;
    }

    .future-area .half-half-layout {
        padding-bottom: 0 !important;
    }

    .page-template-product .culling-area {
        margin-bottom: 17rem;
        margin-top: 0;
    }

    .comments .post-grid {
        padding-right: 2.4rem;
    }

    .comments {
        padding-left: 0;
        margin-left: 0;
    }

    .content .share-btns li {
        margin-right: 2rem;
    }

    footer nav {
        flex-wrap: wrap;
    }

    footer nav .menu {
        padding-right: 0;
    }

    footer nav > div {
        flex: 0 0 50%;
        box-sizing: border-box;
    }

    footer nav > .menu-footer-3-container,
    footer nav > .menu-footer-4-container {
        margin-top: 3rem;
    }

    footer nav > .menu-footer-container,
    footer nav > .menu-footer-3-container {
        padding-right: 15px;
    }

    .positions-area {
        margin-top: 4rem;
    }

    .position-table {
        margin-top: 2rem;
    }

    .podcast-grid {
        width: 100%;
        margin: 15px 0 0;
    }

    .podcats-item, .podcast-conetnt {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding: 0 2em;
        margin: 0;
    }

    .single-podcast .podcats-item {
        margin: 0 !important;
    }

    .single-podcast .podcats-s-bl {
        width: 100%;
    }

    .page-template-career .values-head {
        padding-top: 5em;
        display: block;
    }

    .page-template-career .values-head .medium-title {
        padding-bottom: 10px;
    }

    .page-template-career .values-head p {
        max-width: 100%;
    }

    .page-template-career .principals-list h3 {
        margin-bottom: 1rem;
    }
}


@media only screen and (max-width: 768px) {
    .download-form input[type=text], .download-form input[type=email] {
        max-height: 4.5rem;
    }

    .single-post .gallery.gallery-size-medium.gallery-columns-2 {
        margin-left: 16em;
        margin-right: 16em;
    }

    .position-col-form {
        align-items: center;
    }

    .apply-form {
        max-width: 400px;
    }

    .single-post .gallery.gallery-size-medium.gallery-columns-3 {
        margin-left: 8em;
        margin-right: 8em;
    }

    .single-podcast-title-wrapper h1 {
        font-size: 26px;
    }

    .single-podcast .pink-link {
        margin-left: 20px;
        font-size: 14px;
    }

    .vb-list li .text-side p {
        max-width: 100%;
    }

    .page-template-product .visaul-bullets-area {
        padding: 0;
    }

    .page-template-product .visaul-bullets-area.ztry {
        padding: 10rem 0 0;
    }


    .page-template-product .culling-area {
        margin-bottom: 8rem;
    }

    .page-template-product .mot {
        margin-top: 5rem;
    }

    .page-template-product .product-hero{
        padding-top: 100px;
    }
}

@media only screen and (max-width: 568px) {
    .single-post .gallery.gallery-size-medium.gallery-columns-2 {
        margin-left: 5em;
        margin-right: 5em;
    }

    .single-post .gallery.gallery-size-medium.gallery-columns-3 {
        margin-left: 1em;
        margin-right: 1em;
    }

    .single-career_position input::placeholder {
        font-size: 14px;
    }

    .position-share-button-mobile {
        display: block;
    }

    .position-share-button-mobile button {
        width: 100%;
    }
}

@media only screen and (max-width: 390px) {
    .page-template-download-page .basic-grid h1 {
        white-space: normal;
    }
}