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

  /* Genral */
  body {
    padding: 0px !important;
  }

  .container,
  .container-fluid {
    padding: 0px 15px !important;
  }

  .section-padding {
    padding: 50px 15px !important;
  }

  body .py100,
  body .py75,
  .nf-modern-footer,
  .cd-contact-section,
  .esshin-section-padding {
    padding: 50px 0px !important;
  }

  .hero-content {
    padding: 0px 15px !important;
  }

  .cursor {
    display: none !important;
  }

  .new-abt h3,
  .cs-new h3,
  .cs-new .cs-tx h5,
  .export h2,
  .gp-proj-title,
  .projects .content h3,
  .nf-contact-title,
  .nf-cta-title,
  .page-header h1,
  .work-item h5,
  .project-details .thx,
  .project-details .hero-title.thx,
  .cd-section-title h2,
  .esshin-hero-content h1,
  section#culture h3,
  .career-con h3,
  .appli h3 {
    font-size: 25px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    margin-bottom: 15px !important;
  }

  .esshin-culture-card h5 {
    font-size: 22px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    margin-bottom: 15px !important;
  }

  .next-project .box .cont .fz-40,
  .next-project span.mr-30.fz-30.ti-arrow-left,
  .next-project span.ml-30.fz-30.ti-arrow-right,
  .modal-title {
    font-size: 25px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
  }

  .nf-footer-copyright p,
  .page-header a,
  .page-header .main-color,
  .work-item h6.sub-title,
  .next-project .sub-title {
    font-size: 12px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
  }

  .esshin-sub-title,
  .esshin-hero-content .d-flex a,
  .esshin-sub-title,
  .esshin-txt-crimson,
  .career-con .esshin-sub-title {
    font-size: 14px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
  }

  .new-abt p,
  .cs-new p,
  .export p,
  .gp-proj-subtitle,
  .work-item span.shx.txt-crimson {
    font-size: 16px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    margin-bottom: 15px !important;
  }

  .nf-form-input,
  .nf-submit-btn,
  .work-item p.description.dsx,
  .work-item .rmore a,
  .next-project .all-works-butn span,
  .hero-subtitle,
  .cd-section-title p,
  .esshin-hero-content p,
  .career-con p,
  section#culture p {
    font-size: 16px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
  }

  .work-item .rmore img {
    width: 16px !important;
  }

  .gp-proj-country-name,
  .cd-card-title,
  .esshin-culture-card h5 {
    font-size: 20px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
  }

  .gp-proj-project-name,
  .esshin-contact-item h6 {
    font-size: 18px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
  }

  .gp-proj-title,
  .projects .content h3,
  .page-header h1,
  .cd-card-title,
  .esshin-contact-item h6,
  .career-con p {
    margin-bottom: 0px !important;
  }

  .project-details .thx,
  .esshin-hero-content p {
    margin-bottom: 25px !important;
  }

  .page-header .mt-15 {
    margin-top: 0px !important;
  }

  .page-header .pt75 {
    padding-top: 60px !important;
  }

  .career-con .mb-60,
  .appli .mb-60 {
    margin-bottom: 50px !important;
  }

  /* Page Header */
  .padding-rl-20 {
    padding: 0px 10px !important;
  }

  .ph-tech-pattern {
    left: -15% !important;
    top: -100% !important;
  }

  /* Topbar */
  .topbar-item p {
    display: none !important;
  }

  .topbar-item span {
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: normal !important;
    letter-spacing: normal !important;
  }

  .topbar-item i {
    font-size: 15px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
  }

  .topbar .container {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .topbar {
    z-index: 99999 !important;
  }

  /* Header */
  .navbar {
    top: 32.8px !important;
    padding: 6px 0px !important;
  }

  .logo img {
    width: 250px !important;
  }

  .sm-follow {
    display: none !important;
  }

  .sm-follow li {
    margin-left: 10px !important;
  }

  .navbar .menu-icon {
    padding: 0px !important;
  }

  /* Footer */
  .nf-footer-header {
    gap: 15px !important;
    margin-bottom: 50px !important;
    text-align: left !important;
    align-items: flex-start !important;
  }

  .nf-social-link {
    gap: 8px !important;
    padding: 6px 10px !important;
    font-size: 10px !important;
    border-radius: 5px !important;
  }

  .nf-social-link .fab {
    line-height: normal !important;
  }

  .nf-social-media {
    gap: 10px !important;
  }

  .nf-contact-section,
  .nf-call-to-action,
  .nf-useful-links {
    padding: 25px !important;
    border-radius: 15px !important;
  }

  .nf-contact-subtitle {
    margin-bottom: 5px !important;
  }

  .nf-form-input {
    padding: 10px !important;
    border-radius: 5px !important;
  }

  .nf-submit-btn {
    padding: 10px !important;
    border-radius: 5px !important;
  }

  .nf-contact-btn {
    width: 100% !important;
    border-radius: 15px !important;
  }

  .nf-link-column,
  .nf-links-grid {
    gap: 0px !important;
  }

  .nf-footer-copyright {
    margin: 0px !important;
  }

  .nf-modern-footer {
    padding-bottom: 0px !important;
    overflow: hidden !important;
  }

  /* Navigation Drawer */
  .hamenu .close-menu {
    width: 40px !important;
    height: 40px !important;
    top: 50px !important;
    right: 25px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    background: #000 !important;
    color: #fff !important;
  }

  .hamenu .close-menu:hover {
    background: #fff !important;
    color: #000 !important;
  }

  .hamenu .menu-links .main-menu>li .link,
  .hamenu .menu-links .main-menu .sub-menu li a {
    font-size: 16px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    padding: 10px 0px !important;
  }

  .hamenu .menu-links .main-menu>li .link i {
    font-size: 15px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    width: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .hamenu .menu-links .main-menu>li .link i:before {
    top: 35% !important;
  }

  .hamenu .menu-links .main-menu>li .link i:after {
    top: 52% !important;
  }

  /* Whatsapp Floating Button */
  .whatsapp-float {
    left: 15px !important;
    bottom: 12px !important;
    width: max-content !important;
  }

  /* Slider */
  .esshin-showcase .parallax-slider .swiper-slide {
    min-height: 75vh !important;
  }

  .new-slider .caption {
    width: 100% !important;
  }

  .esshin-showcase .parallax-slider .caption h1 span {
    font-size: 25px !important;
  }

  .esshin-showcase .hero-cta {
    gap: 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    /* flex-direction: column !important; */
    width: 100% !important;
  }

  .esshin-showcase .primary-btn {
    width: 100% !important;
    padding: 8px 12px !important;
    margin: 0px !important;
    gap: 5px !important;
    font-size: 16px !important;
  }

  .new-slider span,
  .new-slider p,
  .new-sliderh2 {
    filter: drop-shadow(0px 0px 3px #00000075) !important;
  }

  /* About */
  .new-abt .abt-txt p {
    font-size: 16px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
  }

  .new-abt .abt-txt p:last-child {
    margin: 0px !important;
  }

  .new-abt .cont .mt25 {
    margin-top: 15px !important;
  }

  .about .img-vid {
    border-radius: 15px !important;
  }

  .new-abt .section-padding {
    padding: 0px 15px !important;
  }

  /* Services */
  .cs-new.section-padding {
    padding: 50px 0px !important;
  }

  .cs-new .content .d-flex {
    flex-direction: column !important;
  }

  .cs-new .swiper-arrow-control {
    display: flex !important;
    align-items: center !important;
    justify-content: left !important;
  }

  .cs-new .content .ml-auto {
    margin: 0px !important;
    width: 100% !important;
  }

  .cs-new .content .swiper-arrow-control {
    padding: 0px !important;
  }

  .cs-new .content .swiper-button-next,
  .cs-new .content .swiper-button-prev {
    margin-top: 0px !important;
    border-color: #fff !important;
    width: 40px !important;
    height: 40px !important;
  }

  .cs-new .swiper-slide img {
    border-radius: 15px !important;
  }

  .cs-new .swiper-slide {
    margin: 0px !important;
  }

  /* EXport Map Global */
  .mm-txt p {
    font-size: 6px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    margin: 0px !important;
  }

  .mm1 {
    top: 65% !important;
    left: 84% !important;
  }

  .mm2 {
    top: 57% !important;
    left: 89% !important;
  }

  .mm5 {
    top: 29% !important;
    left: 69% !important;
  }

  .mm-txt {
    top: 55% !important;
    left: 15% !important;
  }

  .mm5 .mm-txt,
  .mm2 .mm-txt,
  .mm6 .mm-txt,
  .mm7 .mm-txt,
  .mm8 .mm-txt {
    top: 55% !important;
    left: 15% !important;
  }

  .mm2 .mm-txt {
    top: 8% !important;
    left: 50% !important;
  }

  /* Global Project */
  .gp-proj-country-header {
    align-items: center !important;
    flex-direction: row !important;
  }

  .gp-proj-project-item {
    padding: 0px !important;
    min-height: auto !important;
    padding-bottom: 10px !important;
  }

  .gp-proj-country-icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 5px !important;
  }

  .gp-proj-country-icon img {
    width: 30px !important;
    height: 30px !important;
  }

  /* Project */
  .portfolio-carsouel {
    padding: 0px !important;
  }

  .projects .swiper-arrow-control {
    padding: 0px !important;
  }

  .projects .content .swiper-button-next,
  .projects .content .swiper-button-prev {
    margin-top: 0px !important;
    border-color: #ccc !important;
    width: 40px !important;
    height: 40px !important;
  }

  .projects {
    padding-bottom: 50px !important;
  }

  /* Solution */
  .work-sticky {
    padding: 50px 0px !important;
  }

  .work-sticky .items {
    margin-top: 25px !important;
  }

  .work-sticky .items .cont .sticky-item {
    padding: 20px 0px !important;
  }

  .work-sticky .items .cont {
    padding: 0px 20px !important;
  }

  .work-item {
    --bs-gutter-x: 0px !important;
    --bs-gutter-y: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
  }

  .work-item.odd {
    display: flex !important;
    flex-direction: column-reverse !important;
  }

  /* Project Page */
  .hero {
    height: 35vh !important;
    min-height: 35vh !important;
  }

  .service-tags {
    justify-content: start !important;
  }

  .image-placeholder img {
    height: auto !important;
  }

  .content-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 25px !important;
  }

  .content-image {
    order: 1 !important;
    width: 100% !important;
  }

  .content-text {
    order: 2 !important;
    width: 100% !important;
    padding-top: 15px !important;
  }

  .content-section {
    overflow: hidden !important;
  }

  .esshin-img-gallery .row {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 15px !important;
    margin: 0px !important;
    padding: 0px !important;
  }

  .next-project .box {
    padding: 75px 15px !important;
  }

  .next-project .box .cont {
    justify-content: space-between !important;
  }

  .next-project .text-right {
    text-align: left !important;
  }

  .next-project .all-works-butn {
    padding: 25px 15px !important;
    /* top: 46% !important; */
  }

  .next-project .ml-auto {
    width: 100% !important;
    margin: 0px !important;
  }

  .next-project .box .cont .fz-40 {
    font-size: 23px !important;
  }

  /* Contact US */
  .cd-section-title {
    text-align: left !important;
  }

  .cd-contact-card {
    padding: 25px !important;
    border-radius: 15px !important;
    text-align: left !important;
  }

  .cd-icon-wrapper {
    width: 50px !important;
    height: 50px !important;
    margin: 0px !important;
    margin-bottom: 15px !important;
  }

  .cd-icon {
    width: 25px !important;
    height: 25px !important;
  }

  .google-map {
    height: 350px !important;
  }

  /* Career */
  .esshin-careers-hero {
    padding: 70px 0px !important;
    min-height: 70vh !important;
    align-items: end !important;
  }

  .esshin-hero-content .d-flex {
    flex-direction: row !important;
    display: flex !important;
    gap: 0px !important;
    justify-content: space-between !important;
  }

  .esshin-hero-content .d-flex a {
    padding: 10px 15px !important;
    border-radius: 5px !important;
    width: 48% !important;
    background: #ac0000 !important;
    color: #fff !important;
    border: 1px solid #ccc !important;
  }

  section#culture .text-center {
    text-align: left !important;
    margin-bottom: 50px !important;
  }

  .esshin-culture-icon,
  .esshin-contact-icon,
  .esshin-step-number {
    width: 75px !important;
    height: 75px !important;
    font-size: 25px !important;
    margin-bottom: 25px !important;
  }

  .esshin-contact-item {
    text-align: left !important;
    padding: 25px !important;
    border-radius: 15px !important;
  }

  .esshin-contact-item .esshin-contact-icon {
    margin: 0px !important;
    margin-bottom: 15px !important;
  }

  .esshin-contact-icon i.fas.fa-phone {
    transform: scaleX(-1) !important;
  }

  body.career .text-center {
    text-align: left !important;
  }

  .esshin-process-step,
  .esshin-culture-card {
    padding: 25px !important;
    border-radius: 15px !important;
  }

  .esshin-job-card {
    padding: 25px 15px !important;
    border-radius: 15px !important;
  }

  .esshin-modal-header,
  .esshin-modal-body {
    padding: 25px 15px !important;
  }

  .esshin-modal-footer {
    padding: 25px 15px !important;
    padding-top: 0px !important;
    justify-content: space-between !important;
  }

  .esshin-modal-footer button {
    padding: 10px !important;
    border-radius: 5px !important;
  }

  /* body.career .modal-dialog{
    height: 90vh !important;
  } */
  div#esshinJobModal {
    padding: 0px 5px !important;
  }

  .esshin-apply-btn {
    border-radius: 15px !important;
    width: 100% !important;
  }

  /* New CSS */
  .pro-head {
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    position: relative !important;
  }

  .pro-txt p {
    margin: 15px 0px !important;
    margin-bottom: 0px !important;
    font-size: 18px !important;
  }

  .pro-nav {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
  }
}

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

  /* Genral */
  body {
    padding: 0px !important;
  }

  .container,
  .container-fluid {
    padding: 0px 25px !important;
  }

  .section-padding {
    padding: 50px 25px !important;
  }

  body .py100,
  body .py75,
  .nf-modern-footer,
  .cd-contact-section,
  .esshin-section-padding {
    padding: 50px 0px !important;
  }

  .hero-content {
    padding: 0px 25px !important;
  }

  .cursor {
    display: none !important;
  }

  .new-abt h3,
  .cs-new h3,
  .cs-new .cs-tx h5,
  .export h2,
  .gp-proj-title,
  .projects .content h3,
  .nf-contact-title,
  .nf-cta-title,
  .page-header h1,
  .work-item h5,
  .project-details .thx,
  .project-details .hero-title.thx,
  .cd-section-title h2,
  .esshin-hero-content h1,
  section#culture h3,
  .career-con h3,
  .appli h3 {
    font-size: 25px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    margin-bottom: 15px !important;
  }

  .esshin-culture-card h5 {
    font-size: 22px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    margin-bottom: 15px !important;
  }

  .next-project .box .cont .fz-40,
  .next-project span.mr-30.fz-30.ti-arrow-left,
  .next-project span.ml-30.fz-30.ti-arrow-right,
  .modal-title {
    font-size: 25px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
  }

  .nf-footer-copyright p,
  .page-header a,
  .page-header .main-color,
  .work-item h6.sub-title,
  .next-project .sub-title {
    font-size: 12px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
  }

  .esshin-sub-title,
  .esshin-hero-content .d-flex a,
  .esshin-sub-title,
  .esshin-txt-crimson,
  .career-con .esshin-sub-title {
    font-size: 14px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
  }

  .new-abt p,
  .cs-new p,
  .export p,
  .gp-proj-subtitle,
  .work-item span.shx.txt-crimson {
    font-size: 16px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    margin-bottom: 15px !important;
  }

  .nf-form-input,
  .nf-submit-btn,
  .work-item p.description.dsx,
  .work-item .rmore a,
  .next-project .all-works-butn span,
  .hero-subtitle,
  .cd-section-title p,
  .esshin-hero-content p,
  .career-con p,
  section#culture p {
    font-size: 16px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
  }

  .work-item .rmore img {
    width: 16px !important;
  }

  .gp-proj-country-name,
  .cd-card-title,
  .esshin-culture-card h5 {
    font-size: 20px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
  }

  .gp-proj-project-name,
  .esshin-contact-item h6 {
    font-size: 18px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
  }

  .gp-proj-title,
  .projects .content h3,
  .page-header h1,
  .cd-card-title,
  .esshin-contact-item h6,
  .career-con p {
    margin-bottom: 0px !important;
  }

  .project-details .thx,
  .esshin-hero-content p {
    margin-bottom: 25px !important;
  }

  .page-header .mt-15 {
    margin-top: 0px !important;
  }

  .page-header .pt75 {
    padding-top: 60px !important;
  }

  .career-con .mb-60,
  .appli .mb-60 {
    margin-bottom: 50px !important;
  }

  /* Page Header */
  .padding-rl-20 {
    padding: 0px 10px !important;
  }

  .ph-tech-pattern {
    left: -15% !important;
    top: -100% !important;
  }

  /* Topbar */
  .topbar-item p {
    display: none !important;
  }

  .topbar-item span {
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: normal !important;
    letter-spacing: normal !important;
  }

  .topbar-item i {
    font-size: 15px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
  }

  .topbar .container {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .topbar {
    z-index: 99999 !important;
  }

  /* Header */
  .navbar {
    top: 32.8px !important;
    padding: 6px 0px !important;
  }

  .logo img {
    width: 250px !important;
  }

  .sm-follow {
    display: none !important;
  }

  .sm-follow li {
    margin-left: 10px !important;
  }

  .navbar .menu-icon {
    padding: 0px !important;
  }

  /* Footer */
  .nf-footer-header {
    gap: 15px !important;
    margin-bottom: 50px !important;
    text-align: left !important;
    align-items: flex-start !important;
  }

  .nf-social-link {
    gap: 8px !important;
    padding: 6px 10px !important;
    font-size: 10px !important;
    border-radius: 5px !important;
  }

  .nf-social-link .fab {
    line-height: normal !important;
  }

  .nf-social-media {
    gap: 10px !important;
  }

  .nf-contact-section,
  .nf-call-to-action,
  .nf-useful-links {
    padding: 25px !important;
    border-radius: 15px !important;
  }

  .nf-contact-subtitle {
    margin-bottom: 5px !important;
  }

  .nf-form-input {
    padding: 10px !important;
    border-radius: 5px !important;
  }

  .nf-submit-btn {
    padding: 10px !important;
    border-radius: 5px !important;
  }

  .nf-contact-btn {
    width: 100% !important;
    border-radius: 15px !important;
  }

  .nf-link-column,
  .nf-links-grid {
    gap: 0px !important;
  }

  .nf-footer-copyright {
    margin: 0px !important;
  }

  .nf-modern-footer {
    padding-bottom: 0px !important;
    overflow: hidden !important;
  }

  /* Navigation Drawer */
  .hamenu .close-menu {
    width: 40px !important;
    height: 40px !important;
    top: 50px !important;
    right: 25px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    background: #000 !important;
    color: #fff !important;
  }

  .hamenu .close-menu:hover {
    background: #fff !important;
    color: #000 !important;
  }

  .hamenu .menu-links .main-menu>li .link,
  .hamenu .menu-links .main-menu .sub-menu li a {
    font-size: 16px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    padding: 10px 0px !important;
  }

  .hamenu .menu-links .main-menu>li .link i {
    font-size: 15px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    width: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .hamenu .menu-links .main-menu>li .link i:before {
    top: 35% !important;
  }

  .hamenu .menu-links .main-menu>li .link i:after {
    top: 52% !important;
  }

  /* Whatsapp Floating Button */
  .whatsapp-float {
    left: 15px !important;
    bottom: 12px !important;
    width: max-content !important;
  }

  /* Slider */
  .esshin-showcase .parallax-slider .swiper-slide {
    min-height: 50vh !important;
  }

  .new-slider .caption {
    width: 100% !important;
  }

  .esshin-showcase .parallax-slider .caption h1 span {
    font-size: 25px !important;
  }

  .esshin-showcase .hero-cta {
    gap: 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: left !important;
    /* flex-direction: column !important; */
    width: 100% !important;
  }

  .esshin-showcase .primary-btn {
    width: max-content !important;
    padding: 8px 12px !important;
    margin: 0px !important;
    gap: 5px !important;
    font-size: 16px !important;
  }

  .new-slider span,
  .new-slider p,
  .new-sliderh2 {
    filter: drop-shadow(0px 0px 3px #00000075) !important;
  }

  /* About */
  .new-abt .abt-txt p {
    font-size: 16px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
  }

  .new-abt .abt-txt p:last-child {
    margin: 0px !important;
  }

  .new-abt .cont .mt25 {
    margin-top: 15px !important;
  }

  .about .img-vid {
    border-radius: 15px !important;
  }

  .new-abt .section-padding {
    padding: 0px 25px !important;
  }

  /* Services */
  .cs-new.section-padding {
    padding: 50px 0px !important;
  }

  .cs-new .content .d-flex {
    flex-direction: row !important;
    width: 100% !important;
  }

  .cs-new .content .d-flex h3,
  .cs-new .content .d-flex .ml-auto {
    width: 50% !important;
    margin: 0px !important;
  }

  .cs-new .swiper-arrow-control {
    display: flex !important;
    align-items: center !important;
    justify-content: right !important;
  }

  .cs-new .content .ml-auto {
    margin: 0px !important;
    width: 100% !important;
  }

  .cs-new .content .swiper-arrow-control {
    padding: 0px !important;
  }

  .cs-new .content .swiper-button-next,
  .cs-new .content .swiper-button-prev {
    margin-top: 0px !important;
    border-color: #fff !important;
    width: 40px !important;
    height: 40px !important;
  }

  .cs-new .swiper-slide img {
    border-radius: 15px !important;
  }

  .cs-new .swiper-slide {
    margin: 0px !important;
    margin-right: 26px !important;
  }

  /* EXport Map Global */
  .mm-txt p {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: normal !important;
    margin: 0px !important;
  }

  .mm-img img {
    width: 50px !important;
  }

  .mm1,
  .mm2,
  .mm3,
  .mm4,
  .mm5,
  .mm6,
  .mm7,
  .mm8,
  .mm9 {
    opacity: 1 !important;
  }

  .mm1 {
    top: 18% !important;
    left: 50% !important;
  }

  .mm2 {
    top: 65% !important;
    left: 84% !important;
  }

  .mm4 {
    top: 25% !important;
    left: 47% !important;
  }

  .mm5 {
    top: 20% !important;
    left: 70% !important;
  }

  .mm6 {
    top: 8% !important;
    left: 61.5% !important;
  }

  .mm9 {
    top: 59% !important;
    left: 91% !important;
  }

  .mm-txt {
    top: 55% !important;
    left: 15% !important;
  }

  .mm5 .mm-txt,
  .mm2 .mm-txt,
  .mm6 .mm-txt,
  .mm7 .mm-txt,
  .mm8 .mm-txt {
    top: 55% !important;
    left: 15% !important;
  }

  /* Global Project */
  .gp-proj-country-header {
    align-items: center !important;
    flex-direction: row !important;
  }

  .gp-proj-project-item {
    padding: 0px !important;
    min-height: auto !important;
    padding-bottom: 10px !important;
  }

  .gp-proj-country-icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 5px !important;
  }

  .gp-proj-country-icon img {
    width: 30px !important;
    height: 30px !important;
  }

  /* Project */
  .portfolio-carsouel {
    padding: 0px !important;
  }

  .projects .swiper-arrow-control {
    padding: 0px !important;
  }

  .projects .content .swiper-button-next,
  .projects .content .swiper-button-prev {
    margin-top: 0px !important;
    border-color: #ccc !important;
    width: 40px !important;
    height: 40px !important;
  }

  .projects {
    padding-bottom: 50px !important;
  }

  .portfolio-carsouel .swiper-slide {
    margin-right: 25px !important;
    width: 48% !important;
  }

  /* Solution */
  .work-sticky {
    padding: 50px 0px !important;
  }

  .work-sticky .items {
    margin-top: 25px !important;
  }

  .work-sticky .items .cont .sticky-item {
    padding: 20px 0px !important;
  }

  .work-sticky .items .cont {
    padding: 0px 20px !important;
  }

  .work-item {
    --bs-gutter-x: 0px !important;
    --bs-gutter-y: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
  }

  .work-item.odd {
    display: flex !important;
    flex-direction: column-reverse !important;
  }

  /* Project Page */
  .hero {
    height: 35vh !important;
    min-height: 35vh !important;
  }

  .service-tags {
    justify-content: start !important;
  }

  .image-placeholder img {
    height: auto !important;
  }

  .content-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 25px !important;
  }

  .content-image {
    order: 1 !important;
    width: 100% !important;
  }

  .content-text {
    order: 2 !important;
    width: 100% !important;
    padding-top: 15px !important;
  }

  .content-section {
    overflow: hidden !important;
  }

  .esshin-img-gallery .row {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 15px !important;
    margin: 0px !important;
    padding: 0px !important;
  }

  .next-project .box {
    padding: 75px 15px !important;
  }

  .next-project .box .cont {
    justify-content: space-between !important;
  }

  .next-project .text-right {
    text-align: left !important;
  }

  .next-project .all-works-butn {
    padding: 15px !important;
    top: 76% !important;
  }

  .next-project .ml-auto {
    width: 100% !important;
    margin: 0px !important;
  }

  .next-project .box .cont .fz-40 {
    font-size: 23px !important;
  }

  /* Contact US */
  .cd-section-title {
    text-align: left !important;
  }

  .cd-contact-card {
    padding: 25px !important;
    border-radius: 15px !important;
    text-align: left !important;
  }

  .cd-icon-wrapper {
    width: 50px !important;
    height: 50px !important;
    margin: 0px !important;
    margin-bottom: 15px !important;
  }

  .cd-icon {
    width: 25px !important;
    height: 25px !important;
  }

  .google-map {
    height: 350px !important;
  }

  .cd-cards-container {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  /* Career */
  .esshin-careers-hero {
    padding: 35px 0px !important;
    min-height: 50vh !important;
    align-items: end !important;
  }

  .esshin-job-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .esshin-job-skills {
    min-height: 57px !important;
  }

  .esshin-skill-badge {
    height: 100% !important;
  }

  .esshin-job-filter {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 15px !important;
  }

  .esshin-hero-content .d-flex {
    flex-direction: row !important;
    display: flex !important;
    gap: 0px !important;
    justify-content: space-between !important;
  }

  .esshin-hero-content .d-flex a {
    padding: 10px 15px !important;
    border-radius: 5px !important;
    width: 48% !important;
    background: #ac0000 !important;
    color: #fff !important;
    border: 1px solid #ccc !important;
  }

  section#culture .text-center {
    text-align: left !important;
    margin-bottom: 50px !important;
  }

  .esshin-culture-icon,
  .esshin-contact-icon,
  .esshin-step-number {
    width: 75px !important;
    height: 75px !important;
    font-size: 25px !important;
    margin-bottom: 25px !important;
  }

  .esshin-contact-item {
    text-align: left !important;
    padding: 25px !important;
    border-radius: 15px !important;
  }

  .esshin-contact-item .esshin-contact-icon {
    margin: 0px !important;
    margin-bottom: 15px !important;
  }

  .esshin-contact-icon i.fas.fa-phone {
    transform: scaleX(-1) !important;
  }

  body.career .text-center {
    text-align: left !important;
  }

  .esshin-process-step,
  .esshin-culture-card {
    padding: 25px !important;
    border-radius: 15px !important;
  }

  .esshin-job-card {
    padding: 25px 15px !important;
    border-radius: 15px !important;
  }

  .esshin-modal-header,
  .esshin-modal-body {
    padding: 25px 15px !important;
  }

  .esshin-modal-footer {
    padding: 25px 15px !important;
    padding-top: 0px !important;
    justify-content: space-between !important;
  }

  .esshin-modal-footer button {
    padding: 10px !important;
    border-radius: 5px !important;
    display: flex !important;
    flex-direction: row !important;
    width: max-content !important;
  }

  /* body.career .modal-dialog{
    height: 90vh !important;
  } */
  div#esshinJobModal {
    padding: 0px 5px !important;
  }

  .esshin-apply-btn {
    border-radius: 15px !important;
    width: 100% !important;
  }

  .modal-dialog {
    max-width: 95% !important;
    margin: 25px !important;
  }

  /* New CSS */
  .pro-head {
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    position: relative !important;
  }

  .pro-txt p {
    margin: 15px 0px !important;
    margin-bottom: 0px !important;
    font-size: 18px !important;
  }

  .pro-nav {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
  }
}

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

  /* Genral */
  body {
    padding: 0px !important;
  }

  .container,
  .container-fluid {
    padding: 0px 25px !important;
  }

  .section-padding {
    padding: 50px 25px !important;
  }

  body .py100,
  body .py75,
  .nf-modern-footer,
  .cd-contact-section,
  .esshin-section-padding {
    padding: 50px 0px !important;
  }

  .hero-content {
    padding: 0px 25px !important;
  }

  .cursor {
    display: none !important;
  }

  .new-abt h3,
  .cs-new h3,
  .cs-new .cs-tx h5,
  .export h2,
  .gp-proj-title,
  .projects .content h3,
  .nf-contact-title,
  .nf-cta-title,
  .page-header h1,
  .work-item h5,
  .project-details .thx,
  .project-details .hero-title.thx,
  .cd-section-title h2,
  .esshin-hero-content h1,
  section#culture h3,
  .career-con h3,
  .appli h3 {
    font-size: 25px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    margin-bottom: 15px !important;
  }

  .esshin-culture-card h5 {
    font-size: 22px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    margin-bottom: 15px !important;
  }

  .next-project .box .cont .fz-40,
  .next-project span.mr-30.fz-30.ti-arrow-left,
  .next-project span.ml-30.fz-30.ti-arrow-right,
  .modal-title {
    font-size: 25px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
  }

  .nf-footer-copyright p,
  .page-header a,
  .page-header .main-color,
  .work-item h6.sub-title,
  .next-project .sub-title {
    font-size: 12px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
  }

  .esshin-sub-title,
  .esshin-hero-content .d-flex a,
  .esshin-sub-title,
  .esshin-txt-crimson,
  .career-con .esshin-sub-title {
    font-size: 14px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
  }

  .new-abt p,
  .cs-new p,
  .export p,
  .gp-proj-subtitle,
  .work-item span.shx.txt-crimson {
    font-size: 16px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    margin-bottom: 15px !important;
  }

  .nf-form-input,
  .nf-submit-btn,
  .work-item p.description.dsx,
  .work-item .rmore a,
  .next-project .all-works-butn span,
  .hero-subtitle,
  .cd-section-title p,
  .esshin-hero-content p,
  .career-con p,
  section#culture p {
    font-size: 16px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
  }

  .work-item .rmore img {
    width: 16px !important;
  }

  .gp-proj-country-name,
  .cd-card-title,
  .esshin-culture-card h5 {
    font-size: 20px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
  }

  .gp-proj-project-name,
  .esshin-contact-item h6 {
    font-size: 18px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
  }

  .gp-proj-title,
  .projects .content h3,
  .page-header h1,
  .cd-card-title,
  .esshin-contact-item h6,
  .career-con p {
    margin-bottom: 0px !important;
  }

  .project-details .thx,
  .esshin-hero-content p {
    margin-bottom: 25px !important;
  }

  .page-header .mt-15 {
    margin-top: 0px !important;
  }

  .page-header .pt75 {
    padding-top: 80px !important;
  }

  .career-con .mb-60,
  .appli .mb-60 {
    margin-bottom: 50px !important;
  }

  /* Page Header */
  .padding-rl-20 {
    padding: 0px 10px !important;
  }

  .ph-tech-pattern {
    left: -15% !important;
    top: -100% !important;
  }

  /* Topbar */
  .topbar-item p {
    display: none !important;
  }

  .topbar-item span {
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: normal !important;
    letter-spacing: normal !important;
  }

  .topbar-item i {
    font-size: 15px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
  }

  .topbar .container {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .topbar {
    z-index: 99999 !important;
  }

  /* Header */
  .navbar {
    top: 32.8px !important;
    padding: 6px 0px !important;
  }

  .logo img {
    width: 250px !important;
  }

  .sm-follow {
    display: none !important;
  }

  .sm-follow li {
    margin-left: 10px !important;
  }

  .navbar .menu-icon {
    padding: 0px !important;
  }

  .navbar-expand-lg .navbar-collapse {
    justify-content: end !important;
  }

  /* Footer */
  .nf-footer-header {
    gap: 15px !important;
    margin-bottom: 50px !important;
    text-align: left !important;
    align-items: flex-start !important;
  }

  .nf-social-link {
    gap: 8px !important;
    padding: 6px 10px !important;
    font-size: 10px !important;
    border-radius: 5px !important;
  }

  .nf-social-link .fab {
    line-height: normal !important;
  }

  .nf-social-media {
    gap: 10px !important;
  }

  .nf-contact-section,
  .nf-call-to-action,
  .nf-useful-links {
    padding: 25px !important;
    border-radius: 15px !important;
  }

  .nf-contact-subtitle {
    margin-bottom: 5px !important;
  }

  .nf-form-input {
    padding: 10px !important;
    border-radius: 5px !important;
  }

  .nf-submit-btn {
    padding: 10px !important;
    border-radius: 5px !important;
  }

  .nf-contact-btn {
    width: 100% !important;
    border-radius: 15px !important;
  }

  .nf-link-column,
  .nf-links-grid {
    gap: 0px !important;
  }

  .nf-footer-copyright {
    margin: 0px !important;
  }

  .nf-modern-footer {
    padding-bottom: 0px !important;
    overflow: hidden !important;
  }

  /* Navigation Drawer */
  .hamenu .close-menu {
    width: 40px !important;
    height: 40px !important;
    top: 50px !important;
    right: 25px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    background: #000 !important;
    color: #fff !important;
  }

  .hamenu .close-menu:hover {
    background: #fff !important;
    color: #000 !important;
  }

  .hamenu .menu-links .main-menu>li .link,
  .hamenu .menu-links .main-menu .sub-menu li a {
    font-size: 16px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    padding: 10px 0px !important;
  }

  .hamenu .menu-links .main-menu>li .link i {
    font-size: 15px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    width: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .hamenu .menu-links .main-menu>li .link i:before {
    top: 35% !important;
  }

  .hamenu .menu-links .main-menu>li .link i:after {
    top: 52% !important;
  }

  /* Whatsapp Floating Button */
  .whatsapp-float {
    left: 15px !important;
    bottom: 12px !important;
    width: max-content !important;
  }

  /* Slider */
  .esshin-showcase .parallax-slider .swiper-slide {
    min-height: 75vh !important;
  }

  .new-slider .caption {
    width: 100% !important;
  }

  .esshin-showcase .parallax-slider .caption h1 span {
    font-size: 25px !important;
  }

  .esshin-showcase .hero-cta {
    gap: 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: left !important;
    /* flex-direction: column !important; */
    width: 100% !important;
  }

  .esshin-showcase .primary-btn {
    width: max-content !important;
    padding: 8px 12px !important;
    margin: 0px !important;
    gap: 5px !important;
    font-size: 16px !important;
  }

  .new-slider span,
  .new-slider p,
  .new-sliderh2 {
    filter: drop-shadow(0px 0px 3px #00000075) !important;
  }

  /* About */
  .new-abt .abt-txt p {
    font-size: 16px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
  }

  .new-abt .abt-txt p:last-child {
    margin: 0px !important;
  }

  .new-abt .cont .mt25 {
    margin-top: 15px !important;
  }

  .about .img-vid {
    border-radius: 15px !important;
    height: 100% !important;
  }

  .about .img-vid img {
    height: 100% !important;
    object-fit: cover !important;
  }

  .new-abt .section-padding {
    padding: 0px 25px !important;
  }

  /* Services */
  .cs-new.section-padding {
    padding: 50px 0px !important;
  }

  .cs-new .content .d-flex {
    flex-direction: row !important;
    width: 100% !important;
  }

  .cs-new .content .d-flex h3,
  .cs-new .content .d-flex .ml-auto {
    width: 50% !important;
    margin: 0px !important;
  }

  .cs-new .swiper-arrow-control {
    display: flex !important;
    align-items: center !important;
    justify-content: right !important;
  }

  .cs-new .content .ml-auto {
    margin: 0px !important;
    width: 100% !important;
  }

  .cs-new .content .swiper-arrow-control {
    padding: 0px !important;
  }

  .cs-new .content .swiper-button-next,
  .cs-new .content .swiper-button-prev {
    margin-top: 0px !important;
    border-color: #fff !important;
    width: 40px !important;
    height: 40px !important;
  }

  .cs-new .swiper-slide img {
    border-radius: 15px !important;
  }

  .cs-new .swiper-slide {
    margin: 0px !important;
    margin-right: 26px !important;
    width: 48% !important;
  }

  /* EXport Map Global */
  .mm-txt p {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: normal !important;
    margin: 0px !important;
  }

  .mm-img img {
    width: 50px !important;
  }

  .mm1,
  .mm2,
  .mm3,
  .mm4,
  .mm5,
  .mm6,
  .mm7,
  .mm8,
  .mm9 {
    opacity: 1 !important;
  }

  .mm1 {
    top: 18% !important;
    left: 50% !important;
  }

  .mm2 {
    top: 65% !important;
    left: 84% !important;
  }

  .mm4 {
    top: 25% !important;
    left: 47% !important;
  }

  .mm5 {
    top: 20% !important;
    left: 70% !important;
  }

  .mm6 {
    top: 8% !important;
    left: 61.5% !important;
  }

  .mm9 {
    top: 59% !important;
    left: 91% !important;
  }

  .mm-txt {
    top: 55% !important;
    left: 15% !important;
  }

  .mm5 .mm-txt,
  .mm2 .mm-txt,
  .mm6 .mm-txt,
  .mm7 .mm-txt,
  .mm8 .mm-txt {
    top: 55% !important;
    left: 15% !important;
  }

  /* Global Project */
  .gp-proj-country-header {
    align-items: center !important;
    flex-direction: row !important;
  }

  .gp-proj-project-item {
    padding: 0px !important;
    min-height: auto !important;
    padding-bottom: 10px !important;
  }

  .gp-proj-country-icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 5px !important;
  }

  .gp-proj-country-icon img {
    width: 30px !important;
    height: 30px !important;
  }

  /* Project */
  .portfolio-carsouel {
    padding: 0px !important;
  }

  .projects .swiper-arrow-control {
    padding: 0px !important;
  }

  .projects .content .swiper-button-next,
  .projects .content .swiper-button-prev {
    margin-top: 0px !important;
    border-color: #ccc !important;
    width: 40px !important;
    height: 40px !important;
  }

  .projects {
    padding-bottom: 50px !important;
  }

  .portfolio-carsouel .swiper-slide {
    margin-right: 25px !important;
    width: 48% !important;
  }

  /* Solution */
  .work-sticky {
    padding: 50px 0px !important;
  }

  .work-sticky .items {
    margin-top: 25px !important;
  }

  .work-sticky .items .cont .sticky-item {
    padding: 20px 0px !important;
  }

  .work-sticky .items .cont {
    padding: 0px 20px !important;
  }

  .work-item {
    --bs-gutter-x: 0px !important;
    --bs-gutter-y: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
  }

  .work-item.odd {
    display: flex !important;
    /* flex-direction: column-reverse !important; */
  }

  .work-item .items a,
  .work-item .items a img {
    height: 100% !important;
    object-fit: cover !important;
  }

  /* Project Page */
  .hero {
    height: 50vh !important;
    min-height: 50vh !important;
  }

  .service-tags {
    justify-content: start !important;
  }

  .image-placeholder img {
    height: auto !important;
  }

  .content-row {
    display: flex !important;
    flex-direction: row !important;
    gap: 25px !important;
  }

  .content-image {
    order: 1 !important;
    width: 100% !important;
  }

  .content-text {
    order: 2 !important;
    width: 100% !important;
    padding-top: 15px !important;
  }

  .content-section {
    overflow: hidden !important;
  }

  .esshin-img-gallery .row {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 15px !important;
    margin: 0px !important;
    padding: 0px !important;
  }

  .next-project .box {
    padding: 75px 15px !important;
  }

  .next-project .box .cont {
    justify-content: space-between !important;
  }

  .next-project .text-right {
    text-align: left !important;
  }

  .next-project .all-works-butn {
    padding: 15px !important;
    top: 76% !important;
  }

  .next-project .ml-auto {
    width: 100% !important;
    margin: 0px !important;
  }

  .next-project .box .cont .fz-40 {
    font-size: 23px !important;
  }

  /* Contact US */
  .cd-section-title {
    text-align: left !important;
  }

  .cd-contact-card {
    padding: 25px !important;
    border-radius: 15px !important;
    text-align: left !important;
  }

  .cd-icon-wrapper {
    width: 50px !important;
    height: 50px !important;
    margin: 0px !important;
    margin-bottom: 15px !important;
  }

  .cd-icon {
    width: 25px !important;
    height: 25px !important;
  }

  .google-map {
    height: 350px !important;
  }

  .cd-cards-container {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  /* Career */
  .esshin-careers-hero {
    padding: 35px 0px !important;
    min-height: 50vh !important;
    align-items: end !important;
  }

  .esshin-job-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .esshin-job-skills {
    min-height: 57px !important;
  }

  .esshin-skill-badge {
    height: 100% !important;
  }

  .esshin-job-filter {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 15px !important;
  }

  .esshin-hero-content .d-flex {
    flex-direction: row !important;
    display: flex !important;
    gap: 0px !important;
    justify-content: space-between !important;
  }

  .esshin-hero-content .d-flex a {
    padding: 10px 15px !important;
    border-radius: 5px !important;
    width: 48% !important;
    background: #ac0000 !important;
    color: #fff !important;
    border: 1px solid #ccc !important;
  }

  section#culture .text-center {
    text-align: left !important;
    margin-bottom: 50px !important;
  }

  .esshin-culture-icon,
  .esshin-contact-icon,
  .esshin-step-number {
    width: 75px !important;
    height: 75px !important;
    font-size: 25px !important;
    margin-bottom: 25px !important;
  }

  .esshin-contact-item {
    text-align: left !important;
    padding: 25px !important;
    border-radius: 15px !important;
  }

  .esshin-contact-item .esshin-contact-icon {
    margin: 0px !important;
    margin-bottom: 15px !important;
  }

  .esshin-contact-icon i.fas.fa-phone {
    transform: scaleX(-1) !important;
  }

  body.career .text-center {
    text-align: left !important;
  }

  .esshin-process-step,
  .esshin-culture-card {
    padding: 25px !important;
    border-radius: 15px !important;
  }

  .esshin-job-card {
    padding: 25px 15px !important;
    border-radius: 15px !important;
  }

  .esshin-modal-header,
  .esshin-modal-body {
    padding: 25px 15px !important;
  }

  .esshin-modal-footer {
    padding: 25px 15px !important;
    padding-top: 0px !important;
    justify-content: space-between !important;
  }

  .esshin-modal-footer button {
    padding: 10px !important;
    border-radius: 5px !important;
    display: flex !important;
    flex-direction: row !important;
    width: max-content !important;
  }

  /* body.career .modal-dialog{
    height: 90vh !important;
  } */
  div#esshinJobModal {
    padding: 0px 5px !important;
  }

  .esshin-apply-btn {
    border-radius: 15px !important;
    width: 100% !important;
  }

  .modal-dialog {
    max-width: 95% !important;
    margin: 25px !important;
  }
}

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

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