/*responsive*/

@media (min-width: 992px) {
    .productgallery {
        position: sticky !important;
        top: 110px;
        z-index: 1;
    }

    .my-account-page .woocommerce nav.woocommerce-MyAccount-navigation {
        position: sticky;
        top: 100px;
    }
}

@media (max-width: 1450px) {
    .bannerimg {
        left: -100px;
    }

    .bannerimg img {
        height: 100%;
        max-width: 395px;
        object-fit: contain;
        object-position: center;
    }

  /*  .bannerformin {
        max-width: 420px;
    }*/

    .servicecontent h3 {
        font-size: 22px;
    }

    .ourservicegrid {
        gap: 32px;
    }

body .how-help-contact .ourservicegrid {
  gap: 20px;
}
    .faqwrapper {
        gap: 60px;
    }

    .chipswrap .bannerleftitem h3 {
        font-size: 24px;
    }

    .ourservicepage .ourservicegrid {
        gap: 32px;
    }

    .ourservicepage .servicecontent h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .ourcorevalue .ourservicegrid {
        gap: 32px;
    }

    .contactbanner .top-badge {
        right: 10px;
    }

    .related-article img {
        max-width: 125px !important;
    }

    .related-article h3 {
        font-size: 16px;
    }

    .related-article .learnmore a {
        font-size: 14px;
    }

    .product-status {
        right: 10px;
        top: 10px;
    }
    .servicenewready .readygrowrap {
    gap: 30px;
}
.servicenewready .readygrowright {
    gap: 30px;
}
.footermenu li a {
    font-size: 14px;
}
.footerwrap .footermenu.contact-item li {
    font-size: 14px;
}
}

@media (max-width: 1370px) {
    .container {
        padding: 0 30px;
    }

    .woocommerce-cart article,
    .woocommerce-checkout article {
        padding: 30px 30px 0;
    }

    .headernav {
        gap: 40px;
    }

    .headernav ul {
        gap: 28px;
    }

    .headernav li a {
        font-size: 15px;
    }

    .headerbtn a {
        font-size: 15px;
    }

    .bannerwrap {
        gap: 25px;
    }

    .bannerleftitem h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .bannerleftgrid {
        gap: 25px;
        max-width: 480px;
    }

    .bannerleftitem:not(:last-child) {
        padding-right: 25px;
    }

    .bannerleftitem p {
        font-size: 13px;
    }

    .bannerformin {
        /*max-width: 420px;*/
        padding: 25px 25px 25px;
    }

    .bannerimg img {
        max-width: 350px;
    }

    .bannerformin .sbtitle {
        font-size: 13px;
        margin: 0 0 10px;
        gap: 8px;
    }

    .formhead {
        margin: 0 0 20px;
    }

    .servicecontent {
        margin: 25px 0 0;
    }

    .ourserviceitemin {
        padding: 30px 20px 30px;
    }

    .servicecontent h3 {
        font-size: 20px;
    }

    .ourarticlegrid {
        gap: 35px;
    }

    .articlecontent {
        padding: 30px 20px 36px;
    }

    .registerformitem input,
    .registerformitem textarea {
        padding: 16px 16px;
        font-size: 15px;
    }

    .registerformwrap {
        margin-left: -16px;
    }

    .registerformitem {
        padding-left: 16px;
    }

    .submitbtn {
        margin: 16px 0 0;
    }

    .footerrightin {
        padding-left: 40px;
    }

    .aboutbanner .bannercontent {
        padding: 52px 0 70px 30px;
    }

    .aboutbanner .bannerrightin {
        padding-right: 30px;
    }

    .chooserightin {
        padding-left: 30px;
    }

    .ourcommitmentsec .aboutwrap {
        gap: 44px;
    }

    .committedsource {
        gap: 14px;
    }

    .login-banner .sbtitle,
    .contactbanner span.sbtitle {
        font-size: 13px;
        line-height: 22px;
        padding: 5px 20px;
    }

    .login-banner .bannerrightin .bannerformin {
        padding: 46px 46px 35px;
        max-width: 100%;
        width: 100%;
    }

    .login-banner .bannerrightin .bannerform {
        width: 100%;
    }

    .single-news-grid {
        gap: 50px;
    }

    .single-news-part {
        width: calc(68% - 25px);
    }

    .single-news-sidebar {
        width: calc(32% - 25px);
    }

    .shoppagge .products-grid {
        gap: 30px 30px;
    }

    .related-product-section ul.products.columns-4.products-grid {
        gap: 30px !important;
    }

    .single-product-layout {
        padding-left: 50px;
    }

    .single-product-layout .variation-buttons button,
    .single-product-layout .variation-buttons a {
        padding: 10px 25px;
    }

    .product-status>* {
        font-size: 12px;
        padding: 7px 10px;
        line-height: 1.2;
    }

    .product-status>*:before {
        width: 8px;
        height: 8px;
    }

    #wpgs-gallery .wcgs-carousel .wcgs-spswiper-arrow,
    #wpgs-gallery .wcgs-carousel .wcgs-spswiper-arrow {
        width: 55px;
        height: 55px;
    }

    #wpgs-gallery .wcgs-carousel .wcgs-spswiper-arrow:before,
    #wpgs-gallery .wcgs-carousel .wcgs-spswiper-arrow:before,
    #wpgs-gallery .wcgs-carousel .wcgs-spswiper-arrow:before,
    #wpgs-gallery .wcgs-carousel .wcgs-spswiper-arrow:before {
        width: 16px;
        height: 16px;
    }

    .related-product-section ul.products.columns-4.products-grid .product-card {
        width: calc(100% / 4 - 25px);
    }

    .search-grid {
        gap: 20px;
        padding: 0 30px 40px;
    }
    .serviechips .chipswrap .bannerleftgrid {
    gap: 25px;
}
.chipswrap .bannerleftitem .estainfo h3 {
    font-size: 20px;
}
.readygrowsec {
    padding: 48px 30px;
}
}

@media (max-width: 1299px) {
    h1 {
        font-size: 42px;
    }

    .bannerleftitem:not(:last-child) {
        padding-right: 18px;
    }

    .bannerleftgrid {
        gap: 10px;
    }

    h2 {
        font-size: 38px;
    }

    .footerwrap .footermenu.contact-item li,
    .footermenu li a,
    .footernewhead p {
        font-size: 12px;
    }

    .contact_icon {
        width: 32px;
    }

    .contact_icon img {
        width: 100%;
    }

.footerwrap .footermenu.contact-item li {
    gap: 6px;
}
    .footerwrap {
        padding-right: 10px;
        gap: 30px;
    }

    .committedsource {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        margin: 25px 0 0;
    }
.serviechips .chipswrap .bannerleftgrid {
    gap: 18px;
}
}

@media (max-width: 1199px) {
    .headerlogo img {
        width: 150px;
    }

    .headerbtn a {
        padding: 15px 10px;
        font-size: 13px;
    }

    .headerbtn a.outlinebtn {
        padding: 15px 22px;
    }

    .headerbtn {
        gap: 10px;
    }

    .headernav li a {
        font-size: 14px;
    }

    .nav-item.nav-link {
        gap: 17px;
    }

    .container {
        padding: 0 20px;
    }

    h1 {
        font-size: 36px;
    }

    h1 br {
        display: none;
    }

    .herobtn a,
    .btnwrap a {
        font-size: 15px;
    }

    .bannerleftitem:not(:last-child) {
        padding-right: 10px;
    }

    .bannerleftgrid {
        gap: 20px;
    }

    .bannerimg img {
        max-width: 310px;
    }

    .bannerformin {
        width: 350px;
    }

    .bannerimg {
        left: -100px;
    }

    h2 {
        font-size: 32px;
    }

    .ourbrandslider .slick-slide {
        margin: 0 12px;
    }

    .ourbrandsec {
        padding-bottom: 45px;
    }

    .ourservices {
        padding: 45px 0;
    }

    .ourservicegrid {
        gap: 13px;
    }

    .marketsrightin {
        padding: 30px;
    }

    .milestonesec {
        padding: 45px 0;
    }

    .ourarticle {
        padding: 45px 0;
    }

    .ourarticlegrid {
        gap: 20px;
    }

    .footerwrap .footermenu.contact-item li,
    .footernewhead p,
    .footermenu li a {
        font-size: 14px;
    }

    .footerbottom {
        padding: 30px 0;
    }

    .footercopy p,
    .footercopy a {
        font-size: 14px;
    }

    .aboutsec {
        padding: 45px 0;
    }

    .faqsection {
        padding: 45px 0;
    }

    .herobanner {
        padding: 45px 0;
    }

    .aboutbanner .bannerrightin {
        padding-right: 20px;
        padding-left: 20px;
    }

    .aboutbanner .bannercontent {
        padding: 30px 0 30px 20px;
    }

    .chipswrap .bannerleftitem h3 {
        font-size: 22px;
    }

    .aboutwrap {
        gap: 40px;
    }

    .aboutrightin {
        padding: 30px 20px 30px 0;
    }

    .aboutrightin p {
        margin: 10px 0;
    }

    .ourstorybadge {
        gap: 9px 9px;
        margin: 15px 0 0;
    }

    .ourmissionsecwrap {
        gap: 30px;
    }

    .ourcorevalue .ourservicegrid {
        gap: 20px;
        padding-right: 20px;
    }

    .ourserviceitemin {
        padding: 25px 15px 25px;
    }

    .servicecontent h3 {
        margin: 0 0 6px;
    }

    .serviceicon {
        width: 70px;
        height: 70px;
        flex: 0 0 70px;
    }

    .serviceicon img {
        width: 38px;
        height: 38px;
    }

    .chooserightin {
        padding-left: 20px;
    }

    .chooserightin ul {
        margin: 15px 0 25px;
        row-gap: 10px;
    }

    .chooserightin p {
        margin: 10px 0;
    }

    .aboutwrap {
        gap: 30px;
    }

    .chooserightin li:before {
        width: 18px;
        height: 18px;
        top: -1px;
    }

    .chooserightin li {
        padding-left: 25px;
    }

    .ourcommitmentsec .aboutwrap {
        gap: 30px;
    }

    .ourcommitmentsec .aboutright p {
        margin: 0 0 10px;
    }

    .ourcommitmentsec .aboutright h2 {
        margin: 0 0 10px;
    }

    .ourcommitmentsec .aboutright .btnwrap {
        margin: 25px 0 0;
    }

    .committeditem {
        padding: 10px 13px;
    }

    .committeditem span {
        font-size: 12px;
    }

    .readygrowsec {
        padding: 45px 35px;
        margin: 0 0 60px;
    }

    .readygrowrap {
        gap: 30px;
    }

    .bannercontentin p {
        margin: 10px 0 0;
    }

    .herobtn {
        margin: 25px 0 0;
        gap: 12px;
    }

    .aboutbanner .sbtitle {
        margin: 0 0 12px;
    }

    .ourmissitemin {
        padding: 25px 25px 25px 30px;
    }

    .login-banner .bannerrightin .bannerformin {
        padding: 36px 35px 35px;
    }

    .login-banner .bannerleftgrid {
        padding-top: 30px;
        gap: 15px;
    }

    .login-agreement {
        padding: 40px 0 40px;
    }

    .login-banner .bannerrightin {
        align-items: flex-start;
    }

    .ourservicepage .ourservicegrid {
        gap: 20px;
        grid-template-columns: repeat(3, 1fr);
    }

    .service-page .bannerinpageimg img {
        height: 400px;
        object-fit: cover;
    }

    .page-template-service .bannerinpageimg img {
        height: 100% !important;
    }

    .contactbanner .herobtn a {
        font-size: 14px;
        text-align: center;
        line-height: 1.2;
        padding: 16px 10px;
    }

    .contactbanner .herobtn {
        gap: 8px;
    }

    .how-help-contact .ourserviceitemin {
        padding: 20px 10px;
        gap: 10px;
    }

    .how-help-contact .ourserviceitemin .servicecontent {
        margin-top: 0px;
    }
    .contactiocn img {
    width: 30px;
    height: 30px;
}
.contactiocn {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
}
    .btn-direction {
        margin-top: 20px;
    }
    .mapitem iframe {
    height: 200px;
}
    .contact-form h2 {
        font-size: 35px;
    }

    .registration-grid {
        gap: 30px;
    }

    .bannerright.faq-sec .top-sec-que {
        right: 0px;
    }

    .bannerright.faq-sec .top-sec-que svg {
        width: 70px;
        height: 70px;
    }

    .bannerright.faq-sec .bottom-badge {
        bottom: 20px;
    }

    .faq-top-tabs {
        /* top: 81px; */
        top: 72px;
        background: #fff;
    }

    .faq-tabs ul {
        gap: 12px;
        padding: 25px 0;
    }

    .sbtitle {
        font-size: 14px;
        line-height: 22px;
    }

    .service-overview .ourserviceitemin {
        padding: 25px 15px 25px;
    }

    .service-overview .servicecontent {
        margin: 14px 0 0;
    }

    .service-overview .ourserviceshead {
        margin: 0 0 40px;
    }

    .related-article img {
        max-width: 100px !important;
    }

    .related-articles-wrapper {
        padding: 25px 15px 25px 15px;
        top: 100px;
    }

    .related-article:not(:last-child) {
        margin-bottom: 12px;
    }

    .related-article {
        gap: 12px;
    }

    .single-news-content h2 {
        font-size: 30px;
        margin: 25px 0 8px;
    }

    .related-articles-wrapper h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .single-product-layout {
        padding-left: 30px;
    }

    .single-product-layout .variation-buttons button,
    .single-product-layout .variation-buttons a {
        padding: 10px 18px;
        height: 44px;
        font-size: 14px;
    }

    .single-product-layout .product-rating {
        margin-bottom: 15px;
    }

    body .product #wpgs-gallery.vertical .spswiper-slide.wcgs-thumb img {
        height: 80px !important;
    }

    #wpgs-gallery.vertical .spswiper-slide.wcgs-thumb {
        margin-bottom: 10px !important;
    }

    #wpgs-gallery.vertical .gallery-navigation-carousel-wrapper:not(.wcgs-hidden) {
        margin-right: 10px !important;
    }

    .single-product-layout .price-row {
        gap: 10px;
        margin-bottom: 15px;
    }

    .single-product-layout .product-title {
        font-size: 26px;
        margin: 2px 0 8px;
    }

    .single-product-layout .price-row .regular-price .amount {
        font-size: 22px;
    }

    .single-product-layout .qty-price .qty-price {
        font-size: 13px;
        padding: 6px 15px;
    }

    .single-product-layout .variation-section {
        margin: 25px 0 30px;
    }

    .single-product-layout .pricing-table td {
        padding: 15px 0;
    }

    .single-product-layout .purchase-box {
        margin: 25px 0 0;
    }

    .single-product-layout .accordion-header {
        font-size: 16px;
        line-height: 24px;
        padding: 15px 0;
    }

    .single-product-layout .accordion-content p {
        margin: -8px 0 10px;
        font-size: 14px;
        line-height: 1.5;
    }

    .related-product-section ul.products.columns-4.products-grid {
        gap: 10px !important;
    }

    .related-product-section ul.products.columns-4.products-grid .product-card {
        width: calc(100% / 4 - 10px);
    }

    .shoppagge .product-image {
        height: 150px;
    }

    .shoppagge .product-image img {
        max-height: 150px;
    }

    .shoppagge .product-card {
        padding: 18px 15px 18px;
    }

    .related-product-section .product-card button.notify-me {
        font-size: 14px;
    }

    .related-product-section .product-card button.notify-me svg {
        width: 17px;
        height: 17px;
    }

    .woocommerce-cart article,
    .woocommerce-checkout article {
        padding: 30px 20px 0;
    }

    .wc-block-components-sidebar-layout .wc-block-components-main {
        width: 60%;
        padding-right: 2%;
    }

    .wc-block-components-sidebar {
        width: 40%;
        padding-left: 2%;
    }

    .woocommerce-checkout .wc-block-components-order-summary .wc-block-components-order-summary-item__description {
        padding: 4px 12px 12px 16px;
    }

    .woocommerce-checkout .wc-block-components-product-name {
        font-size: 12px !important;
    }

    .woocommerce-checkout .price.wc-block-components-product-price {
        font-size: 12px;
    }

    .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text {
        margin: 0 0 8px 10px !important;
    }

    .wc-block-components-order-summary {
        padding: 0 10px !important;
    }

    .wc-block-components-order-summary .wc-block-components-order-summary-item__quantity {
        min-height: 16px;
        min-width: 16px;
    }

    .woocommerce-checkout .wc-block-components-order-summary .wc-block-components-order-summary-item__quantity span {
        font-size: 10px;
    }

    .wc-block-components-formatted-money-amount {
        font-size: 14px;
    }

    .woocommerce-checkout .wc-block-components-product-badge {
        font-size: 11px;
    }

    .woocommerce-checkout .wc-block-components-order-summary-item__total-price .wc-block-components-formatted-money-amount {
        font-size: 11px;
    }

    .search-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .my-account-page .containerabout {
        padding: 30px 30px 0;
    }

    .products-items-wrapper .loader-products img {
        max-width: 80px;
    }

    .aboutbanner {
        padding: 0;
    }

    section.herobanner.aboutbanner .bottom-badge {
        bottom: -30px;
        font-size: 12px;
    }

    section.herobanner.aboutbanner .top-badge {
        font-size: 12px;
        top: -30px;
        z-index: 1;
    }
    .additionitem {
    padding: 12px;
    gap: 10px;
}
.additioninfo h3 {
    font-size: 14px;
}
.additioninfo h3 br{
    display: none;
}
.hstatesitem:not(:last-child) {
    padding-right: 20px;
    margin-right: 20px;
}
.homestateswrap {
    padding: 20px 20px;
}
.hstatesitem {
    gap: 10px;
}
.servicenew .bannercontentinpage .bannercontentin p {
    max-width: 464px;
}
.esticon svg, .esticon img {
    width: 35px;
    height: 35px;
}
.chipswrap .bannerleftitem .estainfo p {
    font-size: 13px;
}
.chipswrap .bannerleftitem .estainfo h3 {
    font-size: 18px;
}
.serviechips .chipswrap .bannerleftgrid {
    gap: 10px;
}
.readygrowlast img {
    width: 130px;
}
.servicesbotmright {
    gap: 20px;
}
.servicesbotmwrap {
    gap: 20px;
}
.servicesbotmright .servicesbotminfo p {
    font-size: 13px;
}
.servicesbotmicon img {
    width: 35px;
    height: 35px;
}
.servicesbotmicon {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
}
    .aboutnewchips .chipswrap {
    top: -10px;
}
.our_storywrap {
    gap: 30px;
}
.our_storyitem:last-child {
    padding-left: 30px;
}
.our_storyitem ul {
    gap: 10px;
}
.mb-history-year {
    font-size: 15px;
}
.mb-history-text {
    font-size: 12px;
}
.mb-history-item:not(:last-child) .mb-history-icon::before {
    left: 160%;
}
.ourcapabilitywrap {
    grid-template-columns: repeat(4, 1fr);
}
.aboutnewready .readygrowright .btnwrap {
    gap: 10px;
}
.servicenewready .readygrowright .btnwrap a {
    font-size: 13px;
}
.our_storyitem h2 {
    font-size: 28px;
}

}

@media (min-width: 1024px) {
    .mobile-view {
        display: none;
    }
}

@media (max-width: 1023px) {
    .mobile-menu-sec.mobile-view a:hover {
        background: transparent !important;
    }

    .desktop-view {
        display: none !important;
    }

    .container {
        padding: 0 20px !important;
    }

    .headersec .headerlogo {
        width: auto;
    }

    .headersec .headernav {
        width: auto;
    }

    .headergrid {
        justify-content: space-between;
    }

    button.toggle-meni {
        background: transparent;
        border: 0px;
        position: relative;
        cursor: pointer;
        padding: 0;
    }

    button.toggle-meni svg {
        width: 25px;
        height: 25px;
    }

    button.toggle-meni svg.bar-icon {
        width: 37px;
        height: 37px;
    }

    .headersec .headerlogo img {
        width: 130px;
    }

    .drawer-menu {
        position: fixed;
        left: -100%;
        background: #eaf7fc;
        transition: 0.4s;
        width: 100%;
        top: 0;
        z-index: 9999999;
        height: 100vh;
    }

    .menu-open .drawer-menu.mobile-view {
        left: 0;
    }

    .drawer-menu ul.nav-item.nav-link {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 40px 20px;
        gap: 20px;
    }

    .mobile-menu-sec.mobile-view {
        display: flex;
        gap: 10px;
        justify-content: flex-end;
    }

    .home.menu-open {
        overflow-y: hidden;
    }

    .mobile-menu-sec.mobile-view a {
        color: #1fa4d8;
    }

    .close-btn {
        position: absolute;
        right: 20px;
        top: 20px;
        background: transparent;
        border: 0px;
        cursor: pointer;
    }

    .close-btn svg {
        width: 30px;
        height: 30px;
    }

    .mobile-login {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .mobile-login svg {
        width: 29px;
        height: 29px;
    }

    /*pages css*/

    .sbtitle {
        font-size: 12px;
        padding: 4px 13px;
    }

    p {
        font-size: 16px;
        line-height: 26px;
    }

    .herobtn {
        margin-top: 10px;
    }

    .herobtn a,
    .btnwrap a {
        font-size: 15px;
        padding: 15px 18px;
    }

    .herobtn {
        gap: 6px;
    }

    .bannerformin {
        width: 338px;
    }

    .bannerright {
        width: 50%;
    }

    .bannercontentin {
        width: 100% !important;
        margin-left: 0;
    }

    .bannercontent {
        width: 47%;
        padding-right: 30px;
    }

    h1 br {
        display: none;
    }

    .bannerleftitem:not(:last-child) {
        padding-right: 10px;
    }

    .bannerleftgrid {
        gap: 15px;
    }

    .forgot-link a,
    .formfoot a {
        font-size: 14px;
    }

    .herobanner {
        padding: 45px 0;
    }

    .bannerwrap {
        align-content: center;
    }

    .aboutsec {
        padding: 45px 0;
    }

    .aboutright span {
        font-size: 14px;
    }

    h2 {
        font-size: 35px;
    }

    .aboutright p {
        margin-bottom: 0;
    }

    .ourbrandslider::before,
    .ourbrandslider::after {
        width: 120px;
    }

    .ourbrandslider .slick-slide {
        margin: 0 5px;
    }

    .ourbrandsec {
        padding-bottom: 45px;
    }

    .ourservices {
        padding: 45px 0;
    }

    .ourservicegrid {
        gap: 9px;
        display: flex;
        overflow: scroll;
    }

    .ourservicegrid .ourserviceitem {
        min-width: 300px;
    }

    .ourserviceshead {
        margin: 0 0 20px;
        padding-right: 20px;
    }

    .ourservices .container {
        padding-right: 0px !important;
    }

    .marketsrightin {
        padding: 20px;
    }

    .chinamarkets {
        padding: 45px 0;
    }

    .milestonesec {
        padding: 45px 0;
    }

    .timeline-item {
        margin-bottom: 10px;
    }

    .ourarticle {
        padding: 45px 0;
    }

    .faq-item:not(:last-child) {
        margin: 0 0 10px;
    }

    .faqsection {
        padding: 45px 0;
    }

    .faq-question {
        font-size: 16px;
        padding-right: 30px;
    }

    .registerright,
    .registerleft {
        padding: 30px;
    }

    .footercopy p,
    .footercopy a {
        font-size: 12px;
    }

    .footerbottom {
        padding: 24px 0;
    }

    .footerrightin {
        padding-left: 20px;
        padding-top: 45px;
    }

    .footerwrap {
        padding-right: 10px;
        gap: 10px;
        padding-top: 45px;
                flex-wrap: wrap;
        row-gap: 20px;
    }

    .footermenu li a,
    .footerwrap .footermenu.contact-item li {
        font-size: 14px;
    }

    .footerwrap .footermenu.contact-item li {
        margin-bottom: 10px;
    }

    .footernewhead {
        margin-bottom: 20px;
    }

    .subsbtn {
        margin-top: 10px;
    }

    .subsbtn input {
        font-size: 14px;
    }

    .footersocial {
        padding: 20px 0;
    }

    .footermenu ul li:not(:last-child) {
        margin-bottom: 7px;
    }

    .bannerimg {
        left: -80px;
    }

    .bannerimg img {}

    .bannerimg img {
        object-position: center;
    }

    .footernewhead p {
        font-size: 14px;
        line-height: 24px;
    }

}

@media (max-width: 991px) {
    .registration-grid {
        flex-direction: column;
        padding: 50px 0;
    }

    .registration-grid>* {
        width: 100%;
    }

    h1 {
        font-size: 33px;
    }

    .sbtitle {
        font-size: 12px;
        padding: 4px 13px;
    }

    p {
        font-size: 14px;
        line-height: 22px;
    }

    .bannercontentin p {
        margin-top: 10px;
    }

    .herobtn {
        margin-top: 10px;
    }

    .herobtn a,
    .btnwrap a {
        padding: 12px 10px;
        font-size: 13px;
    }

    .herobtn {
        gap: 6px;
    }

    .bannerimg {
        display: none;
    }

    .bannerformin {
        width: 338px;
    }

    .bannerright {
        width: 50%;
    }

    .bannercontentin {
        width: 100% !important;
        margin-left: 0;
    }

    .bannercontent {
        width: 50%;
    }

    h1 br {
        display: none;
    }

    .bannerleftitem:not(:last-child) {
        padding-right: 10px;
    }

    .bannerleftgrid {
        gap: 15px;
    }

    .forgot-link a,
    .formfoot a {
        font-size: 14px;
    }

    .herobanner {
        padding: 45px 0;
    }

    .bannerwrap {
        align-content: center;
    }

    .aboutsec {
        padding: 45px 0;
    }

    .aboutright span {
        font-size: 12px;
    }

    h2 {
        font-size: 29px;
    }

    .aboutright p {
        margin-bottom: 0;
    }

    .ourbrandslider::before,
    .ourbrandslider::after {
        width: 120px;
    }

    .ourbrandslider .slick-slide {
        margin: 0 5px;
    }

    .ourbrandsec {
        padding-bottom: 45px;
    }

    .ourservices {
        padding: 45px 0;
    }

    .ourservicegrid {
        gap: 9px;
        display: flex;
        overflow: scroll;
    }

    .ourservicegrid .ourserviceitem {
        min-width: 270px;
    }

    .ourserviceshead {
        margin: 0 0 20px;
        padding-right: 20px;
    }

    .ourservices .container {
        padding-right: 0px !important;
    }

    .marketsrightin {
        padding: 20px;
    }

    .chinamarkets {
        padding: 45px 0;
    }

    .milestonesec {
        padding: 45px 0;
    }

    .timeline-item {
        margin-bottom: 10px;
    }

    .ourarticlegrid {
        gap: 15px;
    }

    .ourarticle {
        padding: 45px 0;
    }

    .news-page img {
        height: 300px;
        object-fit: cover;
    }

    body.page-template-news .ourarticle {
        padding: 45px 0;
    }

    .articlebadge {
        left: 10px;
        bottom: 10px;
    }

    body.page-template-news .articlecontent {
        padding: 15px 15px 20px;
        border-radius: 0 0 10px 10px;
    }

    .readmore a {
        font-size: 13px;
        padding-bottom: 1px;
    }

    .articleimage img {
        border-radius: 10px 10px 0 0;
    }

    .articlebadge span {
        padding: 3px 7px;
        font-size: 12px;
    }

    .articlecontent h4 {
        margin: 0 0 7px;
        font-size: 16px;
    }

    .articlecontent p {
        font-size: 13px;
        line-height: 1.3;
    }

    .articlecontent .readmore {
        margin: 15px 0 0;
    }

    .faq-item:not(:last-child) {
        margin: 0 0 10px;
    }

    .faqsection {
        padding: 45px 0;
    }

    .faq-question {
        font-size: 16px;
        padding-right: 30px;
    }

    .registerright,
    .registerleft {
        padding: 30px;
    }

    .footercopy p,
    .footercopy a {
        font-size: 12px;
    }

    .footerbottom {
        padding: 24px 0;
    }

    .footerrightin {
        padding-left: 20px;
        padding-top: 45px;
    }

    .footerwrap {
        padding-right: 10px;
        gap: 10px;
        padding-top: 45px;
    }

    .footermenu li a,
    .footerwrap .footermenu.contact-item li {
        font-size: 14px;
    }

    .footerwrap .footermenu.contact-item li {
        margin-bottom: 10px;
    }

    .footernewhead {
        margin-bottom: 20px;
    }

    .subsbtn {
        margin-top: 10px;
    }

    .subsbtn input {
        font-size: 14px;
    }

    .footersocial {
        padding: 20px 0;
    }

    .footermenu ul li:not(:last-child) {
        margin-bottom: 7px;
    }

    .top-badge {
        top: -50px;
        padding: 5px 15px;
        font-size: 11px;
        line-height: 20px;
    }

    .top-badge::before {
        width: 7px;
        height: 7px;
    }

    .title {
        font-size: 14px;
        margin-bottom: 10px;
        padding-left: 12px;
        gap: 8px;
    }

    .status-card::before,
    .status-card::after {
        width: 20px;
        height: 20px;
    }

    .aboutbanner .bannerwrap {
        gap: 0px;
    }

    .aboutbanner {
        padding: 0;
    }

    /*    .page-template-about .aboutbanner {
        padding: 50px 0;
    }
*/
    section.herobanner.aboutbanner .top-badge {
        font-size: 11px;
        line-height: 1.2;
    }

    section.herobanner.aboutbanner .bottom-badge {
        padding: 5px 14px;
        font-size: 11px;
        gap: 0px;
        bottom: -10px;
    }

    .bottom-badge::before {
        width: 7px;
        height: 7px;
    }

    .chipswrap .bannerleftitem h3 {
        font-size: 18px;
    }

    .chipswrap .bannerleftitem p {
        font-size: 13px;
    }

    .chipswrap .bannerleftgrid {
        gap: 10px;
        align-items: center;
    }

    .chipssec {
        padding: 18px 0;
    }

    .status-card::after {
        right: 10px;
    }

    .status-card::before,
    .status-card::after {
        width: 15px;
        height: 15px;
    }

    .ourmissionsec {
        padding: 45px 0 45px;
    }

    .missionhead {
        margin: 0 0 30px;
    }

    .sbtext,
    .ourserviceshead span {
        font-size: 13px;
        margin: 0 0 8px;
    }

    .ourmissionsecwrap {
        gap: 20px;
    }

    .missionicon img {
        width: 60px;
        height: 60px;
    }

    .missionicon {
        margin: 0 0 10px;
    }

    .missiontext h3 {
        font-size: 20px;
        margin: 0 0 8px;
    }

    .ourmissitemin {
        padding: 20px;
    }

    .whychoosesec {
        padding: 20px 0 45px;
    }

    .chooserightin li {
        font-size: 14px;
    }

    .chooserightin li:before {
        width: 16px;
        height: 16px;
    }

    .ourcommitmentsec {
        padding: 45px 0;
    }

    .ourcommitmentsec .aboutright .btnwrap {
        margin: 20px 0 0;
    }

    .committedsource {
        grid-template-columns: repeat(2, 1fr);
        margin: 20px 0 0;
    }

    .ourcommitmentsec .aboutwrap {
        gap: 20px;
        grid-template-columns: 1fr 1fr;
    }

    .readygrowsec {
        padding: 35px 20px;
        margin: 0 0 45px;
    }

    .readygrowrap {
        gap: 20px;
    }

    .readygrowleft p {
        margin: 8px 0;
    }

    .faq-question {
        font-size: 16px;
        padding-right: 30px;
        padding: 15px 35px 15px 21px;
    }

    .faq-answer {
        padding: 12px 20px;
    }

    .faqsection.aboutfaqsec::after,
    .faqsection.aboutfaqsec::before {
        width: 200px;
        height: 200px;
    }

    .readygrowright .btnwrap {
        row-gap: 10px;
    }

    .status-card {
        width: 100%;
        padding: 26px 20px 55px;
    }

    .login-banner .bannercontent {
        padding: 40px 10px 40px 0;
    }

    .login-banner .bannerwrap {
        flex-direction: column;
    }

    .login-banner .bannercontent {
        border-right: none;
        width: 100%;
    }

    .login-banner .bannercontent,
    .login-banner .bannerright {
        width: 100%;
    }

    .login-banner .bannerrightin .bannerform {
        position: static;
    }

    .login-banner .bannercontentin .banner-text,
    .login-banner .bannercontentin .banner-text p {
        max-width: 100%;
    }

    .login-banner .hero-img {
        text-align: center;
    }

    .login-banner .bannerleftgrid {
        padding-top: 20px;
        gap: 10px;
        text-align: center;
    }

    .login-banner .bannerleftitem h3 {
        margin: 0 0 4px;
    }

    .login-banner .bannerleftitem p {
        margin-top: 0;
    }

    .login-banner .bannerrightin {
        padding: 0;
        max-width: 100%;
    }

    .service-page .bannerinpageimg img {
        height: 350px;
    }

    .service-page .bannercontentin {
        max-width: 420px;
    }

    .service-page .sbtitle {
        font-size: 12px;
        padding: 7px 11px;
        line-height: 1.2;
        margin: 0 0 12px;
    }

    .learnmore a {
        font-size: 14px;
    }

    .ourservicepage .servicecontent {
        margin: 10px 0 0;
    }

    .contactbanner .status-card {
        width: 100%;
        padding: 20px 15px;
    }

    .statusitem:not(:last-child) {
        margin: 0 0 10px;
    }

    .contactbanner .herobtn {
        margin: 20px 0 0;
        /* flex-wrap: wrap; */
    }

    .contactbanner .herobtn a {
        font-size: 13px;
        line-height: 1.2;
        padding: 12px 10px;
    }

    .contactbanner .bannercontent {
        padding-right: 0;
    }

    .statusitem {
        gap: 10px;
        /*padding: 10px 10px;*/
    }

    .statustitle {
        font-size: 16px;
    }

    .statusitem .value {
        font-size: 13px;
    }

    .bottom-badge {
        bottom: 0;
        padding: 6px 14px;
        line-height: 1.2;
    }

    .contactbanner span.sbtitle {
        font-size: 11px;
        gap: 6px;
        margin: 0 0 10px;
    }

    .contactbanner span.sbtitle svg {
        width: 7px;
        height: 7px;
    }

    .line-sec {
        padding: 30px 0;
    }

    .line-sec p {
        font-size: 14px;
        margin-top: 18px;
        margin-bottom: 0;
    }

    .how-help-contact .ourservicegrid {
        justify-content: inherit;
        gap: 10px;
    }

    .how-help-contact .ourservicegrid .ourserviceitem {
        width: 100%;
        min-width: 45%;
    }

    .how-help-contact .container {
        padding-right: 20px !important;
    }

    .how-help-contact .ourserviceitemin .servicecontent h3 {
        margin-bottom: 10px;
        font-size: 18px;
    }


    .contactiocn .fast-reply {
        font-size: 11px;
        line-height: 1.2;
        padding: 7px 11px;
        gap: 5px;
    }

    .contactiocn .fast-reply svg {
        width: 7px;
        height: 7px;
    }

    .contact-form h2 {
        font-size: 29px;
        margin-bottom: 8px;
    }

    .contact-form p {
        margin-top: 8px;
        margin-bottom: 20px;
    }

    .contact-section .container {
        gap: 20px;
    }

    .support-card {
        padding: 30px 20px;
        row-gap: 20px;
        min-height: inherit;
        justify-content: inherit;
    }
    .registerrightin {
    padding: 20px;
}
.support-card {
    padding: 20px 20px;
}
.address_itemin:not(:last-child) {
    padding-bottom: 10px;
}
.address_itemin {
    gap: 8px;
    margin: 0 0 15px;
}
    .badge,
    .status {
        padding: 6px 11px;
        font-size: 11px;
        gap: 7px;
        letter-spacing: 0.5px;
    }

    .badge svg,
    .status svg {
        width: 7px;
        height: 7px;
    }

    .response-time {
        gap: 12px;
        margin: 0px 0;
    }

    .response-time p {
        font-size: 14px;
        line-height: 1.4;
        margin: 0;
    }

    .response-time h2 {
        margin: 0;
        font-size: 24px;
    }

    .progress-item {
        margin-bottom: 0;
    }

    .progress-item span {
        font-size: 13px;
    }

    .avatars span {
        width: 31px;
        height: 31px;
        font-size: 10px;
    }

    .team {
        gap: 5px;
        margin-top: 20px;
    }

    .team p {
        font-size: 13px;
    }

    .registerformwrap {
        margin-left: -10px;
    }

    .registerformitem {
        padding-left: 10px;
        padding-bottom: 10px;
    }

    .registerformitem input,
    .registerformitem textarea {
        padding: 12px 12px;
        font-size: 12px;
    }

    .contact-section .submitbtn {
        align-items: flex-start;
        margin-top: 10px;
        flex-direction: column;
    }

    body.page-template-contact .contact-form span.wpcf7-acceptance span.wpcf7-list-item-label {
        font-size: 12px;
        letter-spacing: 0;
    }

    body.page-template-contact .contact-form span.wpcf7-acceptance {
        margin: 0;
    }

    .submitbtn input {
        font-size: 13px;
        padding: 12px 32px;
    }

    .registration-banner .bannerimg {
        display: block;
        height: 200px;
    }

    .registration-banner .bannercontent {
        padding: 0;
    }

    .registration-banner {
        padding: 25px 0;
    }

    .common-form .form-part {
        padding: 20px 20px 20px;
    }

    .heading-wrapper {
        padding: 20px 20px;
    }

    .registration-form-part .heading-wrapper h3 {
        font-size: 18px;
    }

    .common-form .input-wrap label {
        font-size: 14px;
        margin: 0 0 8px;
    }

    .common-form .input-wrap input {
        padding: 5px 10px;
        font-size: 14px;
    }

    .common-form .input-container {
        gap: 12px;
    }

    .common-form .input-wrap {
        margin-bottom: 12px;
    }

    .common-form .form-part h4 {
        font-size: 14px;
    }

    .common-form .form-consent-part h4 {
        margin: 0 0 12px;
    }

    .form-submit-wrap {
        padding: 10px 20px 20px;
    }

    .checkbox-wrap label {
        font-size: 14px;
    }

    .checkbox-wrap input {
        width: 15px;
        height: 15px;
    }

    .form-submit-wrap .form-submit {
        font-size: 14px;
        padding: 12px 14px;
    }

    .submit-security {
        margin-top: 20px;
        font-size: 14px;
    }

    .registration-sidebar .check-item {
        gap: 6px;
        margin: 10px 0;
        font-size: 14px;
    }

    .registration-sidebar .card-header span {
        font-size: 16px;
    }

    .registration-sidebar .title {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .registration-sidebar .info-box {
        padding: 10px 10px;
        margin-bottom: 20px;
        gap: 6px;
        font-size: 14px;
    }

    .registration-sidebar .info-box svg {
        width: 18px;
        height: 18px;
    }

    .registration-sidebar .card-header {
        padding: 10px 20px;
    }

    .bannerright.faq-sec .top-sec-que svg {
        width: 45px;
        height: 45px;
    }

    .bannerright.faq-sec .top-sec-que {
        top: -20px;
    }

    .serach-faq input {
        height: 40px;
        padding-left: 32px;
        font-size: 13px;
    }

    .serach-faq button {
        height: 42px;
        width: 40px;
    }

    .serach-faq {
        margin-top: 20px;
    }

    .serach-faq svg {
        width: 18px;
        height: 18px;
    }

    .bannerright.faq-sec .result-inside {
        gap: 6px;
        padding: 5px 6px;
        margin-bottom: 10px;
    }

    .bannerright.faq-sec .result-inside p {
        line-height: 16px;
        font-size: 11px;
    }

    .bannerright.faq-sec .result-inside span {
        width: 20px;
        height: 20px;
        font-size: 12px;
    }

    .bannerright.faq-sec .top-badge {
        bottom: -30px;
        font-size: 10px;
        line-height: 1;
    }

    .faq-sec .status-card {
        height: 100%;
    }

    .bannerright.faq-sec .bottom-badge {
        bottom: auto;
        font-size: 10px;
        line-height: 1;
        top: 80%;
    }

    .faq-tab-btn {
        height: 38px;
        gap: 7px;
        font-size: 11px;
        padding: 9px 15px;
    }

    .faq-tab-btn span img {
        width: 20px;
        height: 20px;
    }

    .faq-content-part {
        padding: 30px 20px 30px;
    }

    .faq-content-part:not(:last-child) {
        margin-bottom: 30px;
    }

    .faq-content-heading {
        gap: 10px;
        font-size: 18px;
    }

    .faq-content-heading .icon {
        width: 38px;
        height: 38px;
    }

    .faq-content-heading .icon img {
        width: 18px;
        height: 18px;
    }

    .faq-content-haeder {
        align-items: center;
        margin-bottom: 15px;
    }

    .faq-question-count {
        font-size: 14px;
    }

    .faq-content-section {
        padding-bottom: 40px;
    }

    .ourserviceshead h2 {
        margin: 0 0 8px;
    }

    .service-overview .ourserviceshead {
        margin: 0 0 25px;
    }

    .service-benefits {
        padding: 0;
    }

    .service-benefits .aboutright {
        padding: 25px 20px 25px 20px;
    }

    .service-benefits .aboutright ul {
        margin: 16px 0 0;
    }

    .service-benefits .aboutright p {
        margin-top: 6px;
    }

    .feature-list li:before,
    .single-news-content li:before {
        width: 15px;
        height: 15px;
    }

    .feature-list li,
    .single-news-content li {
        padding-left: 22px;
        margin-bottom: 11px;
        font-size: 14px;
    }

    .service-benefits .aboutright .btnwrap {
        margin: 13px 0 0;
    }

    body.single .faqsection {
        margin-bottom: 45px;
    }

    .faq-question:before {
        width: 8px;
        height: 8px;
        top: 17px;
    }

    .forget-password-banner.herobanner {
        padding: 40px 0 40px;
    }

    .forget-password-banner .banner-heading h1 {
        margin: 0 0 12px;
    }

    .single-news-banner .banner-grid {
        gap: 20px;
    }

    .single-news-banner .banner-grid img {
        object-fit: cover;
    }

    .single-news-banner .banner-grid h1 {
        font-size: 26px;
    }

    .single-news-banner .banner-grid .bannercontentin {
        max-width: 350px;
        padding: 20px 0 20px 20px;
    }

    .single-news-banner span.sbtitle {
        margin-bottom: 10px;
    }

    .related-articles-wrapper {
        position: static;
    }

    .single-news-grid {
        gap: 40px;
        flex-wrap: wrap;
    }

    .single-news-part,
    .single-news-sidebar {
        width: 100%;
    }

    .single-news-section {
        padding: 40px 0;
    }

    .single-news-content h2 {
        font-size: 24px;
        margin: 20px 0 8px;
    }

    .single-news-content img {
        margin: 16px 0 0;
    }

    .article-social-share h3 {
        font-size: 16px;
    }

    .article-social-share {
        gap: 10px;
    }

    .social-icons-grid {
        gap: 5px;
    }

    .social-icon-item a {
        width: 35px;
        height: 35px;
    }

    .related-article .learnmore {
        padding: 15px 0 0;
        margin-top: auto;
    }

    .related-article img {
        max-width: 100% !important;
    }

    .related-article {
        gap: 12px;
        flex-direction: column;
    }

    .related-articles-grid {
        margin-bottom: 0;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 20px;
    }

    .brands-grid {
        gap: 15px;
    }

    .brand-card .brand-logo {
        max-width: 100%;
        height: 84px;
    }

    .brand-logo img {
        max-width: 150px;
        max-height: 50px;
    }

    .our-brands {
        padding: 40px 0 40px !important;
    }

    .our-brands .section-heading {
        margin-bottom: 25px;
    }

    .brand-btn {
        font-size: 14px;
    }

    .brands-grid .brand-card p {
        margin: 0 0 10px;
    }

    .shoppagge .sort select {
        font-size: 14px;
    }

    .shoppagge .header-topbar {
        gap: 20px;
    }

    .toolbar-right a {
        height: 38px;
        font-size: 14px;
    }

    .shop-toolbar .grid-btn,
    .shop-toolbar .list-btn,
    .shop-toolbar .filter-btn {
        width: 112px;
        height: 38px;
        font-size: 14px;
    }

    .shop-toolbar {
        gap: 11px;
        margin-bottom: 20px;
    }

    #wpgs-gallery .wcgs-carousel .wcgs-spswiper-arrow,
    #wpgs-gallery .wcgs-carousel .wcgs-spswiper-arrow {
        width: 45px;
        height: 45px;
    }

    .single-product .shop-top-section .toolbar-right {
        width: auto;
    }

    .single-product-layout .product-title {
        font-size: 22px;
    }

    .single-product-layout {
        padding-left: 25px;
    }

    .single-product-layout .price-row .regular-price .amount {
        font-size: 20px;
    }

    body .product #wpgs-gallery.vertical .spswiper-slide.wcgs-thumb img {
        height: 60px !important;
    }

    .product-status>* {
        font-size: 10px;
        padding: 5px 10px;
    }

    .product-status {
        left: calc(50% - 0px);
        top: 0;
    }

    #wpgs-gallery .wcgs-carousel .wcgs-spswiper-arrow {
        transform: translateY(-50%);
        margin: 0;
    }

    .single-product-layout .product-rating .stars {
        font-size: 14px;
        letter-spacing: 0px;
    }

    .single-product-layout .product-rating {
        margin-bottom: 10px;
        font-size: 13px;
    }

    .single-product-layout .feature-box {
        padding: 15px 15px;
    }

    .single-product-layout .feature-box li {
        margin-bottom: 8px;
        padding-left: 22px;
        line-height: 1.4;
        font-size: 13px;
    }

    .single-product-layout .feature-box li:before {
        width: 16px;
        height: 16px;
    }

    .single-product-layout .feature-box h3 {
        font-size: 16px;
        margin: 0 0 12px;
    }

    .single-product-layout .short-description {
        margin-bottom: 20px;
    }

    .shoppagge .shop-breadcrumb nav {
        font-size: 14px;
    }

    .single-product-layout .variation-section h4,
    .single-product-layout .pricing-table h4,
    .single-product-layout .purchase-box label {
        font-size: 16px;
        margin: 0 0 15px;
    }

    .single-product-layout .variation-buttons {
        gap: 6px;
    }

    .single-product-layout .variation-buttons button,
    .single-product-layout .variation-buttons a {
        padding: 10px 13px;
        height: 40px;
        font-size: 13px;
        min-width: 68px;
        text-align: center;
    }

    .single-product-layout .pricing-table th {
        padding: 0px 0 9px;
        font-size: 14px;
    }

    .single-product-layout .pricing-table td {
        padding: 12px 0;
        font-size: 13px;
        width: 38%;
    }

    .single-product-layout .add-cart {
        height: 45px;
        font-size: 14px;
    }

    .single-product-layout .quantity-box button {
        width: 40px;
        height: 45px;
        font-size: 26px;
    }

    .single-product-layout .quantity-box input {
        font-size: 18px;
    }

    .single-product-layout .purchase-row {
        gap: 10px;
    }

    .single-product-layout .accordion-header {
        padding: 10px 0;
    }

    section.related.products {
        padding-bottom: 40px;
        padding-top: 0;
    }

    .related.products h2 {
        margin-bottom: 25px;
    }

    .related-product-section ul.products.columns-4.products-grid {
        gap: 10px !important;
        overflow: auto;
        flex-direction: row;
        justify-content: inherit;
        flex-wrap: nowrap;
        padding: 10px 0 0;
    }

    .related-product-section ul.products.columns-4.products-grid .product-card {
        width: 100%;
        min-width: 35%;
    }

    .shoppagge .product-card .sku {
        padding: 4px 10px;
        margin-bottom: 10px;
        font-size: 12px;
        line-height: 1.2;
    }

    .product-card>.qty-price>.qty-price {
        font-size: 14px;
    }

    .shoppagge .product-card>.qty-price .regular-price .amount {
        font-size: 16px;
    }

    body.single.single-product .faqsection {
        padding: 45px 0 45px;
    }

    .single-product .aboutsec {
        padding: 45px 0 45px;
    }

    .product-page-section {
        padding: 0 0 45px !important;
    }

    h2.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title,
    tr.wc-block-cart-items__header th,
    .wc-block-components-product-name {
        font-size: 15px;
    }

    .wc-block-components-totals-item.wc-block-components-totals-footer-item * {
        font-size: 16px;
    }

    .wc-block-components-totals-wrapper {
        padding: 10px 0;
    }

    .wc-block-components-panel__button>.wc-block-components-panel__button-icon {
        height: 24px;
    }

    .wc-block-components-product-badge {
        font-size: 14px;
    }

    .price.wc-block-components-product-price {
        font-size: 14px;
    }

    .wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button,
    .wc-block-components-button.wp-element-button.wc-block-cart__submit-button {
        font-size: 14px;
        height: 45px;
        padding: 12px 15px;
    }

    .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
        font-size: 14px;
    }

    .wc-block-components-product-name {
        font-size: 15px !important;
        line-height: 1.4 !important;
    }

    td.wc-block-cart-item__image img {
        height: 90px;
    }

    .wc-block-components-sidebar-layout.wc-block-cart.wp-block-woocommerce-filled-cart-block {
        padding: 20px 0 20px;
    }

    section.woocommerce-order-details,
    section.woocommerce-customer-details {
        float: inherit;
        width: 100%;
        padding-top: 20px;
    }

    .search-grid {
        gap: 10px;
        padding: 0 20px 40px;
    }

    .search-grid article {
        padding: 20px 15px 20px !important;
    }

    .search-grid article .entry-title {
        font-size: 14px;
    }

    .search-results header.page-header {
        margin-top: 10px;
    }

    .search-results header.page-header,
    .search-result-count,
    nav.navigation.pagination {
        padding: 0 20px;
    }

    .wc-block-components-address-card,
    .wc-block-components-radio-control-accordion-content,
    .wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__label,
    .wc-block-components-checkbox label,
    .wc-block-checkout__terms {
        font-size: 14px;
    }

    .my-account-page .containerabout {
        padding: 30px 20px 30px;
    }

    .my-account-page .woocommerce {
        gap: 30px;
    }

    body.woocommerce-account .woocommerce-MyAccount-content h2 {
        font-size: 20px;
    }

    .woocommerce-account .woocommerce-EditAccountForm button.woocommerce-Button,
    .woocommerce-address-fields .button {
        font-size: 13px;
        padding: 11px 14px;
    }

    .my-account-page .woocommerce nav.woocommerce-MyAccount-navigation {
        padding: 20px;
    }

    .my-account-page .woocommerce li a {
        font-size: 16px;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table {
        width: 100%;
        overflow: auto;
        display: block;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table td {
        display: block;
        width: 100%;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table tbody {
        overflow: auto;
        display: block;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table tbody tr:first-child {
        padding-top: 20px;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table td a.woocommerce-button.button.view {
        margin: 20px 0 0 !important;
        color: #fff !important;
        background: #1fa4d8 !important;
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
        padding: 12px 20px !important;
        line-height: 1.2;
        transition: ease 0.3s;
        border: 1px solid #1fa4d8;
        border-radius: 6px;
        opacity: 1 !important;
    }

    .footerright:after {
        height: 50px;
    }
.homestateswrap {
    /* padding: 20px 20px; */
    flex-wrap: wrap;
    gap: 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 20px;
}
.additioninfo h3 {
    margin: 0 0 6px;
    font-size: 14px;
}
.additionwrap {
    grid-template-columns: repeat(2, 1fr);
}
.hstatesitem {
    width: 100%;
}
.hstatesinfo h3 {
    margin: 0 0 1px;
    font-size: 16px;
}
.hstatesinfo p {
    font-size: 12px;
}
.servicesbotmwrap {
    grid-template-columns: 1fr;
}
.servicenewready .readygrowright .btnwrap a {
    font-size: 12px;
}
.servicenewready .readygrowright {
    gap: 15px;
}
body .servicenew .bannerinpageimg img {
    height: 550px;
}
.feature-list li, 
.single-news-content li, 
.list-content ul li {
    margin-bottom: 11px;
    font-size: 14px;
}
.estainner {
    gap: 3px;
    flex-direction: column;
    text-align: center;
}
.ourservicepage .ourservicegrid {
    padding-top: 4px;
}
.aboutnewchips .bannerleftgrid {
    grid-template-columns: repeat(3, 1fr);
}
.aboutnewchips .chipswrap {
    top: 0;
    padding: 20px;
}
.aboutnewchips {
    padding: 20px 0;
}
.aboutnewchips .chipswrap .bannerleftitem .estainfo h3 {
    font-size: 16px;
}
.aboutnewchips .chipswrap .bannerleftitem .estainfo p {
    font-size: 12px;
}
.aboutnewchips .chipswrap .estainner {
    gap: 3px;
}
.aboutnewchips .bannerleftitem:not(:last-child) {
    padding-right: 10px;
}
.our_storyitem h2 {
    font-size: 24px;
    margin: 5px 0;
}
.our_storyitem li {
    font-size: 14px;
}
.our_storyitem ul {
    gap: 8px;
    grid-template-columns: 1fr;
}
.mb-history-section {
    padding: 20px 0;
}
.mb-history-icon {
    width: 45px;
    height: 45px;
    margin: 0 auto 5px;
}
.mb-history-icon img {
    width: 24px;
    height: 24px;
}
.mb-history-wrap::before {
    top: 24px;
    width: calc(100% - 90px);
}
.mb-history-item:not(:last-child) .mb-history-icon::before {
    left: 150%;
    width: 6px;
    height: 6px;
    transform: translateY(-47%);
}
.mb-history-year {
    font-size: 11px;
}
.mb-history-text {
    font-size: 9px;
}
.mbhistoryhead {
    margin: 0 0 15px;
}
.ourcapabilitywrap {
    gap: 10px;
}
.aboutnewready .readygrowright .btnwrap {
    flex-direction: column;
}
.aboutnewready .readygrowlast img {
    width: 100px;
}
.aboutnewbottomwrapin .servicesbotmleftin {
    flex-direction: column;
    text-align: center;
}
.aboutnewbottomwrapin {
    gap: 10px;
}
.aboutnewbottomwrapin .servicesbotmrightitem:not(:last-child) {
    padding-right: 10px;
}
.footermenu:first-child {
    width: 50%;
}
.footermenu {
    width: 45%;
}
.footermenu.contact-item {
    width: 100%;
}

}


@media (min-width: 769px) {
    .wc-block-components-sidebar {
        position: sticky;
        top: 80px;
        height: 100%;
    }

    td.wc-block-cart-item__product {
        width: 40%;
    }

    .logged-in .headerbtn.desktop-view {
        width: 30%;
    }

    .logged-in .headernav {
        width: 50%;
    }

}

@media(min-width: 768px) {
    .mobile-only {
        display: none;
    }
}

@media (max-width: 767px) {
    body.page-template-home .bannerrightin {
        justify-content: end;
        flex-direction: column;
    }

    .desktop-only {
        display: none;
    }

    .heading-wrapper {
        padding: 20px 15px;
    }

    .heading-icon img {
        width: 25px;
        height: 25px;
    }

    .common-form .form-part {
        padding: 20px 15px 15px;
    }

    .form-submit-wrap {
        padding: 10px 15px 30px;
    }

    .common-form .form-part h4 {
        margin: 0 0 15px;
    }

    .common-form .input-container {
        flex-direction: column;
        gap: 0;
    }

    .registration-sidebar .card-header {
        padding: 15px 20px;
    }

    .registration-sidebar .contact {
        margin: 0 0 16px;
        font-size: 14px;
    }

    .registration-sidebar .step {
        font-size: 14px;
    }

    .common-form .input-container .input-wrap {
        width: 100%;
        margin: 0 0 10px;
    }

    p {
        font-size: 14px;
    }

    .topbar p {
        font-size: 12px;
    }

    body.page-template-home .bannerform {
        margin: 0 !important;
    }

    .bannerimg {
        left: 0 !important;
        display: none;
    }

    .bannerwrap {
        flex-direction: column;
    }

    .bannercontent {
        width: 100%;
        order: 2;
    }

    .bannerright {
        width: 100%;
        order: 1;
    }

    .herobanner {
        padding: 20px 0;
    }

    .bannerformin {
        width: 100%;
        padding: 20px;
        max-width: 100%;
    }

    .herobtn a,
    .btnwrap a {
        font-size: 12px;
        line-height: 1.25;
        padding: 14px 13px;
    }

    .bannerleftgrid {
        max-width: 100%;
        padding-top: 20px;
        margin-top: 20px;
    }

    .bannerleftitem:not(:last-child) {
        padding-right: 8px;
    }

    .bannerleftgrid {
        gap: 20px;
    }

    .bannerleftitem p {
        font-size: 12px;
    }

    .herobtn {
        margin-top: 20px;
    }

    .bannercontentin p {
        max-width: 100%;
    }

    h1 {
        font-size: 29px;
        line-height: 1.2;
    }

    h1 br {
        display: none;
    }

    .sbtitle {
        font-size: 12px;
        margin: 0 0 10px;
        padding: 4px 13px;
    }

    body.page-template-home .bannerrightin p {
        margin-top: 0;
    }

    .ourbrandslider .slick-slide {
        margin: 0 3px;
    }

    .brandtitle {
        margin-bottom: 20px;
    }

    .ourservices {
        padding: 30px 0;
    }

    .ourserviceshead h2 {
        margin: 0 0 6px;
    }

    .ourservicegrid {
        display: flex;
        overflow: scroll;
        gap: 10px;
        padding-left: 20px;
    }

    .ourservicegrid .ourserviceitem {
        min-width: 270px;
    }

    .ourserviceitemin:hover {
        transform: translateY(0px);
    }

    .ourservices .container {
        padding: 0 !important;
    }

    .ourserviceshead {
        padding: 0 20px;
        margin-bottom: 20px;
    }

    .chinamarketwrap {
        flex-direction: column;
        gap: 40px;
    }

    .marketsleft {
        width: 100%;
        text-align: left;
    }

    .marketsright {
        width: 100%;
    }

    .marketsrightin {
        padding: 20px;
    }

    .marketsleftin .btnwrap {
        margin-top: 20px;
    }

    .marketsleftin h2 {
        text-align: left;
        margin-bottom: 0;
    }

    .marketsleftin p {
        margin-top: 10px;
    }

    .chinamarkets {
        padding: 40px 0;
    }

    .milestonesec {
        padding: 30px 0;
    }

    .aboutsec {
        padding: 30px 0;
    }

    .aboutwrap {
        flex-direction: column;
        display: flex;
        gap: 20px;
    }

    .aboutleft {
        order: 2;
    }

    h2 {
        font-size: 26px;
    }

    .aboutright span {
        font-size: 13px;
    }

    .aboutright p {
        margin-bottom: 0;
    }

    .ourbrandslider::before,
    .ourbrandslider::after {
        display: none;
    }

    .ourbrandsec {
        padding: 30px 0;
    }

    .timeline-item.right {
        margin-left: 0;
        padding-right: 0;
        padding: 0;
    }

    .timeline-item {
        width: 100%;
        text-align: left !important;
        margin-bottom: 20px;
        padding: 0 !important;
        margin-left: 0;
    }

    .timeline {
        padding-left: 30px;
    }

    .timeline::before {
        left: 7px;
    }

    .timeline-item.right::before,
    .timeline-item.left::before {
        left: -32px;
        right: inherit !important;
        transform: none;
    }

    .milestonehead {
        margin-bottom: 20px;
    }

    .ourarticle {
        padding: 30px 0;
    }

    .ourarticlegrid {
        gap: 15px;
        grid-template-columns: repeat(1, 1fr);
    }

    .ourarticlehead {
        padding-right: 20px;
    }

    .ourarticletitle {
        width: 73%;
    }

    .faqsection {
        padding: 30px 0;
    }

    .faqwrapper {
        flex-direction: column;
        display: flex;
        gap: 20px;
    }

    .faqleft p {
        max-width: 100%;
        margin-top: 4px;
    }

    .faq-question {
        padding: 15px;
        font-size: 15px;
        padding-right: 40px;
    }

    .faq-question::before {
        top: 17px;
        width: 8px;
        height: 8px;
        right: 15px;
    }

    .faq-answer {
        padding: 10px 15px;
    }

    .faq-item:not(:last-child) {
        margin-bottom: 10px;
    }

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

    .registerleft {
        padding: 30px 20px;
    }

    .registerright {
        padding: 30px 0px;
        padding-bottom: 20px;
    }

    .submitbtn {
        position: relative;
    }

    .submitbtn .wpcf7-spinner {
        position: absolute;
    }

    .footergrid {
        flex-direction: column;
    }

    .footerleft {
        width: 100%;
        border: 0;
        order: 2;
    }

    .footerright {
        width: 100%;
    }

    .footerwrap {
        flex-wrap: wrap;
        gap: 20px;
        padding-right: 0;
        padding-top: 30px;
    }

    .footermenu:first-child {
        width: 37%;
    }

    .footermenu {
        width: 57%;
    }

    .footermenu.contact-item {
        width: 100%;
    }

    .footermenu li a,
    .footermenu p,
    .footerwrap .footermenu.contact-item li {
        font-size: 14px;
    }

    .footermenu ul li:not(:last-child) {
        margin: 0 0 8px;
    }

    .footerwrap .footermenu.contact-item li {
        margin: 0 0 11px;
    }

    .footersocial::before {
        display: none;
    }

    .footersocial {
        padding: 20px 0;
        margin-top: 0;
    }

    .footerrightin {
        padding: 0;
        padding-top: 20px;
    }

    .footerbottom {
        padding: 20px 0;
    }

    .footercopy p,
    .footercopy a {
        font-size: 13px;
        text-align: center;
    }

    .footermenu h3 {
        margin-bottom: 12px;
    }

    .articlecontent {
        padding: 20px;
    }

    .readmore a {
        font-size: 12px;
    }

    .readmore a svg {
        width: 14px;
    }

    .committedsource {
        gap: 5px;
    }

    .committeditem span {
        font-size: 11px;
    }

    .committeditem span.bold {
        margin: 0 0 1px;
    }

    .committeditem {
        padding: 7px 10px;
    }

    .top-badge {
        top: -22px;
        padding: 8px 12px;
        font-size: 10px;
        line-height: 1.2;
        z-index: 1;
        letter-spacing: 0;
    }

    .status-card {
        padding: 26px 20px 45px;
    }

    section.herobanner.aboutbanner .bottom-badge {
        padding: 8px 12px;
        font-size: 10px;
        line-height: 1.2;
    }

    .row-item {
        padding: 5px 0;
    }

    .label,
    .value {
        font-size: 12px;
        line-height: 22px;
    }

    .aboutbanner .bannercontent {
        padding: 20px;
    }

    .aboutbanner .bannercontentin p {
        margin-top: 6px;
    }

    .chipswrap .bannerleftgrid {
        gap: 14px;
        grid-template-columns: repeat(2, 1fr);
    }

    .chipswrap .bannerleftitem h3 {
        font-size: 15px;
    }

    .chipssec .bannerleftitem:nth-child(2) {
        border: none;
    }

    .aboutrightin {
        padding: 40px 20px 40px 20px;
    }

    .ourstorysec .aboutwrap {
        gap: 0;
    }

    .ourstorybadge span {
        font-size: 12px;
        padding: 7px 10px;
    }

    .ourstorybadge {
        gap: 5px 5px;
    }

    .ourmissionsecwrap {
        grid-template-columns: 1fr;
    }

    .ourcorevalue .ourservicegrid {
        gap: 10px;
    }

    .servicecontent h3 {
        font-size: 18px;
    }

    .ourserviceitemin {
        padding: 20px 15px 20px;
    }

    .ourcorevalue .serviceicon {
        margin: 8px auto auto;
    }

    .whychoosesec .aboutwrap {
        flex-direction: column-reverse;
        row-gap: 25px;
    }

    .chooserightin p {
        margin: 7px 0;
    }

    .readygrowrap {
        flex-direction: column;
    }

    .readygrowright,
    .readygrowleft {
        width: 100%;
    }

    .readygrowsec {
        background: linear-gradient(120deg, #1fa4d8 0%, #0b5cad 100%);
    }

    .login-banner .hero-img img {
        width: 100%;
        display: block;
    }

    .login-banner .bannerrightin .bannerform {
        padding: 30px 0 0;
    }

    .login-banner .bannerrightin .bannerformin {
        padding: 25px 15px 25px;
    }

    .login-banner .formhead h3 {
        margin: 0 0 5px;
        font-size: 20px;
    }

    .login-banner .formhead p {
        font-size: 14px;
        line-height: 1.4;
    }

    .login-banner .sbtitle {
        font-size: 10px;
        line-height: 1.2;
        padding: 8px 12px;
        letter-spacing: 0.5px;
    }

    .login-banner .bannerformin .sbtitle:before {
        width: 7px;
        height: 7px;
    }

    .formitem label {
        margin: 0 0 8px;
        font-size: 14px;
    }

    .formitem input {
        padding: 11px 12px;
        font-size: 13px;
    }

    .toggle-password svg {
        width: 16px;
        height: 16px;
    }

    .form_wrap .form-checkbox label {
        font-size: 12px;
    }

    .form_wrap .form-checkbox input {
        width: 15px;
        height: 15px;
    }

    .forgot-link a,
    .formfoot a {
        font-size: 12px;
        gap: 8px;
    }

    .formbtn input {
        padding: 12px;
        font-size: 13px;
    }

    .formfoot {
        margin: 15px 0 0;
    }

    .login-banner .formfoot p {
        font-size: 13px;
        line-height: 1;
    }

    .form-secure-text .text {
        font-size: 12px;
    }

    .form-secure-text {
        align-items: center;
    }

    .form-secure-text .icon {
        display: flex;
    }

    .login-banner .formfoot a svg,
    .forgot-link a svg {
        width: 15px;
        height: 15px;
    }

    .formbtn {
        margin: 12px 0 0;
    }

    .forgot-link {
        text-align: center;
    }

    .login-banner .bannercontent {
        padding-top: 0;
    }

    .login-banner .hero-img {
        margin-top: 10px;
    }

    .login-banner .bannerleftitem h3 {
        font-size: 16px;
        line-height: 22px;
    }

    .login-banner .bannerleftitem p {
        font-size: 11px;
    }

    .login-agreement {
        padding: 0px 0 30px;
        font-size: 12px;
        line-height: 1.3;
    }

    .login-banner .bannerleftgrid {
        padding-top: 10px;
    }

    .bannercontentinpage {
        position: static;
        transform: inherit;
        padding: 30px 0;
    }

    .service-page .bannerinpageimg img {
        height: 220px;
        object-fit: cover;
        object-position: right;
    }

    .page-template-service .bannerinpageimg img {
        position: static;
    }

    .page-template-service .bannercontentinpage {
        padding: 20px 0;
    }

    .page-template-service .bannercontentinpage .bannercontentin {
        max-width: 100%;
    }

    .ourservicepage .ourserviceshead {
        margin: 0 0 30px;
    }

    .ourservicepage .ourservicegrid {
        gap: 10px;
        padding-top: 10px;
    }

    .contactbanner .bannerwrap {
        flex-direction: column-reverse;
        /*row-gap: 50px;*/
    }

    .bottom-badge {
        bottom: -30px;
    }

    .contactbanner {
        padding-bottom: 25px;
    }

    .line-sec svg {
        height: 30px;
        width: 100%;
        object-fit: contain;
    }

    .line-sec p {
        font-size: 13px;
        margin-top: 8px;
    }

    .how-help-contact .ourservicegrid .ourserviceitem {
        min-width: 270px;
    }

    .btn-direction {
        margin-top: 15px;
        font-size: 13px;
    }

    .how-help-contact .ourserviceitemin .servicecontent h3 {
        margin-bottom: 6px;
        font-size: 16px;
    }

    .how-help-contact .ourservicegrid p {
        font-size: 13px;
        line-height: 20px;
    }

    .contact-section .container {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .team {
        margin-top: 0;
    }

    .registerformitem {
        width: 100%;
    }

    .contact-section .submitbtn {
        align-items: baseline;
        gap: 20px;
    }

    .contactbanner .top-badge {
        line-height: 1.2;
    }

    .contact-form h2 {
        font-size: 26px;
    }

    .registerformitem textarea {
        height: 80px;
        min-height: 80px;
    }

    .aboutbanner .bannerrightin {
        padding: 30px 20px;
    }

    .aboutbanner .bannerwrap {
        flex-direction: column-reverse;
    }

    .aboutbanner {
        padding: 0;
    }

    .faq-tabs ul {
        gap: 8px;
        padding: 15px 0 0;
        overflow: auto;
        justify-content: inherit;
        margin: 0 0 20px;
    }

    .faq-tabs ul li {
        min-width: fit-content;
    }

    .faq-top-tabs {
        position: static;
        padding-top: 20px;
    }

    .page-template-faq .contactbanner .bannerwrap {
        row-gap: 50px;
    }

    .bannerright.faq-sec .top-badge {
        font-size: 9px;
        bottom: auto;
        top: -20px;
        padding-left: 22px;
    }

    .bannerright.faq-sec .top-badge:before {
        left: 10px;
    }

    .bannerright.faq-sec .bottom-badge {
        font-size: 9px;
        line-height: 1;
        top: 90%;
        gap: 5px;
    }

    .bannerright.faq-sec .bottom-badge svg {
        width: 16px;
        height: 16px;
    }

    .page-template-faq .contactbanner {
        padding-bottom: 40px;
    }

    .faq-content-heading {
        gap: 8px;
        font-size: 16px;
    }

    .faq-content-heading .icon {
        width: 30px;
        height: 30px;
    }

    .single-service-page .herobtn {
        flex-wrap: wrap;
    }

    .single-service-page .herobtn a {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .service-overview {
        padding-top: 10px;
    }

    .service-benefits .aboutwrap {
        flex-direction: column-reverse;
    }

    .service-benefits .aboutleft img {
        border-radius: 10px 10px 0 0px;
    }

    .service-benefits .aboutright {
        border-radius: 0 0 10px 10px;
    }

    .service-commitment .aboutwrap {
        flex-direction: column-reverse;
    }

    .service-commitment .aboutwrap>* {
        width: 100%;
    }

    .service-commitment {
        padding: 15px 0 45px;
    }

    .news-page img {
        height: 200px;
        object-position: right;
    }

    body.page-template-news .ourarticle {
        padding: 15px 0 45px;
    }

    .forget-password-banner .banner-wrapper .card {
        border-radius: 15px;
        padding: 30px 20px;
    }

    .forget-password-banner .banner-heading h1 {
        font-size: 26px;
        margin: 0 0 6px;
    }

    .forget-password-banner .banner-heading {
        margin-bottom: 25px;
    }

    .forget-password-banner .banner-wrapper .card .desc {
        padding-bottom: 15px;
        margin-bottom: 15px;
        font-size: 13px;
        line-height: 1.4;
    }

    .forget-password-banner .form_wrap .formbtn {
        margin: 15px 0 0;
    }

    .forget-password-banner .formfoot p {
        font-size: 13px;
        margin: 0;
    }

    .forget-password-bottom {
        font-size: 13px;
        padding: 15px 0 0;
    }

    .single-news-banner .banner-grid {
        gap: 0;
        flex-direction: column;
    }

    .single-news-banner .banner-grid .bannercontentin {
        max-width: 100%;
        padding: 30px 0 30px 20px;
    }

    .single-news-banner .banner-grid .banner-image {
        width: 100%;
    }

    .single-news-content p {
        margin: 10px 0;
    }

    .single-news-content h2 {
        font-size: 22px;
    }

    .feature-list li,
    .single-news-content li {
        margin-bottom: 10px;
    }

    .article-prev-next-wrap {
        gap: 12px;
        padding: 15px 0;
        margin-top: 25px;
        flex-wrap: wrap;
    }

    .social-icon-item a {
        width: 30px;
        height: 30px;
    }

    .social-icon-item a svg {
        width: 15px;
        height: 15px;
    }

    .article-prev-next-wrap .herobtn a {
        width: auto;
        justify-content: center;
        padding: 10px 14px;
        font-size: 11px;
    }

    .article-social-share h3 {
        font-size: 14px;
    }

    .article-social-share {
        gap: 6px;
    }

    .related-articles-grid {
        grid-template-columns: 1fr;
        gap: 12px;
        display: flex;
        overflow: auto;
    }

    .related-article {
        min-width: 60%;
    }

    .brands-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        row-gap: 20px;
        display: flex;
        overflow: auto;
        padding-top: 5px;
    }

    .brand-card {
        min-width: fit-content;
    }

    .shoppagge .shop-breadcrumb nav {
        font-size: 13px;
    }

    .toolbar-left {
        width: 100%;
    }

    .shop-toolbar {
        flex-wrap: wrap;
    }

    .toolbar-right a {
        padding: 10px;
        justify-content: center;
    }

    .shop-toolbar .grid-btn,
    .shop-toolbar .list-btn,
    .shop-toolbar .filter-btn {
        width: 100%;
        padding: 10px;
    }

    .shoppagge .products-grid {
        gap: 20px 30px;
    }

    .brands-grid .brand-card h3 {
        font-size: 15px;
        line-height: 1.2;
        margin: 0 0 2px;
    }

    .shoppagge .product-card button.btn.btn-outline {
        font-size: 14px;
    }

    .shoppagge .product-card button.btn.btn-outline svg {
        width: 15px;
        height: 15px;
    }

    .mobile-menu-sec.mobile-view a {
        font-size: 14px;
    }

    .headergrid {
        gap: 15px;
    }

    .product-main {
        flex-wrap: wrap;
        row-gap: 25px;
    }

    body .product .summary.entry-summary {
        width: 100% !important;
    }

    .single-product-layout {
        padding-left: 0;
    }

    .single-product-layout .qty-price .qty {
        width: auto;
    }

    body .product #wpgs-gallery.vertical .spswiper-slide.wcgs-thumb img {
        height: 50px !important;
    }

    #wpgs-gallery.vertical .spswiper-slide.wcgs-thumb {
        margin-bottom: 5px !important;
    }

    .product-status {
        left: auto;
        right: -5px;
        top: -5px;
    }

    .single-product .aboutwrap {
        flex-direction: column-reverse;
    }

    .related-product-section ul.products.columns-4.products-grid .product-card {
        min-width: 70%;
    }

    .single-product .shop-top-section .toolbar-right {
        margin-left: auto;
    }

    #wpgs-gallery .wcgs-carousel .wcgs-spswiper-arrow,
    #wpgs-gallery .wcgs-carousel .wcgs-spswiper-arrow {
        width: 35px;
        height: 35px;
    }

    #wpgs-gallery .wcgs-carousel .wcgs-spswiper-arrow:before,
    #wpgs-gallery .wcgs-carousel .wcgs-spswiper-arrow:before,
    #wpgs-gallery .wcgs-carousel .wcgs-spswiper-arrow:before,
    #wpgs-gallery .wcgs-carousel .wcgs-spswiper-arrow:before {
        width: 14px;
        height: 14px;
    }

    .wcgs-carousel .wcgs-spswiper-arrow.wcgs-spswiper-button-prev {
        left: 10px !important;
    }

    .wcgs-carousel .wcgs-spswiper-arrow.wcgs-spswiper-button-next {
        right: 10px !important;
    }

    .single-product-layout .add-cart {
        flex: inherit;
    }

    .single-product-layout .variation-buttons button,
    .single-product-layout .variation-buttons a {
        padding: 10px 10px;
        height: 36px;
        min-width: 60px;
    }

    .single-product-layout .accordion-header {
        font-size: 15px;
        line-height: 22px;
    }

    .productgallery {
        width: 100%;
    }

    .is-mobile table.wc-block-cart-items .wc-block-cart-items__row:not(:last-child) {
        border-bottom: 1px solid #ccc;
    }

    .woocommerce-cart article,
    .woocommerce-checkout article {
        padding: 20px 10px 0;
    }

    .wc-block-components-quantity-selector {
        width: 100px !important;
        height: 35px;
    }

    .wc-block-components-product-badge {
        font-size: 11px;
    }

    .wc-block-components-quantity-selector,
    .wc-block-components-quantity-selector__button {
        font-size: 18px !important;
    }

    .error404 header.page-header {
        padding-top: 20px;
    }

    .error-404.not-found {
        padding-bottom: 40px;
    }

    .error-404.not-found label {
        display: block;
        text-align: left;
        margin: 0 0 10px;
    }

    .error-404.not-found.default-max-width input[type="search"] {
        height: 45px;
        width: 100%;
    }

    .error-404.not-found.default-max-width input.search-submit {
        font-size: 14px;
        padding: 10px 20px;
        height: 45px;
        top: 0;
        width: 100%;
        margin-top: 10px;
    }

    .ourbranditem img {
        max-width: 120px;
    }

    .home .servicecontent h3 {
        font-size: 18px;
    }

    .footersocial {
        gap: 15px;
    }

    .wc-block-components-sidebar-layout .wc-block-components-main,
    .wc-block-components-sidebar {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .wc-block-checkout__actions {
        margin-bottom: 30px !important;
    }

    .wc-block-components-sidebar-layout.wc-block-checkout {
        padding-bottom: 30px;
    }

    ul.woocommerce-order-overview li {
        gap: 10px;
        grid-template-columns: 150px 1fr;
        font-size: 14px;
        word-break: break-all;
    }

    .woocommerce-order-received table th,
    .woocommerce-order-received table td {
        padding: 5px 10px 5px 0;
    }

    .woocommerce-order-received table th,
    .woocommerce-order-received table a,
    .woocommerce-order-received table td a {
        font-size: 13px;
    }

    .woocommerce-order .woocommerce-notice {
        font-size: 15px;
    }

    section.woocommerce-customer-details address {
        line-height: 1.4;
        font-size: 14px;
    }

    .woocommerce-order p {
        margin: 10px 0;
    }

    .search-grid {
        padding: 0 20px 30px;
        grid-template-columns: repeat(2, 1fr);
        margin-top: 25px;
    }

    .search-grid article {
        padding: 20px 12px 20px !important;
    }

    .search-grid article .entry-title {
        font-size: 13px;
        line-height: 1.2;
    }

    .search-result-count {
        font-size: 14px;
        margin-top: 10px;
    }

    .wc-block-components-form .wc-block-components-checkout-step {
        margin: 0 0 15px;
    }

    .my-account-page .woocommerce {
        grid-template-columns: 1fr;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table td {
        padding-left: 0;
        padding-bottom: 10px;
        font-size: 14px;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table td a.woocommerce-button.button.view {
        margin: 30px 0 0 !important;
        display: block;
        width: 100%;
    }

    .my-account-page .woocommerce li {
        padding: 0 !important;
    }

    .woocommerce-account .woocommerce-MyAccount-content p {
        font-size: 14px;
    }

    body .woocommerce-info {
        padding: 10px;
        font-size: 13px;
        margin: 0;
    }

    body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address {
        margin: 0 0 20px;
    }

    body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses address {
        line-height: 1.5rem;
        font-size: 14px;
    }

    form.woocommerce-EditAccountForm .woocommerce-form-row {
        width: 100%;
        padding-bottom: 15px;
    }

    .my-account-page .containerabout {
        padding: 10px 20px 30px;
    }

    .bannercontent {
        padding-right: 0;
    }

    .subsbtn {
        margin-top: 15px;
    }

    .page-template-about .aboutbanner {
        padding: 0;
    }

    .notify-box {
        width: calc(100% - 40px);
        padding: 35px 20px;
    }

    .products-items-wrapper .loader-products {
        height: auto;
    }

    section.herobanner.aboutbanner .top-badge {
        font-size: 11px;
        line-height: 1;
        top: -20px;
    }

    .footerright:after {
        display: none;
    }
    .home .bannerinpageimg {
    display: block;
}
.home  .herobanner {
    background-image: none !important;
    padding: 0;
}
.home .bannerright .sbtitle {
    line-height: 1.2;
    padding: 6px 15px;
}
.servicehead .serviceicon {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
}
.servicehead .serviceicon img {
    width: 25px;
    height: 25px;
}
.home .servicecontent h3 {
    font-size: 16px;
}
.servicehead {
    gap: 7px;
}
.home .ourservices .ourservicegrid p {
    font-size: 13px;
}
.additionwrap {
    display: flex;
    overflow: auto;
    gap: 10px;
}
.additionitem {
    padding: 12px;
    gap: 7px;
    min-width: 80%;
    transform: inherit;
    flex-direction: column;
    height: auto;
}
.homestateswrap {
    gap: 10px;
    row-gap: 10px;
}
.hstatesitem {
    gap: 6px;
    flex-direction: column;
    text-align: center;
}
.hstatesitem:not(:last-child) {
    padding-right: 0;
    margin-right: 0;
    border-bottom: 1px solid #d9d9d9;
    border-right: none;
    padding-bottom: 10px;
}
.hstatesitem:nth-child(3) {
    border-bottom: none;
}
.hstatesinfo p {
    max-width: 100%;
}
.hstatesinfo {
    text-align: center;
}
.additionhead h3:before, 
.additionhead h3:after {
    content: inherit;
}
.additionhead h3 {
    font-size: 16px;
    padding: 0 20px;
}
.additionhead {
    margin: 0 0 15px;
}
.hstatesinfo p br{
    display: none;
}
.homestateswrap {
    padding: 14px;
}
body .servicenew .bannerinpageimg img {
    height: auto;
}
.servicesbotmleftin {
    gap: 5px;
    flex-direction: column;
    text-align: center;
}
.servicesbotminfo p {
    font-size: 13px;
    line-height: 1.3;
}
.servicenewready .readygrowrap {
    gap: 25px;
    grid-template-columns: 1fr;
}
.servicenewready .readygrowright {
    flex-direction: column;
}
.readygrowlast img {
    width: 90px;
}
.chipswrap .bannerleftitem .estainfo h3 {
    font-size: 15px;
    margin: 0 0 2px;
}
.chipswrap .bannerleftitem .estainfo p {
    font-size: 11px;
}
.estainner {
    gap: 0;
}
body .bannerinpageimg img.mob-img {
    display: block !important;
}
body .bannerinpageimg img.desk-img {
    display: none !important;
}
 .list-content ul li:before {
    width: 16px;
    height: 16px;
}
.list-content ul li{
    padding-left: 22px;
}
.serviechips .chipswrap .bannerleftgrid .bannerleftitem:nth-child(2) {
    border-right: none;
    padding-right: 0;
}
.serviechips .chipswrap .bannerleftgrid {
    row-gap: 15px;
}
.default-page h2 {
    font-size: 24px;
}
.default-page p {
    margin: 10px 0;
}
.default-page {
    padding: 20px 0 40px;
}
.mb-history-wrap{
    display:block;
}

.mb-history-wrap::before {
    left: 24px;
    top: 0;
    bottom: 0;
    width: 2px;
    height: calc(100% - 20px);
    margin: 0;
}
.mb-history-item{
    display:flex;
    align-items:center;
    text-align:left;
    margin-bottom:15px;
    flex-wrap: wrap;
}
.mb-history-year {
    font-size: 15px;
    margin: 0;
    width: 80%;
}
.mb-history-icon{
    margin:0 10px 0 0;
    flex-shrink:0;
}
.mb-history-item:not(:last-child) .mb-history-icon::after,
.mb-history-item:not(:last-child) .mb-history-icon::before{
    display:none;
}
.mb-history-text {
    max-width: 100%;
    margin: 0;
    display: block;
    font-size: 12px;
    padding-left: 55px;
    position: relative;
    top: -10px;
}
.ourcapabilitywrap {
    display: flex;
    overflow: auto;
}
.ourcapaitem {
    min-width: 60%;
}
.capabilityinfo h3 {
    font-size: 16px;
}
.capabilityinfo p {
    font-size: 14px;
}
.ourcapaitemin {
    padding: 12px 12px;
}
.capabilityicon {
    margin: 0 0 4px;
}
.mbhistoryhead {
    margin: 0 0 20px;
}
.aboutnewbottomwrapin {
    grid-template-columns: repeat(2, 1fr);
    align-items: flex-start;
}
.servicesbotminfo h3 {
    font-size: 14px;
}
.aboutnewbottomwrapin .servicesbotminfo p {
    font-size: 12px;
}
.aboutnewbottomwrapin .servicesbotmrightitem:nth-child(2) {
    border-right: none;
    padding-right: 0;
}
.aboutnewready .readygrowlast {
    right: 0;
    z-index: -1;
    left: 0;
    margin: auto;
    text-align: center;
}
.aboutnewready .readygrowlast img {
    margin: auto;
}
body .aboutnew .bannerinpageimg img.mob-img {
    height: 300px !important;
    object-position: top;
}
.aboutnewchips {
    padding: 0 0 20px 0;
}
.aboutnewchips .chipswrap .bannerleftitem .estainfo h3 {
    font-size: 13px;
}
.aboutnewchips .chipswrap .bannerleftitem .estainfo p {
    font-size: 10px;
}
.aboutnewchips .bannerleftgrid {
    display: flex;
    overflow: auto;
}
.aboutnewchips .bannerleftgrid .bannerleftitem {
    min-width: 55%;
}
.aboutnewchips .bannerleftgrid .bannerleftitem:nth-child(2){
    border-right: 1px solid rgb(196 196 196 / 45%);
}
.aboutnewchips .chipswrap {
    padding: 12px;
}
.our_storywrap {
    grid-template-columns: 1fr;
    gap: 15px;
}
.our_storyitem:last-child {
    border-left: none;
    border-top: 1px solid #d9d9d9;
    padding-left: 0;
    padding-top: 30px;
}
.our_storyitem ul {
    margin: 15px 0 0;
}
.contactbanner .statusicon {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
}
.status_title {
    font-size: 14px;
    margin: 0 0 15px;
}
.contactbanner .statusicon img {
    width: 32px;
    height: 32px;
}
.statusitem {
     align-items: flex-start; 
}
.statusitem:not(:last-child) {
    margin: 0 0 20px;
}
.waystitle span:before, .waystitle span:after {
    content: inherit;
}
body .how-help-contact .ourservicegrid {
    gap: 10px;
}
body .contactready .readygrowrap {
    grid-template-columns: 1fr;
}
.servicesbotmicon img {
    width: 30px;
    height: 30px;
}
.no-results.not-found {
    padding: 20px 20px;
}
.no-results.not-found .page-content label {
    display: block;
    margin: 0 0 10px;
    font-family: 'Inter';
    font-size: 14px;
}
.no-results.not-found .page-content input.search-field {
    width: 100%;
}
.no-results.not-found .page-content input.search-submit {
    width: 100%;
    margin: 10px 0 0;
}
.aboutright .btnwrap, 
.marketsleftin .btnwrap, 
.registebottom .btnwrap {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}
.herobtn {
    flex-direction: column;
    width: 100%;
}
.herobtn a {
    width: 100%;
    justify-content: center;
}
.service-commitment .aboutwrap .aboutleft {
    position: static;
}

}