@media only screen and (min-width: 4501px) and (max-width: 6000px)
/* == 25% == */

    {}





@media only screen and (min-width: 3100px) and (max-width: 4500px)
/* == 33% == */

    {}





@media only screen and (min-width: 2701px) and (max-width: 3100px)
/* == 50% == */

    {}





@media only screen and (min-width: 2001px) and (max-width: 2700px)
/* == 67% == */

    {}





@media only screen and (min-width: 1801px) and (max-width: 2000px)
/* == 75% == */

    {}





@media only screen and (min-width: 1601px) and (max-width: 1800px)
/* == 80% == */

    {}





@media only screen and (min-width: 1517px) and (max-width: 1600px)
/* == 90% == */

    {}





@media (min-width: 1801px) {}



@media (min-width: 1601px) {}



@media (max-width: 1455px) {}



@media (max-width: 1402px) {
    .news-left {
        width: 50%;
    }
}





@media (max-width: 1400px) {

    .home-slider-row .et_pb_slides {

        padding-bottom: 71%;

    }

}



@media (max-width: 1370px) {}



@media (max-width: 1350px) {

    header .desktop-menu-outer {

        padding: 16px 30px 16px 31px;

    }

}



@media (max-width: 1345px) {}



@media (max-width: 1340px) {}



@media (max-width: 1320px) {}



@media (max-width: 1300px) {

    header .desktop-menu-outer {

        padding: 16px 15px 16px 15px;

    }



    ul#top-menu {

        display: flex;

        gap: 15px;

    }



    .foo-Fourth-row {

        margin-top: 0px;

        padding-top: 30px;

    }



    .foo-second-row-col-3 {

        width: 35%;

    }



}



@media (max-width: 1285px) {}



@media (max-width: 1260px) {

    .home-karen-row {

        max-width: 96% !important;

    }



    header .desktop-menu-outer {

        max-width: 98.5% !important;

    }



    div#top-header .container {

        padding: 9px 0px 8px 0px;

        max-width: 96% !important;

    }

}



@media (max-width: 1240px) {

.single-news .gallery-wrapper.few-images .gallery-grid .grid-wrapper {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

}


@media (max-width: 1200px) {

    .team-grid {

        grid-template-columns: 1fr 1fr 1fr;

    }



    .contact-grid {

        grid-template-columns: 1fr 1fr 1fr;

    }

    .checkbox-group {
        padding-left: 0;
        padding-bottom: 27px;
    }

}



@media (max-width: 1190px) {

    header .desktop-menu-outer {

        max-width: 100% !important;

    }



    nav#top-menu-nav .nav>li.menu-item a {

        color: var(--whitecolor) !important;

        font-size: 13px;

        font-weight: 400;

        text-transform: uppercase;

        transition: 0.5s ease;

        font-family: var(--font-archivo-narrow);

        padding-bottom: 20px;

    }



    header .logo_container {

        width: 135px !important;

        height: 45px !important;

    }



    .home-slider-row .et_pb_slides {

        padding-bottom: 90%;

    }



    .home-karen-row {

        flex-direction: column;

    }



    .home-karen-row {

        max-width: 90% !important;

    }



    .home-karen-row .message-left {

        width: 85%;

    }



    .home-karen-row .message-right {

        width: 90%;

        gap: 7px;

        padding-left: 25px;

    }



    .chicago-main-sec .et_pb_row .chicago-col {

        width: 50%;



    }



    .clean-energy-left {

        width: 55%;

    }



    .clean-energy-left {

        width: 55%;

    }



    .clean-energy-row {

        margin-left: 0 !important;

        gap: 30px;

    }



    .supp-two-col-row-0ne {

        max-width: 85.5% !important;

        gap: 30px;

        display: flex;

        justify-content: space-between;

    }

}



@media (max-width: 1170px) {}



@media (max-width: 1165px) {

    .pointer-row-one {

        flex-direction: column;

        gap: 14px;

    }



    .summit-small-image {

        width: 20%;

    }



    .counter-left {

        width: 100% !important;

    }



    .counter-box {

        gap: 0;

        padding: 20px;

        display: flex;

        align-items: center;

        width: 100%;

        height: 180px;

        justify-content: center;

    }



    .executive-img-right {

        width: 100%;

    }



    .summit-content {

        background: #F37321;

        width: 80%;

        display: flex;

        flex-direction: column;

        position: relative;

        padding: 32px 20px 13px 41px;

    }



    .supp-two-col-row-0ne {

        flex-direction: column;

    }



    .supp-two-col-sec-box {

        width: 100%;

    }



    .contact-form-left-col {

        padding: 50px 30px 70px 30px;

    }



    .partners-grid {

        column-gap: 25px;

    }



    .recent-supplier-grid {

        column-gap: 50px;

        row-gap: 40px;

    }

}



@media (max-width: 1120px) {}



@media (max-width: 1100px) {



    .trial-sec.abpg-trial-sec .trial-row .trial-cols {

        width: 100%;

    }



    .foo-second-row-col-3 {

        width: 43%;

    }



    .simple-cost-row-2 {

        display: flex;

        flex-direction: column;

    }



    .inro-section-left {

        width: 100%;

    }



    .inro-section-right {

        width: 100% !important;

        padding-right: 0;

    }



    .contact-form-row {

        max-width: 90% !important;

    }



    .fair-hero-row {

        display: flex;

        align-items: flex-start;

        justify-content: space-between;

        padding-right: 80px;

        flex-direction: column;

        gap: 32px;

    }



    .fair-hero-image {

        position: relative;

        width: 100%;

        height: 0;

        padding-bottom: 43.5%;

    }



    .fair-stat-boxes {

        display: flex;

        gap: 10px;

        width: 100% !important;

        justify-content: center;

    }



    .fair-hero-row {

        padding-right: 0;

    }



    .banner-buttons {

        display: flex;

        gap: 10px;

    }



    a.btn.btn-banner-outline {

        font-size: 10px;

    }



    section.supplier-fair-hero .container {

        max-width: 90% !important;

        padding-top: 26px !important;

    }

}



@media (max-width: 1060px) {

    .home-slider-row .et_pb_slide_description.et_flex_module {

        padding-top: 80px;

        padding-left: 40px;

    }



    .home-karen-row {



        padding: 84px 70px 165px 0;

    }



    .clean-energy-row {

        margin-left: 0 !important;

        gap: 30px;

        display: flex;

        flex-direction: column;

        max-width: 100% !important;

    }



    .clean-energy-left {

        width: 100%;

    }



    .clean-energy-right {

        padding-top: 39px;

        width: 100%;

        padding-left: 20px;

        padding-right: 20px;

    }



    .team-group-section {

        padding: 50px 70px 40px 70px !important;

        border-radius: 40px;

    }



    .contact-team-row {

        padding: 50px 70px 40px 70px !important;

    }

}



@media (max-width: 1024px) {}



@media (max-width: 1000px) {

    .supplier-part-form-row {

        max-width: 87% !important;

    }

}



@media (min-width: 991px) {}



@media (max-width: 991px) {

.short-caro-sec .short-car-row {
    width: 100% !important;
}



    /* ----MOBILE HEADER---- */



    header#main-header {

        top: 0 !important;



    }





    .desktop-menu-outer {

        display: none;

    }



    .desktop-menu-outer div#et-top-navigation {

        float: none;

        padding: 0 !important;

        display: none;

    }



    .mobile-outer-recore {

        display: block;

    }



    .mobile-outer-recore {

        display: flex;

        justify-content: space-between;

        align-items: center;

        padding: 20px 20px 17px 23px;

        /* border-bottom: 0.5px solid #ffffff33; */

        /* background-color: var(--blue-dark); */

        background-color: #03030352
    }



    .desktop-menu-outer {

        display: none !important;

    }



    .nav-mobile {

        width: 42px;

        height: 30px;

        position: relative;

    }



    .mobile-menu-mob {

        position: fixed;

        left: 0;

        width: 100%;

        top: 77px;

        z-index: 0;

        display: none;

        background-color: var(--blue-dark);

        z-index: 9999;

        height: 100vh;

        padding-top: 42px;

        overflow-y: auto;

        display: none;

    }



    .nav-mobile.active::before {

        position: absolute;

        content: "";

        width: 100%;

        height: 100%;

        background: url(../images/menu-close.svg);

        background-position: center;

        background-repeat: no-repeat;

        background-size: 70%;

    }



    .mobile-menu-mob.active {

        top: 77px;

        display: flex;

        border-top: 0px solid #ffffff33;

        flex-direction: column;

    }



    .admin-bar .mobile-menu-mob.active {

        top: 122px;

    }



    .mobile-outer-recore.active {

        background-color: var(--blue-dark) !important;

    }



    .nav-mobile::before {

        position: absolute;

        content: "";

        width: 100%;

        height: 100%;

        background: url(../images/m_hamburger.svg);

        background-position: center;

        background-repeat: no-repeat;

        background-size: contain;

    }





    .mob-header {

        padding-left: 51px;

        padding-right: 51px;

        padding-bottom: 40px;

    }



    nav.nav.nav-mob .menu-mobile-menu-container li a {

        color: white;

        text-transform: uppercase;

        padding-bottom: 11px;

        padding-top: 11px;

        border-bottom: 1px solid #ffffff52;

        width: 100%;

        display: block;

        /* margin-bottom: 9px; */

        font-family: var(--font-archivo-narrow);

    }



    nav.nav.nav-secondary {

        margin-top: 31px;

    }



    nav.nav.nav-secondary li a {

        color: white;

        text-transform: uppercase;

        padding-bottom: 9px;

        border-bottom: 0px solid #ffffff52;

        width: 100%;

        display: block;

        margin-bottom: 9px;

        font-family: var(--font-archivo-narrow);

        font-size: 13px;

        font-weight: 200 !important;

    }



    nav.nav.nav-secondary li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-66 a {

        border-bottom: 1px solid #ffffff52;

    }



    /* nav.nav.nav-secondary li a:last-child {

    border-bottom: 0px solid #ffffff52 ;

} */



    nav.nav.nav-mob .menu-mobile-menu-container li>ul.sub-menu {

        display: flex;

        flex-direction: column;

        align-items: flex-start;

        border: 0 !important;

        padding: 6px 30px 6px 30px !important;

        gap: 0px;

        width: 100% !important;

        position: relative;

        background: var(--blue-light) !important;

        box-shadow: none;

        visibility: visible;

        opacity: 1 !important;

    }



    nav.nav.nav-mob .menu-mobile-menu-container li>ul.sub-menu li {

        width: 100% !important;

        padding: 0 !important;

    }



    nav.nav.nav-mob .menu-mobile-menu-container li>ul.sub-menu li a.menu-link.sub-menu-link {

        padding-bottom: 0 !important;

        border-bottom: 0px solid #ffffff52;

        padding-top: 0 !important;

    }











    header .logo_container {

        width: 105px !important;

        height: 40px !important;

        position: relative !important;

    }



    header .logo_container img {

        width: 100%;

        height: 100% !important;

        object-fit: contain;

        min-height: 100% !important;

    }



    header .logo_container a {

        width: 100%;

        height: 100%;

        display: block;

    }



    header .logo_container span.logo_helper {

        display: none;

    }





    .contact-us-btn a {

        position: relative;

        padding: 10px 26px 10px 53px;

        border-radius: 40px;

        border: 1px solid white;

        color: white;

        font-size: 14px;

        letter-spacing: 1px;

        display: block;

        width: fit-content;

    }



    .contact-us-btn a::before {

        position: absolute;

        content: "";

        width: 20px;

        height: 20px;

        background: url(../images/hdr_Email.svg);

        background-position: center;

        background-repeat: no-repeat;

        background-size: contain;

        left: 23px;

        top: 50%;

        transform: translateY(-50%);

    }



    .contact-us-btn {

        margin: 45px auto 0 auto;

        width: fit-content;

    }





    /* ----header--- ends----- */









    .foo-second-row-col-2 {

        display: none;

        margin-top: 65px;

    }



    .foo-second-row-col-1 {

        width: 35%;

    }



    .foo-second-row-col-3 {

        width: 45%;

    }



    .foo-Fourth-col-2 {

        width: auto;

    }



    .foo-Fourth-col-2 {

        padding-left: 90px;

    }



    div#footer-info {

        text-align: left;

    }













    .chicago-main-sec .et_pb_row {

        display: flex;

        gap: 0;

        flex-direction: column;

    }



    .chicago-main-sec .et_pb_row {



        padding-left: 0;

    }



    .chicago-main-sec .et_pb_row .chicago-col {

        width: 100%;

        margin-right: 0;

        z-index: 9;

        display: flex;

        align-items: center;

        justify-content: flex-end;

        top: 30px;

    }



    .chicago-main-sec .et_pb_row .chicago-img-col {

        width: 100%;

        position: relative;

        display: flex;

        justify-content: center;

    }



    .news-featured-wrapper {

        max-width: 1127px;

        margin: 60px auto;

        padding-left: 0;

    }



    .chicago-main-sec {

        padding-top: 0 !important;

        gap: 33px;

    }



    .qust-col {

        text-align: center;

    }



    .content-img-row {

        flex-direction: column;

    }



    .ab-content-left {

        width: 100% !important;

    }



    .image-area-right {

        width: 100% !important;

    }



    .content-img-row.flip {

        flex-direction: column-reverse !important;

    }



    .content-img-section {

        padding-top: 76px !important;

        gap: 75px;

    }



    .ab-content-text ul {

        padding-left: 25px !important;

    }



    .ab-content-text h2 {

        font-weight: 400;

        color: #005287;

        margin-top: 0;

        font-size: 44px !important;

        line-height: 46px;

        margin-bottom: 35px;

    }



    .content-img-row {

        padding-right: 0;

    }



    .simple-cost-row-2 {

        gap: 15px;

    }



    .team-group-section {

        padding: 50px 35px 100px 35px !important;

    }



    .contact-team-row {

        padding: 50px 35px 100px 35px !important;

    }



    .contact-team-col h2 {

        color: white;

        padding-left: 49px;

        font-size: 53px !important;

    }



    .contact-team-outer-sec {

        padding-bottom: 5px !important;

    }





    h2.team-cat-title {

        padding-left: 0;

    }



    .contact-team-col h2 {

        padding-left: 0px;

    }



    .team-header-row {

        display: flex;

        justify-content: space-between;

        align-items: flex-start;

        flex-direction: column;

        gap: 40px;

    }



    .admin-bar header#main-header {

        top: 45px !important;

    }



    .recent-supplier-grid {

        max-width: 100% !important;

        margin: 0 auto;

        display: grid !important;

        grid-template-columns: 1fr 1fr;

        column-gap: 50px;

        row-gap: 40px;

    }



    .fair-main-wrapper {

        padding-left: 0;

        padding-right: 0;

    }



}



@media (max-width: 980px) {}



@media (max-width: 950px) {

    .news-featured-card {

        display: grid;

        align-items: center;

        text-decoration: none;

        grid-template-columns: 1fr;

    }



    .news-image {

        width: 100%;

        position: relative;

        height: 100%;

        padding-bottom: 56%;

    }



    .partners-grid {

        column-gap: 25px;

        column-count: 1;

        margin-top: 35px;

    }



    section.supplier-fairs-banner .banner-content {

        display: flex;

        justify-content: space-between;

        align-items: flex-start;

        flex-direction: column;

        gap: 20px;

    }

    .home-karen-btn-sec {
        padding-right: 0 !important;
    }

}



@media (max-width: 900px) {

    .footer-logo-add-outer {

        padding-left: 15px;

        padding-right: 15px;

    }



    .ab-content-text h2 {

        font-size: 44px !important;

        line-height: 46px;

    }



    .home-karen-btn-sec {

        padding-right: 0;

    }



    .contact-form-row {



        flex-direction: column;

    }



    .contact-form-left-col {

        width: 100% !important;

    }



    .contact-form-right-col {

        width: 100% !important;

    }

}





@media (max-width: 880px) {

    .home-slider-row .et_pb_slides {

        padding-bottom: 115%;

    }



    .team-grid {

        grid-template-columns: 1fr 1fr;

    }



    .contact-grid {

        grid-template-columns: 1fr 1fr;

    }



    .upcoming-suppliers-carousel {

        max-width: 100% !important;

        margin: 0 auto;

    }





}



@media (max-width: 800px) {

    .history-timeline-container {

        gap: 35px;

    }



    .history-nav-wrapper {

        flex: 0 0 108px;

        position: relative;

        padding-right: 25px !important;

        max-height: 262px !important;

        overflow: hidden auto !important;

    }



    .recent-supplier-grid {

        max-width: 100% !important;

        margin: 0 auto;

        display: grid !important;

        grid-template-columns: 1fr;

        column-gap: 50px;

        row-gap: 40px;

    }



    .supplier-body {

        background: white;

        padding: 43px 33px 60px 31px;

        border-radius: 0 0 45px 0;

        position: relative;

    }



    .Recent-Supplier-row {

        max-width: 90% !important;

    }

    .swiper-button-prev:before,
    .swiper-button-next:before,
    .winter-gallery-row .owl-nav button.owl-prev:before,
    .winter-gallery-row .owl-nav button.owl-next:before {
        display: none;
    }

}



@media (max-width: 790px) {}



@media (max-width: 767px) {

    footer#main-footer {

        background: var(--blue-dark);

        padding: 16px 12px 14px 12px;



    }



    .foo-second-row-col-3 a::before {

        width: 22px;

        height: 22px;

    }



    .foo-second-row {

        justify-content: space-between;

        flex-direction: column;

        gap: 75px;

        margin-top: 110px;

    }



    .foo-second-row-col-3 {

        width: 100%;

    }



    .foo-Fourth-row {

        display: flex;

        justify-content: space-between;

        flex-direction: column-reverse;

        gap: 45px;

        padding-top: 58px;

    }



    div#footer-bottom .container {

        max-width: 100% !important;

    }



    div#footer-info {

        flex-direction: column;

        align-items: flex-start;

    }



    .footer-logo-add-outer {

        padding-left: 7px;

        padding-right: 7px;

    }



    .footer-main-row-two {

        padding-left: 7px;

        padding-right: 7px;

    }

.news-gallery-outer .gallery-wrapper{
    padding-top: 50px;
    padding-bottom: 50px !important;
    background-color: #012a56;
}


    .footer-logo-add-outer div#et-info {



        padding-top: 0;

    }



    div#footer-info {

        flex-direction: column;

        align-items: flex-start;

        line-height: 16px;

        gap: 10px;

    }



    div#footer-bottom {

        background-color: transparent;

        padding-top: 43px;

    }



    .top-banner-widget {

        font-size: 20px;

        color: var(--blue-bright);

        letter-spacing: 5px;

        text-align: center;

        font-family: var(--font-inter-tight);

        font-size: 13.5px;

    }



    div#footer-bottom {

        background-color: transparent;

        padding-top: 41px;

        width: 250px;

    }



    footer .text-bottom {

        padding-top: 23px;

    }





    .gold-content {

        padding-left: 0;

    }



    .nsca-row::before {

        content: "" !important;

        position: absolute !important;

        right: -8px;

        top: 0;

        width: 85px;

        height: 134px;

        background: url(../images/logo-crop.svg);

        background-position: center;

        background-size: contain;

        background-repeat: no-repeat;

        bottom: auto;

    }



    .gold-content h5 {

        margin-top: 13px;

        margin-bottom: 20px;

    }



    .nsca-col .et_pb_module.et_pb_button_module_wrapper {

        padding-left: 0;

        margin-top: 18px;

    }



    .nsca-row {

        max-width: 94% !important;

        position: relative;

        margin-right: 0 !important;

        padding-right: 20px;

    }



    .nsca-sec-0uter {

        padding-bottom: 38px !important;

        padding-top: 14px !important;



    }



    .trust-sec button.owl-dot.active {

        width: 9px;

        height: 9px;

        border: 1px solid #808184;

        background-color: #808184;

    }



    .trust-sec .owl-dots button.owl-dot {

        width: 9px;

        height: 9px;

        border: 1px solid #808184;

    }



    .trust-sec .owl-dots {

        display: flex;

        justify-content: center;

        gap: 10px;

        margin-top: 24px;

    }





    .home-slider-row h2 {

        text-transform: capitalize;

        font-weight: 700 !important;

        font-size: 34px !important;

        line-height: 37px;

        font-family: 'Archivo Narrow' !important;

        /* max-width: 935px; */

        width: 100%;

        margin-bottom: 20px;

    }



    .home-slider-row .et_pb_slides {

        padding-bottom: 206%;

    }



    a.et_pb_button.et_pb_more_button,
    .curve-btn {

        border: 1px solid white !important;

        color: var(--whitecolor) !important;

        font-size: 10px;

        border-radius: 60px;

        padding: 10px 43px 10px 43px !important;

        text-transform: uppercase;

        background: #ffffff29;

        font-family: var(--font-archivo) !important;

        letter-spacing: 1px;

        font-weight: 500 !important;

    }



    a.et_pb_button.et_pb_more_button:hover,
    .curve-btn:hover {

        font-size: 10px;

        font-weight: 500 !important;

    }



    .home-slider-row .et_pb_button_wrapper {

        width: 100% !important;

    }



    .home-slider-row .et_pb_slide_description.et_flex_module {

        padding-right: 0;

        padding-left: 0;

        padding-bottom: 220px;
        column-gap: 13px;

    }

    .home-slider-row .et_pb_module.et_pb_button_module_wrapper.et_pb_button_0_wrapper:first-child {
        width: 100% !important;
    }

    .home-slider-row .et_pb_blurb_content {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .slider-section-home .et_pb_module.et_pb_button_module_wrapper:nth-child(2) {
        width: 100% !important;
        display: block;
    }



    .home-slider-btn-1,

    .home-slider-btn-2 {

        border: 1px solid white !important;

        color: var(--whitecolor) !important;

        font-size: 10px;

        border-radius: 0px;

        padding: 10px 13px 10px 13px !important;

        text-transform: uppercase;

        background: #ffffff29 !important;

        font-family: var(--font-archivo) !important;

        letter-spacing: 1px;

        margin-top: 10px !important;

    }



    .home-slider-btn-1:hover,

    .home-slider-btn-2:hover {

        padding: 10px 13px 10px 13px !important;

        font-size: 10px;

    }



    .home-slider-row .et_pb_blurb_position_top.et_pb_module.et_block_module {

        position: absolute;

        bottom: 61px;

        right: -86px;

        display: flex;

        background: white;

        padding: 20px 59px 20px 20px;

        border-radius: 100px 0px 0px 100px;

        /* opacity: 0; */

    }



    .home-slider-row .et-pb-controllers {

        position: absolute;

        bottom: 2%;

    }



    .pointer-sec {

        padding-top: 17px !important;

    }



    .pointer-row-one {

        max-width: 100% !important;

    }



    .simple-cost-title h2 {

        text-align: center;

        font-style: italic;

        font-size: 32px !important;

        line-height: 33px;

        font-weight: 400;

    }







    .big-heading h6,

    .big-heading h6 a,

    .common-outer .big-heading h6,

    .common-outer .big-heading h6 a {

        font-family: var(--font-inter) !important;

        font-weight: 400;

        font-size: 46px !important;

        line-height: 50px !important;

        color: var(--primary-blue);

        text-transform: capitalize;

    }



    .simple-cost-row-2 .inro-para {

        padding-left: 0;

    }



    .inro-section-left {

        padding-left: 20px;

        padding-right: 20px;

    }



    .inro-section-right {

        padding-left: 20px;

        padding-right: 20px;

    }



    .pointer-sec {

        gap: 14px;

    }



    .home-karen-sec {

        padding-top: 0;

    }



    .home-karen-row {

        padding: 86px 30px 165px 0;

    }



    .home-karen-btn-sec {

        padding-right: 0 !important;

    }



    .home-karen-row .message-right {

        width: 100%;

    }



    .logo-sec-row {

        max-width: 88% !important;

    }



    .logo-sec-outer .owl-dots {

        margin-top: 46px;

    }



    .logo-carousel-sec {

        padding-bottom: 0 !important;

        padding-top: 51px !important;

    }



    .nsca-col {

        width: 100%;

        gap: 0;

    }





    .chicago-main-sec {

        padding-top: 0 !important;

        gap: 33px;

        padding-bottom: 41px;

    }



    .trust-sec {

        padding-bottom: 0 !important;

    }



    .chicago-main-sec .et_pb_row .chicago-col .et_pb_row.grey-bg-section {

        background: #f37521f5;

        padding: 15px 24px 40px 30px;

        max-width: 100% !important;

        margin: 0 !important;

        border-radius: 40px;

        row-gap: 6px;

    }



    .working-together-callout h4 {

        margin-top: 15px;

        font-size: 32px !important;

        line-height: 36px;

    }



    .chicago-main-sec .et_pb_row {

        padding-left: 0;

        max-width: 87% !important;

    }



    .news-left {

        width: 100%;

    }



    .news-left {

        width: 100%;

    }



    .news-row {

        gap: 18px;

        max-width: 89% !important;

    }



    .news-featured-wrapper {

        max-width: 96%;

        margin: 40px auto 0 auto;

        padding-left: 0;

    }



    .news-content {

        padding: 20px 20px 92px 20px;

    }



    .news-sec-outer {



        padding-bottom: 99px !important;

    }



    .eagle-bag-sec .grey-bg-section {

        max-width: 84% !important;

    }



    .eagle-bag-sec .grey-bg-section {

        max-width: 95% !important;

    }



    .eagle-bag-sec {

        text-align: center;

        padding-top: 87px !important;

        padding-bottom: 78px !important;

    }



    .clean-energy-outer {

        padding-top: 48px !important;

        padding-bottom: 57px !important;

    }



    .clean-energy-outer .et_pb_module.et_pb_button_module_wrapper {

        margin-top: 20px;

    }





    .clean-energy-row {

        margin-left: 0 !important;

        gap: 0px;

        display: flex;

        flex-direction: column;

        max-width: 100% !important;

    }



    .clean-energy-outer::before {

        content: "" !important;

        position: absolute !important;

        left: -129%;

        bottom: -7px;

        width: 746px;

        height: 38%;

        background: url(../images/side-lines.svg);

        background-position: center;

        background-size: 100%;

        background-repeat: no-repeat;

        z-index: 0;

    }





    blockquote p {

        font-family: var(--font-inter-tight) !important;

        font-size: 43px !important;

        line-height: 45px !important;

        font-weight: 500;

        color: var(--primary-gray) !important;

    }





    h1,

    h1 a,

    .common-outer h1,

    .common-outer h1 a {

        font-family: var(--font-inter) !important;

        font-weight: 400;

        font-size: 46px !important;

        line-height: 48px;

        color: var(--primary-blue);

        text-transform: capitalize;

    }



    .aboutpg-intro-section {

        padding-top: 49px !important;

    }



    .aboutpg-intro-section {

        gap: 52px;

    }



    .aboutpg-intro-section .home-karen-row {

        padding: 69px 13px 177px 0px;

    }



    .aboutpg-intro-section .home-karen-row .message-right {

        padding-left: 24px;

    }



    .aboutpg-intro-section {

        padding-bottom: 20px;

    }



    .abpg-trial-sec {

        padding-bottom: 45px;

    }



    .inro-section-left {

        padding-left: 10px;

        padding-right: 10px;

    }



    .inro-section-right {

        padding-left: 10px;

        padding-right: 10px;

    }



    .content-img-section::before {

        content: "" !important;

        position: absolute !important;

        right: -200%;

        top: -7px;

        width: 1236px;

        height: 515px;

        background: url(../images/side-lines.svg);

        background-position: center;

        background-size: contain;

        background-repeat: no-repeat;

        z-index: 0;

    }



    .supp-two-col-sec-box::before {

        content: "";

        position: absolute;

        right: -10px;

        top: -11px;

        width: 123px;

        height: 123px;

        background: url(../images/shape.svg);

        background-position: center;

        background-size: contain;

        background-repeat: no-repeat;

        rotate: -90deg;

        z-index: 1;

    }



    .supp-two-col-sec-box::after {

        content: "" !important;

        position: absolute !important;

        right: 23px;

        top: 21px;

        width: 40px;

        height: 40px;

        background: url(../images/icon_Block.svg);

        background-position: center;

        background-size: contain;

        background-repeat: no-repeat;

        z-index: 2;

    }



    .supp-two-col-row-0ne {

        max-width: 88.5% !important;

        gap: 34px;

        display: flex;

        justify-content: space-between;

    }



    .supp-two-col-sec-box {

        background: #005287;

        padding: 31px 16px 30px 16px;

        position: relative;

    }



    .supp-two-col-section {

        padding-top: 0 !important;

        padding-bottom: 47px !important;

        gap: 35px;

    }



    .page-id-432 .innerpg-intro-section {

        padding-bottom: 31px !important;

    }



    li.field-half {

        width: 100%;

    }



    ul.form-group-list {

        column-gap: 17px;

    }



    li.field-quart {

        width: 47%;

    }



    .checkbox-group {

        padding-left: 15px;

        padding-bottom: 27px;

    }



    .supplier-part-form-sec:before {

        top: 47px;

    }



    .supplier-part-form-sec {

        padding-top: 45px !important;

        padding-bottom: 135px !important;

    }



    .form-submit-wrapper {

        margin-top: 41px;

    }



    .checkbox-group ul.form-group-list.form-ul-list {

        padding-top: 14px;

    }



    p.form-instruction {

        color: #808184 !important;

        line-height: 19px;

        margin-top: 10px !important;

    }



    .supplier-part-form-row {

        max-width: 89% !important;

    }



    .contact-form-left-col {

        padding: 25px 20px 56px 20px;

    }



    .contact-form-left-col .footer-address-widget a {

        text-decoration: none !important;

        font-size: 22px;

        font-weight: 700;

        padding-left: 0;

        display: block;

        padding-top: 35px;

        line-height: 31px;

    }



    .contact-form-left-col .footer-phone-widget a {

        padding-left: 0;

        display: block;

        padding-top: 35px;

    }



    .footer-hours p {

        padding-left: 0;

        display: block;
        padding-top: 0px;


    }



    .footer-hours p:first-child {

        padding-left: 0;

        display: block;


        padding-top: 35px;

    }



    .contact-form-row {

        gap: 32px;

        max-width: 88% !important;

    }



    .contact-form-section {

        padding-bottom: 100px !important;

    }



    .upcoming-suppliers-carousel {

        max-width: 100% !important;

    }



    .upcoming-row {

        max-width: 90% !important;

    }



    .upcoming-con {

        background: white;

        padding: 43px 33px 60px 31px;

        border-radius: 0 0 45px 0;

    }



    .Recent-Supplier-outer {

        padding-top: 60px !important;

    }


    .Recent-Supplier-outer h2.et_pb_module_header {
        margin-bottom: 13px;
        font-size: 44px !important;
        line-height: 50px;
    }





    .upcoming-column h2.et_pb_module_header {

        margin-bottom: 13px;

    }



    .recent-supplier-grid {

        row-gap: 0px;

    }



    .fair-quote-row {

        max-width: 89% !important;

    }



    .fair-quote-col {

        padding-left: 23px;

        position: relative;

        padding-top: 20px;

        padding-bottom: 20px;

        gap: 22px;

        padding-right: 47px;

    }



    .fair-tittle-wrapper {

        margin-top: 17px;

    }



    .fair-hero-image {

        position: relative;

        width: 100%;

        height: 0;

        padding-bottom: 65.5%;

    }



    .stat-box {

        display: flex;

        flex-direction: column;

        align-items: center;

        background: #002a58;

        padding: 13px;

        height: 122px;

        justify-content: center;

        width: 255px;

        text-align: center;

    }



    .fair-hero-row {

        gap: 10px;

    }



    .fair-main-content {

        margin-top: 43px;

    }



    section.supplier-fair-quote {

        margin-bottom: 70px;

        margin-top: 80px;

    }



    blockquote.fair-quote h3 {

        font-weight: 500;

        font-size: 32px !important;

        line-height: 38px;

        letter-spacing: 0px;

    }



    section.supplier-fair-quote .container {

        max-width: 90% !important;

        border-bottom: 1px solid #D1B168;

        border-top: 1px solid #D1B168;

        padding-top: 25px !important;

        padding-bottom: 25px !important;

        padding-left: 0 !important;

        padding-right: 0 !important;

    }



    .aboutpg-intro-section .home-karen-row h6 {

        margin-top: 0;

        font-weight: 500;

        line-height: 48px !important;

        font-size: 42px !important;

    }



    .supply-fair-quote {

        padding-bottom: 66px !important;

    }



    .supply-fair-quote::before {
        content: "" !important;
        position: absolute !important;
        left: -256%;
        bottom: -220px;
        width: 1500px;
        height: 515px;
        background: url(../images/side-lines.svg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 0;
    }

    h3.fair-title {
        color: var(--blue-medium);
        margin-top: 10px;
        font-weight: 500;
        font-family: 'Inter Tight' !important;
        margin-bottom: 40px;
        font-size: 46px !important;
        line-height: 58px;
    }

    span.wpcf7-list-item label {
        gap: 5px;
    }

    .pointer-sec::before {
        content: "" !important;
        position: absolute !important;
        right: -199%;
        top: 61px;
        width: 1236px;
        height: 515px;
        background: url(../images/side-lines.svg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 0;
    }

    .summit-small-image {
        width: 42%;
    }

    .summit-small-image {
        padding-bottom: 126px;
        height: 0;
    }

    .contact-team-row .owl-nav {
        display: flex;
        justify-content: center;
        gap: 90px;
        margin-top: 49px;
    }

    .page-id-22 .aboutpg-intro-section {
        padding-top: 10px !important;
    }

    h2.team-cat-title {
        padding-left: 0;
        font-size: 44px !important;
        line-height: 48px;
    }

    .history-timeline-section {
        background-color: #22469C;
        color: #fff;
        padding: 80px 19px;
        border-radius: 40px;
        font-family: inherit;
        margin: 105px 0 0px 0;
        box-sizing: border-box;
    }

    div#news-container .news-grid .news-card a .news-img {
    width: 50%;
    position: relative;
    height: 0;
    padding-bottom: 100%;
}
}



@media (max-width: 767px) {}



@media (max-width: 740px) {

    .chicago-main-sec .et_pb_row .chicago-img-col .chicago-img-two {

        position: absolute;

        width: 40%;

        /* height: 130px; */

        top: auto;

        right: 0;

        padding: 15px 25px;

        background: var(--primary-blue);

        margin-right: -8%;

    }



    .history-timeline-container {

        flex-direction: column;

    }



    .history-nav-wrapper {
        flex: none;
        position: relative;
        padding-right: 0 !important;
        max-height: 100% !important;
        overflow: auto hidden !important;
        height: auto !important;
        max-width: 100%;
        padding-bottom: 30px;
    }

    .history-content-wrapper {
        padding-left: 6px;
        padding-right: 6px;
    }



    .history-nav-wrapper {

        flex: none;

        position: relative;

        padding-right: 25px !important;

        max-height: 100% !important;

        overflow: auto auto !important;

        height: auto !important;

        max-width: 345px;

        padding-bottom: 30px;

    }



    ul.history-nav-list {

        display: flex;

        gap: 20px;

    }



    .history-main-title {

        text-align: center;

    }

}



@media (max-width: 640px) {}



@media (max-width: 600px) {



    .home-karen-cont h3 {

        margin-top: 0;

        font-size: 42px !important;

        line-height: 50px;

    }



    .home-karen-img::before {

        content: "";

        position: absolute;

        right: 4px;

        top: 0;

        width: 8px;

        height: 100%;

        background: var(--blue-bright);

    }



    .home-karen-row .message-right {

        padding-left: 33px;

    }



    .home-karen-cont {

        margin-bottom: 19px !important;

    }



    .testimonial-meta-outer {

        width: 100%;

        padding-left: 0;

        padding-top: 33px;

    }



    img.testimonial-logo {

        width: 70px !important;

        height: 70px !important;

    }



    .testimonial-card {

        background: white;

        border-radius: 25px;

        padding: 25px 17px 35px 17px;

        display: flex;

    }



    .testimonial-header {

        width: 100%;

        display: flex;

        gap: 14px;

        align-items: center;

    }



    .testimonial-meta {

        margin-bottom: 0;

    }



    .partner-logo {

        width: 34.5%;

        position: relative;

        height: 0;

        padding-bottom: 34.5%;

        margin: 0 auto;

    }



    .partner-top {

        align-items: flex-start;

        gap: 0px;

        flex-direction: column;

    }



    .partner-card {

        margin-bottom: 21px;

    }



    .supplier-partners-cards-section {

        padding-top: 31px !important;

    }



    .partners-grid {

        margin-top: 27px;

    }





}



@media (max-width: 650px) {}



@media (max-width: 701px) {}



@media (max-width: 580px) {}



@media (max-width: 540px) {}



@media (max-width: 500px) {

    .counter-box {

        height: 130px;

    }



    .summit-content h6 {

        color: white;

        /* text-transform: uppercase; */

        font-size: 14.9px !important;

        font-weight: bold;

        line-height: 20px;

        margin-bottom: 2px;

    }



    .pointer-row-one h6.title {

        font-size: 13px !important;

    }



    .summit-content p {

        font-size: 12px;

        padding-left: 25px;

        line-height: 22px;

    }



    .summit-content p::before {

        width: 16px;

        height: 16px;

    }


    /* 
    .summit-small-image {

        padding-bottom: 113px;

    } */



    .summit-content {
        padding: 13px 20px 13px 24px;
    }

}



@media (max-width: 490px) {}



@media (max-width: 480px) {
    .common-btn-rec:hover {
        font-size: 10px !important;
    }
}



@media (max-width: 440px) {}



@media (max-width: 400px) {}



@media (max-width: 380px) {}



@media (max-width: 360px) {}



@media (max-width: 350px) {}



@media (max-width: 330px) {}



@media (max-width: 396px) {}