/*!
README - STYLEGUIDE BRIEFLY

Find the style by media query screen width, using Find or CTRL + F
min-width 601px, min-width: 901px, min-width: 1300px, min-width: 1600px,
max-width: 1599px, max-width: 1299px, max-width: 900px, max-width: 600px

Make this stylesheet still readable and after using this file, dont forget to use beautify after development
Thankyou Whello Developer
*/



/* > MOBILE */
@media all and (min-width: 601px) {
    .clear-step-mobile {
        display: none!important;
    }
    .figure-blockquotes img {
        width: 171px;
        height: 171px;
    }

    .listing-block .whbutton-readmore {
        margin-top: 30px;
    }

    .listing-block .thumbnail-item {
        margin-bottom: 40px;
    }

    .listing-block {
        margin-bottom: -60px;
    }

    .listing-block>.listing-item {
        margin-bottom: 60px;
    }
}


/* > TABLET */
@media all and (min-width: 901px) {
    .vc_row.row__before-after>.wpb_column:first-child {
        border-right: 4px solid var(--white);
    }

    .vc_row.row__before-after>.wpb_column:last-child {
        border-left: 4px solid var(--white);
    }

    .vc_row.row__before-after h4 {
        font-size: 18px;
    }

    .text-name-blockquotes h4 {
        font-size: 18px;
    }

    .vc_row.row__images-oldnow {
        --text-xl: 18px;
    }

    .vc_row.row__images-oldnow .wpb_text_column.caption__images-oldnow {
        padding-left: 20px;
    }

    .vc_row.row__images-oldnow>.wpb_column:first-child .wpb_text_column.caption__images-oldnow {
        padding-left: -webkit-calc(var(--padding-container) - 20px);
        padding-left: -moz-calc(var(--padding-container) - 20px);
        padding-left: calc(var(--padding-container) - 20px);
    }

    .vc_row.row__images-oldnow .wpb_single_image.images__oldnow {
        margin-bottom: 26px;
    }

    .vc_row.row__images-oldnow>.wpb_column:first-child .wpb_single_image.images__oldnow img {
        border-right: 5px solid black;
        -webkit-border-top-left-radius: 10px;
        -moz-border-radius-topleft: 10px;
        border-top-left-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-bottom-left-radius: 10px;
    }

    .vc_row.row__images-oldnow>.wpb_column:last-child .wpb_single_image.images__oldnow img {
        border-left: 5px solid black;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topright: 10px;
        border-top-right-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        border-bottom-right-radius: 10px;
    }

    .vc_row.row__width-custom>.wpb_column.vc_col-sm-8 {
        width: 60%;
    }

    .vc_row.row__width-custom>.wpb_column.vc_col-sm-4 {
        width: 40%;
    }

    .vc_row.indicator__clear-steps h4 {
        font-size: 18px;
    }

    .vc_row.indicator__clear-steps .wpb_text_column a {
        width: 200px;
        height: 200px;
    }

    .blueprint-groups .blueprint-group-item {
        width: 50%;
    }

    .blueprint-groups .blueprint-highlight-wrapper {
        --text-xl: 18px;
        width: 200px;
        height: 200px;
        padding: 30px;
    }

    .blueprint-groups .blueprint-content,
    .blueprint-groups .blueprint-highlight {
        width: 50%;
    }

    .blueprint-group-item:nth-child(even) .blueprint-item-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -moz-box-orient: horizontal;
        -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .blueprint-group-item:nth-child(odd) .blueprint-content {
        text-align: right;
    }

    .blueprint-group-item:nth-child(even) .blueprint-content {
        text-align: left;
    }

    .blueprint-groups .blueprint-group-item:nth-child(odd) .blueprint-highlight-wrapper {
        margin-left: auto;
    }

    .blueprint-groups .blueprint-content {
        position: relative;
    }

    .blueprint-groups .blueprint-content .blueprint-content-wrapper {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        z-index: 1;
    }
}


/* >= DESKTOP & LAPTOP */
@media all and (min-width: 1300px) {
    section.vc_section.bg-size-contain {
        -webkit-background-size: 100% 100%;
           -moz-background-size: 100% 100%;
             -o-background-size: 100% 100%;
                background-size: 100% 100%;
    }
    
    .cardbox-form.large.wpb_column .wpb_single_image.sticky-coral img {
        width: 170px;
    }

    .vc_row.row__the-team>.wpb_column {
        margin-bottom: 60px;
    }


    .site-no-banner,
    .site-banner__size-medium,
    .single-give_forms .site-banner__size- {
        margin-top: 130px;
    }

    .single .site__article-wrapper {
        --text-4xl: 55px;
        --text-3xl: 33px;
        --text-2xl: 28px;
    }

    .blockquotes {
        padding: 50px 100px 50px 74px;
    }

    .single .site__article-wrapper {
        margin: 60px auto 120px;
    }

    .vc_row.row__future-rangers {
        --text-2xl: 41px;
        padding: 47px 28px;
    }

    .vc_row.row__reef-rangers>.wpb_column {
        margin-bottom: 80px;
    }

    .vc_row.content__clear-steps:not(:last-child) {
        margin-bottom: 35px;
    }

    .vc_row .cardbox-form.wpb_column>.vc_column-inner {
        padding: 65px 62px;
    }

    .vc_section[data-vc-stretch-content]>.vc_row.row__container {
        padding-left: -webkit-calc(var(--padding-container) - 20px);
        padding-left: -moz-calc(var(--padding-container) - 20px);
        padding-left: calc(var(--padding-container) - 20px);
        padding-right: -webkit-calc(var(--padding-container) - 20px);
        padding-right: -moz-calc(var(--padding-container) - 20px);
        padding-right: calc(var(--padding-container) - 20px);
        min-height: auto;
    }

    .vc_row.heading__parallax h3 {
        font-size: 127px;
    }

    .vc_row.heading__parallax h2 {
        font-size: 192px;
    }

    .listing-block .whbutton-readmore .cta-whbutton {
        min-width: 332px;
    }

}


/* >= LARGE DESKTOP */
@media all and (min-width: 1600px) {

    .vc_row.main__parallax {
        padding-top: 212px;
        padding-bottom: 316px;
    }

    .vc_row.main__parallax.active__parallax {
        padding-top: 400px;
        padding-bottom: 660px;
    }

    .content__padding.wpb_column:first-child {
        padding-right: 92px;
    }

    .content__padding.wpb_column:last-child {
        padding-left: 92px;
    }

    .blueprint-content .blueprint-content-wrapper:after {
        width: 100px;
    }

}


/* < LARGE DESKTOP */
@media all and (max-width: 1599px) {

    .blueprint-content .blueprint-content-wrapper:after {
        width: 70px;
    }
}


/* >= DESKTOP & LAPTOP && < LARGE DESKTOP */
@media all and (min-width: 1300px) and (max-width: 1599px) {

    .content__padding.wpb_column:first-child {
        padding-right: 40px;
    }

    .content__padding.wpb_column:last-child {
        padding-left: 40px;
    }

    .vc_row.main__parallax {
        padding-top: 150px;
        padding-bottom: 200px;
    }

    .vc_row.main__parallax.active__parallax {
        padding-top: 200px;
        padding-bottom: 400px;
    }

}


/* <= LARGE TABLET */
@media all and (max-width: 1299px) {
    .cardbox-form.wpb_column .wpb_single_image.sticky-coral img {
        width: 120px;
    }

    .vc_row.row__the-team>.wpb_column {
        margin-bottom: 30px;
    }

    .site-no-banner,
    .site-banner__size-medium,
    .single-give_forms .site-banner__size- {
        margin-top: 80px;
    }

    .wpb_text_column.title-mask h2 {
        margin-top: 0px;
    }

    .list-outline ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .list-outline li {
        border: none;
        padding: 0;
    }

    .list-outline li:after {
        display: none;
    }

    .vc_row.main__parallax {
        min-height: auto;
    }

    .single .site__article-wrapper {
        margin: 40px auto 80px;
    }

    .vc_row.row__future-rangers {
        padding: 40px 20px;
    }

    .vc_row.row__reef-rangers>.wpb_column {
        margin-bottom: 32px;
    }

    .vc_row.content__clear-steps:not(:last-child) {
        margin-bottom: 32px;
    }

    .site-breadcrumbs {
        margin: 16px 0px;
    }

    .blueprint-content .blueprint-content-wrapper:after {
        display: none;
    }

    .padding__reset.wpb_column>.vc_column-inner {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    body>.site {
        margin-bottom: 80px;
    }

    .wpb_raw_code.margin__reset,
    .wpb_single_image.margin__reset,
    .wpb_text_column.margin__reset,
    .margin__reset.wpb_column>.vc_column-inner {
        margin: 0px !important;
    }

    .vc_section[data-vc-stretch-content]>.vc_row.row__container {
        padding-left: var(--padding-container);
        padding-right: var(--padding-container);
    }

}


/* > MOBILE && <= LARGE TABLET */
@media all and (min-width: 901px) and (max-width: 1299px) {
    .vc_row.heading__parallax .wpb_single_image.turtle__parallax img {
        width: 250px;
    }

    .vc_row .cardbox-form.wpb_column>.vc_column-inner {
        padding: 40px;
    }

    .vc_row.heading__parallax h3 {
        font-size: 80px;
    }

    .vc_row.heading__parallax h2 {
        font-size: 120px;
    }

    .wh-spacing--wrapper[style="height: 100px"],
    .wh-spacing--wrapper[style="height: 110px"],
    .wh-spacing--wrapper[style="height: 115px"],
    .wh-spacing--wrapper[style="height: 120px"],
    .wh-spacing--wrapper[style="height: 130px"],
    .wh-spacing--wrapper[style="height: 140px"],
    .wh-spacing--wrapper[style="height: 150px"],
    .wh-spacing--wrapper[style="height: 200px"] {
        max-height: 100px;
    }

    .vc_row.main__parallax {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .vc_row.main__parallax.active__parallax {
        padding-top: 200px;
        padding-bottom: 200px;
    }
}


@media all and (min-width: 601px) and (max-width: 1299px) {

    .blockquotes {
        padding: 40px;
    }

    .listing-related {
        --listing-column: 2;
    }

    .vc_row.row__reef-rangers>.wpb_column {
        width: 50%;
    }
}


/* <= TABLET */
@media all and (max-width: 900px) {

    .vc_row.row__donate-card>.wpb_column {
        margin-bottom: 30px;
    }

    .vc_row.main__parallax {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .vc_row.main__parallax.active__parallax {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .wpb_single_image.arrow__parallax {
        margin-top: 32px;
    }

    .wpb_single_image.arrow__parallax img {
        width: 60px;
        height: 60px;
    }

    .vc_row.row__before-after>.wpb_column:not(:last-child) {
        margin-bottom: 32px;
    }

    .vc_row.row__before-after h4 {
        font-size: 16px;
    }

    .text-name-blockquotes h4 {
        font-size: 16px;
    }

    .wpb_text_column.tb-work-us h4 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .wpb_text_column.tb-work-us h4 img {
        margin-top: 10px;
    }

    .vc_row.row__work-with-us>.wpb_column.vc_col-sm-6 {
        width: 50%;
    }

    .vc_row.row__work-with-us>.wpb_column.vc_col-sm-3 {
        width: 25%;
    }

    section.vc_custom_1694400679095 {
        margin-top: -30px !important;
    }

    .cardbox__item.wpb_column:not(:last-child) {
        margin-bottom: 40px;
    }

    .vc_row.row__images-oldnow {
        --text-xl: 16px;
        padding: 10px 0px;
    }

    .vc_row.row__images-oldnow .wpb_single_image.images__oldnow {
        margin-bottom: 16px;
    }

    .vc_row.row__images-oldnow>.wpb_column:not(:last-child) {
        margin-bottom: 40px;
    }

    .vc_row.row__images-oldnow .wpb_single_image.images__oldnow img {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .vc_row.indicator__clear-steps {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: scroll;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-scroll-snap-type: x mandatory;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .vc_row.indicator__clear-steps::-webkit-scrollbar {
        display: none;
    }

    .vc_row.indicator__clear-steps h4 {
        font-size: 16px;
    }

    .vc_row.indicator__clear-steps>.wpb_column {
        white-space: normal;
        min-width: 210px;
    }

    .vc_row .cardbox-form.wpb_column>.vc_column-inner {
        margin: 0 auto 40px;
        max-width: none;
    }

    .wh-spacing--wrapper[style="height: 100px"],
    .wh-spacing--wrapper[style="height: 110px"],
    .wh-spacing--wrapper[style="height: 115px"],
    .wh-spacing--wrapper[style="height: 120px"],
    .wh-spacing--wrapper[style="height: 130px"],
    .wh-spacing--wrapper[style="height: 140px"],
    .wh-spacing--wrapper[style="height: 150px"],
    .wh-spacing--wrapper[style="height: 200px"] {
        max-height: 64px;
    }

    .blueprint-groups .blueprint-group-item:not(:last-child) {
        margin-bottom: 32px;
    }

    .blueprint-groups .blueprint-group-item {
        width: 100%;
    }

    .vc_row.indicator__clear-steps .wpb_text_column a {
        width: 180px;
        height: 180px;
    }

    .blueprint-groups .blueprint-highlight-wrapper {
        --text-xl: 16px;
        width: 180px;
        height: 180px;
        padding: 16px;
    }

    .blueprints .blueprint-logo {
        display: none;
    }

    .content__order.wpb_column {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin-bottom: 32px;
    }

    .content__order.wpb_column .wpb_single_image {
        text-align: center;
    }
}


@media all and (min-width: 601px) and (max-width: 900px) {
    .vc_row.row__the-team>.wpb_column {
        width: 50%;
    }

    .vc_row.row__donate-card>.wpb_column {
        width: 50%;
    }

    .vc_row.heading__parallax h3 {
        font-size: 55px;
    }

    .vc_row.heading__parallax h2 {
        font-size: 80px;
    }

    .vc_row.heading__parallax .wpb_single_image.turtle__parallax img {
        width: 200px;
    }

    .vc_row.row__cardbox>.cardbox__item.vc_col-sm-4 {
        width: 50%;
    }

    .vc_row.content__clear-steps>.wpb_column:first-child {
        width: 33.333%;
    }

    .vc_row.content__clear-steps>.wpb_column:last-child {
        width: 66.667%;
    }

    .vc_row .cardbox-form.wpb_column>.vc_column-inner {
        padding: 40px;
    }

    .listing-block {
        --listing-column: 2;
    }

    .vc_row.countup__container>.wpb_column {
        width: 50%;
    }

    .vc_row.countup__container>.wpb_column {
        margin-bottom: 24px;
    }

    .blueprint-groups .blueprint-item-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -moz-box-orient: horizontal;
        -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .blueprint-groups .blueprint-content {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .blueprint-groups .blueprint-highlight {
        -webkit-flex-basis: 150px;
        -ms-flex-preferred-size: 150px;
        flex-basis: 150px;
    }

    .blueprint-groups .blueprint-content {
        padding-left: 24px;
    }
}


/* <= MOBILE */
@media all and (max-width: 600px) {
    .clear-step-desktop {
        display: none!important;
    }

    .cardbox-form.wpb_column .wpb_single_image.sticky-coral {
        top: auto;
        bottom: 10px;
    }

    .wpb_raw_code iframe {
        width: 100% !important;
    }

    .list-outline li h4 {
        font-size: 16px;
    }

    .vc_row.heading__parallax .wpb_single_image.turtle__parallax {
        top: -65px;
    }

    .vc_row.heading__parallax h3 {
        font-size: 30px;
    }

    .vc_row.heading__parallax h2 {
        font-size: 44px;
    }

    .vc_row.heading__parallax .wpb_single_image.turtle__parallax img {
        width: 120px;
    }

    .figure-blockquotes img {
        width: 120px;
        height: 120px;
    }

    .blockquotes {
        padding: 40px 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .blockquotes .figure-blockquotes {
        text-align: center;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin-bottom: 12px;
    }

    .listing-related {
        --listing-column: 1;
    }

    .logo-label-wrapper.logo-partners .logo-groups .logo-group-item {
        width: 25%;
    }

    .vc_section[data-vc-stretch-content]>.vc_row.row__hidden-world {
        padding-left: 20px;
        padding-right: 20px;
    }

    .vc_row.row__organization-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

    .vc_row.row__organization-item .wpb_single_image {
        text-align: center;
    }

    .vc_row.content__clear-steps,
    .vc_row.content__clear-steps .wpb_single_image {
        text-align: center;
    }

    .vc_row.content__clear-steps>.wpb_column:first-child {
        margin-bottom: 16px;
    }

    .vc_row .cardbox-form.wpb_column>.vc_column-inner {
        padding: 32px 20px;
    }

    .listing-block .whbutton-readmore {
        margin-top: 16px;
    }

    .listing-block .thumbnail-item {
        margin-bottom: 16px;
    }

    .listing-block {
        margin-bottom: -40px;
    }

    .listing-block>.listing-item {
        margin-bottom: 40px;
    }

    .listing-block {
        --listing-column: 1;
    }

    .vc_row.countup__container>.wpb_column {
        width: 100%;
    }

    .vc_row.countup__container>.wpb_column {
        margin-bottom: 24px;
    }

    .blueprint-groups .blueprint-item-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }

    .blueprint-groups .blueprint-item-wrapper .blueprint-highlight {
        margin-bottom: 16px;
    }
}