@media (max-width: 575px) {
  .btn-animate-y-1,
  .btn-animate-y-2 {
    font-size: 12px !important;
  }
  .new-hero .composition-8-decoration-2 {
    gap: 5px !important;
    bottom: 20px !important;
  }
  .new-hero .home-content h1 {
    font-size: 22px !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
  }
  .hmt-sec a span,
  .hsb a span {
    font-size: 14px;
    font-weight: 500;
  }
  .new-hero .home-content .row {
    padding: 0px !important;
    --bs-gutter-x: 0px !important;
  }
  .mb-md-60 {
    margin-bottom: 0px !important;
  }
  .rg-ns .container {
    padding: 50px 10px !important;
  }
  h2.section-caption-gradient.mb-20.mb-xs-10.stx {
    font-size: 14px !important;
    font-weight: 500 !important;
  }
  h3.section-title.mb-0.htx {
    font-size: 22px !important;
    font-weight: 700 !important;
  }
  .rg-ns-txt .btn {
    margin-top: 10px;
  }
  .rg-ns-txt {
    margin-bottom: 40px !important;
  }
  .features-2-title {
    margin-bottom: 0px;
  }
  .row.mt-n30.vas-grid.rg-ns-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .rg-ns-grid .col-md-6,
  .rg-vas-grid .col-md-6 {
    width: 100% !important;
  }
  .rg-ns-grid .rg-ns-grid-txt {
    padding: 10px !important;
  }
  .rg-ns-grid .features-2-icon {
    max-height: 300px !important;
  }
  .features-2-item.pt-sm-40.pb-sm-40 {
    padding: 0px !important;
  }
  .rg-vas-grid .dsx {
    padding: 0px 10px !important;
  }
  .rg-ns-grid .htx {
    font-size: 15px !important;
    font-weight: 500 !important;
  }
  h2.section-title.htx.mb-20.wow.fadeInUp.no-animate {
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: normal !important;
  }
  .rg-counters .row .col-lg-12.mb-md-60.mb-xs-50 {
    width: 100% !important;
  }
  .hsb-li {
    grid-template-columns: repeat(2, 1fr) !important;
    justify-content: center;
    gap: 20px;
  }
  .container.position-relative.w100 {
    padding: 0px 15px !important;
  }
  .number-descr.dsx {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
  }
  .hsb-li .number-title {
    font-size: 30px !important;
  }
  .rg-as .container {
    padding: 0px 20px !important;
  }
  p.section-descr.dsx.mb-40.wow.fadeInUp.no-animate {
    font-size: 14px !important;
    font-weight: 400 !important;
  }
  .container.w100.position-relative {
    padding: 10px !important;
  }
}
@media (max-width: 768px) {
  .mobile-nav {
    height: 60px !important;
  }
  .rg-ns .rg-ns-grid {
    display: grid !important;
    grid-template-columns: repeat(1, 1fr) !important;
    grid-gap: 15px !important;
  }
  .rg-ns-grid-txt .btn {
    margin-top: 0px !important;
  }
  .rg-ns-grid .htx {
    margin-bottom: 0px !important;
  }
  .rg-ns-grid .rg-ns-grid-txt {
    padding: 15px !important;
  }
  .rg-ns-grid .features-2-icon,
  .rg-ns-grid .features-2-item {
    min-height: unset !important;
    max-height: unset !important;
    height: 225px !important;
    width: 100% !important;
  }
  .section-title br,
  .htx br {
    display: none !important;
  }
  .hsb-li {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 15px !important;
    row-gap: 25px !important;
    flex-wrap: wrap !important;
  }
  .hsb-li div,
  .hsb-li .col-sm-6,
  .hsb-li .col-lg-5 {
    width: calc(50% - 15px) !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    padding: 0px !important;
  }
  .rg-counters .row .col-lg-12.offset-lg-1 {
    padding: 0px !important;
  }
  .hsb-li .number-title,
  .hsb-li .number-descr {
    text-align: center !important;
    width: 100% !important;
  }
  .rg-cbs-tab .nav-tabs {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0px !important;
    flex-wrap: wrap !important;
  }
  .rg-cbs-tab .nav-tabs .nav-item {
    width: 100% !important;
    background: #f8f9fa !important;
  }
  .rg-cbs-tab .nav-tabs .nav-item a {
    width: 100% !important;
    text-align: center !important;
    font-size: 16px !important;
    padding: 15px 10px !important;
  }
  .rg-cbs-tab .nav-tabs .nav-item a.active,
  .rg-cbs-tab .nav-tabs .nav-item a:hover,
  .rg-cbs-tab .nav-tabs .nav-item a.active:hover {
    border-bottom: 3px solid #0056ed !important;
  }
  .rg-cbs-tabs .tcb-box {
    min-height: 225px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 15px !important;
  }
  .rg-cbs-tabs .tcb-box .tcb-right,
  .rg-cbs-tabs .tcb-box .tcb-left {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    transform: none !important;
    top: unset !important;
    left: unset !important;
    right: unset !important;
    bottom: unset !important;
  }
  .rg-cbs-tabs .tcb-box .tcb-right,
  .rg-cs .container {
    padding: 0px !important;
  }
  .rg-cbs-tabs .tcb-box .tcb-left .tcb-img img {
    min-height: 225px !important;
  }
  .rg-cs .pr-grid {
    padding: 0px 15px !important;
  }
  .rg-cs .pricing-wrap {
    height: auto !important;
    padding: 25px !important;
  }
  .rg-cs .pricing-item.main .pricing-wrap {
    padding: 25px 15px !important;
  }
  .rg-cs .pr-list {
    width: 100% !important;
  }
  .prg .pricing-num {
    margin-bottom: 15px !important;
  }
  .rg-cs .pricing-title {
    margin-top: 35px !important;
  }
  .rg-cs .pr-list li i {
    padding-right: 0px !important;
  }
  .rg-cs .pr-list li,
  .rg-cs .pr-list li i {
    font-size: 15px !important;
  }
  .rg-new-tabs .rg-ns-txt {
    margin: 0px !important;
    padding: 0px !important;
    margin-bottom: 35px !important;
  }
  .rg-new-tabs .container .row {
    padding: 0px !important;
    margin: 0px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
  }
  .rg-new-tabs .container .rg-ns-txt {
    margin-bottom: 25px !important;
  }
  .rg-new-tabs .wci-li li a {
    border-radius: 5px !important;
    padding: 10px 15px !important;
    background: #f6f6f6 !important;
    border: 1px solid #e0e0e0 !important;
  }
  .rg-new-tabs .wci-li li a.active,
  .rg-new-tabs .wci-li li a:hover {
    border-radius: 5px !important;
    padding: 10px 15px !important;
    background: #10264c !important;
  }
  .rg-new-tabs .wci-li li a h4 {
    font-size: 16px !important;
    font-weight: 500 !important;
  }
  .rg-new-tabs .container .services-7-tabs {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: row !important;
    gap: 0px !important;
    flex-wrap: wrap !important;
    width: max-content !important;
  }
  .rg-new-tabs .container .wci-li {
    overflow-x: auto !important;
  }
  .rg-new-tabs .container .wci-li::scrollbar {
    display: none !important;
  }
  .rg-new-tabs .container .services-7-tabs li {
    width: max-content !important;
  }
  .rg-new-tabs .rg-wci-box {
    padding: 25px 25px !important;
    border-radius: 10px !important;
  }
  .rg-new-tabs .rg-wci-box .wci-box {
    flex-direction: column-reverse !important;
    gap: 25px !important;
  }
  .rg-new-tabs .rg-wci-box .wci-left,
  .rg-new-tabs .rg-wci-box .wci-right {
    width: 100% !important;
  }
  .rg-new-tabs .rg-wci-box .wci-right {
    margin: 0px !important;
  }
  .rg-new-tabs .rg-wci-box .wci-right .services-7-image {
    outline-offset: -5px !important;
    outline: 5px solid #fff !important;
    border-radius: 10px !important;
  }
  .rg-new-tabs .rg-wci-box .wci-left h4 {
    margin-bottom: 10px !important;
    font-size: 20px !important;
  }
  h2.section-caption-gradient {
    font-size: 22px !important;
    font-weight: 700 !important;
    margin-bottom: 0px !important;
  }
  .rg-steps .opr-st,
  .container.w100.position-relative {
    padding: 0px !important;
  }
  .rg-steps .opr-st .features-2-item {
    padding: 25px 15px !important;
  }
  .rg-steps .row > *,
  .rg-steps .row .container,
  .rg-blogs .row > *,
  .rg-blogs .row .container {
    padding: 0px 15px !important;
    margin: 0px !important;
  }
  .rg-steps .rg-ns-txt {
    gap: 15px !important;
  }
  .rg-steps .opr-li {
    margin-top: 15px !important;
    gap: 15px !important;
  }
  .rg-steps .opr-li .features-2-label {
    position: relative !important;
    top: unset !important;
    left: unset !important;
    bottom: unset !important;
    right: unset !important;
    margin-bottom: 15px !important;
  }
  .rg-steps .opr-li .features-2-title {
    font-size: 18px !important;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
  }
  .rg-blogs .bl-txt h3 {
    margin-bottom: 15px !important;
  }
  .rg-blogs .bl-li {
    margin-top: 25px !important;
    gap: 15px !important;
  }
  .rg-blogs .post-prev-3-img img {
    height: 225px !important;
  }
  .rg-blogs .post-prev-3-img a {
    padding-top: 225px !important;
  }
  .post-prev-3-info,
  .post-prev-3-info a {
    font-size: 14px !important;
    font-weight: 400 !important;
  }
  .footer .ftb {
    flex-direction: column !important;
    gap: 15px !important;
  }
  .footer .ftb * {
    text-align: center !important;
    width: max-content !important;
  }
  .footer .ftb .clearfix {
    position: fixed !important;
    bottom: 15px !important;
    right: 15px !important;
    padding: 0px !important;
  }
  .footer .ftb .ftb-r,
  .footer .ftb .ftb-r a {
    width: 35px !important;
    height: 35px !important;
    font-size: 14px !important;
  }
  .footer {
    padding-bottom: 0px !important;
  }
  .footer .container {
    padding: 0px 15px !important;
  }
  .new-hero .composition-8-decoration-2 {
    display: none !important;
  }
  .new-hero {
    padding: 50px 15px !important;
  }
  .new-hero .home-content .order-lg-last {
    align-items: end !important;
    height: 100% !important;
  }
  .inner-nav ul li a,
  .nav-logo-wrap .logo,
  .nav-logo-wrap,
  .inner-nav,
  .inner-nav ul,
  .inner-nav ul li,
  .inner-nav ul li a,
  .inner-nav ul li a.active,
  .main-nav:not(.mobile-on).small-height .inner-nav > ul > li > a {
    height: auto !important;
  }
  .mobile-on .desktop-nav {
    position: fixed !important;
    top: 80px !important;
    left: 0px !important;
    width: 100% !important;
  }
  .mobile-on .desktop-nav ul {
    background: #fff !important;
  }
  .mobile-on .desktop-nav ul li a {
    color: #000 !important;
  }
  .inner-nav li.js-opened .mn-sub,
  .inner-nav li.js-opened .mn-sub li {
    background: #fff !important;
    box-shadow: none !important;
    filter: none !important;
  }
  .rg-ns .container {
    padding: 50px 15px !important;
  }
  .rg-as {
    padding: 0px !important;
    padding-bottom: 50px !important;
  }
  .rg-as .page-section {
    border-radius: 15px !important;
    padding: 50px 15px !important;
  }
  .rg-vas,
  .rg-cbs,
  .rg-cs,
  .rg-new-tabs,
  .rg-steps,
  .rg-blogs,
  .footer,
  section#contact,
  .rg-one-stop-services,
  .rg-download-section,
  .rg-final-cta-section {
    padding: 50px 15px !important;
  }
  .rg-cbs .container,
  .rg-new-tabs .container,
  .rg-new-tabs .container.w100.position-relative {
    padding: 0px !important;
  }
  .rg-about-watermark img {
    width: 100% !important;
    height: auto !important;
  }
  .rg-about-watermark {
    top: 80px !important;
  }
  .rg-form-footer .rg-form-disclaimer {
    flex-wrap: wrap !important;
    flex-direction: row !important;
    display: flow !important;
    align-self: anchor-center;
  }
  .rg-form-footer .rg-form-disclaimer br {
    display: none !important;
  }
  .rg-form-footer {
    align-items: flex-start !important;
  }
  .cst-header {
    padding: 100px 0px !important;
  }
  .cst-map iframe {
    height: 360px !important;
    min-height: 360px !important;
  }
  .os-bg {
    height: 225px !important;
  }
  .rg-lead-text {
    font-weight: 400 !important;
  }
  .rg-features-section {
    padding: 0px 15px !important;
  }
  .rg-feature-card,
  .rg-feature-desc {
    align-items: center !important;
    text-align: center !important;
  }
  .rg-download-desc {
    margin-bottom: 0px !important;
  }
  .rg-cta-title {
    font-size: 32px;
  }
  .rg-cta-desc {
    font-size: 16px;
    margin-bottom: 30px;
  }
  .rg-btn-cta {
    padding: 12px 25px;
  }
  .rg-ph-bg {
    height: 300px !important;
  }
  .mb-only {
    display: block !important;
  }
  .desktop-only {
    display: none !important;
  }
  .main-nav-sub {
    width: 100% !important;
    margin: 0px !important;
    padding: 0px 15px !important;
  }
  .footer .offset-1 {
    margin-left: 0px !important;
  }
  .footer {
    padding-bottom: 0px !important;
  }
  .slider-icons .composition-8-decoration-2 {
    position: relative !important;
    bottom: 0px !important;
    padding: 15px 15px !important;
    padding-bottom: 0px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    width: 100% !important;
  }
  .slider-icons .composition-8-decoration-2 .mt-10 {
    width: calc(50% - 5px) !important;
    margin: 0px !important;
  }
  .slider-icons .composition-8-decoration-2 .mt-10 a {
    width: 100% !important;
  }
  .slider-icons .composition-8-decoration-2 .btn-mod {
    background: #10264c !important;
    color: #fff !important;
    gap: 0px !important;
  }
  .slider-icons .btn-animate-y-1,
  .slider-icons .btn-animate-y-2 {
    font-size: 12px !important;
  }
  .slider-icons .composition-8-decoration-2 .btn-icon {
    background: #fff !important;
  }
  .slider-icons .composition-8-decoration-2 .btn-icon i {
    color: #10264c !important;
  }
  .cst-header .section-descr {
    width: 100% !important;
  }
  .blog-media img {
    height: 250px !important;
  }
  .blog-media .owl-prev,
  .blog-media .owl-next {
    width: 10px !important;
  }
  .blog-item-body .stx {
    font-size: 18px !important;
  }
  .blog-content {
    padding-bottom: 0px !important;
  }
  .custom-language-dropdown {
    width: auto !important;
    min-width: 70px;
  }
  .language-selected {
    height: auto !important;
    padding: 5px 12px !important;
    min-height: 40px;
    gap: 4px;
  }
  .language-selected .lang-label {
    font-size: 12px !important;
    font-weight: 600;
    text-transform: uppercase;
  }
  .language-list {
    width: auto !important;
    min-width: 70px;
  }
  .language-list li {
    padding: 8px 12px !important;
    gap: 8px !important;
    justify-content: flex-start !important;
  }
  .language-list li .lang-label {
    font-size: 12px !important;
    font-weight: 500;
    text-transform: uppercase;
  }
  .language-list li .fi {
    margin: 0 !important;
  }
  .mobile-nav {
    margin-left: 0px !important;
  }
  .main-nav-sub {
    justify-content: space-between !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .slider-icons .composition-8-decoration-2 .mt-10 {
    width: calc(25% - 8px) !important;
    margin: 0px !important;
  }
  .slider-icons .composition-8-decoration-2 {
    padding-top: 20px !important;
  }
  .btn-animate-y-1,
  .btn-animate-y-2 {
    font-size: 12px !important;
  }
  .new-hero .composition-8-decoration-2 {
    gap: 5px !important;
    bottom: 20px !important;
  }
  .new-hero .home-content h1 {
    font-size: 22px !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
  }
  .hmt-sec a span,
  .hsb a span {
    font-size: 14px;
    font-weight: 500;
  }
  .new-hero .home-content .row {
    padding: 0px !important;
    --bs-gutter-x: 0px !important;
  }
  .mb-md-60 {
    margin-bottom: 0px !important;
  }
  .rg-ns .container {
    padding: 50px 10px !important;
  }
  h2.section-caption-gradient.mb-20.mb-xs-10.stx {
    font-size: 14px !important;
    font-weight: 500 !important;
  }
  h3.section-title.mb-0.htx {
    font-size: 22px !important;
    font-weight: 700 !important;
  }
  .rg-ns-txt .btn {
    margin-top: 10px;
  }
  .rg-ns-txt {
    margin-bottom: 40px !important;
  }
  .features-2-title {
    margin-bottom: 0px;
  }
  .row.mt-n30.vas-grid.rg-ns-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .rg-ns-grid .col-md-6,
  .rg-vas-grid .col-md-6 {
    width: 100% !important;
  }
  .rg-ns-grid .rg-ns-grid-txt {
    padding: 10px !important;
  }
  .rg-ns-grid .features-2-icon {
    max-height: 300px !important;
  }
  .features-2-item.pt-sm-40.pb-sm-40 {
    padding: 0px !important;
  }
  .rg-vas-grid .dsx {
    padding: 0px 10px !important;
  }
  .rg-ns-grid .htx {
    font-size: 15px !important;
    font-weight: 500 !important;
  }
  h2.section-title.htx.mb-20.wow.fadeInUp.no-animate {
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: normal !important;
  }
  .rg-counters .row .col-lg-12.mb-md-60.mb-xs-50 {
    width: 100% !important;
  }
  .hsb-li,
  .rg-vas-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    justify-content: center;
    gap: 20px;
  }
  .rg-vas-grid {
    display: grid !important;
  }
  .container.position-relative.w100 {
    padding: 0px 15px !important;
  }
  .number-descr.dsx {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
  }
  .hsb-li .number-title {
    font-size: 30px !important;
  }
  .rg-as .container {
    padding: 0px 20px !important;
  }
  p.section-descr.dsx.mb-40.wow.fadeInUp.no-animate {
    font-size: 14px !important;
    font-weight: 400 !important;
  }
  .container.w100.position-relative {
    padding: 10px !important;
  }
  .mobile-nav {
    height: 60px !important;
  }
  .rg-ns .rg-ns-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    grid-gap: 15px !important;
  }
  .rg-ns-grid-txt .btn {
    margin-top: 0px !important;
  }
  .rg-ns-grid .htx {
    margin-bottom: 0px !important;
  }
  .rg-ns-grid .rg-ns-grid-txt {
    padding: 15px !important;
  }
  .rg-ns-grid .features-2-icon,
  .rg-ns-grid .features-2-item {
    min-height: unset !important;
    max-height: unset !important;
    height: 225px !important;
    width: 100% !important;
  }
  .section-title br,
  .htx br {
    display: none !important;
  }
  .hsb-li,
  .rg-steps .opr-li {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 15px !important;
    row-gap: 25px !important;
    flex-wrap: wrap !important;
  }
  .hsb-li div,
  .hsb-li .col-sm-6,
  .hsb-li .col-lg-5 {
    width: calc(33.33% - 15px) !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    padding: 0px !important;
  }
  .rg-steps .opr-li .col-md-6 {
    width: calc(50% - 15px) !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    padding: 0px !important;
  }
  .rg-steps .opr-li {
    padding: 0px !important;
    margin: 0px !important;
  }
  .rg-counters .row .col-lg-12.offset-lg-1 {
    padding: 0px !important;
  }
  .hsb-li .number-title,
  .hsb-li .number-descr {
    text-align: center !important;
    width: 100% !important;
  }
  .rg-cbs-tab .nav-tabs {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0px !important;
    flex-wrap: wrap !important;
  }
  .rg-cbs-tab .nav-tabs .nav-item {
    width: calc(33.33% - 0px) !important;
    background: #f8f9fa !important;
  }
  .rg-cbs-tab .nav-tabs .nav-item a {
    width: 100% !important;
    text-align: center !important;
    font-size: 16px !important;
    padding: 15px 10px !important;
    min-height: 75px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .rg-cbs-tab .nav-tabs .nav-item a.active,
  .rg-cbs-tab .nav-tabs .nav-item a:hover,
  .rg-cbs-tab .nav-tabs .nav-item a.active:hover {
    border-bottom: 3px solid #0056ed !important;
  }
  .rg-cbs-tabs .tcb-box {
    min-height: 225px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 15px !important;
  }
  .rg-cbs-tabs .tcb-box .tcb-right,
  .rg-cbs-tabs .tcb-box .tcb-left {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    transform: none !important;
    top: unset !important;
    left: unset !important;
    right: unset !important;
    bottom: unset !important;
  }
  .rg-cbs-tabs .tcb-box .tcb-right,
  .rg-cs .container {
    padding: 0px !important;
  }
  .rg-cbs-tabs .tcb-box .tcb-left .tcb-img img {
    min-height: 225px !important;
  }
  .rg-cs .pr-grid {
    padding: 0px 15px !important;
  }
  .rg-cs .pricing-wrap {
    height: auto !important;
    padding: 25px !important;
  }
  .rg-cs .pricing-item.main .pricing-wrap {
    padding: 50px 25px !important;
  }
  .rg-cs .pr-list {
    width: 100% !important;
  }
  .prg .pricing-num {
    margin-bottom: 15px !important;
  }
  .rg-cs .pricing-title {
    margin-top: 35px !important;
  }
  .rg-cs .pr-list li i {
    padding-right: 0px !important;
  }
  .rg-cs .pr-list li,
  .rg-cs .pr-list li i {
    font-size: 15px !important;
  }
  .rg-new-tabs .rg-ns-txt {
    margin: 0px !important;
    padding: 0px !important;
    margin-bottom: 35px !important;
  }
  .rg-new-tabs .container .row {
    padding: 0px !important;
    margin: 0px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
  }
  .rg-new-tabs .container .rg-ns-txt {
    margin-bottom: 25px !important;
  }
  .rg-new-tabs .wci-li li a {
    border-radius: 5px !important;
    padding: 10px 15px !important;
    background: #f6f6f6 !important;
    border: 1px solid #e0e0e0 !important;
  }
  .rg-new-tabs .wci-li li a.active,
  .rg-new-tabs .wci-li li a:hover {
    border-radius: 5px !important;
    padding: 10px 15px !important;
    background: #10264c !important;
  }
  .rg-new-tabs .wci-li li a h4 {
    font-size: 16px !important;
    font-weight: 500 !important;
  }
  .rg-new-tabs .container .services-7-tabs {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: row !important;
    gap: 0px !important;
    flex-wrap: wrap !important;
    width: max-content !important;
  }
  .rg-new-tabs .container .wci-li {
    overflow-x: auto !important;
  }
  .rg-new-tabs .container .wci-li::scrollbar {
    display: none !important;
  }
  .rg-new-tabs .container .services-7-tabs li {
    width: max-content !important;
  }
  .rg-new-tabs .rg-wci-box {
    padding: 25px 25px !important;
    border-radius: 10px !important;
  }
  .rg-new-tabs .rg-wci-box .wci-box {
    flex-direction: column-reverse !important;
    gap: 25px !important;
  }
  .rg-new-tabs .rg-wci-box .wci-left,
  .rg-new-tabs .rg-wci-box .wci-right {
    width: 100% !important;
  }
  .rg-new-tabs .rg-wci-box .wci-right {
    margin: 0px !important;
  }
  .rg-new-tabs .rg-wci-box .wci-right .services-7-image {
    outline-offset: -5px !important;
    outline: 5px solid #fff !important;
    border-radius: 10px !important;
  }
  .rg-new-tabs .rg-wci-box .wci-left h4 {
    margin-bottom: 10px !important;
    font-size: 20px !important;
  }
  h2.section-caption-gradient {
    font-size: 22px !important;
    font-weight: 700 !important;
    margin-bottom: 0px !important;
  }
  .rg-steps .opr-st,
  .container.w100.position-relative {
    padding: 0px !important;
  }
  .rg-steps .opr-st .features-2-item {
    padding: 25px 15px !important;
  }
  .rg-steps .row > *,
  .rg-steps .row .container,
  .rg-blogs .row > *,
  .rg-blogs .row .container {
    padding: 0px 15px !important;
    margin: 0px !important;
  }
  .rg-steps .rg-ns-txt {
    gap: 15px !important;
  }
  .rg-steps .opr-li {
    margin-top: 15px !important;
    gap: 15px !important;
  }
  .rg-steps .opr-li .features-2-label {
    position: relative !important;
    top: unset !important;
    left: unset !important;
    bottom: unset !important;
    right: unset !important;
    margin-bottom: 15px !important;
  }
  .rg-steps .opr-li .features-2-title {
    font-size: 18px !important;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
  }
  .rg-blogs .bl-txt h3 {
    margin-bottom: 15px !important;
  }
  .rg-blogs .bl-li {
    margin-top: 25px !important;
    gap: 15px !important;
  }
  .rg-blogs .post-prev-3-img img {
    height: 278px !important;
  }
  .rg-blogs .post-prev-3-img a {
    padding-top: 278px !important;
  }
  .post-prev-3-info,
  .post-prev-3-info a {
    font-size: 14px !important;
    font-weight: 400 !important;
  }
  .footer .ftb {
    flex-direction: column !important;
    gap: 15px !important;
  }
  .footer .ftb * {
    text-align: center !important;
    width: max-content !important;
  }
  .footer .ftb .clearfix {
    position: fixed !important;
    bottom: 15px !important;
    right: 15px !important;
    padding: 0px !important;
  }
  .footer .ftb .ftb-r,
  .footer .ftb .ftb-r a {
    width: 35px !important;
    height: 35px !important;
    font-size: 14px !important;
  }
  .footer {
    padding-bottom: 0px !important;
  }
  .footer .container {
    padding: 0px 15px !important;
  }
  .new-hero .composition-8-decoration-2 {
    display: none !important;
  }
  .new-hero {
    padding: 50px 15px !important;
  }
  .new-hero .home-content .order-lg-last {
    align-items: end !important;
    height: 100% !important;
  }
  .inner-nav ul li a,
  .nav-logo-wrap .logo,
  .nav-logo-wrap,
  .inner-nav,
  .inner-nav ul,
  .inner-nav ul li,
  .inner-nav ul li a,
  .inner-nav ul li a.active,
  .main-nav:not(.mobile-on).small-height .inner-nav > ul > li > a {
    height: auto !important;
  }
  .mobile-on .desktop-nav {
    position: fixed !important;
    top: 80px !important;
    left: 0px !important;
    width: 100% !important;
  }
  .mobile-on .desktop-nav ul {
    background: #fff !important;
  }
  .mobile-on .desktop-nav ul li a {
    color: #000 !important;
  }
  .inner-nav li.js-opened .mn-sub,
  .inner-nav li.js-opened .mn-sub li {
    background: #fff !important;
    box-shadow: none !important;
    filter: none !important;
  }
  .rg-ns .container {
    padding: 50px 15px !important;
  }
  .rg-as {
    padding: 0px !important;
    padding-bottom: 50px !important;
  }
  .rg-as .page-section {
    border-radius: 15px !important;
    padding: 50px 15px !important;
  }
  .rg-vas,
  .rg-cbs,
  .rg-cs,
  .rg-new-tabs,
  .rg-steps,
  .rg-blogs,
  .footer,
  section#contact,
  .rg-one-stop-services,
  .rg-download-section,
  .rg-final-cta-section {
    padding: 50px 15px !important;
  }
  .rg-cbs .container,
  .rg-new-tabs .container,
  .rg-new-tabs .container.w100.position-relative {
    padding: 0px !important;
  }
  .rg-about-watermark img {
    width: 100% !important;
    height: auto !important;
  }
  .rg-about-watermark {
    top: 80px !important;
  }
  .rg-form-footer .rg-form-disclaimer {
    flex-wrap: wrap !important;
    flex-direction: row !important;
  }
  .rg-form-footer .rg-form-disclaimer br {
    display: none !important;
  }
  .rg-form-footer {
    align-items: flex-start !important;
  }
  .cst-header {
    padding: 100px 0px !important;
  }
  .cst-map iframe {
    height: 500px !important;
    min-height: 500px !important;
  }
  .os-bg {
    height: 500px !important;
  }
  h2.rg-download-title br {
    display: none !important;
  }
  .rg-lead-text {
    font-weight: 400 !important;
  }
  .rg-features-section {
    padding: 0px 15px !important;
  }
  .rg-feature-card,
  .rg-feature-desc {
    align-items: center !important;
    text-align: center !important;
  }
  .rg-download-desc {
    margin-bottom: 0px !important;
  }
  .rg-cta-title {
    font-size: 32px;
  }
  .rg-cta-desc {
    font-size: 16px;
    margin-bottom: 30px;
  }
  .rg-btn-cta {
    padding: 12px 25px;
  }
  .rg-ph-bg {
    height: 500px !important;
  }
  .mb-only {
    display: block !important;
  }
  .desktop-only {
    display: none !important;
  }
  .main-nav-sub {
    width: 100% !important;
    margin: 0px !important;
    padding: 0px 15px !important;
  }
  .pr-grid {
    display: grid !important;
    grid-template-columns: repeat(1, 1fr) !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .pr-grid .col-md-6 {
    margin: 0 auto !important;
  }
  .ftt .col-sm-4,
  .ftt .col-sm-2,
  .ftt .col-sm-3 {
    width: 50% !important;
  }
  .footer {
    padding-bottom: 0px !important;
  }
  .rg-who-we-are-section,
  .rg-value-services-section {
    padding: 50px 25px !important;
  }
  .rg-about-section {
    padding-top: 130px !important;
    padding-bottom: 50px !important;
  }
  .rg-services-grid-5 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
  }
  .rg-service-card {
    width: calc(50% - 15px) !important;
  }
  .new-hero .home-content h1 {
    font-size: 26px !important;
  }
  .blog-media img {
    height: 450px !important;
  }
  .blog-media .owl-prev,
  .blog-media .owl-next {
    width: 15px !important;
  }
  .blog-item-body .stx {
    font-size: 18px !important;
  }
  .blog-content {
    padding-bottom: 0px !important;
  }
  .custom-language-dropdown {
    width: auto !important;
    min-width: 70px;
  }
  .language-selected {
    height: auto !important;
    padding: 5px 12px !important;
    min-height: 40px;
    gap: 4px;
  }
  .language-selected .lang-label {
    font-size: 12px !important;
    font-weight: 600;
    text-transform: uppercase;
  }
  .language-list {
    width: auto !important;
    min-width: 70px;
  }
  .language-list li {
    padding: 8px 12px !important;
    gap: 8px !important;
    justify-content: flex-start !important;
  }
  .language-list li .lang-label {
    font-size: 12px !important;
    font-weight: 500;
    text-transform: uppercase;
  }
  .language-list li .fi {
    margin: 0 !important;
  }
  .mobile-nav {
    margin-left: 0px !important;
  }
  .main-nav-sub {
    justify-content: space-between !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .inner-nav ul li a,
  .nav-logo-wrap .logo,
  .nav-logo-wrap,
  .inner-nav,
  .inner-nav ul,
  .inner-nav ul li,
  .inner-nav ul li a,
  .inner-nav ul li a.active,
  .main-nav:not(.mobile-on).small-height .inner-nav > ul > li > a {
    height: auto !important;
  }
  .mobile-on .desktop-nav {
    position: fixed !important;
    top: 80px !important;
    left: 0px !important;
    width: 100% !important;
  }
  .mobile-on .desktop-nav ul {
    background: #fff !important;
  }
  .mobile-on .desktop-nav ul li a {
    color: #000 !important;
  }
  .inner-nav li.js-opened .mn-sub,
  .inner-nav li.js-opened .mn-sub li {
    background: #fff !important;
    box-shadow: none !important;
    filter: none !important;
  }
  .mb-only {
    display: block !important;
  }
  .desktop-only {
    display: none !important;
  }
  .mobile-nav {
    height: 60px !important;
  }
  .rg-ns-grid .features-2-item {
    height: 200px !important;
    min-height: 200px !important;
  }
  .rg-ns-grid .rg-ns-grid-txt {
    padding: 15px !important;
  }
  .rg-ns-grid {
    gap: 15px !important;
  }
  .rg-ns-grid .col-md-6 {
    width: calc(33.33% - 10px) !important;
  }
  .rg-vas .container,
  .w100 {
    padding: 0px 25px !important;
  }
  .htx br,
  .rg-form-footer .rg-form-disclaimer br,
  .section-title br,
  .htx br {
    display: none !important;
  }
  .rg-cbs-tab .nav-tabs .nav-item a {
    font-size: 15px !important;
    padding: 15px !important;
  }
  .rg-cbs-tabs .tcb-box {
    min-height: 225px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 15px !important;
  }
  .rg-cbs-tabs .tcb-box .tcb-right,
  .rg-cbs-tabs .tcb-box .tcb-left {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    transform: none !important;
    top: unset !important;
    left: unset !important;
    right: unset !important;
    bottom: unset !important;
  }
  .rg-cbs-tabs .tcb-box .tcb-right,
  .rg-cs .container {
    padding: 0px !important;
  }
  .rg-cbs-tabs .tcb-box .tcb-left .tcb-img img {
    min-height: 225px !important;
  }
  .rg-cbs-tabs .tcb-box .tcb-left .tcb-img img {
    min-height: 450px !important;
  }
  .rg-cbs-tabs .tcb-box {
    min-height: unset !important;
  }
  .rg-cs .pricing-item.main .pricing-wrap {
    padding: 25px !important;
  }
  .prg2 {
    width: 25% !important;
    max-width: 25% !important;
    min-width: 25% !important;
  }
  .pr-grid {
    margin: 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .rg-cs .pricing-wrap {
    padding: 50px 25px !important;
  }
  .pr .pr-list li i {
    padding: 0px !important;
  }
  .rg-steps .opr-li,
  .rg-blogs .bl-li {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 15px !important;
    row-gap: 15px !important;
    flex-wrap: wrap !important;
  }
  .rg-steps .opr-li .col-md-6,
  .rg-blogs .post-prev-3 {
    width: calc(50% - 15px) !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    padding: 0px !important;
  }
  .rg-steps .opr-li,
  .rg-blogs .post-prev-3 {
    padding: 0px !important;
    margin: 0px !important;
  }
  .rg-steps .opr-li .col-md-6 {
    margin: 0px !important;
  }
  .post-prev-3-info,
  .post-prev-3-info a {
    font-size: 12px !important;
  }
  .post-prev-3-title a {
    font-size: 18px !important;
  }
  .post-prev-3-intro {
    padding: 15px !important;
    text-align: left !important;
  }
  .rg-ns-grid,
  .rg-vas-grid {
    padding: 15px !important;
  }
  .rg-about-section {
    padding: 50px !important;
    padding-top: 180px !important;
  }
  .new-hero .home-content h1 {
    font-size: 35px !important;
  }
  .custom-language-dropdown {
    width: auto !important;
    min-width: 70px;
  }
  .language-selected {
    height: auto !important;
    padding: 5px 12px !important;
    min-height: 40px;
    gap: 4px;
  }
  .language-selected .lang-label {
    font-size: 12px !important;
    font-weight: 600;
    text-transform: uppercase;
  }
  .language-list {
    width: auto !important;
    min-width: 70px;
  }
  .language-list li {
    padding: 8px 12px !important;
    gap: 8px !important;
    justify-content: flex-start !important;
  }
  .language-list li .lang-label {
    font-size: 12px !important;
    font-weight: 500;
    text-transform: uppercase;
  }
  .language-list li .fi {
    margin: 0 !important;
  }
  .mobile-nav {
    margin-left: 0px !important;
  }
  .main-nav-sub {
    justify-content: space-between !important;
  }
}