@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) {
    .sub-meter-4-cont-row {
        width: 45% !important;
    }

    .sub-meter-4-cont-row-1 {
        width: 51% !important;
    }
}

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


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

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

@media (max-width: 1345px) {
    /* .abt-service-grid-com-row .service-content {
        height: 312px;
    }

    .abt-service-grid-com-row .service-img {
        height: 312px;
    } */

    /* .abt-service-grid-com-row {
        max-width: 98% !important;
        padding-top: 20px !important;
    } */

    .sub-meter-4-cont-row {
        width: 45% !important;
    }

    .sub-meter-4-cont-row-1 {
        width: 50% !important;

    }

}

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

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

@media (max-width: 1300px) {

    .foo-second-row {
        padding-left: 50px;
    }

    .sub-meter-inst-text-sec {
        padding-left: 60px !important;
        padding-right: 60px !important;
    }

}

@media (max-width: 1285px) {
    .our-history-carso-right {
        width: 26% !important;
    }

    .ge-partnership-left {
        width: 60% !important;
    }

    .ge-partnership-left {
        margin-right: 0 !important;
    }
}

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

@media (max-width: 1240px) {

    .sub-meter-4-cont-row-1 .sub-meter-4-cont-row1-col-1 {
        margin-bottom: 0px !important;
    }

    .ge-partnership-inner {
        flex-direction: column;
        flex-direction: column-reverse;
    }

    .ge-partnership-left {
        width: 100% !important;
    }

    .ge-partnership-right {
        width: 100% !important;
    }

    .ge-partnership-left {
        padding-top: 40px;
    }

    .grid-solution-image {
        width: 167px !important;
        height: 167px !important;
        object-fit: contain;
        position: relative;
        right: 0;
        top: 0;
        transform: none;
        background-color: #F4F5F6;
        padding: 20px;
        margin: 0 !important;

    }

    .ge-partnership-left {
        display: flex;
        flex-wrap: wrap;
    }

}

@media (max-width: 1200px) {
    .wireless-services-grid {
        gap: 30px;
    }

    .wireless-code-row {
        max-width: 95% !important;
        width: 100% !important;
    }

    .abt-service-grid-com-row {
        max-width: 96% !important;
        padding-top: 20px !important;
    }
}

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

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

@media (max-width: 1165px) {
    .owned-business-row-inner {
        flex-direction: column;
    }

    .owned-business-left-content {
        width: 100% !important;
    }

    .owned-business-right-img {
        width: 100% !important;
        padding-right: 20px;
        padding-left: 20px;
    }


}

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

@media (max-width: 1100px) {

    .footer-menu {
        display: none;

    }

    .foo-pay-bill a.footer-resource {
        display: block !important;
    }

    .foo-third-row {
        width: 14%;
    }

    .title-address-foo {
        justify-content: space-between;
    }



    .about-left-right-conten-row {
        flex-direction: column;
    }

    .about-right-content {
        width: 100% !important;
    }

    .about-left-content {
        width: 100% !important;
        margin-right: 0 !important;
    }

    .foo-pay-bill {
        display: flex;
        justify-content: space-between;
        max-width: 80%;
        margin: 0 auto;
        flex-direction: column;
        gap: 20px;
    }

    .foo-third-row {
        margin-top: 100px;
    }

    header ul#top-menu {
        display: flex;
        gap: 10px;
    }

    header .desktop-nav .container {
        max-width: 96%;
    }

    .com-customer-ser {
        gap: 15px;
    }

    .abt-service-grid-com-row .services-grid {
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 26px;
    }

    .abt-service-grid-com-row .service-box {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        text-align: center;
        gap: 30px;
    }

    .abt-service-grid-com-row .service-box:nth-child(even) {
        display: flex;
        flex-direction: row-reverse;
    }

    .abt-service-grid-com-row .service-img {
        width: 50%;
    }

    .abt-service-grid-com-row .service-content {
        width: 50%;
    }

}

@media (max-width: 1060px) {
    .our-history-carso-left {
        width: 100% !important;
        margin-right: 0 !important;
    }

    .our-history-row-two-carso {
        flex-direction: column;
    }

    .our-history-carso-right {
        width: 100% !important;
        padding-left: 30px;
        margin-top: 0px !important;
    }

    .our-history-years-exp-text {
        max-width: 210px;
    }

    .resource-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

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

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

@media (min-width: 991px) {

    .mobile-outer-recore {
        display: none;
    }
}

@media (max-width: 991px) {

    header#main-header {
        position: fixed !important;
    }

    .admin-bar header.et-fixed-header {
        top: 29px !important;
        transition: 0.2s !important;
    }

    .admin-bar .et-fixed-header {
        top: 0px !important;
        transition: 0.2s !important;
    }

    .title-address-foo {
        display: flex;
        padding: 72px 93px 95px 93px;
        flex-wrap: wrap;
    }

    .foo-pay-bill {
        display: flex;
        justify-content: space-between;
        max-width: 80%;
        margin: 0 auto;
        flex-direction: row;
        gap: 20px;
    }

    span.cs-phone-text {
        font-weight: 400 !important;
        font-size: 14px;
    }

    .desktop-nav {
        display: none;
    }

    header img#logo {
        max-width: 100% !important;
    }

    header .logo_container {
        width: 100% !important;
        position: relative !important;
        height: 100% !important;
        max-width: 100% !important;
    }

    .mobile-outer-recore {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 7px 23px 7px 23px;
        background: white !important;
    }

    .mobile-menu-mob {
        background: #fff;
        position: fixed;
        left: 0;
        width: 100%;
        height: 100%;
        top: 0;
        z-index: 0;

        padding: 84px 0 0px 0px;

        box-shadow: #29477557 0px 4px 6px;
        z-index: -1;
        display: none;
        overflow-y: auto;
    }

    .admin-bar .mobile-menu-mob {
        padding: 137px 0 0px 0px;
    }

    div#top-header {
        position: fixed !important;
    }

    .mobile-menu-mob.active {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .mobile-outer-recore .mobile-logo .logo_container {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .mobile-logo a {
        width: 100%;
        display: block;
        height: 100%;
        object-fit: contain;
    }

    .nav-logo {
        width: 145px;
        height: 50px;
    }

    .customer-service-block-mob {
        display: flex;
        max-width: 88% !important;
        background: black;
        color: white;
        align-items: center;
        gap: 13px;
        margin: 21px auto 21px auto;
        padding: 4px 10px;
        justify-content: center;
    }

    .customer-service-block-mob strong {
        font-family: var(--font-Roboto-Condensed) !important;
        text-transform: uppercase;
        font-weight: 500 !important;
        font-size: 12px;
    }

    .header_mobile_icon {
        margin-bottom: 18px;
    }

    .social-icons-pay-bill-outer-cont {
        background: black;
        padding: 59px 20px 55px 20px;
        display: flex;
        gap: 64px;
        justify-content: center;
        height: fit-content;
    }

    .mobile-search-form {
        background: #1482BD;
        padding: 25px 20px 19px 20px;
        position: relative;
    }

    form.search-form input.search-field {
        border-bottom: 2px solid white !important;
        background: transparent;
        border-radius: 0 !important;
        padding-left: 0 !important;
        color: white !important;
        font-size: 16px;
        padding-bottom: 9px !important;
        padding-top: 9px !important;
    }

    form.search-form {
        position: relative;
    }

    button.search-submit {
        width: 18px;
        height: 18px;
        background: url(../images/hdr_search.svg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        border: 0;
        font-size: 0;
        filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(14%) hue-rotate(212deg) brightness(104%) contrast(104%);
        bottom: 12px;
        position: absolute;
        right: 3px;
    }

    form.search-form input.search-field::placeholder {
        font-family: var(--font-Roboto);
        font-style: italic;
        color: white !important;
        font-size: 16px !important;
    }

    span.nav-click {
        z-index: 9;
    }

    .top-header-second-sight .tot-sol-cont p {
        text-align: center;
    }

    span.nav-click::before {
        position: absolute;
        content: "";
        width: 13px;
        height: 7px;
        background-image: url(../images/hdr_arrow_dropdn.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        transform: rotate(0deg);
        left: auto;
        top: 0;
        right: 0;
        transition: 0.4s;
        rotate: -95deg;
        transition: 0.2;
    }

    .mobile-logo span.logo_helper {
        display: none;
    }

    .mobile-outer-recore .mobile-logo .logo_container {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .com-customer-ser {
        display: none;
    }

    .nav-mobile {
        display: flex !important;
        row-gap: 8px;
        flex-direction: column;
        align-items: center;
    }

    .nav-mobile span {
        width: 43px;
        height: 4px;
        border-radius: 0;
        z-index: 9999;
        display: block;
        background: #1383BE;
        transition: 0.4s;
    }

    .nav-mobile.active span:nth-child(1) {
        transform: rotate(45deg) translate(11px, 5px);
        transition: 0.4s;
    }

    .nav-mobile.active span:nth-child(2) {
        opacity: 0;
    }

    .nav-mobile.active span:nth-child(3) {
        transform: rotate(-45deg) translate(12px, -5px);
        transition: 0.4s;
    }

    .menu-primary-menu-container ul.nav-list 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(--secondary-offwhite-1) !important;
        box-shadow: none;
        visibility: visible;
        opacity: 1 !important;
    }

    .menu-primary-menu-container ul.nav-list ul.sub-menu li {
        line-height: 25px;
        padding-bottom: 9px;
    }

    .menu-primary-menu-container ul.nav-list ul.sub-menu li a {
        font-size: 14px;
        color: black;
        text-transform: uppercase;
        font-weight: 500;
    }

    .menu-primary-menu-container ul.nav-list ul.sub-menu li.current_page_item a {
        color: var(--secondary-blue-2);
        font-style: italic;
    }

    .menu-primary-menu-container ul.nav-list>li>a {
        padding-left: 29px;
        padding-bottom: 16px;
        position: relative;
        width: 88%;
        display: block;
        padding-top: 10px;
        text-transform: uppercase;
        margin-left: 20px;
        margin-right: 20px;
    }

    .menu-primary-menu-container ul.nav-list>li>a:hover {
        color: var(--secondary-blue-2);
    }

    .menu-primary-menu-container ul.nav-list>li.current_page_item>a {
        color: var(--secondary-blue-2);
    }

    span.nav-click {
        font-size: 0;
        position: absolute;
        padding: 0;
        cursor: pointer;
        right: 52px;
        top: 32px;
        width: 20px;
        height: 20px;
    }

    .menu-primary-menu-container ul.nav-list>li.open span.nav-click:before {
        rotate: 0deg;
        transition: 0.2s;
    }

    .menu-primary-menu-container ul.nav-list>li>a::before {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: var(--secondary-offwhite-1);
    }


    div#top-header div#et-info .title-address-foo {
        display: flex;
        padding: 50px 50px 23px 50px;
        justify-content: space-between;

    }

    .foo-copyright-outer {
        padding-left: 50px;
    }

    div#footer-bottom {
        padding: 10px 50px 5px 50px;
    }

    .foo-third-row {
        width: 100%;
    }

    .foo-second-row {
        margin-top: 24px;
    }

    .foo-second-row-col-1 a::before {
        width: 23px;
        height: 23px;
    }

    .tot-sol-desc p {
        line-height: 24px;
    }

    .total-solution-widget-foo {
        width: 98%;
    }


    div#top-header div#et-info {
        justify-content: center;
        padding-top: 0;
    }

    header .et-social-icons {
        display: flex !important;
        column-gap: 0px;
    }

    header ul.et-social-icons li.et-social-icon a {
        width: 15px;
        height: 15px;
    }

    .pay-bill-container a.pay-my-bill {
        font-family: var(--font-Roboto-Condensed);
    }

    .owned-business-left-content {
        padding: 20px 60px 20px 60px;
    }

    .material-outer-row {
        max-width: 100%;
        padding-top: 0 !important;
    }


}

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

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

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


@media (max-width: 850px) {
    .title-address-foo {
        flex-direction: column;
    }

    .foo-first-row {
        width: 100%;
    }

    .foo-second-row {
        width: 100%;
        padding-left: 0px;
    }

    .abt-service-grid-com-row {
        max-width: 95.5% !important;
    }

    .services-grid-desktop {
        display: none;
    }

    .abt-service-grid-com-row .services-grid-mobile {
        display: block;
    }

    .abt-service-grid-com-row .mobile-service-img {
        position: relative !important;
        padding-bottom: 98%;
        display: block;
        height: 50%;
        width: 100%;
    }

    .abt-service-grid-com-row .mobile-service-img img {
        position: absolute !important;
        width: 100% !important;
        height: 100% !important;
        top: 0;
        left: 0;
        object-fit: cover;
    }

    .abt-service-grid-com-row .mobile-service-icon img {
        width: 93px;
        height: auto;
        display: block;
        object-fit: contain;
        margin: 0 auto;
    }

    .service-mobile-tabs {
        display: flex;
        gap: 30px;
        border-bottom: 2px solid #e5e5e5;
        padding-bottom: 0px;
        justify-content: center;
        margin-bottom: 20px;
    }

    .abt-service-grid-com-row {
        max-width: 91.2% !important;
    }

    .abt-service-grid-com-row .service-tab-btn {
        background: none;
        border: none;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        padding: 0 0 8px 0;
        color: #0D4E8A !important;
        position: relative;
        text-transform: uppercase;
    }

    .abt-service-grid-com-row .service-tab-btn.active {
        color: #468FCD !important;
    }

    .abt-service-grid-com-row .service-tab-btn.active::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 100%;
        height: 2px;
        background: #468FCD;
    }

    .abt-service-grid-com-row .service-mobile-item h3 {
        font-size: 30px !important;
        line-height: 36px;
        font-weight: 700;
        color: #003366;
        margin: 40px 0 12px 0;
        text-align: center;
    }

    .abt-service-grid-com-row.mobile-switch-buttons {
        display: flex;
        justify-content: space-between;
        margin-top: 50px;
    }

    .abt-service-grid-com-row .mobile-switch-buttons a.switch-btn {
        font-size: 18px;
        text-transform: uppercase;
        color: #0D4E8A;
        cursor: pointer;
        line-height: 27px;
    }

    .abt-service-grid-com-row .mob-com-outer-stru {
        padding: 67px 20px 20px 20px;
        height: 450px;
        width: 100%;
        border-bottom: 5px solid #D6ED3E;
        border-top: 1px solid #f1f1f1;
        border-left: 1px solid #f1f1f1;
        border-right: 1px solid #f1f1f1;
        margin-top: 44px;
    }

    .abt-service-grid-com-row .mob-com-outer-stru p {
        font-size: 15px;
        line-height: 21px;
        color: black;
        margin: 0 0 35px 0;
        text-align: left;
    }

    .abt-service-grid-com-row .mob-com-outer-stru {
        text-align: center;
    }

    .abt-service-grid-com-row .mob-com-outer-stru h3 {
        font-size: 30px !important;
        line-height: 36px;
        font-weight: 700;
        color: #0D4E8A;
        margin: 40px 0 12px 0;
        text-transform: capitalize;
    }

    .mobile-switch-buttons {
        margin-top: 53px;
        display: flex;
        justify-content: space-between;
    }

    .abt-service-grid-com-outer {
        padding-top: 0 !important;
        padding-bottom: 14px !important;
    }

    .next-btn::before,
    .switch-btn-3::before {
        position: absolute;
        content: "";
        width: 20px;
        height: 20px;
        background: url(../images/arrow_rt_long_dkbl.svg);
        background-repeat: no-repeat;
        cursor: pointer !important;
        right: 0px;
        top: 5px;
    }

    .wireless-services-grid {
        grid-template-columns: 1fr;
    }

    .wireless-code-row {
        max-width: 90% !important;
        width: 100% !important;
    }

    .wireless-services-grid {
        gap: 96px;
    }

    .wireless-service-image::before {
        position: absolute;
        content: "";
        left: 50%;
        top: 0;
        background: #1383BE;
        height: 23px;
        width: 73%;
        transform: translateX(-50%);
    }

    .our-history-outer-sec.wireless-data-ser-sec::before {
        position: absolute;
        content: "";
        left: 50%;
        bottom: 0;
        background: var(--secondary-lime);
        height: 3px;
        width: 90%;
        transform: translateX(-50%);
    }

    body .our-history-outer-sec.wireless-data-ser-sec {
        padding-bottom: 38px !important;
    }

    .abt-service-grid-com-row .next-btn::before,
    .abt-service-grid-com-row .prev-btn::before {
        display: none !important;
    }

    /* .abt-service-grid-com-row .switch-btn.next-btn {
        display: none !important;
    } */

    .abt-service-grid-com-row .next-btn,
    .abt-service-grid-com-row .prev-btn {
        padding: 0 !important;
    }
}

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

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

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

@media (max-width: 767px) {



    footer #et-info,
    footer #et-secondary-menu {
        text-align: center;
    }

    .tot-sol-cont p {
        text-align: left;

    }

    .tot-sol-desc p {
        text-align: left;
    }

    .title-address-foo {
        display: flex;
        padding: 56px 21px 50px 22px;
        justify-content: space-between;
    }

    .foo-first-row .footer-logo-oly {
        height: 132.8px;
        width: 317px;
    }

    .foo-copyright-outer {
        padding-left: 21px;
    }

    div#footer-bottom {
        padding: 10px 20px 10px 20px;
    }

    .footer-copyright-widget p {
        text-align: center;
        margin-bottom: 0;
    }

    .footer-logo-add-outer div#et-info {
        padding-bottom: 7px;
    }


    .aboutus-content-outer .line-heading {
        padding-top: 0 !important;
        padding-bottom: 1px !important;
    }

    .about-left-right-conten-row {
        max-width: 89%;
    }

    .about-left-content h4 {
        margin-top: 10px;
    }

    .about-left-content {
        margin-bottom: 30px;
    }

    .about-left-right-conten-row {
        padding-bottom: 24px;
    }

    .about-para-bottom .et_pb_module {
        margin-bottom: 16px;
    }

    .about-para-bottom-row .et_pb_button_module_wrapper {
        text-align: right;
    }

    .what-we-do-column {
        padding: 0px 20px;
    }

    .line-heading-text h6:before {
        top: -30px;
        height: 1px;
    }

    .line-heading-text h6 {
        padding-left: 0;
    }

    .what-we-do-outer {
        padding-bottom: 25px;
    }

    .common-banner span.et_pb_image_wrap {
        padding-bottom: 31%;
    }

    .common-banner span.et_pb_image_wrap img {
        object-position: center;
    }

    .our-history-row-heading {
        padding-bottom: 38px !important;
    }

    .owl-carousel .owl-stage-outer .owl-item:nth-child(odd) {
        margin-top: 0px;
    }

    .line-heading-text h6 {
        padding-left: 0;
        font-size: 50px !important;
    }

    .owned-business-left-content {
        padding: 57px 20px 73px 20px;
    }

    .owned-business-left-content .line-heading-text.line-heading {
        padding: 0 !important;
    }

    .owned-business-right-img .ob-cerfi-img {
        margin: 2px auto 32px auto !important;
    }

    .owned-business-middle-img span.et_pb_image_wrap {
        padding-bottom: 124%;
    }

    .owned-business-outer {
        padding-bottom: 43px !important;
        padding-top: 5px !important;
    }

    .ge-partnership-outer::before {
        position: absolute;
        content: "";
        right: 50%;
        top: 0;
        height: 3px;
        width: 89%;
        background-color: var(--secondary-lime);
        transform: translateX(50%);
    }

    .ge-partnership-inner {
        display: flex;
        justify-content: space-between;
        max-width: 94% !important;
    }

    .ge-partnership-right {
        padding-left: 5px;
    }

    .ge-part-content {
        padding-left: 10px;
    }

    .with-us-outer {
        padding-bottom: 70px !important;
        padding-top: 0 !important;
    }

    .with-us-col::before {
        height: 64px;
        width: 64px;

    }

    .with-us-col::after {
        height: 64px;
        width: 64px;

    }

    .with-us-outer .with-us-row::before {
        left: -89px;
    }

    .with-us-outer .with-us-row::after {
        right: -89px;
    }

    .with-us-col {
        padding: 62px 20px 54px 20px;
    }

    .what-we-do-row {
        max-width: 100% !important;
        padding-bottom: 105% !important;
        position: relative;
    }

    .inters-in-work-row-one {
        flex-direction: column;
    }

    .inters-in-work-col-one {
        width: 100% !important;
    }

    .inters-in-work-col-two {
        width: 100% !important;
    }

    .inters-in-work-outer :where(h1, h2, h3, h4, h5, h6, a, span, p, strong) {
        text-align: center;
    }

    .inters-in-work-col-two {
        text-align: center;
    }

    .inters-in-work-heading h3 {
        margin-bottom: 0px;
        font-size: 32px !important;
        line-height: 42px;
    }

    .inters-in-work-row-one {
        max-width: 91% !important;
        display: flex;
        justify-content: space-between;
    }

    .inters-in-work-outer {
        background: var(--secondary-blue-2);
        position: relative;
        padding-top: 24px !important;
        padding-bottom: 58px !important;
    }

    .inters-in-work-col-two {
        padding-top: 3px;
    }

    .service-pg-intro-sec-outer {
        padding-top: 6px !important;
        padding-bottom: 0px !important;
    }

    .service-pg-metering-net-outer .metering-network-inner h5 {
        margin-top: 5px;
    }

    .banner-bottom-text .et_pb_text_inner p {
        line-height: 17px;
    }

    .foo-third-row {
        margin-top: 32px;
    }

    .abt-service-grid-com-row {
        max-width: 89% !important;
    }

    .outer-ser-form-row {
        max-width: 88% !important;
        display: flex;
        justify-content: space-between;
    }

    .resource-popup .popup-right {
        padding-right: 0px;
        width: 100%;
    }

    .resource-popup .popup-top {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .resource-popup .popup-left {
        width: 100%;
    }

    .popup-close {
        position: absolute;
        right: 15px;
        top: -48px;
        font-size: 24px;
        border: none;
        background: none;
        cursor: pointer;
    }

    .resource-popup .popup-left {
        width: 73%;
        margin: 0 auto;
        padding-bottom: 94%;
    }
}

@media (max-width: 740px) {

    .resource-grid {
        display: grid;
        grid-template-columns: 1fr;
    }

    .resource-card-one {
        display: flex;
        max-width: 100%;
        margin: 0 auto;
        background-color: #F4F5F6;
    }

    .resource-card {
        border-bottom: 0px solid var(--secondary-offwhite-1);
        margin-top: 16px;
    }

    .resource-card:nth-child(3n+1) {
        border-bottom: 0px solid var(--secondary-offwhite-1);
        margin-bottom: 34px;
    }

    .resource-card:nth-child(3n+1)::before {
        position: absolute;
        content: "";
        bottom: 0;
        left: 50%;
        height: 1px;
        width: 87%;
        background-color: var(--secondary-offwhite-1);
        transform: translateX(-50%);
    }

    .resource-card-two {
        padding: 16px 0;
    }

    .resource-card:first-child {
        border-bottom: 0px solid var(--secondary-offwhite-1) !important;
        margin-bottom: 0;
    }

    .resource-card:first-child::before {
        height: 0px;
    }

    .resource-filter-wrap {
        margin-right: 17px;
        margin: 0 auto !important;
    }

    .resource-filter-wrap {
        width: fit-content;
        float: none;
        margin-right: 17px;
        margin-left: 20px;
    }

    h2.resource-section-title {
        margin-left: 20px;
    }

    .resource-thumb {
        display: block;
        width: 75px;
        /* height: 0; */
        padding-bottom: 27.5%;
        position: relative;
    }

    .material-outer-sec h2.resource-section-title {
        margin-bottom: 33px;
    }

    .material-outer-sec h2.resource-section-title:first-child {
        margin-bottom: 130px;
        margin-top: -30px;
    }

    .resource-filter-wrap {
        position: relative;
        bottom: -110px;
    }


    .resource-popup-inner {
        position: relative;
        overflow-y: scroll;
        height: 100%;
        padding: 140px 20px 20px 20px !important;
    }

    button.popup-close {
        right: 25px;
        top: 88px;
    }
}

@media (max-width: 640px) {
    div#footer-info {
        flex-direction: column;
        width: fit-content;
    }

    div#footer-bottom .container .current-year {
        justify-content: center;
        line-height: 14px;
        font-weight: 400;
    }

    .designed-hostes {
        margin-left: -43px;
    }

    .designed-hostes a {
        font-weight: 400;
    }

    .foo-pay-bill {
        margin-top: 9px;
    }
}

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

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

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

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

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

@media (max-width: 500px) {
    .contact-wbenc-outer-div {
        display: flex;
        align-items: center;
        gap: 50px;
        justify-content: space-between;
    }

    .abt-service-grid-com-row .mob-com-outer-stru {
        height: 400px;
    }



}

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

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

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

@media (max-width: 400px) {
    .service-mobile-tabs {
        justify-content: flex-start;
    }

    .abt-service-grid-com-row .mob-com-outer-stru {
        height: 356px;
    }
}

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

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

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

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

@media (max-width: 396px) {
    .mobile-menu-mob {
        /* top: 110px; */
        padding: 100px 0 0px 0px;
    }

    .admin-bar header.et-fixed-header {
        top: 46px !important;
        transition: 0.2s !important;
    }

    .admin-bar .mobile-menu-mob {
        /* top: 110px; */
        padding: 149px 0 0px 0px;
    }
}