@media (min-width: 1400px) {
  .container {
    max-width: 1270px;
  }
  .service-ai-cards .service-ai-card .caption {
    min-height: 33rem;
  }
}

@media (min-width: 1500px) {
  .container {
    max-width: 1370px;
  }
  .service-ai-cards .service-ai-card .caption {
    min-height: 26rem;
  }
}

@media (min-width: 1600px) {
  .container {
    max-width: 1470px;
  }
}

@media (min-width: 1980px) {
  .container {
    max-width: 1600px;
  }
  .footer-section {
    min-height: auto;
  }
}

@media (max-width: 1700px) and (min-width: 1401px) {
  :root {
    font-size: 9px;
  }
  .topsliderleft h2 {
    font-size: 4.5rem;
  }
  .topsliderleft h2 {
    font-size: 4.5rem;
  }
  .joinus-and-newsletter-section .abs-img {
    width: 82rem;
  }
  .side-blog-posts img {
    padding-right: 0.8rem;
  }
  .download-box a.btn-g {
    padding: 0.5rem 1.5rem;
  }
  .digital-commerce-section-4 {
    min-height: 89rem;
  }
  .switchbox-imgs img {
    width: 89rem;
  }
  .about-us-content-7-post .advantage-box p {
    font-size: 1.7rem;
  }
}

@media (max-width: 1400px) {
  .about-us-content-1 p,
  .about-us-content-2 .mission-box p,
  .stat-item p,
  .about-us-content-7-post .advantage-box p,
  .content-section-1 p,
  .life-at-systems-content-1 .top p,
  .corporate-item .english-sec p,
  .digital-commerce-section-1 .main-1 .content,
  .digital-commerce-section-3 .content p,
  .switch-boxes .switch-box p,
  .service-ai-cards .service-ai-card .caption p,
  .industry-sec-2 .top .small-text,
  .featured-case-study p,
  .cloud-engineering-content-3 .box p,
  .lead-generation-section-1 .left p,
  .dataanalytics-content-2 .box .hover .body ul,
  .dataanalytics-content-3 .engagement-models p {
    font-size: 1.8rem;
  }
  .dataanalytics-content-2 .box .hover .body ul,
  .dataanalytics-content-3 .engagement-models p {
    line-height: 2.5rem;
  }
  .expertise-item p {
    font-size: 1.7rem;
  }
  .expertise-item .btn-g {
    padding: 1.2rem 2rem;
  }
  .industry-box {
    min-height: 51rem;
    padding: 7rem 6rem;
  }
  .industry-box.first {
    padding: 7rem 7rem;
  }
  .solution-item-detail .left img:not(.abs-logo) {
    height: auto;
    -o-object-fit: cover;
    object-fit: none;
  }
  .nav-main img {
    max-width: 40rem;
  }
  .solution-item-detail .right {
    padding: 3.9rem;
  }
  .side-blog-posts h2 {
    font-size: 2.5rem;
    line-height: 3.5rem;
  }
  .corporate-item .urdu-sec p {
    font-size: 2.2rem;
    line-height: 3.2rem;
  }
  .corporate-item .urdu-sec h2 {
    font-size: 2.3rem;
  }
  .digital-commerce-section-4 {
    min-height: 90rem;
  }
  .side-blog-posts .caption-wrap-g {
    padding-left: 15px;
  }
  .investor-info-box {
    min-height: 38rem;
    margin: 0 0 1rem 0;
  }
  .download-box h2 {
    font-size: 2.5rem;
  }
  .download-box a.btn-g {
    padding: 0.5rem 1rem;
  }
  .leadership-item h3 {
    font-size: 2.3rem;
  }
  .leadership-item p {
    font-size: 2rem;
  }
  .switch-boxes .switch-box {
    padding: 3rem;
    padding-right: 4rem;
  }
  .timeline-container .timeline-item {
    margin-bottom: 4rem;
  }
  .switchbox-imgs img {
    top: 8rem;
    width: 84rem;
  }
  .service-ai-cards .service-ai-card .caption {
    min-height: 30rem;
  }
  .application-integration-content-3 {
    padding-top: 15rem;
  }
  .application-integration .stat-item-3 {
    min-height: auto;
  }
  .timeline-container > .left .timeline-item:nth-child(even)::after {
    width: 22rem;
  }
  .timeline-item.right::after {
    width: 10rem;
  }
  .about-us-content-2 .mission-box.last {
    top: 8rem;
  }
  .stat-item-2 p {
    font-size: 1.7rem;
    line-height: 2.7rem;
  }
  .industry-box .top-sec-g p {
    font-size: 2rem;
  }
  :root {
    font-size: 8px;
  }
  .joinus-and-newsletter-section .abs-img {
    width: 80rem;
  }
  .partner-item {
    width: 25%;
  }
  .partner-item > div {
    padding: 4rem 5px;
  }
  .hidden-nav .middle-sec > div ul li a {
    line-height: 2rem;
  }
  .hidden-nav .middle-sec > div ul li {
    padding: 0.5rem 0;
  }
  .subscribe-form .btn-g svg {
    margin-left: 2.4rem;
  }
  .topsliderleft h2 {
    font-size: 3.5rem;
  }
  .topsliderleft p {
    font-size: 2rem;
    max-width: 80%;
  }
  .ceo-message-paragraph p:first-child {
    margin-top: -2rem;
  }
  .stat-item-3 {
    background: #f0f2f4;
    padding: 3rem 2rem;
    text-align: center;
    min-height: 27rem;
  }
  .life-at-systems-content-3-post {
    margin-top: -61rem;
  }
  .industry-box .industry-name {
    font-size: 2.6rem;
    margin-bottom: 1rem;
  }
  .industry-box:not(.first):hover p {
    max-height: 14rem;
  }
  .industry-box:not(.first) p {
    -webkit-transition: max-height 0.3s ease-in-out;
    -o-transition: max-height 0.3s ease-in-out;
    transition: max-height 0.3s ease-in-out;
  }
  .expertise-item h2 {
    font-size: 2rem;
    line-height: 2.4rem;
  }
  .report-item h3 {
    line-height: 2.5rem;
  }
  .emp-benefits-list li p {
    font-size: 1.8rem;
    margin-left: 1.5rem;
  }
  .emp-benefits-list li img {
    width: 8rem;
  }
  .dataanalytics-content-2 .box {
    height: calc(100% - 2rem);
  }
  .dataanalytics-content-1 .box .left p {
    font-size: 2rem;
    line-height: 2.6rem;
  }
  .dataanalytics-content-1 .box .left {
    padding: 5rem 3rem;
  }
  .dataanalytics-content-4 .main-logos {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .dataanalytics-content-4 .logos-container .logo-item {
    min-width: auto;
    margin: 1.7rem 0.7rem;
  }
  .dataanalytics-content-3 .right {
    padding: 3rem;
  }
}

/*Tablets in Portrait Specific styles*/

@media (max-width: 800px) {
  #cloudchart {
    display: none;
  }
  .chart-side-divs {
    padding-left: 0;
  }
  .bpo-last-section .first {
    padding-top: 6rem;
  }
  .bpo-last-section .bpo-last-nav li {
    width: 50%;
    padding-left: 15px;
  }
  .management-item .caption {
    opacity: 1;
  }
  /*a*/
  .top-header-g .top-header-g-content h1 {
    font-size: 2.5rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    line-height: 3.5rem;

  }
  .featured {
    height: auto;
  }
  /*a*/
  /*a*/
  .bread-crumb-g .container ul li {
    font-size: 1.5rem;
    letter-spacing: 0.2rem;
    line-height: 2.5rem;
  }
  /*a*/
  :root {
    --slide-alpha: 0.9;
  }
  .topsliderleft h2 {
    line-height: 5rem;
    width: 80%;
  }
  .contact-us-section-1 .left {
    padding: 2rem;
  }
  .contact-us-section-1 .contact-item img {
    margin-right: 2rem;
    max-width: 25%;
  }
  .address-card-item {
    padding: 2rem;
    margin-bottom: 2rem;
  }
  .address-card-item ul li {
    margin-bottom: 2rem;
  }
  .contact-us-section-1 .contact-item h3 {
    font-size: 2.5rem;
  }
  .contact-us-section-1 .contact-item a {
    font-size: 2rem;
  }
  .contact-form .btn-g {
    font-size: 2rem;
    margin-top: 1.5rem;
  }
  .contact-us-section-1 .left .contact-form input,
  .contact-us-section-1 .left .contact-form textarea {
    font-size: 2rem;
  }
  .team-fancybox .fancybox-slide--html .fancybox-close-small {
    background: #fff;
    opacity: 1;
  }
  .teamfancybox-inner img {
    height: 50vh;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
  }
  .teamfancybox-inner .right {
    padding: 3rem;
  }
  .teamfancybox-inner p.desc {
    font-size: 2rem;
    line-height: 3.5rem;
  }
  .teamfancybox-inner h3 {
    font-size: 2.5rem;
    line-height: 4.4rem;
  }
  .digital-commerce-section-1 .main-1 .top h2 {
    font-size: 3.6rem;
    line-height: 6rem;
  }
  .digital-commerce-section-1 .main-1 .content {
    font-size: 2rem;
    padding: 0;
    line-height: 3rem;
  }
  .digital-commerce-section-1 .main-1 .content ul {
    list-style: outside;
    padding-left: 20px;
  }
  .digital-commerce-section-1 .main-1 .boxes .box h3 {
    font-size: 4rem;
    margin-bottom: 0.5rem;
  }
  .digital-commerce-section-1 .main-1 .boxes .box p {
    margin-bottom: 2rem;
  }
  .boxes .row .col-6:nth-child(even) {
    padding-left: 7px;
  }
  .boxes .row .col-6:nth-child(odd) {
    padding-right: 7px;
  }
  .digital-commerce-section-1 .main-2 .logo-item {
    max-width: 48%;
    margin: 0;
  }
  .digital-commerce-section-1 .main-2 h2 {
    margin-top: 5rem;
  }
  .digital-commerce-section-1 .main-2 {
    padding-top: 12rem;
  }
  .digital-commerce-section-2-repeat {
    height: 55rem;
  }
  .solution-item-detail .left .abs-logo {
    width: 50%;
  }
  .digital-commerce-section-3 .content p {
    font-size: 2rem;
    line-height: 3.5rem;
  }
  .digital-commerce-section-3 .company-values {
    padding-top: 5rem;
  }
  .digital-commerce-section-3 .company-values .value-item h3 {
    font-size: 3.6rem;
    margin-left: 2rem;
  }
  .digital-commerce-section-4 .how-we-work-boxes {
    position: relative;
  }
  .how-we-work-item {
    margin-bottom: 3rem;
    height: calc(100% - 2rem);
  }
  .digital-commerce-section-4 {
    min-height: auto;
    padding-bottom: 12rem;
  }
  .how-we-work-item .body h4 {
    font-size: 3rem;
  }
  .how-we-work-item .body ul li {
    font-size: 2rem;
    line-height: 3rem;
    margin-bottom: 2rem;
  }
  .digital-commerce-section-3 .company-values .value-item h3 span {
    font-size: 2.5rem;
  }
  .digital-commerce-section-3 .company-values .value-item {
    padding: 2rem;
  }
  .solution-item-detail h2 {
    font-size: 3rem;
    margin-top: 5rem;
    line-height: 4rem;
  }
  .solution-item-detail .right {
    padding: 3rem;
  }
  .solution-item-detail p {
    font-size: 2rem;
    line-height: 4rem;
  }
  .btn-g-rotated {
    font-size: 2rem;
  }
  .btn-g-rotated svg {
    height: 2rem;
  }
  .notice-item h2 {
    font-size: 2.2rem;
  }
  .download-box h2 {
    font-size: 2.2rem;
  }
  .leadership-item h3 {
    font-size: 2rem;
  }
  .leadership-item p {
    font-size: 1.5rem;
  }
  .corporate-information-2 {
    padding: 7rem 0;
  }
  .news-item .caption h3 {
    font-size: 1.6rem;
  }
  .industry-box .industry-link {
    left: auto;
    width: 9rem;
    right: 0;
  }
  .industry-box .inner svg {
    margin-top: 0;
  }
  .industry-box:not(.first) .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 1rem;
    width: 100%;
  }
  .industry-box:not(.first) .inner p {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    text-align: left;
    font-size: 2rem;
    margin-top: 2rem;
  }
  .stat-item-2 p {
    font-size: 2rem;
  }
  .ceo-det {
    color: var(--orange);
  }
  .ceo-det h2 {
    color: var(--text-color);
    margin-top: 0;
    font-size: 2.2rem;
  }
  .ceo-det p {
    font-size: 1.5rem;
    margin-top: 0.4rem;
  }
  .industry-box .btn-g span {
    font-size: 2rem;
  }
  .industry-box {
    padding: 2rem;
    min-height: auto;
  }
  .life-at-systems-content-3-post img {
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .life-at-systems-content-3-post .row.align-items-stretch img {
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .life-at-systems-content-3-post {
    margin-top: -20rem;
  }
  .life-at-systems-content-1 .top h2 {
    font-size: 3.6rem;
  }
  .life-at-systems-content-1 .top .content {
    margin-top: -3rem;
    padding-left: 0;
  }
  .services-content-2-g:after {
    display: block;
  }
  .caption-wrap-g h2 {
    font-size: 3.3rem;
    margin: 2rem 0 2rem;
  }
  .caption-wrap-g p {
    font-size: 1.8rem;
    line-height: 3rem;
  }
  .caption-wrap-g a.btn-g {
    margin-top: 5rem;
  }
  .nav-main li:last-child {
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    opacity: 0;
    visibility: hidden;
  }
  .life-at-systems-content-1 .top p {
    font-size: 2rem;
    line-height: 3.5rem;
  }
  body[data-nav-state="opened"] .nav-main li:last-child {
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    opacity: 1;
    visibility: visible;
  }
  .nav-top a.close-btn img {
    top: 0;
  }
  .background-grey {
    display: none;
  }
  .ceo-message-paragraph p:first-child {
    margin-top: 0rem;
  }
  .stats-section-div {
    position: relative !important;
    bottom: 0;
  }
  #multiscroll .ms-left,
  #multiscroll .ms-right {
    width: 100% !important;
  }
  #multiscroll .ms-left {
    z-index: 2;
  }
  #multiscroll .ms-left {
    z-index: 1;
  }
  .topsliderleft {
    /* background: rgba(7, 61, 131,.8); */
  }
  .nav-main li:not(:last-child) {
    display: none;
  }
  .nav-main,
  body.inner-pages .nav-main {
    width: 100%;
    padding: 0;
    background: var(--text-color);
    padding-right: 8.5rem;
    position: fixed;
    z-index: 999;
    padding-left: 3rem;
  }
  .nav-custom .nav-top a {
    padding: 0;
  }
  .topsliderleft {
    /* background: rgba(7, 61, 131,.8); */
    padding: 3rem;
  }
  .nav-custom {
    width: 8rem;
    position: fixed;
    background: transparent;
    height: 8rem;
    z-index: 1000;
    right: 0;
    top: 0;
  }
  .nav-custom .nav-bottom {
    display: none;
  }
  .nav-custom .nav-top {
    width: 8rem;
    position: absolute;
    height: 8rem;
    overflow: hidden;
  }
  .wrapper {
    width: 100%;
  }
  .nav-main a img {
    width: 17rem;
    margin-top: 2rem;
  }
  .nav-main li:last-child a {
    width: 8rem;
    height: 8rem;
    padding: 2.7rem;
    font-size: 2.5rem;
  }
  .nav-top a.open-btn span {
    top: 39%;
  }
  .topsliderleft .btn-g {
    bottom: 12rem;
  }
  .about-us-section {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .top-sec-g p {
    line-height: 4rem;
  }
  .stat-item {
    padding: 3rem;
  }
  .stat-item {
    margin-top: 2rem;
  }
  .stat-item-2 {
    padding: 3rem;
  }
  .stat-item-2 {
    height: calc(100% - 2rem);
  }
  .stat-item-3 {
    padding: 3rem;
  }
  .stat-item-3 {
    margin-top: 2rem;
    min-height: 30rem;
  }
  .stat-item-3 p {
    font-size: 2rem;
    line-height: 3.5rem;
  }
  .stat-item-3 h4 {
    font-size: 2.2rem;
  }
  .our-philosiphy {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .our-philosiphy p {
    margin-top: 3rem;
    font-size: 2rem;
  }
  section.ceo-message-section {
    margin-top: 5rem;
  }
  .video-thumb {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .xs-no-padding-l-r {
    padding: 0;
  }
  .expertise-section {
    padding: 8rem 0;
  }
  .expertise-item {
    width: 47%;
    left: 0;
  }
  .our-expertise .flickity-page-dots,
  .solutions-section .flickity-page-dots {
    display: none;
  }
  .expertise-item:hover {
    top: 0;
  }
  .solutions-section {
    background: #f0f2f4;
    padding-top: 6rem;
    padding-bottom: 6rem;
    margin-top: 0;
  }
  .insights-section {
    padding: 6rem 0;
  }
  .insights-section ul.filter-nav li {
    margin: 1rem;
  }
  .insights-section ul.filter-nav {
    margin: 2rem 0;
  }
  .happy-customers-section {
    padding: 6rem 0;
    padding-bottom: 12rem;
  }
  .testimonial-slider .flickity-page-dots {
    bottom: -6rem;
    left: 0;
  }
  .testimonial-main img {
    width: 50%;
    margin: 3rem 0;
  }
  .testimonial-main .testimonial-text {
    font-size: 2rem;
  }
  .testimonial-main {
    margin-bottom: 1rem;
  }
  .joinus-and-newsletter-section .abs-img {
    display: none;
  }
  .joinus,
  .newsletter {
    padding-top: 6rem;
    padding-bottom: 6rem;
    padding-left: 15px;
    padding-right: 15px;
  }
  .subscribe-form .btn-g svg {
    margin-left: 1rem;
    width: 2rem;
    top: -0.1rem;
  }
  .subscribe-form .btn-g {
    padding: 2rem;
  }
  .subscribe-form input {
    padding: 1.8rem 0;
  }
  .awards-text {
    padding-left: 0;
  }
  .partner-item {
    width: 45%;
  }
  .partner-item > div {
    padding: 4rem 13px;
  }
  .partners-section {
    padding: 3rem 0;
  }
  .footer-section {
    padding-top: 6rem;
  }
  .footer-top .top-sec-g img {
    width: 16rem;
  }
  .horizontal-list ul li {
    margin-right: 4rem;
  }
  .copyright-text {
    text-align: left;
  }
  .footer-end ul {
    text-align: left !important;
    margin-top: 2rem;
  }
  .back-to-top {
    bottom: 40rem;
  }
  .hidden-nav {
    width: 100%;
    height: 100%;
    overflow: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .hidden-nav .top-sec {
    padding: 2rem;
    padding-left: 11rem;
    height: 8rem;
  }
  .hidden-nav .top-sec img {
    width: 17rem;
  }
  .hidden-nav .middle-sec > div {
    width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    float: left;
    padding: 7rem 2rem;
    padding-bottom: 2rem;
    height: 45rem;
  }
  .hidden-nav .middle-sec {
    display: block !important;
    position: relative;
  }
  .hidden-nav .h-100.d-flex {
    height: auto !important;
    display: block !important;
  }
  .nav-video {
    position: fixed;
    top: 0;
  }
  .hidden-nav .bottom-sec .right-sec {
    width: 100%;
  }
  .ceo-message-paragraph p:first-child {
    font-size: 2.2rem;
    line-height: 4.2rem;
  }
  .ceo-message-paragraph p:not(:first-child) {
    font-size: 2rem;
    line-height: 4rem;
  }
  .shown-on-mobile-and-tablet {
    display: block;
  }
  .hidden-nav .bottom-sec {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 2rem;
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    position: relative;
    width: 100%;
  }
  .hidden-nav .bottom-sec .left-ul li {
    display: block;
    margin-right: 0;
    margin-bottom: 3rem;
  }
  .hidden-nav .bottom-sec .right-sec ul {
    text-align: left !important;
  }
  .hidden-nav .bottom-sec .right-sec ul li {
    margin-left: 0;
    margin-right: 2rem;
  }
  .hidden-nav .bottom-sec .right-sec p {
    margin-top: 3rem;
    text-align: left;
  }
  .fancybox-slide {
    padding: 5px;
  }
  .search-popup input[type="search"] {
    font-size: 2rem;
  }
  .search-popup .popup-inner {
    width: 90%;
  }
  .search-popup input[type="search"] {
    width: 85%;
    padding: 1rem 0;
  }
  .search-popup .search-submit {
    font-size: 4rem;
  }
  .search-popup .close-btn {
    right: 3rem;
    top: 3rem;
  }
  .ms-left .ms-tableCell {
    background: transparent;
  }
  /* .floating-menu-parent {
        top: 0;
        transform: none;
        position: relative;
    } */
  .top-header-g-content {
    width: 100%;
  }
  .top-header-g {
    height: 45rem;
  }
  .top-header-g .top-header-g-content p {
    font-size: 2rem;
    line-height: 3.4rem;
  }
  .bread-crumb-g .container ul li {
    font-size: 2rem;
    letter-spacing: 0.2rem;
  }
  .about-us-content-1 h2 {
    font-size: 3.6rem;
    line-height: 5rem;
  }
  .about-us-content-1 {
    padding-top: 9rem;
  }
  .about-us-content-1 p {
    margin-top: 1.2rem;
  }
  .about-us-content-2 .mission-box,
  .about-us-content-2 .mission-box.last {
    padding: 4.5rem;
  }
  .about-us-content-2 .mission-box p,
  .about-us-content-2 .mission-box.last p {
    font-size: 2rem;
    line-height: 3rem;
    margin-top: 2rem;
  }
  .about-us-content-2 .mission-box.last {
    left: 0;
    top: 0;
    margin-top: 2rem;
  }
  .about-us-content-1 p {
    font-size: 2rem;
  }
  .about-us-content-3 .main-heading-g {
    margin-bottom: 3rem;
  }
  .about-us-content-4 .left h2 {
    margin-bottom: 3rem;
  }
  .about-us-content-3 {
    padding-bottom: 13rem;
  }
  .about-us-content-4 .left p {
    font-size: 2rem;
    line-height: 4rem;
    margin-bottom: 2rem;
  }
  .about-us-content-4 .ceo-message .caption {
    position: absolute;
    left: 2rem;
    bottom: 2rem;
  }
  .about-us-content-4 .ceo-message .caption h3 {
    font-size: 3rem;
  }
  .about-us-content-4 .ceo-message .caption p {
    font-size: 2rem;
  }
  .leadership-item {
    margin-bottom: 3rem;
  }
  .about-us-content-7-pre p,
  .about-us-content-6 .top-sec-g p {
    font-size: 2rem;
  }
  .about-us-content-7-post .advantage-box p {
    font-size: 2rem;
    line-height: 4rem;
  }
  .about-us-content-7-post .advantage-box h2 {
    font-size: 3.2rem;
    margin-bottom: 2rem;
  }
  .about-us-content-7-post .advantage-box,
  .about-us-content-7-post .advantage-box.img-box {
    margin-bottom: 2.5rem;
    margin-right: 0;
    height: auto;
  }
  .content-section-1 p {
    font-size: 2rem;
    line-height: 4rem;
  }
  .content-section-1 h2 {
    font-size: 5.2rem;
    margin-bottom: 1rem;
  }
  .content-section-1 h3 {
    font-size: 2.3rem;
    margin-bottom: 1rem;
  }
  .content-section-1 a.btn-g span {
    font-size: 2rem;
  }
  .content-section-1 a.btn-g {
    margin-top: 3rem;
    padding: 1.7rem 3rem 2rem 3rem;
  }
  .content-section-1 {
    height: 45rem;
  }
  .heading-page-level-section .top h2 {
    font-size: 3.6rem;
    line-height: 6rem;
  }
  .heading-page-level-section .top p {
    padding-left: 0;
  }
  .application-integration-content-1 .stat-item-3 {
    margin-top: 4rem;
  }
  .switch-boxes .switch-box.active:after {
    content: none;
  }
  .application-integration-content-1 .stats-section-div {
    bottom: -2rem;
  }
  .switch-boxes .switch-box p {
    margin-bottom: 0;
  }
  .switch-boxes .switch-box {
    padding: 2rem;
  }
  .switchbox-imgs {
    display: none;
  }
  .application-integration-content-2 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
  .service-ai-cards .service-ai-card .caption {
    min-height: auto;
  }
  .service-ai-card {
    margin-bottom: 2rem;
  }
  .timeline-container > .left::after,
  .timeline-container > .right::before {
    content: none;
  }
  .timeline-container > .left,
  .timeline-container > .right {
    width: 100%;
  }
  .timeline-item.right::after,
  .timeline-item.left::before {
    content: none;
  }
  .timeline-item .img {
    height: 10rem;
    width: 10rem;
    display: block;
  }
  .timeline-item .img img {
    height: 5rem;
    width: auto;
  }
  .timeline-item.right {
    text-align: left;
    float: none;
    direction: rtl;
  }
  .timeline-container .timeline-item:last-child {
    margin-bottom: 4rem;
  }
  .timeline-container > .right {
    padding-top: 0;
  }
  .timeline-item.right .text {
    text-align: left;
  }
  .timeline-item.right .text,
  .timeline-item.left .text {
    padding: 0;
    padding-left: 2rem;
  }
  .application-integration-content-4 h2 {
    text-align: left;
  }
  .application-integration-content-4 h2::after {
    margin-left: 0;
  }
  .content-section-1.services-ai {
    height: 100vh;
  }
  .about-us-content-6 {
    margin-top: 13rem;
  }
  .investor-information-2 .col-6:nth-child(even) {
    padding-left: 5px;
  }
  .investor-information-2 .col-6:nth-child(odd) {
    padding-right: 5px;
  }
  .investor-info-box {
    margin-bottom: 10px;
  }
  .investor-information-2 {
    padding: 0;
    padding-bottom: 10rem;
  }
  .download-box select {
    margin-top: 2rem;
    width: 100%;
  }
  .download-box a.btn-g {
    margin-top: 2rem;
  }
  .download-box {
    padding: 4rem 4rem;
  }
  .report-item h2 {
    margin-bottom: 5rem;
  }
  .report-item .vertical-centered-translated {
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .report-item h2 {
    margin-bottom: 2rem;
  }
  .report-item .report-li {
    margin-bottom: 2rem;
  }
  .report-item h3 {
    line-height: 2.5rem;
  }
  .corporate-item .english-sec p {
    font-size: 2rem;
    line-height: 3rem;
  }
  .corporate-item .urdu-sec p {
    font-size: 2.5rem;
    line-height: 3.5rem;
  }
  .corporate-item .urdu-sec h2 {
    font-size: 3rem;
  }
  .corporate-item .english-sec h2 {
    font-size: 3rem;
  }
  .governance-page .corporate-item a.btn-g {
    margin-top: 3rem;
    float: left;
  }
  .heading-page-level-section,
  .industry-sec-2 .top {
    padding: 10rem 0;
  }
  .mobile_pb_0 {
    padding-bottom: 0px !important;
  }
  .mobile_pb_40 {
    padding-bottom: 40px !important;
  }
  .industry-sec-2 .top .small-text,
  .industry-sec-2 .top a.btn-g span {
    font-size: 2rem;
  }
  .industry-sec-2 .top img {
    margin-top: 7rem;
  }
  .featured-case-study h2 {
    font-size: 2.5rem;
    line-height: 4rem;
    margin: 2rem 0;
    margin-bottom: 1rem;
  }
  .featured-case-study .caption-wrap-g a.btn-g-rotated {
    margin-top: 2rem;
    font-size: 2rem;
  }
  .side-blog-posts {
    min-height: 45rem;
  }
  .side-blog-posts .caption-wrap-g h2 {
    font-size: 2.3rem;
    margin: 2rem 0;
    line-height: 3rem;
  }
  .side-blog-posts .caption-wrap-g a.btn-g {
    margin-top: 2rem;
  }
  .industry-sec-2 .bottom {
    padding-bottom: 6rem;
  }
  .icons-nav li .text {
    display: none;
  }
  .icons-nav {
    left: 0;
    right: 0;
    text-align: center;
    top: auto;
    bottom: 0;
    background: #fff;
    z-index: 99;
    padding-top: 1rem;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .icons-nav ul li {
    display: inline-block;
    margin: 0 1rem;
  }
  .footer-right-sec {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 2rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .digital-commerce-section-2-repeat::after {
    opacity: 0.6;
  }
  .solution-item-detail .left img:not(.abs-logo) {
    height: auto;
    -o-object-fit: none;
    object-fit: none;
  }
  .floating-menu-parent:not(.empty) p a {
    pointer-events: none;
  }
  .cloud-engineering-content-2 .left .top-sec-g p {
    margin-bottom: 4rem;
  }
  .cloud-engineering-content-2 .box-caption-content p {
    font-size: 2rem;
    line-height: 3rem;
  }
  .cloud-engineering-content-3 .bottom ul {
    text-align: left;
    margin-bottom: 2rem;
  }
  .cloud-engineering-content-3 .box {
    padding: 3rem;
  }
  .cloud-engineering-content-3 .box p {
    font-size: 2rem;
    line-height: 3rem;
  }
  .cloud-engineering-content-4 h2 {
    font-size: 2.8rem;
    line-height: 4.5rem;
  }
  .cloud-engineering-content-4 img {
    margin-top: 4rem;
  }
  .careers-section-2 {
    margin-top: 0;
    padding: 5rem 0;
  }
  .process-img::before {
    content: none;
  }
  .process-div {
    margin-bottom: 3rem;
  }
  .careers-section-4 {
    padding: 5rem 0;
  }
  .careers-section-4 .collage {
    margin-bottom: 2rem;
  }
  .careers-section-3 .main-heading-g::after {
    margin-left: 0;
  }
  .careers-section-3 .main-heading-g {
    text-align: left;
    display: block;
  }
  .careers-section-3 {
    padding: 5rem 0;
  }
  .filter-row select,
  .filter-row input {
    margin-bottom: 1.5rem;
  }
  .job-item .center h4 {
    font-size: 2rem;
  }
  .job-item .center p {
    font-size: 1.8rem;
    line-height: 2.5rem;
  }
  .job-item .left h3 {
    font-size: 2.2rem;
  }
  .careers-section-5 {
    padding: 5rem 0;
  }
  .lead-generation-section-1 .right {
    margin-top: 5rem;
  }
  .lead-generation-section-1 {
    padding: 7rem 0;
  }
  .lead-generation-section-1 .right {
    padding: 2rem;
  }
  .gr-news {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: minmax(20vh, auto);
    grid-template-rows: 200px 200px 200px;
  }
  .news-item:nth-child(2) {
    grid-row: auto;
    grid-column: auto;
  }
  .news-item:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
  .security-content-1 .sec-item:not(:first-child),
  .security-content-1 .sec-item:first-child {
    margin-top: 15px;
  }
}

/*Tablets in Portrait Specific styles*/

@media (max-width: 800px) and (min-width: 700px) {
  .bpo-last-section .bpo-last-nav li {
    width: auto;
    padding: 0 15px;
  }
  .bpo-last-section .bpo-last-nav {
    justify-content: center;
  }
  .bpo-last-section .bpo-last-nav li a {
    padding-bottom: 1.5rem;
  }
  .services-content-2-g {
    height: 75vh;
  }
  .services-content-2-g .caption-wrap-g h2 {
    font-size: 5rem;
  }
  .services-content-2-g .caption-wrap-g p {
    font-size: 3rem;
    line-height: 5rem;
  }
  .services-content-2-g .caption-wrap-g a.btn-g span {
    font-size: 2rem;
  }
  .services-content-2-g .caption-chip-g {
    font-size: 2rem;
  }
  .digital-commerce-section-1 .main-1 .top h2 {
    margin-bottom: 2rem;
  }
  .digital-commerce-section-1 .video-thumb {
    margin-bottom: 5rem;
  }
  .side-blog-posts {
    min-height: 35rem;
  }
  .governance-page .corporate-item img {
    margin-bottom: 5rem;
  }
  .governance-page .corporate-item .urdu-sec h2 {
    margin-top: 3rem;
  }
  .governance-page .corporate-item .urdu-sec p {
    margin-top: 2rem;
  }
  .service-ai-cards .service-ai-card .caption {
    padding: 2rem;
    min-height: 35rem;
  }
  .application-integration-content-1 {
    padding-bottom: 10rem;
  }
  .application-integration-content-3 {
    padding-top: 9rem;
  }
  .application-integration-content-4 {
    padding: 6rem 0;
  }
  .timeline-container .timeline-item {
    margin-bottom: 4rem;
  }
  .content-section-1.services-ai {
    height: 100rem;
  }
  .application-integration-content-1 .stat-item-3 {
    margin-top: 3rem;
  }
  .application-integration-content-1 .top p {
    padding-left: 4rem;
  }
  .topsliderleft p {
    max-width: 70%;
  }
  .about-us-content-6 {
    margin-top: 6rem;
  }
  /* :root {
            font-size: 10px;
          } */
  .expertise-item {
    width: 31%;
  }
  .testimonial-main img {
    width: 30%;
  }
  .copyright-text {
    margin-top: 2rem;
  }
  .life-at-systems-content-3-pre {
    margin-top: -17rem;
  }
  .solution-item-detail .left img:nth-child(1) {
    width: 100%;
    height: 20rem;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .btn-g-rotated {
    font-size: 1.8rem;
  }
  .solution-item-detail {
    margin-bottom: 4rem;
  }
  .topsliderleft h2 {
    max-width: 80%;
  }
  .dataanalytics-content-1 .box {
    height: calc(100% - 15px);
  }
  .h-md-100 {
    height: 100%;
  }
  .dataanalytics-content-4 .logos-container .logo-item {
    width: 30%;
  }
  .security-content-1 .sec-item img {
    height: 18vh;
    object-fit: cover;
  }
}

/*iPAD in Landscape*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .bpo-last-section .container.second {
    padding: 3rem 0.5rem;
  }
  .bpo-last-section .bpo-last-nav {
    font-size: 1.8rem;
  }
  :root {
    font-size: 10px;
    --chart-padding: 4rem;
  }
  .gr-news {
    grid-template-rows: 230px;
  }
  .nav-main img {
    max-width: 11rem;
  }
  .search-popup .popup-inner {
    width: 90%;
  }
  .search-popup input[type="search"] {
    font-size: 6rem;
  }
  .search-popup .search-submit {
    font-size: 6rem;
    float: right;
    margin-top: 1rem;
  }
  #multiscroll .ms-left {
    width: 50% !important;
  }
  #multiscroll .ms-right {
    width: 50% !important;
  }
  .topsliderleft {
    padding: 5rem;
  }
  .nav-main {
    width: 50%;
  }
  .industry-box .inner p {
    width: 100%;
    margin-top: 3rem;
  }
  .nav-main ul li:not(:last-child) {
    display: none;
  }
  .stats-section-div {
    position: relative !important;
    bottom: 0;
  }
  .stat-item {
    margin-top: 2rem;
  }
  .stat-item-2 {
    margin-top: 2rem;
  }
  .about-us-section {
    padding-top: 9rem;
    padding-bottom: 10rem;
  }
  .our-philosiphy {
    padding-top: 9rem;
    padding-bottom: 23rem;
  }
  .ceo-message-paragraph p:first-child {
    margin-top: 5rem;
  }
  .video-thumb {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .expertise-section {
    padding: 9rem 0;
  }
  .expertise-item {
    width: 40%;
  }
  .our-expertise .flickity-page-dots {
    display: none;
  }
  .ceo-message-section .video-thumb img {
    width: 100%;
  }
  .industry-box .industry-name {
    font-size: 2.5rem;
  }
  .joinus-and-newsletter-section .abs-img {
    display: none;
  }
  .awards-text {
    padding-left: 2rem;
    line-height: 4rem;
  }
  .shown-on-mobile-and-tablet {
    display: block;
  }
  .hidden-nav .h-100.d-flex {
    height: auto !important;
    display: block !important;
  }
  .hidden-nav .middle-sec {
    display: block !important;
    position: relative;
    overflow: hidden;
  }
  .hidden-nav .middle-sec > div {
    padding: 7rem 2rem;
    padding-bottom: 2rem;
    width: 25%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    float: left;
    height: 49rem;
  }
  .hidden-nav .bottom-sec {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 2rem;
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    position: relative;
    width: 100%;
  }
  .hidden-nav .top-sec {
    position: relative;
    padding: 3rem 2rem;
  }
  .hidden-nav .middle-sec {
    display: block !important;
    position: relative;
    overflow: hidden;
  }
  .hidden-nav {
    height: 100%;
    overflow: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .hidden-nav .bottom-sec .right-sec {
    width: 100%;
  }
  .hidden-nav .bottom-sec .right-sec ul {
    text-align: left !important;
    margin-top: 2rem;
    float: left;
  }
  .hidden-nav .bottom-sec .right-sec ul li {
    margin-left: 0;
    margin-right: 2rem;
  }
  .hidden-nav .bottom-sec .right-sec p {
    float: right;
    margin-top: 3.5rem;
  }
  .life-at-systems-content-1 .top h2 {
    font-size: 3.6rem;
  }
  .life-at-systems-content-1 .top .content {
    margin-top: 0;
    padding-left: 0;
  }
  .life-at-systems-content-1 .top-sec-g-container {
    margin-top: 60px;
    padding-top: 6rem;
  }
  .stat-item-3 {
    margin-bottom: 3rem;
  }
  body.inner-pages .nav-main {
    padding: 3rem 2rem;
  }
  .life-at-systems-content-3-pre {
    margin-top: 5rem;
    padding: 10rem 0;
  }
  .life-at-systems-content-3-pre .top-sec-g p {
    font-size: 1.8rem;
    line-height: 4rem;
  }
  .life-at-systems-content-3-post {
    margin-top: -36rem;
  }
  .life-at-systems-content-1 {
    padding-top: 6rem;
  }
  .industry-box {
    padding: 9rem 3rem;
  }
  .industry-box .industry-name {
    font-size: 2rem;
  }
  .industry-box .top-sec-g p {
    font-size: 2rem;
    margin-top: 1rem;
  }
  .application-integration-content-1 {
    padding-bottom: 0;
  }
  .application-integration-content-1 .stats-section-div {
    bottom: -10.5rem;
  }
  .application-integration-content-2 {
    padding-top: 13rem;
  }
  .switch-boxes .switch-box h2 {
    font-size: 2rem;
  }
  .switch-boxes .switch-box p {
    font-size: 1.4rem;
  }
  .switch-boxes .switch-box {
    padding: 2rem;
  }
  .switchbox-imgs img {
    top: 10rem;
    width: 64rem;
  }
  .switch-boxes .switch-box.active:after {
    border-top: 2rem solid transparent;
    border-bottom: 2rem solid transparent;
    border-left: 2rem solid #fff;
  }
  .service-ai-cards .service-ai-card .caption {
    padding: 2rem;
  }
  .service-ai-cards .service-ai-card .caption h3 {
    font-size: 2.3rem;
  }
  .timeline-item .img {
    height: 10rem;
    width: 10rem;
  }
  .timeline-item .text p {
    font-size: 1.3rem;
    line-height: 2rem;
    margin-top: 0.4rem;
  }
  .timeline-item .img img {
    height: 4rem;
  }
  .timeline-container > .left .timeline-item:nth-child(even)::after,
  .timeline-container > .right .timeline-item:nth-child(even)::before {
    width: 10rem;
  }
  .timeline-item.right::after,
  .timeline-item.left::before {
    width: 6rem;
  }
  .timeline-item .text h4 {
    font-size: 1.7rem;
  }
  .timeline-item.right .text {
    padding-right: 1rem;
  }
  .timeline-item.left .text {
    padding-left: 1rem;
  }
  .timeline-container > .right::before {
    height: calc(100% - 10rem);
  }
  .top-header-g .top-header-g-content h1 {
    font-size: 4.6rem;
  }
  .leadership-item p {
    font-size: 1.6rem;
  }
  .investor-info-box {
    margin-bottom: 30px;
  }
  .download-box {
    margin-bottom: 1.5rem;
  }
  .solution-item-detail .left img:nth-child(1) {
    width: 100%;
    height: 30rem;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .solution-item-detail h2 {
    font-size: 2.3rem;
    line-height: 3.3rem;
  }
  .solution-item-detail p {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
  .btn-g-rotated {
    font-size: 1.8rem;
  }
  .solution-item-detail {
    margin-bottom: 4rem;
  }
  .top-header-g-content {
    width: 90%;
  }
  .featured-case-study img {
    width: 100%;
  }
  .industry-sec-2 .top .small-text,
  .industry-sec-2 .top a.btn-g span {
    font-size: 2rem;
  }
  .industry-sec-2 .top img {
    margin-top: 7rem;
  }
  .featured-case-study h2 {
    font-size: 2.5rem;
    line-height: 4rem;
    margin: 2rem 0;
  }
  .featured-case-study .caption-wrap-g a.btn-g-rotated {
    margin-top: 2rem;
    font-size: 2rem;
  }
  .side-blog-posts {
    min-height: 45rem;
  }
  .side-blog-posts .caption-wrap-g h2 {
    font-size: 2.3rem;
    margin: 2rem 0;
    line-height: 3rem;
  }
  .side-blog-posts .caption-wrap-g a.btn-g {
    margin-top: 2rem;
  }
  .side-blog-posts {
    min-height: 35rem;
  }
  .digital-commerce-section-1 .main-1 .boxes .box h3 {
    font-size: 4rem;
  }
  .digital-commerce-section-1 .main-1 .boxes .box p {
    margin-top: 0.5rem;
  }
  .digital-commerce-section-1 .main-2 .logo-item {
    max-width: 47%;
    margin-right: 2%;
  }
  .digital-commerce-section-3 .company-values .value-item h3 {
    font-size: 4rem;
  }
  .digital-commerce-section-3 .company-values .value-item h3 span {
    font-size: 2.5rem;
  }
  .digital-commerce-section-3 .company-values .value-item p {
    line-height: 3rem;
  }
  .how-we-work-item .body {
    padding: 2rem;
  }
  .how-we-work-item .head {
    padding: 2rem;
  }
  .how-we-work-item .body h4 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .how-we-work-item .body ul li {
    font-size: 1.3rem;
  }
  .digital-commerce-section-2-repeat .caption-chip-g {
    font-size: 1.2rem;
  }
  .digital-commerce-section-2-repeat .caption-wrap-g h2 {
    font-size: 4rem;
    margin: 2rem 0 2rem;
  }
  .digital-commerce-section-2-repeat .caption-wrap-g p {
    font-size: 1.8rem;
    line-height: 3.5rem;
  }
  .teamfancybox-inner img {
    height: 30vh;
    width: 30vh;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    border-radius: 50vh;
    -webkit-box-shadow: 10px 4px 16px rgba(0, 0, 0, 0.2);
    box-shadow: 10px 4px 16px rgba(0, 0, 0, 0.2);
    margin: 5rem;
    margin-bottom: 0;
  }
  .teamfancybox-inner .right {
    padding: 5rem;
  }
  .pr-15,
  .pl-15 {
    padding: 0 !important;
  }
  .contact-form .btn-g {
    margin-top: 1rem;
  }
  .contact-us-section-1 .contact-item {
    display: block !important;
    margin: 4rem 0;
  }
  .contact-us-section-1 .contact-item img {
    width: 27%;
  }
  .address-card-item {
    padding: 2rem;
    height: 100%;
  }
  .address-card-item h2 {
    font-size: 2.2rem;
  }
  .address-card-item ul li p {
    color: #fff;
    font-size: 2rem;
    font-size: 1.5rem;
    line-height: 3rem;
  }
  .footer-right-sec {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .footer-logo-sc-before {
    margin-top: 2rem;
  }
  .about-us-content-1 {
    padding-bottom: 12rem;
  }
  .top-sec-g p {
    font-size: 2.6rem;
  }
  .about-us-content-3 {
    padding-bottom: 12rem;
  }
  .about-us-content-6 {
    margin-top: 12rem;
  }
  .about-us-content-7-pre {
    padding-top: 50rem;
  }
  .digital-commerce-section-4 {
    min-height: 84rem;
  }
  .cloud-engineering-content-4 h2 {
    font-size: 4rem;
    line-height: 4.5rem;
  }
  .cloud-engineering-content-2 .left .top-sec-g p {
    margin-bottom: 4rem;
  }
  .cloud-engineering-content-3 .box {
    padding: 3rem;
    min-height: 32rem;
  }
  .process-div {
    margin-bottom: 2rem;
  }
  .emp-benefits-list li img {
    width: 5rem;
  }
  .emp-benefits-list li p {
    font-size: 1.2rem;
    line-height: 2rem;
  }
  .filter-row select,
  .filter-row input {
    margin-bottom: 1.5rem;
  }
  .lead-generation-section-1 .right {
    padding: 3rem;
  }
  .dataanalytics-content-2 .box .hover {
    top: 0;
    opacity: 1;
  }
  .dataanalytics-content-2 .box {
    height: calc(100% - 2rem);
  }
  .dataanalytics-content-3 .left img {
    height: 100%;
    object-fit: cover;
  }
  .dataanalytics-content-3 .left {
    height: 100%;
  }
  .dataanalytics-content-3 .right {
    padding: 3rem;
  }
  .dataanalytics-content-1 .box .right {
    height: 100%;
  }
  .dataanalytics-content-1 .box img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .security-content-1 .sec-item {
    padding: 2rem;
  }
  .security-content-1 .sec-item h2 {
    font-size: 2.2rem;
  }
  .security-content-1 .sec-item p {
    font-size: 1.3em;
    line-height: 2.2rem;
  }
}

@media (max-width: 576px) {
  :root {
    font-size: 7px;
  }
  .stat-item h3 {
    font-size: 4rem;
  }
  .pr-15,
  .pl-15 {
    padding: 0 !important;
  }
  .about-us-content-3 .row .col-6:nth-child(even) {
    padding-left: 8px;
  }
  .about-us-content-3 .row .col-6:nth-child(odd) {
    padding-right: 8px;
  }
  .stat-item p {
    font-size: 1.7rem;
    line-height: 2.5rem;
  }
  .stat-item {
    min-height: 28rem;
  }
  .tabs-nav ul li {
    margin: 0;
    width: 50%;
    float: left;
  }
  .tabs-nav {
    padding-top: 7rem;
    overflow: hidden;
  }
  .corporate-item img {
    width: 30%;
    margin-bottom: 2rem;
  }
  .corporate-item .english-sec {
    margin-bottom: 2rem;
  }
  .corporate-item {
    padding: 2rem 0;
  }
  .leadership-item h3 {
    font-size: 2.4rem;
  }
  .investor-information-3 .col-12 {
    padding: 0;
  }
  .notice-item a.btn-g {
    display: inline-block;
    float: left;
    margin: 1rem 0;
  }
  .services-content-2-g {
    opacity: 1;
  }
  .top-header-g .top-header-g-content h2 {
    letter-spacing: 0.5rem;
  }
  .bread-crumb-g .container ul li {
    margin-bottom: 1rem;
  }
  .featured-case-study .caption-wrap-g p {
    display: none;
  }
  .servicers-revealer-parent {
    margin: 2rem 0;
  }
  .img-scroller img {
    max-width: 70vw;
    margin: 0 1rem;
  }
  .emp-benefits-list li {
    width: 100%;
  }
  .job-item > *:not(:last-child) {
    margin-bottom: 2rem;
  }
  .job-item .right a.btn-g {
    float: left;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 820px) and (max-height: 430px) and (orientation: landscape) {
  .topsliderleft p {
    display: none;
  }
  .topsliderleft .btn-g {
    bottom: 0;
  }
  .teamfancybox-inner img {
    height: 140vh;
  }
}