@media (min-width: 1921px) {
  .body-container,
  .yuj-wrapper,
  .yuj-wrapper-inner,
  .footer-flexbox,
  #mega-menu-wrap-primary
    #mega-menu-primary
    li.mega-menu-megamenu
    > ul.mega-sub-menu
    > li.mega-menu-row,
  #mega-menu-wrap-us-primary
    #mega-menu-us-primary
    li.mega-menu-megamenu
    > ul.mega-sub-menu
    > li.mega-menu-row {
    padding-left: calc((100vw - 1600px) / 2);
    padding-right: calc((100vw - 1600px) / 2);
  }
}

@media only screen and (max-width: 1920px) {
  .body-container,
  .yuj-wrapper,
  .yuj-wrapper-inner,
  .footer-flexbox,
  #mega-menu-wrap-primary
    #mega-menu-primary
    li.mega-menu-megamenu
    > ul.mega-sub-menu
    > li.mega-menu-row,
  #mega-menu-wrap-us-primary
    #mega-menu-us-primary
    li.mega-menu-megamenu
    > ul.mega-sub-menu
    > li.mega-menu-row {
    padding-left: 240px;
    padding-right: 240px;
  }
}
@media only screen and (max-width: 1600px) {
  .body-container,
  .yuj-wrapper,
  .yuj-wrapper-inner,
  .footer-flexbox,
  #mega-menu-wrap-primary
    #mega-menu-primary
    li.mega-menu-megamenu
    > ul.mega-sub-menu
    > li.mega-menu-row,
  #mega-menu-wrap-us-primary
    #mega-menu-us-primary
    li.mega-menu-megamenu
    > ul.mega-sub-menu
    > li.mega-menu-row {
    padding-left: 180px;
    padding-right: 180px;
  }
}

@media only screen and (max-width: 1440px) {
  .body-container,
  .yuj-wrapper,
  .yuj-wrapper-inner,
  .footer-flexbox,
  #mega-menu-wrap-primary
    #mega-menu-primary
    li.mega-menu-megamenu
    > ul.mega-sub-menu
    > li.mega-menu-row,
  #mega-menu-wrap-us-primary
    #mega-menu-us-primary
    li.mega-menu-megamenu
    > ul.mega-sub-menu
    > li.mega-menu-row {
    padding-left: 100px;
    padding-right: 100px;
  }
}

@media only screen and (max-width: 1366px) {
  .body-container,
  .yuj-wrapper,
  .yuj-wrapper-inner,
  .footer-flexbox,
  #mega-menu-wrap-primary
    #mega-menu-primary
    li.mega-menu-megamenu
    > ul.mega-sub-menu
    > li.mega-menu-row,
  #mega-menu-wrap-us-primary
    #mega-menu-us-primary
    li.mega-menu-megamenu
    > ul.mega-sub-menu
    > li.mega-menu-row {
    padding-left: 60px;
    padding-right: 60px;
  }
  .link-with-icon {
    font-size: 18px;
  }
  [class^="icon"] {
    width: 28px;
    height: 28px;
  }
}

@media only screen and (max-width: 1280px) {
  .body-container,
  .yuj-wrapper,
  .yuj-wrapper-inner,
  .footer-flexbox,
  #mega-menu-wrap-primary
    #mega-menu-primary
    li.mega-menu-megamenu
    > ul.mega-sub-menu
    > li.mega-menu-row,
  #mega-menu-wrap-us-primary
    #mega-menu-us-primary
    li.mega-menu-megamenu
    > ul.mega-sub-menu
    > li.mega-menu-row {
    padding-left: 50px;
    padding-right: 50px;
  }
  .locAddress-row {
    margin: 30px 0px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 1200px) {
  .news-section {
    padding: 40px 0px 30px 0px;
    margin: 0px -10px;
  }

  .news-section .newscard {
    padding: 0px 10px;
  }

  .news-section .newscard .img-wrap {
    margin-bottom: 24px;
  }

  .section-spacing {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

@media only screen and (max-width: 1100px) {
  .body-container,
  .yuj-wrapper,
  .yuj-wrapper-inner,
  .footer-flexbox,
  #mega-menu-wrap-primary
    #mega-menu-primary
    li.mega-menu-megamenu
    > ul.mega-sub-menu
    > li.mega-menu-row,
  #mega-menu-wrap-us-primary
    #mega-menu-us-primary
    li.mega-menu-megamenu
    > ul.mega-sub-menu
    > li.mega-menu-row {
    padding-left: 40px;
    padding-right: 40px;
  }

  .socialList li {
    font-size: 0;
  }

  .lets-together-col .flexChild h5 {
    font-size: 26px;
  }

  .lets-together-col .partner-btn {
    max-width: 250px;
  }
}

@media screen and (max-width: 1024px) {
  /* responsive css for heading start 5 jan 26 */
  h1,
  .h1,
  .baner-text h1,
  .baner-text .h1 {
    font-size: 50px;
  }
  h2,
  .h2 {
    font-size: 36px;
  }
  h3 {
    font-size: 28px;
  }
  h4 {
    font-size: 20px;
  }
  h5 {
    font-size: 18px;
  }
  h6 {
    font-size: 16px;
  }
  .fs-xl {
    font-size: 22px;
  }
  .fs-lg {
    font-size: 18px;
  }
  .fs-md {
    font-size: 16px;
  }
  .fs-sm {
    font-size: 14px;
  }
}

@media only screen and (max-width: 991px) {
  .desktop-layout {
    display: none !important;
  }
  .mobile-layout {
    display: block !important;
  }
  .news-section {
    flex-wrap: nowrap;
    margin: 0px;
  }
  .news-section .newscard {
    padding: 0px;
  }
  .pageslist ul li {
    font-size: 28px;
    margin-bottom: 25px;
  }
  .locAddress-row {
    margin: 25px 0px;
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .blogswiperCard .news-section {
    flex-wrap: wrap;
  }
  .blogswiperCard .news-section .newscard {
    padding: 0px 10px;
  }
  .footer-flexbox.lets-together-col {
    flex-direction: column;
    flex-wrap: wrap;
  }
  .nav-bar .navigaion,
  .nav-bar .navigaion ul {
    column-gap: 50px;
  }
  .nav-bar .navigaion ul {
    column-gap: 25px;
  }
  .link-with-icon {
    font-size: 20px;
  }
  ul.slick-dots {
    position: relative;
    margin-top: 30px;
    bottom: 0;
    display: flex;
    justify-content: center;
  }
  .blogswiperCard ul.slick-dots {
    position: relative;
    margin-top: 10px;
    bottom: 0;
    display: flex;
    justify-content: center;
    list-style: none;
    margin-bottom: 20px;
  }
  .slick-dots li button:before {
    background: #ccc;
    width: 10px;
    height: 10px;
    position: relative;
    content: "";
    display: block;
    opacity: 1;
    border-radius: 6px;
  }
  .slick-dots li button:hover {
    background: transparent;
  }
  .slick-dots li button {
    width: 10px;
    height: 17px;
    padding: 0;
    background: transparent;
    font-size: 0px;
    border-radius: 50%;
  }
  .slick-dots li {
    width: auto;
    height: auto;
    margin: 0 5px;
  }
  .slick-dots li.slick-active button::before {
    background: #f59301;
  }
  .link-icon .social-icon-active {
    background-image: url(/yujliverebranding/wp-content/uploads/2023/11/linkedin.png);
  }

  .youtube-icon .social-icon-active {
    background-image: url(/yujliverebranding/wp-content/uploads/2023/11/youtube-hover.png);
  }

  .clutch-icon .social-icon-active {
    background-image: url(/yujliverebranding/wp-content/uploads/2023/11/clutch-hover-icon.png);
  }

  .instagram-icon .social-icon-active {
    background-image: url(/yujliverebranding/wp-content/uploads/2023/11/instragram-hover.png);
  }
  #mega-menu-wrap-primary .mega-menu-toggle,
  #mega-menu-wrap-us-primary .mega-menu-toggle {
    display: none;
  }
}
@media only screen and (min-width: 820px) and (max-width: 1366px) and (orientation: landscape) {
  .without-section-spacing .headingsection {
    padding-top: 150px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 820px) and (max-width: 1366px) and (orientation: portrait) {
    /* new css for no section spacing start */
  .without-section-spacing .headingsection {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  /* new css for no section spacing ends */
}
@media all and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  i.orangedot {
    width: 14px;
    height: 14px;
  }
  .popupbtn-wrap .wpb-pcf-btn.wpb-pcf-btn-large {
    font-size: 18px;
    width: auto;
  }
  #mega-menu-wrap-primary
    #mega-menu-primary
    > li.mega-menu-item
    > a.mega-menu-link {
    font-size: 18px;
    margin: 0px 10px;
  }
  #mega-menu-wrap-us-primary
    #mega-menu-us-primary
    > li.mega-menu-item
    > a.mega-menu-link {
    font-size: 18px;
    margin: 0px 10px;
  }
  #mega-menu-wrap-primary
    #mega-menu-primary
    li.mega-menu-megamenu
    > ul.mega-sub-menu
    > li.mega-menu-row {
    padding: 15px 40px 50px 40px;
  }
  .fordesktop-layout {
    display: flex;
  }
  .formobile-layout {
    display: none;
  }
  .without-section-spacing .headingsection {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

@media all and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .link-with-icon {
    font-size: 18px;
  }
  .nav-bar .navigaion ul {
    column-gap: 50px;
  }
  .menu-hamburger-menu-container {
    float: left;
  }
  /* mobile service css start here 11 jun 25*/
  .mserviceHeader {
    font-size: 20px;
    color: #fff;
    margin-bottom: 16px;
    margin-left: 30px;
  }
  .mservicemenu-wrapper {
    display: flex;
    flex-wrap: wrap;
  }
  .mserviceBox {
    width: 50%;
    margin-bottom: 30px;
  }
  .mserviceTitle {
    color: #fff;
    font-size: 18px;
    font-family: "Figtree", "sans-serif" !important;
    font-weight: 600;
  }
  .mservicesmenu li a {
    font-size: 16px;
  }
  .nav-bar .navigaion .collapse-servicemenu ul li a {
    font-size: 14px;
    font-family: "Figtree", "sans-serif" !important;
  }
  header.whiteBG .nav-bar .navigaion ul li a {
    color: #fff;
  }
  .nav-bar .navigaion .collapse-servicemenu ul {
    margin-top: 20px;
  }
  .mservicesmenu .icon.icon-arrow {
    display: none;
  }
  .close-servicemenu .icon {
    width: 17px !important;
    height: 17px !important;
  }
  header.detail-page-cls.whiteBG .nav-bar .navigaion ul li a {
    color: #fff;
  }
  header.detail-page-cls.whiteBG .nav-bar .navigaion ul li.current_page_item a,
  header.detail-page-cls.whiteBG .nav-bar .navigaion ul li.current-menu-item a {
    color: #f59301;
  }
  .icon-serviceleftarrow::before {
    mask-image: url(/wp-content/uploads/2024/05/left-whitearrow.png);
    -webkit-mask-image: url(/wp-content/uploads/2024/05/left-whitearrow.png);
    margin: 0px;
    background: #fff;
  }
  i.orangedot {
    width: 12px;
    height: 12px;
  }
  .cta-secondary {
    font-size: 18px;
    padding: 16px 14px;
    width: 255px;
  }
  .btns-group {
    gap: 18px;
  }
  .paddingTCustom {
    padding-top: 30px;
  }
  .paddingBCustom {
    padding-bottom: 30px;
  }
  #displayfordesktop {
    display: block;
  }
  #displayforMobile {
    display: none;
  }
  .popupbtn-wrap {
    margin-top: 30px;
  }
  .popupbtn-wrap .wpb-pcf-btn.wpb-pcf-btn-large {
    font-size: 18px;
    width: auto;
  }
  .body-container,
  .yuj-wrapper,
  .yuj-wrapper-inner,
  .footer-flexbox,
  #mega-menu-wrap-primary
    #mega-menu-primary
    li.mega-menu-megamenu
    > ul.mega-sub-menu
    > li.mega-menu-row,
  #mega-menu-wrap-us-primary
    #mega-menu-us-primary
    li.mega-menu-megamenu
    > ul.mega-sub-menu
    > li.mega-menu-row {
    padding-left: 20px;
    padding-right: 20px;
  }
  .fordesktop-layout {
    display: flex;
  }
  .formobile-layout {
    display: none;
  }
  .without-section-spacing .headingsection {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .news-section {
    padding: 40px 0px 0px 0px;
  }
  .commonmob-slider {
    margin-bottom: 0px;
  }
  .news-section .newscard {
    width: 48%;
  }
  .news-section .newscard:not(:last-child) {
    margin-bottom: 25px;
  }
  .ctabuttons a {
    font-size: 18px;
  }
  .ctabuttons {
    margin-top: 45px;
  }
  .menu-hamburger-menu-container {
    float: left;
  }
}

@media only screen and (max-width: 767px) {
  h1,
  .h1,
  .baner-text h1,
  .baner-text .h1 {
    font-size: 36px;
  }
  h2,
  .h2 {
    font-size: 28px;
  }

  h3 {
    font-size: 22px;
  }
  h4 {
    font-size: 18px;
  }
  h5 {
    font-size: 16px;
  }
  h6 {
    font-size: 14px;
  }
  .fs-xl {
    font-size: 18px;
  }
  .fs-lg {
    font-size: 16px;
  }
  .fs-md {
    font-size: 14px;
  }
  .fs-sm {
    font-size: 12px;
  }
  .mw-seventh {
    max-width: 100%;
  }
  .mw-fourth {
    max-width: 100%;
  }
  p {
    font-size: 14px;
  }
  .h2 {
    padding-top: 40px;
  }
  .section-spacing {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .commonmob-slider {
    margin-right: -20px;
  }
  .commonmob-slider {
    margin-bottom: 0px;
  }
  .cta-primary-btn,
  .cta-secondary-btn {
    font-size: 16px;
  }

  .pdr-0 {
    padding-right: 0 !important;
  }

  .pdb-100 {
    padding-bottom: 100px !important;
  }
  .pdb-80 {
    padding-bottom: 80px !important;
  }
  [class^="icon"] {
    width: 20px;
    height: 20px;
  }

  .link-with-icon {
    font-size: 16px;
  }
  .body-container,
  .yuj-wrapper,
  .yuj-wrapper-inner,
  .footer-flexbox,
  #mega-menu-wrap-primary
    #mega-menu-primary
    li.mega-menu-megamenu
    > ul.mega-sub-menu
    > li.mega-menu-row,
  #mega-menu-wrap-us-primary
    #mega-menu-us-primary
    li.mega-menu-megamenu
    > ul.mega-sub-menu
    > li.mega-menu-row,
  .body-gutter.body-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-spacing {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  body {
    background: url(/wp-content/uploads/2023/10/mobile-bg-scaled.jpg)
      center center;
    background-size: cover;
  }
  .nav-bar .navigaion .collapse-desktopmenu ul,
  .nav-bar .navigaion .collapse-mobilemenu ul,
  .nav-bar .navigaion .collapse-servicemenu ul {
    margin-top: 0px;
  }

  .nav-bar .navigaion .collapse-desktopmenu ul li a,
  .nav-bar .navigaion .collapse-mobilemenu ul li a {
    font-size: 18px;
  }

  .nav-bar .navigaion nav {
    display: none;
  }
  i.orangedot {
    margin-left: 5px;
    position: absolute;
    transform: translateY(-50%);
    bottom: 5px;
    width: 9px;
    height: 9px;
  }
  .news-section {
    padding-top: 33px;
    padding-bottom: 10px;
  }
  .slickHeightadjust .blogswiperCard .news-section .newscard{
    padding: 0px;
    width: 100%;
    margin-bottom: 29px;
    border: 0px;
    padding-right: 20px;
    height: 355px;
  }
  .blogswiperCard .news-section .newscard {
    padding: 0px;
    width: 100%;
    margin-bottom: 29px;
    border: 0px;
    padding-right: 20px;
    height: 320px;
    height: auto;
  }
  .news-section .newscard .img-wrap {
    margin-bottom: 36px;
  }

  .news-section .newscard .img-wrap img {
    height: 200px;
  }
  .news-section .newscard p {
    color: #5e5e5e;
    margin-bottom: 8px;
  }
  .greyHead {
    font-size: 14px;
  }

  .footer-flexbox .socialList {
    margin-left: auto;
    position: absolute;
    right: 10px;
    top: 20px;
  }
  .pageslist {
    width: 100%;
  }
  .pageslist ul li {
    font-size: 24px;
    margin-bottom: 15px;
  }

  .footer-flexbox {
    flex-direction: column;
    flex-wrap: wrap;
  }

  .footer-flexbox.justifyContent {
    align-items: center;
  }

  .footer-flexbox {
    position: relative;
  }
  .pageslist,
  .contactlist {
    width: 100%;
  }

  .contactList {
    margin-top: 50px;
  }
  .flexsecondChild,
  .flexfirstChild {
    font-size: 14px;
  }

  .pageslist.footer-pageslist {
    width: 100%;
  }
  .sectionSepBG {
    background: rgba(255, 255, 255, 0.47);
  }
  .nav-bar .navigaion nav {
    display: none;
  }
  .locHead {
    flex-direction: column;
  }

  .locHead h6 {
    margin-left: 0px;
  }
  .collapse-desktopmenu.open,
  .collapse-mobilemenu.open,
  .collapse-servicemenu.open {
    left: 0%;
  }
  .news-section .newscard h4 a:hover,
  .newscard:hover a {
    color: #000;
  }
  /* hamburger menu start */
  .menu-hamburger-menu-container,
  .menu-hamburger-menu-us-container {
    float: left;
  }
  .collapse-desktopmenu,
  .collapse-mobilemenu,
  .collapse-servicemenu {
    /*background-color: rgba(75, 59, 196, 0.95);*/
    /*background: #4b3bc4 url(/yujliverebranding/wp-content/uploads/2024/06/menubg-trans02.png);*/
    background: url(/wp-content/uploads/2025/06/hamburger-bg.webp);
  }
  /* hamburger menu end */
  /* footer css starts */
  #letdesign .flexChild h2 {
    font-size: 30px;
  }
   #custom_html-14 {
    padding: 30px 0px;
  }
  #custom_html-15,
  #custom_html-16 {
    padding: 30px 0px;
  }
   #letdesign .flexChild h2 {
    font-size: 30px;
  }
  #letdesign {
    padding: 0px 15px;
  }
  #letdesign .flexChild{
    gap: 20px;
    flex-direction: column;
    text-align: left;
    align-items: flex-start;
  }
  .locAddress-row {
    align-items: flex-start;
  }
  /* footer css ends */
  i.orangedot {
    margin-left: 5px;
    position: absolute;
    transform: translateY(-50%);
    bottom: 5px;
    width: 9px;
    height: 9px;
  }
  /* mobile service css start here 11 jun 25*/
  .mserviceHeader {
    font-size: 20px;
    color: #fff;

    margin-bottom: 16px;
    margin-left: 30px;
  }
  .mservicemenu-wrapper {
    display: flex;
    flex-wrap: wrap;
  }
  .mserviceBox {
    width: 50%;
    margin-bottom: 16px;
  }
  .mserviceTitle {
    color: #fff;
    font-size: 14px;
  }
  .mservicesmenu li a {
    font-size: 12px;
  }
  .nav-bar .navigaion .collapse-servicemenu ul li a {
    font-size: 12px;
  }
  .mservicesmenu .icon.icon-arrow {
    display: none;
  }
  .close-servicemenu .icon {
    width: 17px !important;
    height: 17px !important;
  }
  header.detail-page-cls.whiteBG .nav-bar .navigaion ul li a {
    color: #fff;
  }
  header.detail-page-cls.whiteBG .nav-bar .navigaion ul li.current_page_item a,
  header.detail-page-cls.whiteBG .nav-bar .navigaion ul li.current-menu-item a {
    color: #f59301;
  }
  .icon-serviceleftarrow::before {
    mask-image: url(/wp-content/uploads/2024/05/left-whitearrow.png);
    -webkit-mask-image: url(/wp-content/uploads/2024/05/left-whitearrow.png);
    margin: 0px;
    background: #fff;
  }
  .ctabuttons a {
    font-size: 16px;
    width: 230px;
  }
  #displayfordesktop {
    display: none;
  }
  #displayforMobile {
    display: block;
  }
  .mylogo,
  .whiteBG .mylogo,
  .casestudy-detail-page .mylogo {
    width: 134px;
    height: 36px;
    background-size: cover;
  }
  .locHead .POAddress {
    text-align: left;
  }
  .locAddress-row {
    flex-direction: column;
    gap: 15px;
  }
  .locHead.alignsCenter {
    align-self: flex-start;
  }
  .locAddress-row {
    align-items: flex-start;
  }
  .locHead h4 {
    margin-left: 0px;
  }
}
@media (max-height: 600px) {
  .nav-bar .navigaion .collapse-desktopmenu ul,
  .nav-bar .navigaion .collapse-mobilemenu ul,
  .nav-bar .navigaion .collapse-servicemenu ul {
    margin-top: 0;
  }
  .header-overlay {
    padding: 20px 0;
  }
}
@media screen and (max-width: 600px) {
  .news-section .newscard .img-wrap {
    margin-bottom: 24px;
  }
  .commonmob-slider .blogswiperCard .news-section .newscard {
    margin-bottom: 15px;
  }
  .lets-together-col {
    padding: 8px 0;
  }
  .lets-together-col img {
    max-width: 70px;
  }
  .mylogo,
  .whiteBG .mylogo,
  .casestudy-detail-page .mylogo {
    width: 134px;
    height: 36px;
    background-size: cover;
  }
  .hamburger-menu {
    padding-top: 5px;
  }
  header.detail-page-cls .hamburger-menu,
  header.casestudy-detail-page .hamburger-menu {
    padding-top: 0px;
    margin-top: 0px;
  }
  header.whiteBG,
  header.casestudy-detail-page {
    padding: 8px 0px;
  }
  /* mobile service css start here 11 jun 25*/
  .mserviceHeader {
    font-size: 20px;
    color: #fff;
    margin-bottom: 16px;
    margin-left: 30px;
  }
  .mservicemenu-wrapper {
    display: flex;
    flex-wrap: wrap;
  }
  .mserviceBox {
    width: 50%;
    margin-bottom: 30px;
    padding: 0px 10px;
  }
  .mserviceBox ul li a {
    font-family: "Graphik", "sans-serif" !important;
  }
  .mserviceTitle {
    color: #fff;
    font-size: 16px;
    margin-bottom: 16px;
    font-family: "Graphik-Semibold", "sans-serif";
  }
  .mservicesmenu li a {
    font-size: 12px;
  }
  .nav-bar .navigaion .collapse-servicemenu ul li a {
    font-size: 12px;
    color: #fff;
  }
  header.whiteBG .nav-bar .navigaion ul li a {
    color: #fff;
  }
  .mservicesmenu .icon.icon-arrow {
    display: none;
  }
  .close-servicemenu .icon {
    width: 17px !important;
    height: 17px !important;
  }
  header.detail-page-cls.whiteBG .nav-bar .navigaion ul li a {
    color: #fff;
  }
  header.detail-page-cls.whiteBG .nav-bar .navigaion ul li.current_page_item a,
  header.detail-page-cls.whiteBG .nav-bar .navigaion ul li.current-menu-item a {
    color: #f59301;
  }
  .icon-serviceleftarrow::before {
    mask-image: url(/wp-content/uploads/2024/05/left-whitearrow.png);
    -webkit-mask-image: url(/wp-content/uploads/2024/05/left-whitearrow.png);
    margin: 0px;
    background: #fff;
  }
  .ctabuttons a {
    font-size: 16px;
  }
  .paddingBCustom {
    padding-bottom: 35px;
  }
  .paddingTCustom {
    padding-top: 35px;
  }
  i.orangedot {
    bottom: 4px;
    width: 9px;
    height: 9px;
  }
  .ctabuttons {
    margin-top: 30px;
  }
  .popupbtn-wrap {
    margin-top: 30px;
  }
  .popupbtn-wrap .wpb-pcf-btn.wpb-pcf-btn-large {
    font-size: 16px;
    width: auto;
  }
  .cta-secondary {
    font-size: 16px;
    width: 250px;
  }
  .btns-group {
    flex-direction: column;
    gap: 0px;
  }
  #displayfordesktop {
    display: none;
  }
  #displayforMobile {
    display: block;
  }
  .fordesktop-layout {
    display: none;
  }
  .formobile-layout {
    display: flex;
  }
  i.orangedot {
    margin-left: 5px;
  }
  .without-section-spacing .headingsection {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .without-section-spacing .bannersection {
    padding-bottom: 0px;
  }
}

@media screen and (max-width: 479px) {
  .section-spacing {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .conDetails h5 a,
  .conHead,
  .pageslist ul li {
    font-size: 16px;
  }
  .conDetails {
    margin-bottom: 22px;
  }
  .contactList-item-row:last-child .conDetails {
    margin-bottom: 0px;
  }

  .locAddress-row {
    justify-content: space-between;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .locAddress-row .icon {
    display: none;
  }
}

@media screen and (max-width: 375px) {
  .news-section .newscard .img-wrap {
    height: 165px;
  }
  .popupbtn-wrap .wpb-pcf-btn.wpb-pcf-btn-large {
    font-size: 14px;
    width: auto;
    padding: 14px 20px;
  }
}

@media only screen and (min-width: 768px) {
  .pdr-0 {
    padding-right: 0 !important;
  }
}