@media only screen and (max-width: 767px) {

    /* Header */
    /* Tobar */
    .nht .header-top-area-wrapper {
        display: block !important;
    }

    .nht .working-time,
    .nht .header-top-area-wrapper .header-top-one-wrapper .left .mail::after {
        display: none !important;
    }

    .nht .header-top-area-wrapper .header-top-one-wrapper,
    .header-top-area-wrapper .header-top-one-wrapper .left {
        justify-content: right !important;
    }

    .nht .header-top-area-wrapper .header-top-one-wrapper .left .mail a {
        margin: 0px !important;
        padding: 2px 0px !important;
    }

    .header-top-area-wrapper .header-top-one-wrapper .left .mail a:hover::after {
        display: none !important;
    }

    /* Navbar */
    .nht .mb-menu {
        display: block !important;
    }

    .nht .header-main-one-wrapper .thumbnail a img {
        max-width: 130px !important;
    }

    .nht .header-main-one-wrapper {
        padding: 15px 0px !important;
    }

    .nht #search,
    .nht #menu-btn {
        width: 35px !important;
        height: 35px !important;
        min-width: 35px !important;
        border-radius: 6px !important;
        padding: 5px !important;
        /* background: transparent !important; */
    }

    /* Sidebar */
    .mb-side-menu {
        padding: 50px 2 !important;
    }

    .mb-side-menu .mobile-menu nav ul {
        padding: 0px !important;
    }

    .mb-side-menu .social-wrapper-one li a {
        justify-content: flex-start !important;
    }

    .mb-side-menu .mobile-menu nav ul li a {
        color: var(--b-dark);
    }

    /* Footer */
    .nft .pt_sm--80 {
        padding-top: 50px !important;
    }

    .nft .pb_sm--40 {
        padding-bottom: 50px !important;
    }

    .nft .logo {
        width: 130px !important;
    }

    .nft .footer-form form {
        flex-direction: column !important;
    }

    .nft .footer-form form button {
        height: 55px !important;
    }

    .nft .rts-copy-right-1 .copyright-h-2-wrapper .right ul {
        margin: 10px 0px !important;
    }

    /* Global */
    .title-style-two .pre,
    .title-style-three .pre,
    .title-style-10 .pre {
        font-size: 16px !important;
        font-weight: normal !important;
        margin-bottom: 5px !important;
    }

    .title-style-two .title,
    .title-style-three .title,
    .title-style-10 .title {
        font-size: 26px !important;
        font-weight: normal !important;
    }

    /* .title-style-three.center {
    text-align: left !important;
  } */
    a:hover {
        text-decoration: none !important;
    }

    /* Home Page */
    /* Slider */
    .nms .rts-banner-area-two {
        height: calc(100vh - 97px) !important;
    }

    .nms .metron-logo-svg svg {
        width: 150px !important;
    }

    .nms .banner-inner-two-content .pre-title {
        font-size: 14px !important;
        margin-bottom: 25px !important;
    }

    .nms .banner-inner-two-content .title {
        font-size: 30px !important;
    }

    .nms .banner-inner-two-content p.disc {
        font-size: 16px !important;
        margin-bottom: 25px !important;
    }

    .nms .banner-inner-two-content {
        text-align: center !important;
    }

    .nms .rts-btn {
        /* margin: unset !important; */
        border-radius: 6px !important;
        min-width: 150px !important;
    }

    .nms .swiper-pagination {
        top: unset !important;
        bottom: 5% !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        flex-direction: row !important;
        gap: 0px !important;
    }

    /* About */
    .rts-section-gap {
        padding: 50px 0px !important;
    }

    .home-abt .abt-image .left-thumbnail-about-area-two {
        max-width: 100% !important;
    }

    .home-abt .abt-image .left-thumbnail-about-area-two img {
        min-height: 225px !important;
        border-radius: 10px !important;
    }

    .home-abt .abt-content {
        margin-top: 50px !important;
    }

    .home-abt .abt-content .about-inner-content-two {
        padding: 0px !important;
    }

    .home-abt .single-check {
        align-items: flex-start !important;
        margin: 6px 0px !important;
    }

    .home-abt .single-check i {
        padding-top: 6px !important;
    }

    /* Counter */
    .cn-grid {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .cngi .single-counter {
        margin-top: 0px !important;
    }

    /* Services */
    .ser .title-style-three .title {
        margin-bottom: 0px !important;
    }

    .ser .single-service-style-three .inner {
        padding: 25px !important;
    }

    /* Methodology */
    /* .stp .rts-working-process-1 {
    text-align: left !important;
    align-items: flex-start !important;
  } */
    .mmt .rts-working-process-1 .inner,
    .mmt .icon {
        width: 75px !important;
        height: 75px !important;
    }

    .ser .icon svg,
    .mmt .icon svg {
        width: 50px !important;
        height: 50px !important;
    }

    /* Clients */
    .m-cli .mb50 {
        margin-bottom: 35px !important;
    }

    .metron-clients .single-brand {
        padding: 0px !important;
        min-height: auto !important;
    }

    /* About Us Page */
    /* Page Header */
    .nph {
        height: auto !important;
        /* min-height: 350px !important; */
    }

    .nph .row {
        padding: 50px 0px !important;
    }

    .nph h1 {
        font-size: 30px !important;
    }

    .nph .title-area-left.center {
        text-align: center !important;
    }

    .custom-header.py100 {
        padding: 50px 0px !important;
    }

    /* Core Values */
    .core-values .row {
        flex-direction: column-reverse !important;
        gap: 50px !important;
    }

    .core-values .col-lg-6 {
        margin-top: 0px !important;
    }

    .core-values .about-inner-content-two {
        padding: 0px !important;
    }

    .core-values .single-check i {
        padding-top: 6px !important;
    }

    .core-values .left-thumbnail-about-area-two img {
        min-height: 225px !important;
        border-radius: 10px !important;
    }

    /* Team */
    .metron-team {
        padding-top: 0px !important;
    }

    .metron-team .title-style-two .title {
        margin-bottom: 0px !important;
    }

    .metron-team .pb--80 {
        padding-bottom: 50px !important;
    }

    /* Team Popup */
    .popup-overlay {
        overflow: hidden !important;
    }

    .popup-container {
        overflow-y: scroll !important;
        position: relative !important;
    }

    .popup-left {
        justify-content: flex-start !important;
        overflow: visible !important;
    }

    .popup-right {
        overflow: unset !important;
        position: unset !important;
    }

    .popup-right .close-btn {
        background: #fff !important;
        color: var(--b-primary) !important;
        top: 15px !important;
        right: 15px !important;
        font-size: 18px !important;
    }

    .popup-right .close-btn:hover {
        background: #000 !important;
        color: #fff !important;
    }

    /* USP */
    .new-usp .title-style-10 span.pre {
        color: #fff !important;
    }

    .new-usp .col-lg-4 {
        padding: 25px !important;
    }

    /* Contact Us Page */
    .new-cont.py125 {
        padding: 50px 0px !important;
    }

    .new-cont .cni .contact-info-area-wrapper-p.new,
    .new-cont .cnf .contact-form-p.new {
        padding: 50px 25px !important;
    }

    .new-cont .single-contact-info {
        align-items: flex-start !important;
        gap: 15px !important;
    }

    .contact-info-area-wrapper-p .single-contact-info .icon {
        width: 50px !important;
        height: 50px !important;
    }

    .new-cont .single-contact-info .info-wrapper {
        width: 100% !important;
    }

    .new-cont .row {
        gap: 50px !important;
        flex-direction: column-reverse !important;
    }

    .new-cont form .g-recaptcha>* {
        width: 100% !important;
    }

    .contact-info-area-wrapper-p.new {
        margin-bottom: 0px !important;
    }

    /* Map */
    .metron-map iframe {
        height: 350px !important;
    }

    .google-map-area.pb125 {
        padding-bottom: 50px !important;
    }

    /* Services Page */
    .service-content-box {
        margin: 0px !important;
        padding: 50px 15px !important;
        gap: 50px !important;
    }

    .service-content-box .metron-sidebar-title {
        padding-top: 0px !important;
        font-size: 26px !important;
    }

    .service-content-box .service-left-sticky {
        position: relative !important;
        width: 100% !important;
        left: unset !important;
        top: unset !important;
    }

    .service-content-box .service-right {
        padding: 0px !important;
    }

    .service-content-box .service-content {
        padding: 50px 25px !important;
    }

    .service-content-box ul.metron-list {
        padding-left: 15px !important;
    }

    .service-content-box .metron-content-title {
        font-size: 20px !important;
        font-weight: normal !important;
    }

    .service-content-box .metron-content-text,
    .service-content-box .metron-content-text strong {
        font-size: 16px !important;
        font-weight: normal !important;
    }

    .service-content-box .new-mca .metron-subtitle {
        font-size: 18px !important;
        font-weight: 500 !important;
    }

    .service-content-box .new-mca-img img {
        min-height: 225px !important;
        border-radius: 10px !important;
    }

    .service-content-box .rts-btn.btn-primary {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        height: auto !important;
        border-radius: 6px !important;
        padding: 10px 15px !important;
    }

    /* Privacy Policy */
    .privacy-content {
        padding: 50px 0px !important;
    }

    .privacy-section h2 {
        font-size: 25px !important;
    }

    .privacy-section h3 {
        font-size: 22px !important;
    }

    .privacy-section p,
    .privacy-section ul li {
        font-size: 16px !important;
    }

    .privacy-section {
        margin-bottom: 26px !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

    /* Header */
    /* Tobar */
    .nht .header-top-area-wrapper {
        display: block !important;
    }

    .nht .working-time,
    .nht .header-top-area-wrapper .header-top-one-wrapper .left .mail::after {
        display: none !important;
    }

    .nht .header-top-area-wrapper .header-top-one-wrapper,
    .header-top-area-wrapper .header-top-one-wrapper .left {
        justify-content: center !important;
    }

    .nht .header-top-area-wrapper .header-top-one-wrapper .left .mail a {
        margin: 0px !important;
        padding: 2px 0px !important;
    }

    .header-top-area-wrapper .header-top-one-wrapper .left .mail a:hover::after {
        display: none !important;
    }

    /* Navbar */
    .nht .mb-menu {
        display: block !important;
    }

    .nht .header-main-one-wrapper .thumbnail a img {
        max-width: 130px !important;
    }

    .nht .header-main-one-wrapper {
        padding: 15px 0px !important;
    }

    .nht #search,
    .nht #menu-btn {
        width: 35px !important;
        height: 35px !important;
        min-width: 35px !important;
        border-radius: 6px !important;
        padding: 5px !important;
        /* background: transparent !important; */
    }

    /* Sidebar */
    .mb-side-menu {
        padding: 50px 2 !important;
    }

    .mb-side-menu .mobile-menu nav ul {
        padding: 0px !important;
    }

    .mb-side-menu .social-wrapper-one li a {
        justify-content: flex-start !important;
    }

    .mb-side-menu .mobile-menu nav ul li a {
        color: var(--b-dark);
    }

    /* Footer */
    .nft .pt_sm--80 {
        padding-top: 50px !important;
    }

    .nft .pb_sm--40 {
        padding-bottom: 50px !important;
    }

    .nft .logo {
        width: 130px !important;
    }

    .nft .footer-form form {
        flex-direction: column !important;
    }

    .nft .footer-form form button {
        height: 55px !important;
    }

    .nft .rts-copy-right-1 .copyright-h-2-wrapper .right ul {
        margin: 10px 0px !important;
    }

    /* Global */
    .title-style-two .pre,
    .title-style-three .pre,
    .title-style-10 .pre {
        font-size: 16px !important;
        font-weight: normal !important;
        margin-bottom: 5px !important;
    }

    .title-style-two .title,
    .title-style-three .title,
    .title-style-10 .title {
        font-size: 26px !important;
        font-weight: normal !important;
    }

    /* .title-style-three.center {
    text-align: left !important;
  } */
    a:hover {
        text-decoration: none !important;
    }

    /* Home Page */
    /* Slider */
    .nms .rts-banner-area-two {
        height: calc(100vh - 97px) !important;
    }

    .nms .metron-logo-svg svg {
        width: 150px !important;
    }

    .nms .banner-inner-two-content .pre-title {
        font-size: 14px !important;
        margin-bottom: 25px !important;
    }

    .nms .banner-inner-two-content .title {
        font-size: 30px !important;
    }

    .nms .banner-inner-two-content p.disc {
        font-size: 16px !important;
        margin-bottom: 25px !important;
    }

    .nms .banner-inner-two-content {
        text-align: center !important;
    }

    .nms .rts-btn {
        /* margin: unset !important; */
        border-radius: 6px !important;
        min-width: 150px !important;
    }

    .nms .swiper-pagination {
        top: unset !important;
        bottom: 5% !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        flex-direction: row !important;
        gap: 0px !important;
    }

    /* About */
    .rts-section-gap {
        padding: 50px 0px !important;
    }

    .home-abt .abt-image .left-thumbnail-about-area-two {
        max-width: 100% !important;
    }

    .home-abt .abt-image .left-thumbnail-about-area-two img {
        min-height: 225px !important;
        border-radius: 10px !important;
    }

    .home-abt .abt-content {
        margin-top: 50px !important;
    }

    .home-abt .abt-content .about-inner-content-two {
        padding: 0px !important;
    }

    .home-abt .single-check {
        align-items: flex-start !important;
        margin: 6px 0px !important;
    }

    .home-abt .single-check i {
        padding-top: 6px !important;
    }

    /* Counter */
    .cn-grid {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .cngi .single-counter {
        margin-top: 0px !important;
    }

    /* Services */
    .ser .title-style-three .title {
        margin-bottom: 0px !important;
    }

    .ser .single-service-style-three .inner {
        padding: 25px !important;
    }

    /* Methodology */
    /* .stp .rts-working-process-1 {
    text-align: left !important;
    align-items: flex-start !important;
  } */
    .mmt .rts-working-process-1 .inner,
    .mmt .icon {
        width: 75px !important;
        height: 75px !important;
    }

    .ser .icon svg,
    .mmt .icon svg {
        width: 50px !important;
        height: 50px !important;
    }

    /* Clients */
    .m-cli .mb50 {
        margin-bottom: 35px !important;
    }

    .metron-clients .single-brand {
        padding: 0px !important;
        min-height: auto !important;
    }

    /* About Us Page */
    /* Page Header */
    .nph {
        height: auto !important;
        /* min-height: 350px !important; */
    }

    .nph .row {
        padding: 50px 0px !important;
    }

    .nph h1 {
        font-size: 30px !important;
    }

    .nph .title-area-left.center {
        text-align: center !important;
    }

    .custom-header.py100 {
        padding: 50px 0px !important;
    }

    /* Core Values */
    .core-values .row {
        flex-direction: column-reverse !important;
        gap: 50px !important;
    }

    .core-values .col-lg-6 {
        margin-top: 0px !important;
    }

    .core-values .about-inner-content-two {
        padding: 0px !important;
    }

    .core-values .single-check i {
        padding-top: 6px !important;
    }

    .core-values .left-thumbnail-about-area-two img {
        min-height: 225px !important;
        border-radius: 10px !important;
    }

    /* Team */
    .metron-team {
        padding-top: 0px !important;
    }

    .metron-team .title-style-two .title {
        margin-bottom: 0px !important;
    }

    .metron-team .pb--80 {
        padding-bottom: 50px !important;
    }

    /* Team Popup */
    .popup-overlay {
        overflow: hidden !important;
    }

    .popup-container {
        overflow-y: scroll !important;
        position: relative !important;
    }

    .popup-left {
        justify-content: flex-start !important;
        overflow: visible !important;
    }

    .popup-right {
        overflow: unset !important;
        position: unset !important;
    }

    .popup-right .close-btn {
        background: #fff !important;
        color: var(--b-primary) !important;
        top: 15px !important;
        right: 15px !important;
        font-size: 18px !important;
    }

    .popup-right .close-btn:hover {
        background: #000 !important;
        color: #fff !important;
    }

    /* USP */
    .new-usp .title-style-10 span.pre {
        color: #fff !important;
    }

    .new-usp .col-lg-4 {
        padding: 25px !important;
    }

    /* Contact Us Page */
    .new-cont.py125 {
        padding: 50px 0px !important;
    }

    .new-cont .cni .contact-info-area-wrapper-p.new,
    .new-cont .cnf .contact-form-p.new {
        padding: 50px 25px !important;
    }

    .new-cont .single-contact-info {
        align-items: flex-start !important;
        gap: 15px !important;
    }

    .contact-info-area-wrapper-p .single-contact-info .icon {
        width: 50px !important;
        height: 50px !important;
    }

    .new-cont .single-contact-info .info-wrapper {
        width: 100% !important;
    }

    .new-cont .row {
        gap: 50px !important;
        flex-direction: column-reverse !important;
    }

    .new-cont form .g-recaptcha>* {
        width: 100% !important;
    }

    .contact-info-area-wrapper-p.new {
        margin-bottom: 0px !important;
    }

    /* Map */
    .metron-map iframe {
        height: 350px !important;
    }

    .google-map-area.pb125 {
        padding-bottom: 50px !important;
    }

    /* Services Page */
    .service-content-box {
        margin: 0px !important;
        padding: 50px 15px !important;
        gap: 50px !important;
    }

    .service-content-box .metron-sidebar-title {
        padding-top: 0px !important;
        font-size: 26px !important;
    }

    .service-content-box .service-left-sticky {
        position: relative !important;
        width: 100% !important;
        left: unset !important;
        top: unset !important;
    }

    .service-content-box .service-right {
        padding: 0px !important;
    }

    .service-content-box .service-content {
        padding: 50px 25px !important;
    }

    .service-content-box ul.metron-list {
        padding-left: 15px !important;
    }

    .service-content-box .metron-content-title {
        font-size: 20px !important;
        font-weight: normal !important;
    }

    .service-content-box .metron-content-text,
    .service-content-box .metron-content-text strong {
        font-size: 16px !important;
        font-weight: normal !important;
    }

    .service-content-box .new-mca .metron-subtitle {
        font-size: 18px !important;
        font-weight: 500 !important;
    }

    .service-content-box .new-mca-img img {
        min-height: 225px !important;
        border-radius: 10px !important;
    }

    .service-content-box .rts-btn.btn-primary {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        height: auto !important;
        border-radius: 6px !important;
        padding: 10px 15px !important;
    }

    /* Privacy Policy */
    .privacy-content {
        padding: 50px 0px !important;
    }

    .privacy-section h2 {
        font-size: 25px !important;
    }

    .privacy-section h3 {
        font-size: 22px !important;
    }

    .privacy-section p,
    .privacy-section ul li {
        font-size: 16px !important;
    }

    .privacy-section {
        margin-bottom: 26px !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .nav-area {
        display: block !important;
    }

    /* Privacy Policy */
    .privacy-content {
        padding: 50px 0px !important;
    }

    .privacy-section h2 {
        font-size: 25px !important;
    }

    .privacy-section h3 {
        font-size: 22px !important;
    }

    .privacy-section p,
    .privacy-section ul li {
        font-size: 16px !important;
    }

    .privacy-section {
        margin-bottom: 26px !important;
    }
}

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

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

@media only screen and (max-width: 767px) {

    .htx,
    .title-style-two .title {
        font-size: 25px !important;
        font-weight: 700 !important;
    }

    .stx {
        font-size: 18px !important;
        /* font-weight: 600 !important; */
    }

    .dsx,
    .nht a.stx,
    .nms .dsx,
    .banner-inner-two-content p.disc {
        font-size: 16px !important;
    }

    .nms .htx,
    .nph h1 {
        font-size: 25px !important;
    }

    .service-content h2,
    .service-content h3,
    .service-content h4,
    .service-content h5,
    .new-mca .metron-subtitle,
    .service-content-box .metron-content-title,
    .service-content-box .new-mca .metron-subtitle {
        font-size: 20px !important;
        font-weight: 700 !important;
        text-transform: capitalize !important;
    }

    .metron-content-text,
    .contact-info-area-wrapper-p .single-contact-info .info-wrapper a {
        font-size: 16px !important;
        font-weight: normal !important;
    }

    .metron-sidebar-desc {
        font-size: 19px !important;
    }

    .metron-sidebar-title {
        text-transform: capitalize !important;
    }

    .new-topbar {
        height: 30.8px !important;
    }

    .rts-copy-right-1 .copyright-h-2-wrapper .right ul li a {
        font-size: 14px !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .new-topbar {
        height: 30.8px !important;
    }

    .htx,
    .title-style-two .title {
        font-size: 25px !important;
        font-weight: 700 !important;
    }

    .stx {
        font-size: 18px !important;
        /* font-weight: 600 !important; */
    }

    .dsx,
    .nht a.stx,
    .nms .dsx,
    .banner-inner-two-content p.disc {
        font-size: 16px !important;
    }

    .nms .htx,
    .nph h1 {
        font-size: 25px !important;
    }

    .service-content h2,
    .service-content h3,
    .service-content h4,
    .service-content h5,
    .new-mca .metron-subtitle,
    .service-content-box .metron-content-title,
    .service-content-box .new-mca .metron-subtitle {
        font-size: 20px !important;
        font-weight: 700 !important;
        text-transform: capitalize !important;
    }

    .metron-content-text,
    .contact-info-area-wrapper-p .single-contact-info .info-wrapper a {
        font-size: 16px !important;
        font-weight: normal !important;
    }

    .metron-sidebar-desc {
        font-size: 19px !important;
    }

    .metron-sidebar-title {
        text-transform: capitalize !important;
    }

    .rts-copy-right-1 .copyright-h-2-wrapper .right ul li a,
    .footer-copyright p,
    .footer-copyright a {
        font-size: 12px !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    .htx,
    .title-style-two .title {
        font-size: 25px !important;
        font-weight: 700 !important;
    }

    .stx {
        font-size: 18px !important;
        /* font-weight: 600 !important; */
    }

    .dsx,
    .nht a.stx,
    .nms .dsx,
    .banner-inner-two-content p.disc {
        font-size: 16px !important;
    }

    .nms .htx,
    .nph h1 {
        font-size: 25px !important;
    }

    .service-content h2,
    .service-content h3,
    .service-content h4,
    .service-content h5,
    .new-mca .metron-subtitle,
    .service-content-box .metron-content-title,
    .service-content-box .new-mca .metron-subtitle {
        font-size: 20px !important;
        font-weight: 700 !important;
        text-transform: capitalize !important;
    }

    .metron-content-text,
    .contact-info-area-wrapper-p .single-contact-info .info-wrapper a {
        font-size: 16px !important;
        font-weight: normal !important;
    }

    .metron-sidebar-desc {
        font-size: 19px !important;
    }

    .metron-sidebar-title {
        text-transform: capitalize !important;
    }
}