@charset "utf-8";

/* CSS Document */
/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 992px) and (max-width: 1200px) {
}
@media screen and (max-width: 600px) {
}

@media screen and (max-width: 61.938em) {
  .career-experience h1 {
    line-height: 37px !important;
  }
  .coffee-career-right {
    display: none !important;
  }
  .coffee-career-left {
    top: 320px !important;
    left: 0px !important;
  }
  .top-left-padding-work {
    padding: 20px;
  }
  .work-bin {
    display: none;
  }
  .work-dice {
    display: none;
  }
  .mrq-top ul li {
    max-width: 100%;
    min-height: 90px;
  }
  .mrq-bottom ul li {
    max-width: 100%;
    min-height: 90px;
  }
  .mrq-bottom {
    position: relative;
  }
  .mrq-top {
    position: relative;
  }
  .hire-dedicated {
    padding: 15px;
  }
  .hire-right {
    width: 100%;
    padding: 0px;
  }
  .dedicated-left-section .our-dev {
    font-size: 26px;
    line-height: 36px;
  }
  .language-tab .lan-tab-box img {
    max-width: 120px;
    width: 100%;
  }
  .client-box {
    padding: 15pxs;
  }
  .bridge-bin {
    display: none;
  }
  .icrem-tea {
    display: none;
  }
  .dedicated-tea {
    display: none;
  }
  .dedicated-bottom-tea {
    display: none;
  }
  .main-title-1 h1 {
    font-size: 26px;
    line-height: 36px;
  }
  .hire-dedicated .hire-left {
    padding: 15px !important;
    width: 100% !important;
    margin-bottom: 20px;
  }
  .dedicate-icon {
    display: none;
  }
  .just {
    text-align: center;
  }
  .top-left-padding {
    padding: 20px;
  }
  .process .process-img .img {
    width: 200px;
  }
  .process-dice-botton img {
    width: 60px;
  }
  .process-dice img {
    width: 60px;
  }
  .carousel-item {
    min-height: 460px;
  }
  .process .process-img {
    padding-top: 85px;
    height: auto;
    min-height: auto;
  }
  .carousel-indicators {
    justify-content: center;
    margin-left: 15%;
    margin-right: 15%;
    margin-bottom: 1rem;
  }
  .process .process-details {
    padding-top: 0px;
  }
  .career-line {
    display: none;
  }
  .career-line-right {
    display: none;
  }
  .tech-icon {
    display: none;
  }
  .tech-icon-bottom {
    display: none;
  }
  .contact-bin {
    display: none;
  }
  .tech-icon-bottom {
    display: none;
  }
  .dice {
    display: none;
  }
  .startloader .typewriter h1 {
    font-size: 7vh;
    line-height: 8vh;
  }

  @keyframes typewriter_1 {
    from {
      width: 0;
    }
    to {
      width: 100%;
      border-right: none;
    }
  }
  @keyframes typewriter_2 {
    from {
      width: 0;
    }
    to {
      width: 100%;
      border-right: none;
    }
  }
  @keyframes typewriter_3 {
    from {
      width: 0;
    }
    to {
      width: 100%;
      border-right: none;
    }
  }

  /* bg-color-animate */
  .yellow-color .color-box {
    width: 14vh;
    height: 4vh;
  }
  .red-color .color-box {
    width: 14vh;
    height: 4vh;
  }
  .green-color-one .color-box {
    width: 14vh;
    height: 4vh;
  }
  .green-color .color-box {
    width: 14vh;
    height: 4vh;
  }
  .yellow-color-one .color-box {
    width: 14vh;
    height: 4vh;
  }
  .pink-color .color-box {
    width: 14vh;
    height: 4vh;
  }
  .red-color-light .color-box {
    width: 14vh;
    height: 4vh;
  }
  .red-color-one .color-box {
    width: 14vh;
    height: 4vh;
  }
  .red-color-one {
    z-index: 0000;
  }
  /* koffekodes-icon-animation */
  .code svg {
    width: 20vh;
    right: -9vh;
  }
  .cup svg {
    width: 20vh;
    left: -12vh;
  }
  .botton-table svg {
    width: 20vh;
  }
  .botton-table {
    bottom: 8%;
  }
  .top-table svg {
    width: 20vh;
  }

  /* Home page */
  .newsletter h1 {
    font-size: 23px;
    line-height: 33px;
  }
  .tea-icon {
    left: -5px;
    top: 17px;
  }
  .tea-icon svg {
    width: 34px;
  }
  .tea-koffee {
    right: 4px;
  }
  .interest-work .work-interst .working-text {
    font-size: 40px;
    line-height: 50px;
  }
  .services-tea {
    display: none;
  }
  /* .language .language-box-shadow {
    margin-top: 10px;
  } */
  .line {
    display: none;
  }
  .interest-work {
    min-height: auto;
  }
  .we-are-tea {
    display: none;
  }
  .plane-title {
    font-size: 60px;
  }
  .service .service-name {
    font-size: 23px;
    line-height: 33px;
  }
  .service-bin {
    display: none;
  }
  .service-web {
    display: none;
  }
  .service-block {
    display: none;
  }
  .service-heat-tea {
    display: none;
  }
  .interest-work .work-interst .apply-txt {
    font-size: 25px;
    line-height: 35px;
  }
  .carrer-tea {
    display: none;
  }
  .carrer-been {
    display: none;
  }
  .negative-line {
    top: 0;
    left: 0;
  }
  .negative-line img {
    width: 200px;
  }
  #scroll {
    width: 40px;
    height: 40px;
    right: 4%;
    bottom: 5%;
    z-index: 1;
  }
  .about-title h1 {
    font-size: 25px;
    line-height: 35px;
  }
  .planner-tea-left {
    display: none;
  }
  .planner-tea {
    display: none;
  }
  .counter-txt {
    max-width: 100%;
  }
  .player .player-line {
    display: none;
  }
  /* #navbar{position:fixed ;} */
}

/* ipad-pro-media-query */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1028px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
}

/* nest-hub-media-query */
@media screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 0) {
}

/*============	Media 768Px Start ============ */

@media (min-width: 768px) and (max-width: 991px) {
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */

@media (min-width: 320px) and (max-width: 768px) {
}

@media screen and (max-width: 600px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) and (max-width: 991px) {
}

/*============ Media 300Px Star ============ */
@media only screen and (max-width: 540px) {
}

@media (max-width: 480px) {
}

/*============ Media 320Px Start ============ */

@media (max-width: 320px) {
}

@media screen and (max-width: 600px) {
  .carousel11 {
    justify-content: space-between !important;
  }
  .career-experience h1 {
    font-size: 40px;
    line-height: 30px;
  }
  .career-experience p {
    padding: 0px 20px;
    font-size: 14px;
  }
  .icon-contact {
    /* display: none !important; */
    width: 200px !important;
    right: 20px;
    bottom: 0px;
  }
  .tab-slider {
    padding: 10px;
  }
  .process-dice-botton {
    bottom: 45px;
  }
  .counter-koffee .counter-title h1 {
    font-size: 25px;
    line-height: 35px;
  }
  .testi-box {
    margin-bottom: 130px;
  }
  /* .scrl-dwn img:last-child {
  display: none;
}
.scrl-dwn:hover img:last-child {
  display: block;
  transition: 0.9s linear;
  animation: updown 2s ease infinite;
}
.scrl-dwn:hover img:first-child {
  display: none;
  transition: 0.9s linear;
} */

  .testimonial .testimonial-title h2 {
    font-size: 18px;
    line-height: 28px;
  }
  .txt-justify {
    text-align: justify !important;
  }
  .plane-tea {
    right: 20px;
    top: 60px;
  }
  .plane-tea img {
    width: 70px;
  }
  .journey {
    padding: 30px;
  }
  .dedicated-right-section {
    display: flex;
    justify-content: center;
  }
  .hire-dedicated .hire-left h1 {
    font-size: 32px;
    line-height: 42px;
  }

  .hire-right .owl-stage {
    right: 0px;
  }

  .tea-koffee {
    display: none;
  }
  .social-border {
    float: left;
  }
  .social {
    margin-top: 15px;
  }
  .testimonial .owl-theme .owl-dots .owl-dot span {
    width: 20px !important;
    height: 2px !important;
  }
  .services .owl-theme .owl-dots .owl-dot span {
    width: 20px !important;
    height: 2px !important;
  }
  .section-main-title h1 {
    font-size: 33px !important;
    line-height: 44px !important;
    font-weight: 800 !important;
    margin-bottom: 20px;
  }
  .mobile-text {
    text-align: justify !important;
  }
  .newsletter h1 {
    text-align: center;
  }
  .copyright p {
    text-align: center;
  }
  .social {
    justify-content: center;
    display: flex;
  }
  .txt-center {
    text-align: center;
  }
  .min-height {
    width: 100%;
    justify-content: center;
    margin-bottom: 30px;
    min-height: auto;
  }
  .breadcrumb-section .breadcumb-details h1 {
    font-size: 22px;
    line-height: 33px;
  }
  .breadcrumb-section {
    aspect-ratio: 6/3;
  }
  .contact-box {
    padding: 12px;
  }
  .contact-details {
    padding: 15px;
  }
  .plane-title {
    font-size: 48px;
    line-height: 58px;
    text-align: left;
  }

  .plane-details {
    margin-bottom: 40px;
  }
  .plane-details p {
    text-align: justify;
  }
  .service-title h1 {
    font-size: 22px;
    line-height: 33px;
  }
  .career-line-right {
    display: none;
  }
  .career-line {
    display: none;
  }
  .connect-title h1 {
    font-size: 24px;
    line-height: 34px;
  }
  .planner-tea {
    display: none;
  }
  .planner-tea-left {
    display: none;
  }
  .mar-botm {
    margin-bottom: 20px;
  }
  .contact-details .form-section {
    padding: 18px;
  }
  .player .player-title {
    font-size: 45px;
    line-height: 56px;
    text-align: center;
  }
  .player .tea-player {
    top: 0px;
  }

  /* .player .player-line img {max-height: 63px;} */
  .counter .counter-title h1 {
    font-size: 22px;
    line-height: 32px;
  }
  /* .dedicated-team {
    background: url(../images/dedicated-team.svg) no-repeat center left / cover;
    width: 100%;
    position: relative;
    float: left;
    align-items: center;
    display: flex;
  } */
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .services-provided {
    display: block !important;
  }

  .dedicated-team {
    min-height: auto;
  }
  .video-container {
    min-height: auto;
  }
  .career-line {
    display: none;
  }
  .career-line-right {
    display: none;
  }
}