@media (max-width: 1400px) {
  .item-content ul li span {
    font-size: 12px;
    font-weight: 600;
    display: block;
  }

  .item:hover .item-content h3 {
    font-size: 20px;
    line-height: 1.2;
  }
  .item-content ul li p {
    margin: 0;
    font-size: 12px;
    font-weight: 100;
    font-family: "Helvetica-light";
  }

  .services {
    padding: 2pc 5pc 2pc 8pc;
    position: relative;
  }

  .content__sectors {
    padding: 2pc 0pc 0pc 4pc;
  }

  .services {
    padding: 2pc 5pc 2pc 8pc;
    position: relative;
  }

  .item-content h3 {
    font-size: 26px;
    line-height: 1.2;
  }

  .services .item {
    background-size: cover;
    height: 66vh;
    transition: 0.3s ease;
  }

  h4.fooj_offer {
    width: 750px;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 0px;
  }

  .fooj__offer_2 {
    margin-top: 1pc;
    margin-bottom: 1pc;
    width: 750px;
    font-family: "Helvetica-light";
    font-size: 15px !important;
  }

  .content__sectors > h6 {
    /* font-size: 18px; */
  }

  .main-title {
    font-size: 20px;
    margin-bottom: 15px;
    padding-bottom: 0;
  }

  .solution_heading_font {
    width: 435px;
    font-size: 21px;
    padding: 20px 0;
    border-bottom: 0.3px solid #cf2e2c;
  }

  .solution_heading_font:first-child {
    padding-top: 0px;
  }

  .scroll_container {
    height: 257px;
    overflow-y: hidden;
    overflow-x: hidden;
  }

  p.solution_heading {
    /* font-size: 18px; */
  }
  .item-content{
    line-height: 1.1;
  }
}

@media (max-width: 1300px) {
  .item:hover .item-content h3 {
    font-size: 18px;
    line-height: 1.2;
  }

  .services .item {
    background-size: cover;
    height: 64vh;
    transition: 0.3s ease;
  }

  .item:hover .item-content {
    bottom: 3%;
  }
  .item-content{
    padding-left: 10px;
  }
}
@media only screen and (max-width: 992px){
  .item-content h3{
    font-size: 20px;
  }
  .item-content ul li span{
    font-size: 10px;
  }
  .item-content ul li p{
    font-size: 9px;
  }
}
@media only screen and (max-width: 767px) {
  h2.banner_heading {
    font-size: 40px;
  }
  .button_container {
    top: 20px;
    right: 3pc;
    display: block !important;
  }
  .logo_div {
    flex-grow: 0.3;
  }

  .logo__div_1,
  .log_div_sector {
    width: 120px;
    margin-bottom: 20px;
  }

  .logo__div_1 img,
  .log_div_sector img {
    width: 100%;
  }

  .services_heading {
    padding: 1pc 0pc 0pc 1pc;
    font-size: 23px;
    font-weight: 400;
  }

  .owl-services {
    padding: 0 1pc;
  }
  #section2 .dark-navigation {
    display: block !important;
  }
  .arrow-div {
    display: block;
  }
  .swiper-pagination-bullets {
    display: none;
  }
  /*.who_we_img {
    display: none;
  }*/
  .who_we_content {
    padding: 3pc 0pc 0pc 0pc;
    background: rgb(255,255,255,.7);
    width: 80%;
    height: 70vh !important;
    padding: 20px !important;
    width: 100%;
  }

  h4.fooj_offer ,.fooj__offer_2{
    width: 100%;
  }
  .content_head_1 {
    padding-left: 0pc;
    padding-top: 0pc;
  }
  .scroll__1 {
    left: 65%;
    bottom: 1.5%;
  }
  h4.fooj_offer {
    margin-bottom: 0px;
    margin-top: 10px;
  }
  .content__sectors .card-body{
    padding: 10px;
  }
  .owl-sectors .owl-nav button img {
    width: 10px;
  }
  .item-content h3 {
    font-size: 28px;
  }
  .sectore_head {
    font-size: 15px;
  }
  .content__sectors_1 {
    padding: 2pc 0pc 0pc 1pc;
    width: 80%;
  }
  .solution_heading_font {
    font-size: 20px;
    width: 100%;
    padding: 10px 0;
  }
  .content_head_1 {
    left: 50%;
  }
  .services {
    padding: 0pc 5pc 2pc 6pc;
  }
  .services .item {
    height: 70vh;
  }
  .item-content{
    line-height: 1.4;
  }
}
@media only screen and (max-width: 576px) {
  h2.banner_heading {
    font-size: 30px;
  }
  .swiper-button-next{
    bottom: 8pc;
   }

   .swiper-button-prev{
    bottom: 11pc;
   }
  .heading_width {
    width: 60% !important;
  }
  h2.banner_heading {
    width: 90%;
    font-size: 30px;
    color: #fff;
    font-weight: 600;
  }
  .contact_us_main {
    font-size: 28px;
    margin-bottom: 20px !important;
  }
  .who_we {
    padding: 0pc 0pc;
  }
  .who_we_content {
    padding: 3pc 0pc 0pc 0pc;
  }
  .who__description,
  .who_description_2 {
    white-space: unset;
  }

  .arrow-div {
    right: 40px;
    /*bottom: 7pc;*/
  }

  .who_description_2 {
    font-size: 15px;
    font-family: "Helvetica-light";
    color: #000;
    padding-top: 10px;
    width: 100%;
  }
  .team_description_ {
    /*width: 50%;*/
  }
  /*.team_main_heading {
    width: 95%;
  }
  .team_description_2 {
    width: 75%;
  }
  .team_description_3 {
    width: 65%;
  }*/
  .content__sectors {
    padding: 0pc 0pc 0pc 0pc;
  }
  .content_head_1 {
    padding-left: 0pc;
  }
  .content__sectors_1 {
    padding: 2pc 0pc 0pc 0pc;
  }
  .scroll__1 {
    left: 78%;
    bottom: 1.5%;
  }
  .line_div_2 {
    position: absolute;
    top: 0;
    right: 6%;
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  h4.fooj_offer {
    font-size: 14px;
  }
  .sectors .owl-item {
    text-align: center;
  }
  .sectors .owl-carousel .owl-item img {
    width: 190px;
  }
  .owl-sectors {
    /* width: 55%; */
    margin: 0 auto 30px;
  }
  .fooj__offer_2 {
    margin-top: 1pc;
    font-size: 14px;
  }
  .content_head_1 {
    left: 50%;
  }
  .content__sectors_1 {
    width: 100%;
  }
  p.solution_heading {
    font-size: 16px;
  }
  .sectors .owl-carousel .owl-item img {
    width: 190px;
  }
  .sectors .owl-item {
    text-align: center;
  }
  .item-content ul{
    display: block ;
  }
  .item-content h3{
    font-size: 18px;
  }
  .item-content ul li span{
    font-weight: normal;
    font-size: 13px;
  }
  .inner-list > ul{
    line-height: 1;
  }
  .item-content ul li p{
    font-size: 12px;
  }
}
@media only screen and (max-width: 480px) {
  h2.banner_heading {
    font-size: 25px;
  }
  .who__description {
    font-size: 22px;
  }
  .Solution_heading_1 {
    font-size: 17px;
  }
  .Solution_heading_2 {
    font-size: 17px;
  }
  .solution_heading_3 {
    font-size: 17px;
  }
  .content_head_1 {
    padding-top: 0pc;
  }
  .team_description_ {
    /*width: 85%;*/
  }
  .team_description_3 {
    /*width: 80%;*/
  }
  .team_main_heading {
    font-weight: 600;
    font-size: 22px;
    width: 50%;
  }
  .section_nav {
    text-align: center;
    list-style: none;
    /* padding: 4rem 1rem; */
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    padding-left: 20%;
    padding-top: 25% !important;
    width: 100vw;
    display: flex;
  }
  .log_div_sector_services {
    padding-left: 0pc;
  }
  .slider_left {
    margin-left: 0pc;
  }
  .services_heading {
    padding: 1pc 0pc 0pc 1pc;
    font-size: 23px;
    font-weight: 400;
  }
  .services {
    padding: 0pc 0pc 2pc 0pc;
    position: relative;
  }
  .who__description {
    width: 100%;
  }
  .main__div {
    padding: 2pc 1pc 0pc 1pc;
  }
  .Solution_heading_1 {
    width: 100%;
  }

  .Solution_heading_2 {
    width: 100%;
  }

  .solution_heading_3 {
    width: 100%;
  }
  
  .scroll_container ,.scroll_container_1{
    width: 100%;
    height: 61vh;
    overflow: hidden;
  }
  .scroll-bar{
    display: none;
  }
  .centering {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100vh;
  }
  h2.banner_heading {
    /*width: 90%;*/
    /*font-size: 25px;*/
  }
  .line__1 {
    width: 30%;
  }
  .sectors .owl-carousel .owl-item img {
    width: 200px;
  }
  .solution_heading_font {
    font-size: 15px;
  }
  .contact_us_main {
    font-size: 20px;
  }
  .owl-nav button{
    background-color: red !important;
    height: 30px;
    width: 30px;
    border-radius: 50% !important;
    line-height: 0 !important;
  }
 .owl-prev img{
  transform: rotate(
  -90deg
  );
   }
   .owl-next img{
    transform: rotate(
  90deg
  );
   }
   .logo_div__1 img{
    width: 120px;
   }
   .swiper-button-prev{
    bottom: 11pc;
   }
   .swiper-button-next{
    bottom: 8pc;
   }
}
@media (max-width: 420px) {
  .who_we_content {
    padding: 0pc 0pc 0pc 0pc;
  }
  .team_main_heading {
    font-size: 18px;
  }
  .team_description_,
  .team_description_2,
  .team_description_3 {
    font-size: 12px !important;
  }
  .item:hover .item-content {
    padding-bottom: 40px;
  }
  .content__sectors_1 {
    padding: 1pc 0pc 0pc 0pc;
  }
  /* .swiper-container {
    width: 100%;
    height: 100%;
    margin: auto;
    margin-right: 0;
  } */
  .div_position {
    position: absolute;
    bottom: 3%;
    right: 10%;
    z-index: 1;
  }
  .fooj__offer_2 {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 26px;
  }
  .fooj__offer_2 {
    font-size: 13px;
  }
}