/********** HOME PAGE RESPONSIVE START **********/
@media screen and (max-width: 1200px) {

  /* Home Banner Section Start */
  .left_banner {
    padding-left: 10%;
  }

  .banner_section .left_banner h6 {
    font-size: 16px;
  }

  .banner_section .left_banner h2,
  .banner_section .left_banner h2 span {
    font-size: 46px;
  }

  .banner_section .left_banner h2 span {
    width  : 440px;
    left   : -106px;
    padding: 38px 0 29px 21%;
  }

  .banner_section .left_banner h2 {
    line-height: 68px;
  }

  .oval .cube {
    top: 338px;
  }

  .right_banner_BG p {
    top  : 30px;
    right: 146px;
  }


  .right_banner .clients-part .owl-carousel .client-item img {
    margin: 64px 0;
  }

  /* Home Counter Section Start */
  .counter_cards {
    justify-content: space-evenly;
  }

  /* Home Our Story Section Start */
  .rigth_content p {
    font-size: 14px;
  }
}

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

  /* Home Banner Section Start */

  .oval .cube {
    top  : 320px;
    right: 26px;
  }

  .right_banner .clients-part .owl-carousel .client-item img {
    margin: 58px 0;
  }

  .right_banner .box img {
    width: 70px;
  }

  .right_banner_BG p {
    top  : 28px;
    right: 134px;
  }

  .banner_section .left_banner h6 {
    font-size: 16px;
  }

  .banner_section .left_banner h2 span {
    width         : 461px;
    padding       : 38px 0 29px 26%;
    font-size     : 42px;
    letter-spacing: 6px;
  }

  .banner_section .left_banner h2 {
    font-size: 42px;
  }
}

@media screen and (max-width: 991px) {
  /* Home Banner Section Start */

  .banner_section .left_banner h6 {
    font-size: 14px;
  }

  .banner_section .left_banner h2 span {
    width         : 412px;
    padding       : 38px 0 29px 26%;
    font-size     : 36px;
    letter-spacing: 6px;
  }

  .banner_section .left_banner h2 {
    font-size  : 36px;
    line-height: 54px;
  }

  .right_banner .box {
    left: -60px;
    top : 15px;
  }

  .oval .cube {
    top  : 260px;
    width: 74px;
  }

  /* Home Counter Section Start */
  .border_right img {
    display: none;
  }

  .counter_card {
    display      : block;
    text-align   : center;
    width        : 48%;
    border       : 1px solid #f6911d;
    padding      : 40px 0;
    border-radius: 5px;
    background   : #ffeedb;
    margin       : 10px 3px;
  }

  .counter_card div h2 {
    display    : block;
    font-size  : 52px;
    line-height: unset;
  }

  .counter_card div p {
    line-height: 0;
  }

  /* Production Capabilities Section Start */
  .production_capabilities.pt-5 {
    padding : 0 !important;
    overflow: hidden;
  }

  .production_capabilities .para {
    width: 100%;
  }

  .cal_card {
    display        : flex;
    width          : 100%;
    justify-content: center;
  }

  .card_cap_sec .cap_img {
    width: 100%;
  }

  .production_capabilities :where(.direction_card_2,
    .direction_card_3,
    .direction_card_6,
    .direction_card_7) {
    flex-direction: row-reverse;
  }
}

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

  /* Home Banner Section Start */
  .banner_section .left_banner h6 {
    letter-spacing: 2.99px;
  }

  .banner_section .left_banner h2 {
    font-size: 34px;
  }

  .banner_section .left_banner h2 span {
    padding  : 38px 0 29px 30%;
    font-size: 34px;
    width    : 394px;
  }

  .right_banner .box {
    left: 0;
    top : 0;
  }

  .right_banner .box img {
    width: 50px;
  }

  .right_banner_BG p {
    top  : 20px;
    right: 60px;
  }
}

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

  /* Home Banner Section Start */
  .left_banner {
    padding-top: 25px;
  }


  .banner_section .left_banner h2 span {
    padding      : 38px 0 29px 19%;
    margin-bottom: 20px;
  }

  .banner_section .left_banner h2 br {
    display: block;
  }

  .banner_section .p-0 {
    padding: 0 4% !important;
  }

  /* Home Our Story Section Start */
  .right_our_story .px-0 {
    padding: 0 10px !important;
  }

  .right_our_story .rigth_content {
    margin    : 30px 0 0 0;
    text-align: left;
  }

  /* Benefits_gen Section Start */
  .Benefits .rowed .benifit_head_card {
    width : 50%;
    margin: 0;
  }

  .section_head span {
    font-size: 32px;
  }

  .section_head {
    font-size: 32px;
  }

  /* Frequently Asked Questions Section */
  .card-body p {
    font-size: 14px;
  }

  .accordion-button:not(.collapsed)::after {
    position : unset;
    transform: translate(0, 0) !important;
  }
}

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

  /* Home Banner Section Start */
  .left_banner {
    text-align: center;
  }

  .banner_section .left_banner h2 span {
    padding      : 30px;
    font-size    : 34px;
    width        : 100%;
    margin-bottom: 20px;
    position     : unset;
  }


  .banner_section .left_banner h2 br {
    display: none;
  }

  .left_banner {
    padding-left: 0;
  }

  .right_banner_BG {
    display: none;
  }

  .right_banner_BG {
    top: -70px;
  }

  .right_banner_BG p {
    display: none;
  }

  .oval .cube {
    top: 76%;
  }

  .right_banner_BG {
    top: -25px;
  }

  .btn_s {
    position: unset;
  }

  .right_banner .box {
    left: 20px;
    top : 38px;
  }

  .right_banner .clients-part .owl-carousel .client-item img {
    left: 1px;
  }

  /* What our client says Section Start */
  .client_says-item {
    display   : block;
    text-align: justify;
  }

  .client_says-item p {
    color      : #111;
    font-size  : 14px;
    font-weight: 400;
    line-height: 27px;
  }

  .client_says-item .client_says_img {
    width : 200px;
    margin: auto;
  }

  /*  */
  .production_capabilities .head_para {
    width: 100%;
  }
}

@media screen and (max-width: 678px) {
  .section_head span {
    font-size: 24px;
  }

  .section_head {
    font-size: 24px;
  }

  .Major_Customer h6 {
    font-size: 14px;
  }

  /* Home Banner Section Start */
  .left_banner {
    padding-top: 25px;
  }

  .right_banner_BG {
    top: -30px;
  }

  .oval {
    display: none;
  }

  /* Home Counter Section Start */

  .counter_cards {
    justify-content: center;
  }

  .counter_card div h2 {
    font-size: 38px;
  }
}

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


  /* Home Counter Section Start */

  .counter_card {
    padding: 16px 0;
  }

  /* Benefits_gen Section Start */
  .Benefits .rowed .benifit_head_card {
    width : 100%;
    margin: 0;
  }

  .Benefits_card {
    min-height   : auto;
    padding      : 10px 20px;
    margin-bottom: 1em;
  }

  /* Benefits_gen Section End */
  .cal_card {
    display   : contents;
    text-align: center;
    width     : 100%;
  }


  /* .production_capabilities
    :where(
      .direction_card_3,
      .direction_card_4,
      .direction_card_7,
      .direction_card_8
    ) {
    display: flex;
    flex-direction: column-reverse;
    position: relative;
    left: 20px;
    overflow: hidden;
  } */

  .card_cap_sec_2 {
    display       : flex;
    flex-direction: column-reverse;
  }

  .card_cap_sec .cap_img,
  .card_cap_sec {
    margin: auto;
  }

  .card_cap {
    display        : flex;
    flex-wrap      : wrap;
    justify-content: center;
  }

  .Capabilities_card_content {
    width     : 100%;
    text-align: left;
    padding   : 20px 0;
    min-height: 180px;
  }

  /* Major Customer Section Start */
  .owl-carousel.owl-drag .owl-item {
    display        : flex !important;
    justify-content: center !important;
  }

  /* FAQ Section Start */
  .accordion-item .accordion-button {
    font-size: 14px;
  }

  /* our_story Section Start */
  /* Client Say Section */
  .our_story.py-5,
  .client_says.py-5 {
    padding: 0 !important;
  }
}

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

  /* Home Banner Section Start */
  .banner_section .left_banner h6 {
    letter-spacing: 1.99px;
  }

  .left_banner {
    padding: 0 25px;
  }

  .banner_section .left_banner h2 span {
    padding  : 30px;
    font-size: 24px;
  }

  .banner_section .left_banner h2 {
    font-size  : 28px;
    line-height: 38px;
  }

  .banner_section .left_banner .btn_s a {
    width : 100%;
    margin: 10px 0;
  }

  /* Home Counter Section Start */

  .counter_card {
    width          : 100%;
    display        : flex;
    justify-content: start;
    align-items    : center;
    padding        : 16px 0 26px 40px;
  }
}

@media screen and (max-width: 3200px) {
  .video-js {
    width : 100%;
    height: 172px;
  }
}

/********** HOME PAGE RESPONSIVE END **********/