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

    .haiti-hide-desktop {
        display: none !important;
    }

    .haiti-desktop-container {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .haiti-desktop-hero-text {
        text-align: center;
        padding-right: 180px;
    }

    .haiti-desktop-hero-play {
        font-size: 120px !important;
        text-align: center;
    }

    .haiti-desktop-text-align {
        text-align: left;
    }

    .haiti-buttons-desktop {
        width: 61%;
    }

    .haiti-button-padding {
        padding-top: 100px;
    }

    .video-container .fa-play-circle-haiti {
        font-size: 120px !important;
    }

}



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

    .social-icons {
        padding-right: 10px;
    }

    .haiti-buttons-desktop {
        width: 50%;
    }
    
    .haiti-desktop-play-button {
        display: none;
    }

    .haiti-video-container .fa-play-circle-desktop {
        font-size: 50px;
    }

    .aboutus__header-img {
        max-height: 500px;
    }

    .aboutus__header-content {
        max-height: 500px;
        padding: 20px;
    }

    .aboutus__header-text {
        padding: 20px;
    }

    /* HAITI PAGE  */

    .haiti-about-photo {
        width: 1000px;
        margin: 0;
        padding-bottom: 30px;
    }

    .haiti-header-title {
        font-size: 20px;
        padding-top: 20px;
    }

    .haiti-header-text {
        font-size: 25px;
        line-height: 30px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .haiti-button-padding {
        padding-top: 20px;
    }

    /* CLEANUPS ADDITION */

    .cleanups-location-video {
        padding-top: 25px;
    }
    
}


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

    /* HI CONVERSION */

    .blockHeader h2 {
        font-size: 24px;
    }

    .blockHeader h1 {
        font-size: 44px;
    }

    /* END HI CONVERSION */

    .haiti-header {
        flex-direction: column;
    }

    .modal-content {
        margin-left: 20px;
        margin-right: 20px;
    }

    h3.on-big {
        display: none;
    }

    h3.on-small {
        display: block;
    }

    br.resp-lg {
        display: none;
    }

    #cleanups iframe {
        width: 900px;
    }

    header .cta h1 {
        /*         font-size: 52px;
                line-height: 64px !important; */
    }

    header {
        background-size: cover;

    }

    section#tracker .left {
        padding-top: 20px;
    }

    section#tracker, section#buy-now {
        padding-bottom: 60px;
    }

}


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

    .blockHeader {
        flex-direction: column;
    }

    .blockHeader .sectionOne {
        min-height: 40vh;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .blockHeader .sectionOne .blockContainer{
        min-height: 40vh;
    }

    .blockHeader .sectionTwo .top {
        min-height: 25vh;
    }

    .blockHeader .sectionTwo .top .blockContainer{
        min-height: 25vh;
    }

    .blockHeader .sectionTwo .bottom .left {
        min-height: 25vh;
    }

    .blockHeader .sectionTwo .bottom .left .blockContainer{
        min-height: 25vh;
    }

    .blockHeader .sectionTwo .bottom .right {
        min-height: 25vh;
    }

    .blockHeader .sectionTwo .bottom .right .blockContainer{
        min-height: 25vh;
    }

    .hide-992px {
        display: none;
    }

    #mainNavigationBar.show-green-circle {
        top: 54px;
    }

    .gc-button {
        width: 100%;
    }

    .bbb-footer-logo {
        width: 160px;
    } 

    .grs-footer-logo {
        width: 150px;
    }

    .haiti-buttons-desktop {
        width: 60% !important;
    }

    .haiti-cause-sub-video span {
        margin: 18% auto;
    }

    .cleanups-location {
        flex-direction: column;

    }

    .cleanups-media-container {
        min-height: 400px;
    }

    .cleanups-reverse {
        flex-direction: column-reverse;
    }

    .navbar.navbar-inverse.home a.logo img.wholesale-nav-logo {
        display: none;
        padding: 20px 0px 10px 15px;
        width: 225px;
    }

    .navbar.navbar-inverse.home.scrolled a.logo img.wholesale-nav-logo, .navbar.navbar-inverse.sub a.logo img.wholesale-nav-logo {
        display: block;
        padding: 20px 0px 10px 15px;
        width: 225px;
    }

    .cleanup-calendar-events {
        position: initial;
        height: 405px;
    }

    .overfishing-button-get {
        max-width: 80%;
        margin: 0 auto;
        padding-bottom: 30px;
    }

    .million-one-million-pounds {
        font-size: 40pt;
    }

    .million-auto-counter {
        font-size: 90pt;
    }

    .million-stay-tuned {
        font-size: 25px;
        line-height: 1.5;
    }

    .bottle-preorder-column2 {
        height: 400px;
    }

    .cleanup-kit-preorder-column2 {
        height: 400px;
    }

    .page--banner .banner {
        padding-top: 0em !important;
        padding-bottom: 0em !important;
    }

    .cleanup-kit-preorder-row {
        display: flex;
        flex-flow: column-reverse;
    }

    .page--banner .banner {
        padding-top: 0em !important;
        padding-bottom: 0em !important;
    }

    .bottle-preorder-row {
        display: flex;
        flex-flow: column-reverse;
    }

    .row.details ul li {
        padding-bottom: 40px !important;
    }

    .monthly-video-container.sea-turtle {
        height: 700px;
    }

    .row.details ul li {
        padding-bottom: 40px !important;
    }

    .monthly-video-container.sea-turtle {
        height: 700px;
    }

    .cleanups__right-divider {
        border-right: none;
    }

    .cleanups__image-section {
        flex-direction: column;
        height: auto;
    }

    .cleanups__staff-image {
        padding-top: 50%;
    }

    .aboutus__staff-image {
        padding-top: 50%;
    }

    .cleanups__location-header {
        padding-top: 40px;
    }

    .cleanups__image {
        height: 400px;
    }

    .aboutus__locations__location {
        padding: 20px;
    }

    .aboutus__locations__location.padding-right {
        padding-right: 20px;
    }

    .aboutus__locations__location.padding-left {
        padding-left: 20px;
    }

    header.subpage {
        height: 75px;
        max-height: 75px;
        min-height: 75px;
    }

    .efforts__container {
        flex-direction: column;
        display: flex;
    }

    .hide-tablet {
        display: none;
    }

    .hide-desktop {
        display: block;
    }

    .blurb .btn-default {
        white-space: normal;
    }

    .header__isHelpingTo {
        font-size: 14px;
        margin-top: 10px;
    }

    .header__headerTitle {
        font-size: 28px;
    }

    .header__watchVideo {
        color: white;
        margin-top: 10px;
        margin-bottom: 0;
    }

    .navbar-fixed-top {
        top: 0px;
    }

    header .cta h1 {
        font-size: 44px;
        line-height: 54px !important;
    }

    #cleanups iframe {
        width: 700px;
    }

    .navbar.navbar-inverse ul li a {
        font-size: 16px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px;
    }

    #cleanups-video-container iframe {
        position: absolute;
        top: 140px;
        right: 70px;
        width: 600px;
        height: 336px;
    }

    .single-product .on-small {
        display: block;
    }

    .single-product .on-big {
        display: none;
    }

    #shopping-cart h5 {
        font-size: 16px;
    }

    #shopping-cart .item-title {
        line-height: 10px !important;
    }

    .carousel img {
        margin: 0 auto !important;
        display: block;
    }

    .row.details.on-big {
        display: none;
    }

    .row.details.on-small {
        display: block;
    }

    .row.details.on-small ul li {
        font-size: 20px !important;
    }

    .cart-top {
        margin-top: 12px;
        left: 8px;
    }

    .hide-on-mobile {
        display: none;
    }

    li.hide-on-mobile {
        display: none;
    }

    .mobile-hide {
        display: none !important;
    }

    .mobile-show {
        display: block !important;
    }

    .pay-select {
        margin: 0px;
        margin-bottom: 10px;
        width: 100%;

    }

    .btn.btn-default {
        padding: 15px 10px;
        color: white;
        width: 100%;
        font-size: 24px;
    }

    .cta h1 {
        font-size: 54px !important;
    }

    .cta h2 {
        font-size: 20px !important;
        line-height: 30px;
    }

    section#cause-campaign {
        background: none !important;
    }

    section#cause-campaign #left {
        height: 300px !important;
        display: none;
    }

    section#cause-timeline img {
        max-width: 320px;
        margin-bottom: 30px;
    }

    section#cause-timeline .row {
        margin-bottom: 0px;
    }

    section#tracker img.roundit {
        border-radius: 50%;
        margin-bottom: 50px;

    }

    section#buy-products .details {
        padding-top: 20px;
    }

}


@media only screen and (min-width: 768px) {
    .hide-tablet-nav {
        display: none !important;
    }
    
}

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

    span.pulled-to-date {
        display: inline-block;
    }


}



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

    /* OPR */

    .show-768 {
        display: block !important;
    }

    .hide-768 {
        display: none;
    }

    /*HI CONVERSION*/
    span.hi-c__blockCounter {
        display: flex;
        position: fixed;
        top: 20px;
        left: 160px;
    }

    span.hi-c__blockCounterText {
        position: fixed;
        top: 43px !important;
    }

    header.hi-c__removeTopNav .navbar ul {
        width: 100%;
        margin-left: 0;
        height: auto;
    }

    .hi-c__blueGreen .navbar.navbar-inverse.home.scrolled i.fa.fa-bars,
    .hi-c__BlueNav.navbar.navbar-inverse.home.scrolled i.fa.fa-bars,
    .hi-c__BlueNav.navbar.navbar-inverse.home.scrolled ul li a i, .navbar.navbar-inverse.sub ul li a i{
        color: white;
    }

    .hi-c__dropDown .navbar ul {
        padding: 0;
        height: auto;
    }

    /*END HI CONVERSION*/

    .navbar-logo {
        display: initial;
    }

    .haiti-buttons-desktop {
        width: 70%;
    }

    /* CLEANUPS ADDITION */

    .haiti-cause-sub-video span {
        font-size: 20px;
        margin: 17% auto;
    }

    .cleanups-boca-office {
        padding-bottom: 25px;
    }

    /* CLEANUPS ADDITION END */

    .cleanup-calendar-events {
        bottom: 0px;
        left: 0px;
    }

    .million-bottom-container {
        margin-top: 0;
    }

    .million-auto-counter {
        font-size: 60pt;
        overflow: hidden;
    }

    .cleanup-kit-icons-row {
        flex-direction: column;
    }

    .bottle-icons-row {
        flex-direction: column;
    }

    .grs-icon {
        margin-left: 0 !important;
        padding-left: 0 !important;
        text-align: center;
    }

    .monthly-video-container.sea-turtle {
        height: 500px;
        background: url(//cdn.shopify.com/s/files/1/0996/1022/t/215/assets/sea-turtle.gif?2872355740303309275) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    header {
        background-position: 50% 20px;
    }

    section#coc-intro .row.prod {
        padding: 20px 0px;
    }

    div#fact {
        font-size: 36px;
        line-height: 44px;
        margin-top: 20px;
    }

    .cta h1 {
        font-size: 44px;
        line-height: 58px !important;
    }

    ul.pull-right {
        float: left !important;
    }

    button.navbar-toggle {
        border: none;
        margin-top: 10px;
        font-size: 24px;
        color: #1853C4;
        background-color: transparent !important;
    }

    button.navbar-toggle:hover, button.navbar-toggle:active, button.navbar-toggle:link, button.navbar-toggle:visited {
        background-color: transparent !important;
        color: #1853C4;
    }

    .blurb {
        padding-bottom: 30px;
    }

    #cleanups-video-container iframe {
        position: absolute;
        top: 150px;
        right: 30px;
        width: 320px;
        height: 178px;
    }

    .navbar.navbar-inverse.home i.fa.fa-bars {
        color: white;
    }

    .navbar.navbar-inverse.home.scrolled i.fa.fa-bars {
        color: #1853C4;
    }

    #cleanups iframe {
        width: 550px;
    }

    header .cta a.link {
        margin-top: 0px;
        margin-bottom: 20px;
    }

    header .cta h2 {
        margin-top: 0px;
    }

    section#buy-products .details {
        padding-top: 0px;
    }

}

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

    .header__oprText {
        font-size: 14px;
        margin: 0px;
    }

    .careers-job-hours {
        margin: 0;
    }

    .haiti-cause-sub-video span {
        font-size: 20px;
        margin: 15% auto;
    }

    .haiti-header-info {
        padding: 50px;
    }

    ul.pull-right {
        float: left !important;
        margin-left: 0;
    }
    
    .cleanup-calendar-events {
        bottom: 0px;
        left: 0px;
    }

    .cleanup-events-icon {
        width: 100px;
    }

    .million-one-million-pounds {
        font-size: 35pt;
    }

    .video-container {
        height: 400px;
    }

    .monthly-video-container.sea-turtle {
        height: 400px;
    }

    .cause-content__image-inside {
        max-width: 200px;
    }

    a span.btn-outlined {
        letter-spacing: 0px !important;
    }

    section#coc-intro {
        padding-top: 50px !important;
    }

    section#coc-intro .row.main {
        padding: 0px;
    }

    .product-name {
        line-height: 24px;
        padding-bottom: 10px;
    }

    section#newsletter-signup {
        background-size: 1600px 550px;
    }

    section#tracker p.counter {
        font-size: 74px;
        line-height: 72px;
        margin: 10px 0px 15px 0px;
    }

    br.resp {
        display: none;
    }

    br.resp-sm {
        display: block;
    }

    .cta {
        padding-top: 150px;
    }

    input[type="email"].contact_email {
        margin-bottom: 20px;
        width: 100% !important;
    }

    section {
        padding: 30px 0px 30px 0px;
    }

    section#le-last-chance {
        padding-bottom: 60px;
    }

    section#le-last-chance .btn {
        margin-bottom: 40px;
    }

    section#slideshow {
        background: url('gallery-1.jpg');
        /*  background-size: cover; */
        background-position: 50% 0;
        padding: 0px;
        /*background-attachment: fixed;*/
    }

    .carousel.on-big {
        display: none;
    }

    .carousel.on-small {
        display: block;
    }

    header .cta h1 {
        font-size: 22px !important;
        line-height: 40px !important;
    }

    .btn-outlined {
        width: 100%;
    }

    header#monthly-cause .cta {
        padding-top: 100px;

    }

    header#monthly-cause .cta p {
        margin-top: -40px;
        line-height: 24px;
        font-size: 18px !important;
    }

    .btn.btn-default {
        font-size: 16px;
        white-space: normal;
    }

}

@media only screen and (min-width: 530px) {
    .desktop-hide {
        display: none;
    }
}

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

    .buy-now-homepage {
        display: none;
    }

    #buy-products {
        display: none;
    }

    .monthly-video-container.seabirds {
        height: 450px;
    }

    .home1-sub-videos-container {
        flex-direction: column;
    }

    .home1-your-part-container {
        flex-direction: column;
    }

    .home1-your-part-box {
        padding-bottom: 30px;
    }

    .home1-social-container {
        flex-direction: column;
    }

    .home1-social-icons {
        padding: 25px;
    }

    .size-chart-container {
        padding-top: 40px;
    }

    .show-mobile {
        display: block;
    }

    .carousel-hide-mobile {
        display: none;
    }

    .careers-dropdown-text {
        font-size: 18px;
    }

    .header__green-circle {
        background-color: #1953C4;
        color: white;
        display: flex;
        width: 100%;
        padding: 7px 15px;
        position: fixed;
        z-index: 9999999999999999;
        top: 0;
        font-size: 14px;
    }

    .cause-top-padding-mobile {
        padding-top: 25px;
    }

    /* -----------------------  CLEANUPS HAITI ADDITION ------------------- */
    .haiti-buttons-desktop {
        width: 90% !important;
    }

    .haiti-desktop-play-button {
        display: none !important;
    }

    .cleanups-media-container {
        min-height: 300px;
    }

    .haiti-videos-section {
        padding-top: 0;
        padding-bottom: 0;
    }

    .haiti-cause-sub-video span {
        font-size: 15px;
        margin: 10% auto;
    }

    .haiti-about-mobile {
        padding: 0;
    }

    .haiti-header-title {
        font-size: 20px;
        padding-top: 20px;
    }

    .haiti-header-text {
        font-size: 25px;
        line-height: 30px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .haiti-button-mobile {
        padding-top: 25px;
    }
        
    .haiti-cta-text {
        font-size: 16px;
    }

    .haiti-about-title {
        font-size: 35px;
    }

    /* CLEANUPS */

    .cleanup-calendar-events {
        height: 420px;
    }

    .cleanup-events-icon {
        height: 90px;
    }

    .cleanup-full-events-list {
        flex-direction: column;
        padding: 0;
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .cleanup-full-events-text {
        text-align: center;
        padding: 0;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .cleanup-full-events-icon {
        text-align: center;
    }

    .cleanup-full-events-icon {
        align-self: center;
        height: 80px;
        width: 100px;
    }

    /* overfishing */

    .founders-auto-counter {
        padding-left: 0;
    }

    .overfishing-cause-hashtag {
        font-size: 28pt;
    }

    .mangroves-cause-hashtag {
        font-size: 30px;
    }

    .million-email-input {
        width: 100%;
    }

    .million-text-mobile {
        font-size: 30pt;
    }

    .million-one-million-pounds {
        font-size: 30pt;
    }

    .million-auto-counter, .thanks-auto-counter {
        font-size: 40pt;
        overflow: hidden;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .million-of-trash {
        font-size: 20pt;
    }

    .million-stay-tuned {
        font-size: 25px;
    }

    .million-bottom-container {
        padding: 0;
    }

    .cause-content__image-inside {
        max-width: 100%;
        padding-left: 10px;
    }

    .video-landing__container h1 {
        font-size: 24px;
        color: #1853C4;
    }

    .header__video-button {
        width: 55px;
    }

    .header__content-next {
        font-size: 12px;
    }

    .aboutus__header-img {
        max-height: 300px;
    }

    .homePhotos .section {
        flex-direction: column;
    }

    .homePhotos {
        flex-direction: column;
        height: auto;
    }

    .homePhotos__section {
        height: 300px;
    }

    .homePhotos_mobileView {
        height: 550px;
    }

  	.homePhotos2_mobileView {
        height: 200px;
    }

    section#tracker p.auto-counter {
        font-size: 70px;
    }

    .monthly-video-container {
        height: 300px;
        background: url(//cdn.shopify.com/s/files/1/0996/1022/t/215/assets/coralVideoBG.png?2872355740303309275) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .monthly-video-container.earthday {
        height: 300px;
        background: url(//cdn.shopify.com/s/files/1/0996/1022/t/215/assets/earthdayheader.png?2872355740303309275) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .monthly-video-container.whale {
        height: 300px;
        background: url(//cdn.shopify.com/s/files/1/0996/1022/t/215/assets/whale.gif?2872355740303309275) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .monthly-video-container.polarbears {
        height: 300px;
        background: url(//cdn.shopify.com/s/files/1/0996/1022/t/215/assets/polarbg.png?2872355740303309275) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }



    .monthly-video-container.sea-turtle {
        height: 300px;
    }

    .video-container .videoPic-bg {
        display: block;
    }

    .hide-mobile {
        display: none;
    }

    .header__watchVideo {
        color: white;
        margin-top: 10px;
        display: inline-block;
    }

    /* size for play circle on mobile */
    .video-container .fa-play-circle {
        display: inline-block;
        font-size: 50px;
        margin-left: 6px;
    }

    header#monthly-cause .cta {
        padding-top: 70px;
    }

    section.no-padding {
        padding: 0px 20px;
    }

    header .cta h1 {
        /*   		font-size: 36px !important;
                  line-height: 40px !important; */
    }

    #coc-intro h3 {
        font-size: 32px;
        padding-top: 20px;
    }

    div#fact {
        padding-top: 0px;
        font-size: 24px;
        font-weight: 400;
        line-height: 28px;
        margin-top: 0px;
    }

    #cleanups-video-container iframe {
        position: absolute;
        top: 100px;
        right: 30px;
        width: 320px;
        height: 178px;
    }

    #efforts h2, #tracker h3, #buy-now h2 {
        font-size: 24px;
        font-weight: 600;
    }

    .row.details.on-small ul li {
        font-size: 16px !important;
        line-height: 22px !important;

    }

    #newsletter-signup h1 {
        font-size: 48px;
        line-height: 48px !important;
    }

    .icon-cancel {
        position: relative;
        right: 20px;
        top: 0px;
    }

    section#footer h4 {
        font-size: 20px;
        margin-bottom: -10px;
    }

    section#footer ul.links {
        font-size: 16px;
    }

    section#footer ul.links li a {
        color: white;
    }

    section#footer ul li a:hover {
        text-decoration: none;
        opacity: .8;
    }

    section#footer img.bbb {
        padding-right: 20px;
        padding-bottom: 0px;
        padding-top: 5px;
    }

    section#buy-now ul {
        margin-left: -40px;
    }


    .follow-us ul li a {
        color: white;
        padding: 0px;
    }

    .center-on-mobile {
        margin: 0 auto;
        text-align: center;
    }

    #cleanups iframe {
        width: 370px;
    }

    img.win-all-five {
        padding: 0px 0px;
    }

    #video-background {
        position: fixed;
        /*     left: 500px;  */
        bottom: 0;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: -100;
    }

    .inner h3 {
        font-size: 24px;
    }

    header#monthly-cause {

        min-height: 400px;
    }

    /*   .videotron {
        height: 500px;
      } */
    section#buy-products .product-holder h3 {
        font-size: 28px;
    }

    section#buy-products .product-holder h4 {
        font-size: 24px;
    }

    /*  product carousel   */
    #carousel-custom ol.carousel-indicators.mCustomScrollbar img {
        width: 67px;
    }

    #carousel-custom .carousel-indicators {
        margin: 10px 26px;
    }

    #carousel-custom .carousel-indicators li {
        border: 1px solid #eee;
    }

    .carousel-inner .item img {
        width: 70%;
    }

    .cleanup-kit-preorder-row {
        display: flex;
        flex-flow: column-reverse;
        text-align: center;
    }

    .cleanup-kit-image {
        display: flex;
        justify-content: center;
    }

    .cleanup-kit-preorder-column2 { 
        height: 400px;
    }

    .carousel-control-left, .carousel-control-right {
        display: none;
    }

    .cleanup-kit-carousel-text {
        width: 100%;
    }

    .cleanup-kit-carousel {
        margin-bottom: 0;
    }

    .bottle-preorder-row {
        display: flex;
        flex-flow: column-reverse;
        text-align: center;
    }

    .bottle-image {
        display: flex;
        justify-content: center; 
    }

    .carousel-control-left, .carousel-control-right {
        display: none;
    }

    .bottle-carousel-text {
        width: 100%;
    }

    .bottle-carousel {
        margin-bottom: 0;
    }

}