/* ======== RESPONSIVE CSS ========= */

/* ===============
   MIN WIDTH 
=============== */
/* ------------------------------ 
	1600px EXTRA LARGE
------------------------------ */
@media (min-width: 1600px) {}

/* ------------------------------ 
	1440px EXTRA LARGE
------------------------------ */
@media (min-width: 1540px) {
    /* .container-xxl {
        min-width: 1110px;
        position: relative;
        margin: 0 auto;
    } */

    .page-template-page-renewables .renewables-hero .container .row .renewables-imgs {
        position: absolute;
        right: -140px;
        width: 53%;
    }
}

/* ------------------------------ 
	1339px LARGE
------------------------------ */
@media (min-width: 1439px) {
    .container-xxl {
        max-width: 1180px;
    }

}

/* ------------------------------ 
	1200px LARGE
------------------------------ */
@media (min-width: 1200px) {
    .nav-wrap {
        margin-right: 30px;
    }
}




/* ------------------------------ 
	992px MEDIUM
------------------------------ */
@media (min-width: 992px) {}




/* ------------------------------ 
	768px - SMALL
------------------------------ */
@media (min-width: 768px) {}




/* ------------------------------ 
	641px - EXTRA SMALL
------------------------------ */
@media (min-width: 641px) {}




/* ------------------------------ 
	576px - CUSTOM SIZE
------------------------------ */
@media (min-width: 576px) {}




/* ------------------------------ 
	480px - CUSTOM SIZE
------------------------------ */
@media (min-width: 480px) {}




/* ------------------------------ 
	380px - CUSTOM SIZE
------------------------------ */
@media (min-width: 380px) {}




/* =====================
   MIN - MAX WIDTH 
===================== */
/* ------------------------------ 
	992px - 1199px LARGE
------------------------------ */
@media (min-width: 992px) and (max-width: 1199px) {}




/* ------------------------------ 
	768px - 991px MEDIUM
------------------------------ */
@media (min-width: 768px) and (max-width: 991px) {
    header {
        padding: 10px 0;
    }

    header .social-icon {
        margin-left: 15px;
    }

    .main-menu-item a,
    .desktop-navigation .main-menu-item span {
        padding: 0 10px;
    }

    .nav-social {
        padding-bottom: 10px;
    }

    .scribe {
        font-size: 25.813em;
        line-height: 13.813rem;
        position: absolute;
        right: 10%;
    }
}




/* ------------------------------ 
	440px - 767px SMALL
------------------------------ */
@media (min-width: 440px) and (max-width: 767px) {}




/* ------------------------------ 
	992px - 1199px LARGE
------------------------------ */
@media (min-width: 768px) and (max-width: 1199px) {
    .brand-logo {
        max-width: 30%;
    }
}


/* ===============
   MAX WIDTH 
=============== */
/* ------------------------------ 
	1599px EXTRA LARGE
------------------------------ */
@media (max-width: 1599px) {}

/* ------------------------------ 
    1409px EXTRA LARGE
------------------------------ */

@media (max-width: 1409px) {
    .inner-right {
        width: 42%;
    }
}

/* ------------------------------ 
    1377px EXTRA LARGE
------------------------------ */

@media (max-width: 1377px) {
    .inner-right {
        width: 42%;
    }

    .card-1 {
        max-width: 164px;
        width: 100%;
    }
    .card-2 {
        max-width: 121px;
        width: 100%;
    }
}

@media (max-width: 1370px) {
    .vid-2 {
        width: 15em;
        bottom: 8em;
        left: -2em;
        /* z-index: 1; */
    }

    .vid-3 {
        width: 15em;
        bottom: 25em;
        left: 5em;
        /* z-index: 1; */
    }

    .vid-4 {
        width: 15em;
        bottom: 22em;
        right: 3em;
        /* z-index: 1; */
    }

    .video-wrapper {
        margin: -304px 0 -320px;
    }

    /* .card-1 {
        max-width: 173px;
        width: 100%;
    } */
}


@media (max-width: 1305px) {
    .custom-search-form {
        bottom: 5px;
    }
}

@media (max-width: 1304px) {
    /* .inner-right {
        width: 41%;
    } */
    .card-1 {
        max-width: 159px;
        width: 100%;
    }

    .card-2 {
        max-width: 117px;
        width: 100%;
    }
}

@media (max-width: 1299px) {
    .arc-security .inner-left {
        max-width: 352px;
    }

    .newsletter .inner-left {
        max-width: 354px;
    }

    .inner-right {
        width: 47%;
    }
}

@media (max-width: 1239px) {
    .leadership-lg-text {
        font-size: 317px;
    }
}

@media (max-width: 1236px) {

    #take-action .takeaction-form h2 {
        font-size: 3em;
    }
}

@media (max-width: 1229px) {
    /* .card-1 {
        max-width: 173px;
        width: 100%;
    } */
}

@media (max-width: 1223px) {

}
/* ------------------------------ 
	1199px LARGE
------------------------------ */
@media (max-width: 1199px) {

    .arc-tea-logo {
        width: 180.1px;
        position: relative;
        top: 40px;
        left: 0;
        right: 0;
        margin: 0 auto 2em;
    }

    .page-template-page-energysecurity-arc .arc-tea-logo {
        width: 180.1px;
        position: relative;
        top: 40px;
        left: 0;
        right: 0;
        margin: 0 auto 2em;
    }
    .overlay-box {
        width: 450px;

    }

    .news-box-right .overlay-box {
        width: 450px;

    }

    .notable-signers-slider .slick-current::after {
        content: url(http://devtea.wpengine.com/wp-content/uploads/2021/03/5_banner.png);
        display: inline-block;
        position: absolute;
        overflow: visible;
        bottom: 2em;
        margin: 0 -4em;
    }

    #embed_us svg {
        max-width: 613px;
        width: 100%;
        margin: 0 auto;
      }

      #embed_state svg {
        max-width: 613px;
        width: 100%;
        margin: 0 auto;
      }

      .custom-search-form {
        position: relative;

    }
    /* Expand the search form on hover or when input is focused */
.custom-search-form:hover,
.custom-search-form:focus-within {
    width: 450px; /* Expanded width */
    max-width: 450px;
}
}

@media (max-width: 1144px) {
    .vid-2 {
        width: 13em;
        bottom: 8em;
        left: -.5em;
        /* z-index: 1; */
    }

    .vid-3 {
        width: 13em;
        bottom: 21em;
        left: 6em;
        /* z-index: 1; */
    }

    .vid-4 {
        width: 13em;
        bottom: 18.5em;
        right: 3em;
        /* z-index: 1; */
    }

    .video-wrapper {
        margin: -224px 0 -240px;
    }

    .page-template-page-gotv p {
        font-size: 24px;

    }

    .carousel-inner .carousel-item {
        width: 100%;
        height: 130vh;
    }

    .arc-security .inner-left {
        max-width: 356px;
        width: 100%;
        background-color: green;
        position: relative;
        top: 0;
        left: 0;
        /* margin: 0 0 0 auto; */
        background-image: url('/wp-content/uploads/2025/02/vidya-bg.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: 622px;
        padding: 4em 30px;
    }

    .inner-right {
        width: 45%;
    }

    .card-1 {
        max-width: 145px;
        width: 100%;
    }

    .card-2 {
        max-width: 105px;
        width: 100%;
    }
}

/* 1111px */

@media (max-width: 1111px) {
    /* .right-newsletter {
        max-width: 60%;
    } */

    .arc-security .inner-left {
        height: 652px;
    }
}

@media (max-width: 1092px) {
    .inner-right {
        width: 44%;
    }

    .card-1 {
        max-width: 135px;
        width: 100%;
    }

    .card-2 {
        max-width: 100px;
        width: 100%;
    }
}

@media (max-width: 1073px) {

    .newsroom .articles {
        max-width: 218px;
        width: 100%;
    }


}

/* ------------------------------ 
	1055px MEDIUM
------------------------------ */
@media (max-width: 1055px) {
    #arc h1 {
        font-size: 174px;
    }

    .page-template-page-home-v2 p, .page-template-page-home-v2 .p {
        line-height: 2rem !important;
        letter-spacing: 0px;
    }

    .page-template-page-home-v2 .inner-left p {
        line-height: 1rem !important;
    }

    .card-2 {
        max-width: 95px;
        width: 100%;
    }
}

@media (max-width: 1047px) {
    .inner-right {
        width: 43%;
    }

    .card-1 {
        max-width: 125px;
        width: 100%;
    }
}

@media (max-width: 1032px) {
    .inner-right {
        width: 41%;
    }

    .card-1 {
        max-width: 115px;
        width: 100%;
    }

    .card-2 {
        max-width: 85px;
        width: 100%;
    }
}


@media (max-width: 1026px) {

    .newsroom .articles {
        max-width: 208px;
        width: 100%;
    }


}

@media (max-width: 1024px) {
    .vid-2 {
        width: 12em;
        /* z-index: 1; */
    }

    .vid-3 {
        width: 12em;
        bottom: 18.5em;
        left: 6em;
        /* z-index: 1; */
    }

    .vid-4 {
        width: 12em;
        bottom: 16.5em;
        /* z-index: 1; */
    }

    .page-template-page-gotv p {
        font-size: 23px;
    }

    #embed_us svg {
        max-width: 513px;
        width: 100%;
        margin: 0 auto;
      }

      #embed_state svg {
        max-width: 513px;
        width: 100%;
        margin: 0 auto;
      }

}









/* ------------------------------ 
	991px MEDIUM
------------------------------ */
@media (max-width: 991px) {

    header {
        position: relative;
        padding: 10px 0 0;
    }


    .floatingNav {
        box-shadow: 0px 0px 0px #999;
    }
    #content {
        margin-top: 0;
        /* background-color: #efefef; */
    }
    .page-template-page-gotv p {
        font-size: 20px;
    }

    .overlay-box {
        width: 350px;
        padding: 1em 0em 2.5em 2em;
    }

    .news-box-right .overlay-box {
        width: 350px;
        padding: 1em 0em 2.5em 2em;
    }

    .news-box-right p.theme-button.my-5 {
        margin-bottom: 1rem !important;
    }

    .news-box-right p.theme-button.my-5 {
        margin-top: 1rem !important;
    }

    .news-box-right .overlay-box {
        width: 350px;
        padding: 1em 0em 0em 2em;
    }

    .notable-signers-slider .slick-current::after {
        content: url(http://devtea.wpengine.com/wp-content/uploads/2021/03/5_banner.png);
        display: inline-block;
        position: absolute;
        overflow: visible;
        bottom: 2em;
        margin: 0 -4.3em;
    }

    .video-wrapper {
        margin: -200px 0 -220px;
    }

    .newsroom .card .feature-header {
        height: 450px !important;
    }

    .newsroom .card .card-header {
        height: 337px;
    }

    .newsroom .newsroom-title {
        line-height: 44px;

    }

    .border-right-news {
        border-right: none;
    }

    .newsroom .newsroom-logo {
        max-width: 139.97px;
        width: 100%;
        margin: 0 auto;
    }

    .newsroom .newsroom-title {
        font-family: kulturista-web, serif;
        font-weight: bold;
        font-size: 60px;
        line-height: 60px;
        margin: 10px 0;
        letter-spacing: normal;
        text-align: center;
        color: #0b213e;
    }

    .newsroom .articles {
        max-width: 100%;
        width: 100%;
    }

    .ngig-hero {
        padding: 2em 0;
    }

    .ngig-hero h3 {
    text-align: center !important;
    }

    .ngig-hero .flash-img {
        max-width: 910px;
        width: 100%;
        position: relative;
        left: 0px;
        z-index: 1;
    }

    .ngig-hero .container .row {
        height: auto;
    }

    .page-template-page-ngig h1 {
        text-align: center;
    }
    .page-template-page-ngig h3 {
        text-align: left;
    }

    /* .page-template-page-ngig img {
        margin: 0 auto;
    } */

    .ngig-videos {
        padding: 2em 0;
    }

    .ngig-videos .container .row {
        height: auto;
    }

    .video-quote {
        max-width: 100%;

        position: relative;
        right: 0;
        top: 0;
        background-image: url(/wp-content/themes/tea/assets/images/NGIG/1_quote.png);
        background-repeat: no-repeat;
        background-position: 268px 55px;
        background-size: 74%;
        padding: 0 25px;
    }

    .ngig-buttons button {
        width: 100%;
        background: #091F40;
        font-size: 28px;
        font-family: "kulturista-web", serif;
        font-weight: 700;
        font-style: normal;
        padding: 23px;
        margin-bottom: 1em;
    }

    .ngig-button-wrapper {
        max-width: 100%;
        width: 100%;
        padding: 5px 25px;
        background: #091F40;
    }

    .newspaper-card {
        height: auto;
        display: flex;
        justify-content: center;
        background: url(/wp-content/themes/tea/assets/images/NGIG/1_texture_paper.jpg);
        filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.06));
        background-repeat: no-repeat;
        background-size: cover;
        margin-bottom: 2em;
    }

    .ngig-videos .ngig-video-card .img-header {
        border: none;
        background-color: transparent;
        border-radius: 0px;
        width: 100%;
        height: 437px;
        padding: 10px;
        position: relative;
    }

    .renewables-hero .container .row {
        height: auto;
    }

    .renewables-hero .flash-img {
        max-width: 100%;
        width: 100%;
        position: relative;
        left: 0;
        /* z-index: 1; */
    }

    .page-template-page-renewables  h1 {
        text-align: center;
    }
    .page-template-page-renewables h3 {
        text-align: center;
    }

    .renewables-news-bottom-1::after, .renewables-news-bottom-2::after, .renewables-news-bottom-3::after {
     
        top: -56px;
    }

    .renewables-newspaper-card {
    margin-bottom: 4em;
    text-align: center;
    }



    .renewables-videos .renewables-video-card .img-header {
        height: 510.46px;
    }

    .renewables-newspaper-card img {
        margin-left: auto;
    }

    .renewables-facts {
        width: 100%;
        height: 100%;
        position: relative;
        right: 0;
    }
    .renewables-videos .container .row {
        height: auto;
    }

    .fact-1 {
        display: flex;
        flex-direction: column;
    }

    .renewables-videos .facts h3 {
        text-align: center !important;
    }

    .renewables-videos .facts {
        max-width: 100%;
        width: 100%;
        margin-left: 0px;
        margin-top: 45px;
        padding: 0 25px;
        text-align: center;
    }

    .numbers-step {
        width: 100%;
        text-align: center;
        margin: 0 0 25px;
    }

    .fact-content {
        max-width: 100%;
        width: 100%;
        margin-left: 0px;
        text-align: center;
    }

    .renewables-buttons .question {
        width: 100%;
        text-align: center;
        border-bottom-right-radius: 5px;
        border-top-right-radius: 5px;
    }

    .renewables-buttons .answer {
        width: 100% !important;
    }

    .page-template-page-renewables .renewables-hero .container .row {
        height: auto;
    }
    
    .page-template-page-renewables .renewables-hero .container .row .renewables-imgs {
        position: relative;
        right: 0;
        width: 100%;
    }


    .left-scrolling-container {
        max-width: 100%; 
        width: 100%;
        position: relative;
        text-align: center;
        left: 0;
        z-index: 1;
      }

      .left-scrolling-box, .left-scrolling-legend {
        max-width: 100%;
      }

      .arc-banner-sm {
        height: max-content;
        padding: 20px 40px;
    }

      .arc-banner-lg {
        height: auto;
        padding: 20px 0
    }

      #arc h1 {
        font-size: 134px;
    }
    #arc h3 {
        font-size: 34px;
        letter-spacing: normal;
        line-height: 40px;
    }

    .arc-usa-map {
        position: relative;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .arc-map .container .row {
        height: auto;
    }

    #arc ul {
        max-width: 100%;
        width: 100%;
        list-style: none;
        margin: 0 0 5px 35px;
    }

    #arc .maxwidth320 {
        max-width: 100% !important;
        width: 100% !important;
    }

    .link-container {
        margin-left: 0;
    }
    #arc ul li:after {
        content: url('/wp-content/themes/tea/assets/images/arc-images/svgs/right-arrow.svg');
        position: absolute;
        top: 0;
        bottom: 0;
        left: -35px;
        display: none;
    }
    #arc ul {
        list-style-image: url('/wp-content/themes/tea/assets/images/arc-images/svgs/right-arrow.svg');
        padding: 0 10px;
        margin: 0 0 5px 5px;
     }

     #arc .arc-issues-icon {
        max-width: 160px !important;
        width: 100% !important;
        height: 160px;
        text-align: center;
        margin-right: 0;
        margin-left: 0;
        margin: auto;
        margin-bottom: 25px;
    }

    #arc div#input_22_1 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-bottom: 5px !important;
    }
    #arc input#input_22_1_3 {
        width: 100%;
        margin-bottom: 15px !important;
    }

    #arc input#input_22_1_6 {
        width: 100%;
        margin-bottom: 5px !important;
    }

    #arc input#input_22_3 {
        width: 100%;
        background-color: #FFFFFF !important;
        font-family: "ff-good-web-pro", sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 18px !important;
        color: #484848 !important;
        padding: 15px 25px !important;
        border-radius: 0px !important;
        margin-left: 0;
        margin-bottom: 15px !important;
    }

    input#gform_submit_button_22 {
        background-color: #2A4762 !important;
        color: #FFFFFF !important;
        font-family: "ff-good-web-pro", sans-serif;
        font-weight: 800;
        font-style: normal;
        font-size: 18px !important;
        padding: 15px 25px !important;
        border: none;
        cursor: pointer;
        max-width: 100%;
        width: 100%;
        border-radius: 0px !important;
        position: relative;
        top: 0px;
        right: 0;
        margin-bottom: 15px !important;
    }
    .energy-security-arc-usa-map {
        position: relative;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .energy-security-arc-map .container .row {
        height: auto;
    }
    #energy-security-arc .maxwidth320 {
        max-width: 100% !important;
        width: 100% !important;
    }

    #energy-security-arc .energy-security-arc-issues-content {
        max-width: 100%;
        width: 100%;
        text-align: center;
    }

    #energy-security-arc ul {
        max-width: 100%;
        width: 100%;
        list-style: none;
        margin: 0 0 5px 0;
        text-align: left;
        padding: 0 0 0 25px;
        /* list-style-image: url('/wp-content/themes/tea/assets/images/arc-images/svgs/right-arrow.svg'); */
    }

    #energy-security-arc .icons {
        max-width: 100%;
        width: 100%;
        text-align: center;
        margin-right: 25px;
        margin-bottom: 25px;
    }

    #energy-security-arc div#input_23_1 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-bottom: 5px !important;
    }
    #energy-security-arc input#input_23_1_3 {
        width: 100%;
        margin-bottom: 15px !important;
    }

    #energy-security-arc input#input_23_1_6 {
        width: 100%;
        margin-bottom: 5px !important;
    }

    #energy-security-arc input#input_23_3 {
        width: 100%;
        background-color: #FFFFFF !important;
        font-family: "ff-good-web-pro", sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 18px !important;
        color: #484848 !important;
        padding: 15px 25px !important;
        border-radius: 0px !important;
        margin-left: 0;
        margin-bottom: 15px !important;
    }

    #energy-security-arc input#gform_submit_button_23 {
        background-color: #2A4762 !important;
        color: #FFFFFF !important;
        font-family: "ff-good-web-pro", sans-serif;
        font-weight: 800;
        font-style: normal;
        font-size: 18px !important;
        padding: 15px 25px !important;
        border: none;
        cursor: pointer;
        max-width: 100%;
        width: 100%;
        border-radius: 0px !important;
        position: relative;
        top: 0px;
        right: 0;
        margin-bottom: 15px !important;
    }

    .energy-security-arc-banner-lg {
        height: auto;
        padding: 20px 10px
    }

    #energy-security-arc h1 {
        font-size: 94px;
        margin-top: 46px;
    }

    #energy-security-arc h3 {
        font-size: 24px;
        letter-spacing: normal;
        line-height: 30px;
    }

    #energy-security-arc h4 {
        font-size: 22px;
        letter-spacing: normal;
    }
    #energy-security-arc .lightningbolt {
        position: absolute;
        right: 0;
        z-index: 1;
        display: none;
    }
    #energy-security-arc h2 {
        font-size: 32px;
        letter-spacing: normal;
        line-height: 38px;
    }

    #energy-security-arc .arc-btns .btn {
        min-width: 280px;
    }

    .desktop-category-list {
        display: none !important;
    }

    .mobile-category-select {
        display: block;
    }

    .page-template-page-home-v2 h1, .page-template-page-home-v2 .h1 {
        line-height: 4rem;
    }

    .page-template-page-home-v2 p, .page-template-page-home-v2 .p {
        line-height: 3rem;
        letter-spacing: 0px;
    }

    .page-template-page-home-v2 .newsletter p, .page-template-page-home-v2 .newsletter .p {
        line-height: 1rem;
        letter-spacing: 0px;
    }

    .page-template-page-home-v2 .social-container {
        position: relative;
        z-index: 1;
        max-height: 490px;
        overflow: scroll;
        background-color: #FFFFFF;
    }

    /* .carousel-inner .carousel-item {
        width: 100%;
        height: 90vh;
    } */

    .arc-security .inner-left {
        max-width: 100%;
        width: 100%;
        background-color: green;
        position: relative;
        text-align: center;
        top: 0;
        left: 0;
        /* margin: 0 0 0 auto; */
        background-image: url('/wp-content/uploads/2025/02/vidya-bg.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: auto;
        padding: 4em 30px;
    }

    .inner-right {
        width: 100%;
    }

    .card-1 {
        max-width: 100%;
        width: 100%;
    }

    .card-2 {
        max-width: 100%;
        width: 100%;
    }

    .inner-arc-card {
        max-width: 100%;
        width: 100%;
    }

    .inner-arc-card:hover .img-header img {
        transform: scale(1); /* Zooms in the image by 10% */
    }

    .card-1 .img-header, .card-2 .img-header {
        width: 100%;
        height: 289px;
        position: relative;
    }

    .newsletter .inner-left {
        max-width: 100%;
        width: 100%;
        background-color: #A9353A;
        position: relative;
        top: 0;
        left: 0;
        height: 549px;
        padding: 4em 90px;
        height: auto;
        text-align: center;
    }

    .custom-search-form {
        display: flex;
        align-items: center;
        max-width: 135px;
        margin: 25px auto;
        border: 2px solid #A9353A;
        border-radius: 23px;
        padding: 2px;
        background: #A9353A;
        position: relative;
    }

    .video-home-container {
        max-width: 100%;
        width: 100%;
    }

    .cartoon-home-container {
        max-width: 100%;
        width: 100%;
    }
    .tea-button {
        max-width: 100%;
        width: 100%;
    }

    .cartoon-home-container .inner-cartoon-card {
        max-width: 100%;
        width: 100%;
        height: 385.9px;
    }

    .text-title-marquee {
        max-width: 100%;
        width: 100%;
    }

    .right-newsletter {
        max-width: 100%;
    }
    .box-shadow-1::before {
        display: none;
    }

    .card-main {
        position: relative;
        width: 100%;
    }
    .side-video-post {
        position: relative;
        width: 100%;
        height: 388.371px;
    }

    .arc-video .video-container {
        max-width: 920px;
        width: 100%;
        margin: 0 auto;
        position: absolute;
        top: -160px;
        z-index: 1;
    }

    .inner-revolutionary {
        border-top: 2px solid #A9353A;
        border-left: 0px solid #A9353A;
        padding-top: 15px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .border-right {
        border-right: 0px solid #1E84B2 !important;
        border-bottom: 2px solid #1E84B2 !important;
        padding-bottom: 15px;
    }

    .line::after {
        width: 100%;
    }

    #common-sense .points {
        flex-direction: column;
        justify-content: start;
        min-height: auto;
        height: 100%;
    }

    #common-sense .points {
        position: relative;
    }

    #common-sense .points::after {
        content: '';
        position: relative;
        bottom: 0;
        left: 0;
        top: 20px;
        right: 0;
        margin: auto;
        transform: translateX(-50%);
        height: 80px;
        width: 2px;
        border-left: 2px dotted #fff;
        z-index: 1;
    }

    #common-sense .last::after {
    display: none;
    }

    
    #common-sense .number::before {
        display: none;
    }

    .number {
        position: relative;
        width: 100%;
        max-height: 100%;
        margin-right: 0;
        margin: 0 auto;
        text-align: center;
    }
    .point-container {
        text-align: center;
        margin-top: 2em;
    }

    .circle {
        margin: 0 auto;
    }

    .number::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        margin: 77px 0 0 0;
        left: 50%;
        border-top: 2px dotted #fff;
        border-left: 0px dotted #fff;
    }

    .news-box-right .image-container {
        max-width: 100%;
    }

    .news-img-container {
        max-width: 100%;
        width: 100%;
        height: 326px;
    }

    .tea-img-container {
        max-width: 100%;
        width: 100%;
        height: 100%;
    }

    .tea-content {
        max-width: 100%;
        width: 100%;
    }

    .max-width-295 {
        max-width: 100%;
        text-align: center;
    }

    .podcast-container .card-img-container {
        max-width: 100%;
        width: 100%;
        height: 574px;
        overflow: hidden;
    }

    .img-container {
        width: 100%;
        height: 371px;
        overflow: hidden;
        background-color: #fff;
    }

    .v2-site-content {
        max-width: 100% !important;
        width: 100%;
        z-index: 1;
    }

    .home-hero-v2 .v2-site-logo {
        max-width: 239px;
        width: 100%;
        z-index: 1;
        overflow: hidden;
        margin: 0 auto;
    }

    .inner-left-container {
        max-width: 259px;
        width: 100%;
        margin: 0 auto;
    }

    .newsletter .inner-left-newsletter {
        max-width: 259px;
        width: 100%;
        margin: 0 auto;
    }

    .new-button {
        margin: 0 auto;
    }

    #sign-up header {
        background-color: #1E84B2;
    }

    .sign-up-form {
        background: linear-gradient(to bottom, #1e84b2 0%, #15577f 44.42%, #091f40 100%);
        padding: 7em 0 7em;
    }

}




@media (max-width: 929px) {
    .leadership-lg-text {
        font-size: 217px;
    }
}


/* ------------------------------ 
	767px - SMALL
------------------------------ */
@media (max-width: 767px) {
    .suggested {
        flex-direction: column;
    }

    .hover-content,
    .form-select {
        width: 100%;
    }

    select.form-select {
        width: 100%;
        text-align: center;
        text-align-last: center;
        -moz-text-align-last: center;
    }

    .page-template-page-gotv h2 {

        font-size: 25px;

    }

    .page-template-page-gotv .will-you {
        font-size: 30px;
        text-transform: uppercase;
    }

    .page-template-page-gotv h1 {

        font-size: 50px;
        line-height: 53px;

    }

    .page-template-page-gotv h3 {
        font-size: 25px;
        line-height: 40px;
    }

    .page-template-page-gotv .spread-theword {
        font-size: 44px;

    }

    .check-mark:before,
    .x-mark:before {
        position: relative;
        top: 5px;
        margin: 0 auto;

    }

    .divider-gotv {
        border-right: none;
        border-bottom: 2px solid #091F40;
    }

    .guide .tips-header {
        border-right: none;
    }

    .icons-guide img {
        max-width: 82.08px;
        width: 100%;
        margin: 0 auto;
    }

    .leadership h2 {

        font-size: 60px;
    }

    .leadership h3 {

        font-size: 24px;

    }

    .who-we-are .container .row .col-md-11 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 6em;
        -moz-column-gap: 6em;
        column-gap: 6em;
    }

    h1,
    .h1 {
        font-size: 2.625rem;
        /* 90px */
        line-height: 2.375rem;
        /* 38px */
    }

    .page-template-page-home-v2 h1, .page-template-page-home-v2 .h1 {
        line-height: 3rem;
    }

    h2,
    .h2 {
        font-size: 2rem;
        line-height: 2.688rem;
    }

    h3,
    .h3 {
        font-size: 1.5rem;
        line-height: 1.675rem;
    }

    .desktop-navigation .nav-social {
        display: none !important;
    }

    .footer-nav {
        text-align: center;
        margin-top: 3rem;
    }

    .footer-wrap .footer-inquiries {
        margin: auto;
    }

    .copyright {
        text-align: center;
    }

    .footer-wrap .social-share {
        text-align: center;
    }

    .footer-wrap .social-share a {
        margin-right: 5px;
        margin-left: 5px;
    }

    body .gform_wrapper ul li.gfield {
        width: 100% !important;
    }

    .gform_wrapper ul.gfield_checkbox li,
    .gform_wrapper ul.gfield_radio li {

        display: flex !important;
        flex-direction: row !important;
    }

    li#field_1_10 {
        flex-direction: column !important;
    }

    .home-page-hero .empowerment {

        font-size: 2.625rem !important;

    }

    .home div.slide>p {
        font-size: 1.2em !important;
    }

    .imageRight-lightBlue .flex-row-reverse {
        flex-direction: column !important;
    }

    .imageRight .flex-row-reverse {
        flex-direction: column !important;
    }

    .imageRight-lightBlue h2 {
        font-size: 2em;
    }

    .img-overlay {

        top: -1em !important;
        left: 0em !important;
    }

    .imageRight-lightBlue .list-col {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .imageRight-lightBlue p.theme-button.my-5 {
        margin: 0 auto;
    }

    .slick-slider-2 {

        margin-right: 0em !important;
    }

    .slick-slider-2 .slide>div {
        padding: 0 !important;
    }

    .slider-dots-box-2 {
        justify-content: center;
        padding-left: 0 !important;
    }

    .slick-slider-2 .slide {
        flex-direction: column !important;
        text-align: center !important;
    }

    .slick-slider-2 .slide>img {
        margin: 0 auto;
        width: 7em !important;
    }

    .list-col {
        flex-direction: column !important;

    }

    .list-col>div {
        width: 100% !important;
    }

    .scribe {
        font-size: 10.813em;
        line-height: 13.813rem;
        position: absolute;
        right: 10%;
    }

    .overlay-box {
        position: relative;
        width: 100%;
        top: -2em;
        padding: 2.5em;
        left: 0;
    }

    .box-right-video-icon {
        top: -33px;
        width: 4em;
    }

    .side-video-post iframe {
        width: 100% !important;
        height: 100%;
        object-fit: cover;
    }

    .news-box-right .overlay-box {
        position: relative;
        width: 100%;
        top: -2em;
        padding: 2.5em;
        left: 0;
    }

    .news-box-right .box-right-video-icon {
        top: -33px;
        width: 4em;
    }

    .slick-slider-1 button.slick-next.slick-arrow {

        right: 7px;

    }

    .slick-slider-1 button.slick-prev.slick-arrow {
        z-index: 2;
        left: 7px;

    }

    .slick-slider-1 .slide>div {

        padding: 1rem;
    }

    .slick-slider-1 .slick-center>div {

        margin: 0px 0rem;
    }

    .desktop {
        display: none !important;
    }

    .mobile {
        display: block !important;
    }

    .map-area {
        background: none;
        display: flex;
        flex-direction: column;
    }

    .map-area .map {
        width: calc(100% - 10px);
    }

    .map-area .map.desktop {
        display: block !important;
    }

    .map-area .text {
        width: calc(100% - 10px);
        margin: 0 auto;
        display: block;
        font-size: 1em;
    }

    .map-area mobile.form {
        display: none !important;
    }

    .map-area .form select {
        width: auto;
        margin: 0 auto;
        display: block;
        background: #fff;
    }

    .info-area {
        width: calc(100% - 10px);
        display: block;
        margin: 0 auto;
    }

    .truth {
        text-align: center;
        margin-bottom: 1rem !important;
    }

    .truth-row-2 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
        padding-top: 6rem !important;
        margin-left: 5px;
        margin-right: 5px;
    }

    .video-left .bg-video {
        position: relative !important;
        width: 100%;
        height: 100%;
        top: 0%;
        object-fit: cover;
        z-index: -9;
    }

    .video-left {
        position: relative;
        padding: 13em 0 0em !important;
    }

    .recommended .h1-small {
        font-size: 1.625em;

    }

    .exclusive-content-text .h1-small {
        font-size: 2.625em;

    }

    .list-side {
        top: -98px;
    }

    .slick-prev {
        left: 0;
        z-index: 99999;
    }

    .slick-prev {
        right: -1em;
    }

    .slick-next {
        right: 2em;
    }

    .notable-signers-slider .slick-center {
        padding: 0em 0 9em 0px;

    }

    .notable-signers-slider .slick-current::after {
        margin: 0 .7em;
    }

    .notable-signers-slider .slick-center>div {
        margin: 0 0rem;
    }

    body .gform_wrapper ul li.gfield {
        margin-top: 16px !important;
    }

    .single-news .d-flex.row.align-items-center {
        flex-direction: column-reverse;
    }

    .single-news .single-white-box {
        background-color: #fff;
        padding: 3.5em;
        position: relative;
        margin: 10em 0 5em;
    }

    .single-podcast .col-md-5 {
        margin: 10em 0 5em;
    }

    .member-signup-form_wrapper li:nth-child(7) {
        /* Checkbox Div */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-self: flex-end;
    }

    .member-signup-form_wrapper li:nth-child(-n+2) {
        width: 100% !important;
    }

    .member-signup-form_wrapper .gfield_checkbox li input[type=checkbox] {
        margin-top: 0px !important;
        margin-right: 5px !important;
    }

    /* .video-container-hero video {

        margin-top: 5em;
    margin-bottom: 4em;
        
        } */

    .vid-2 {
        width: 18em;
        bottom: 14em;
        left: -1em;
        /* z-index: 1; */
    }

    .vid-3 {

        width: 18em;
        bottom: 28em;
        left: 8em;
        /* z-index: 1; */
    }

    .vid-4 {
        width: 18em;
        bottom: 25em;
        right: 3em;
        /* z-index: 1; */
    }

    /* .mobile-h1 {
            display: block;
        }
        
        .hero-video-clip {
            display: none;
        } */

    .video-container-hero video {
        width: 100%;
        display: block;
        object-fit: revert;
        margin: auto;
        margin-top: 5em;
        margin-bottom: 4em;
    }

    .video-wrapper {
        margin: -140px 0;
    }

    .first-bullet {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
        margin: 0 auto;
    }

    .ui-tooltip::before {
        display: none !important;
    }
    .tooltip-left, .tooltip-right {
        max-width: 100%;
        width: 100%;
    }

    .arc h1 {
        line-height: 9.375rem;
    }

    .line-height-58 {
        line-height: 28px;
    }

    .single h1, .single .h1 {
        font-size: 1.625rem;
        line-height: 2.375rem;
    }

}

@media (max-width: 647px) {
    .leadership-lg-text {
        font-size: 157px;
    }
}

/* ------------------------------ 
	640px - EXTRA SMALL
------------------------------ */
@media (max-width: 640px) {
    .page-template-page-gotv h2 {
        font-size: 21px;
    }

    .page-template-page-gotv h1 {
        font-size: 44px;
        line-height: 53px;
    }

    .brand-logo {
        max-width: 80%;
    }

    .gform_wrapper .gform_body .signature {
        display: block;
        width: 100% !important;
        position: relative !important;
        margin: 0 auto !important;
    }

    .vote-scribe {
        font-size: 60px;

    }

    .page-template-page-gotv h3 {
        font-size: 17px;
        font-weight: 400;
        color: #091F40;
        line-height: 36px;
    }

    .vid-2 {
        width: 10em;
        bottom: 7em;
        left: 0em;
        /* z-index: 1; */
    }

    .vid-3 {

        width: 10em;
        bottom: 15em;
        left: 5em;
        /* z-index: 1; */
    }

    .vid-4 {
        width: 10em;
        bottom: 13em;
        right: 2em;
        /* z-index: 1; */
    }

    .home-page-hero .empowerment {
        font-size: 2rem !important;
    }

    .home-page-hero h2 {
        font-size: 2rem !important;
    }

    .box-right-content h2 {
        font-size: 3em;
    }

    .news-box-right .box-right-content h2 {
        font-size: 3em;
    }

    .unsubscribe .gform_wrapper .gform_body .signature {
        max-width: none !important;
    }

    .gform_wrapper ul.gfield_checkbox li,
    .gform_wrapper ul.gfield_radio li {
        padding: 1em 0 !important;
    }

    input#choice_4_15_1 {
        margin-right: 1em !important;
    }

    input#choice_4_15_2 {
        margin-right: 1em !important;
    }

    .guide .tips-header {
        border-right: none;
    }

    .red-banner p {
        font-size: 14px;
    }

    .featured .tag-button button {
        font-size: 25px !important;

    }

    #arc h2 {
        font-size: 32px;
        letter-spacing: normal;
        line-height: 38px;
    }

    #arc h4 {
        font-size: 22px;
        letter-spacing: normal;
    }

    #arc h3 {
        font-size: 24px;
        letter-spacing: normal;
        line-height: 30px;
    }

    .arc-banner-lg {
        height: auto;
        padding: 20px 40px;
    }

    .arc-hero-mike {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 1;
    }

    .arc-hero .container .row {
        height: 535px;
    }

    .font-size-59 {
        font-size: 2.688rem;
        line-height: 3.688rem;
    }

    .page-template-page-home-v2 h3, .page-template-page-home-v2 .h3 {
        font-size: 1.5rem;
        /* line-height: 2.675rem; */
    }

    .page-template-page-home-v2 .newsletter p, .page-template-page-home-v2 .newsletter .p {
        line-height: 1.5rem;
        letter-spacing: 0px;
    }

    .site-header h1 {
        line-height: 40px;
    }

    .single h1, .single .h1 {
        font-size: 1.625rem;
        line-height: 1.9rem;
    }

    p, .p {
        line-height: 26px;

    }

    .revolutionary {
        padding: 23em 0 2em;
    }

}




/* ------------------------------ 
	575px - CUSTOM SIZE
------------------------------ */
@media (max-width: 575px) {
    .video-wrapper {
        margin: -120px 0;
    }

    .revolutionary {
        padding: 17em 0 2em;
    }
}

@media (max-width: 489px) {
    .leadership-lg-text {
        font-size: 107px;
    }

    .newsletter .inner-left {
        padding: 4em 40px;
    }
    .white-container {
        padding: 50px 30px 40px;
    }
}


/* ------------------------------ 
	479px - CUSTOM SIZE
------------------------------ */
@media (max-width: 479px) {
    .video-wrapper {
        margin: -100px 0;
    }

    .news-box-right .overlay-box h2 {
        font-size: 2em;
    }

    button.navbar-toggler.mobile-nav-btn {
        margin: 0;
    }

    button.search-submit {
        padding: 5px;
    }
    .left-column ul {
        flex-direction: column;
    }

    .revolutionary {
        padding: 11em 0 2em;
    }
}




/* ------------------------------ 
	379px - CUSTOM SIZE
------------------------------ */
@media (max-width: 379px) {

    .intro-list-blue-hp-lists img.icon-smaller {
        height: 3.2em;
    }

    .video-wrapper {
        margin: -85px 0;
    }

    .leadership-lg-text {
        font-size: 77px;
    }


    #energy-security-arc h1 {
        font-size: 64px;
        margin-top: 46px;
    }

    .arc-video .video-container {
        max-width: 920px;
        width: 100%;
        margin: 0 auto;
        position: relative;
        top: 0;
        z-index: 1;
    }

    .revolutionary {
        padding: 2em 0 2em;
    }

    .arc-energy-security {
        padding: 6em 0 2em;
    }

    .arc-energy-security .container .row {
        height: auto;
    }

}