/* 24" large Screens */
@media only screen and (max-width : 1920px) { }

/* 22" large Screens */
@media only screen and (max-width : 1680px) { 


  .home-arrow {
    left: 16%;
  }



  .bs-industry-left{
    padding: 15px 0 21px 20px;
  }
  .bs-industry-left .bs-industry-icon{
    width: 52px;
    height: 52px;
  }



}

/* 20" large Screens */
@media only screen and (max-width : 1600px) { 


  .home-arrow {
    left: 15%;
  }


}

/* 20" large Screens */
@media only screen and (max-width : 1560px) { 


  .home-arrow {
    left: 14%;
  }



}

/* 20" large Screens */
@media only screen and (max-width : 1536px) { 

  .home-arrow {
    left: 13%;
  }



}

/* 19" large Screens */
@media only screen and (max-width : 1440px) { 


.single-our-industry .bs-industry-icon {
    width: 42px;
    height: 42px;
}
.single-our-industry .bs-industry-icon img, .single-our-industry .bs-industry-icon svg {
    width: 22px;
    height: 22px;
}
.single-our-industry .bs-industry-item{
  padding: 9px 10px;
}


  .home-arrow {
    left: 11%;
  }
  .header-menu li:not(:last-child) a.elementor-item {
    margin-right: 28px !important;
}
.topbannerarea .e-con-inner {
    padding-top: 120px;
}
.topbannerarea .txthai{
  padding-bottom: 70px !important;
}
.topbannerarea .icnhai{
  bottom: 15px !important;
}
.jobtitle h2 {
    font-size: 28px;
}
.pspace p{
  margin-bottom: 0;
}
div#commiyt{
  width: 95%;
}
.projects-grid-2 .project-img-wrap-2 h4 {
    font-size: 20px;
}

.acf-image-slider img {
    height: 400px;
}
.bs-industry-content h3{
  font-size: 30px;
  line-height: 40px;
  margin: 25px 0;
}

.bs-industry-text p:not(:last-child) {
    margin-bottom: 28px;
}
.page-id-17 .bs-industry-content .custom-btn a.elementor-button{
  margin-top: 30px;
}
.bs-industry-text p{
  font-size: 16px;
  line-height: 26px;
}
.bs-industry-title,
div#serind h4{
  font-size: 17px;
  line-height: 35px;
}
#insoirationacc summary {
    --n-accordion-padding: 18px 37px 18px 37px;
}
#bs-industry-popup{
  top: 60px;
}
.bs-industry-left .bs-industry-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
}
.bs-industry-left .bs-industry-icon img {
    width: 30px;
    height: 30px;
}
.bs-industry-right h4.bs-service-title {
    font-size: 14px;
    line-height: 20px;
    padding-left: 15px;
    width: 65%;
}
.bs-industry-left .bs-industry-item{
  gap: 10px;
}

li.menu-item-1701::after{
  width: 5px;
  height: 5px;
  right: 15%;
}
ul#menu-1-18c5c1b li.menu-item.menu-item-1701::after {
  right: 15%;
}
.bs-services-header.cus .custom-btn.weblink{
  margin-bottom: 0;
}



}

/* 19" large Screens */
@media only screen and (max-width : 1366px) { 

  .home-arrow {
    left: 9%;
  }
      .bs-industry-left .bs-industry-icon {
        width: 42px;
        height: 42px;
    }
    .bs-industry-left span.bs-industry-title {
      font-size: 14px;
  }




}

/* 19" large Screens */
@media only screen and (max-width : 1360px) { }

/* 13" Notebook Large Devices, Wide Screens */
@media only screen and (max-width : 1280px) { 

.home-arrow {
    left: 6%;
    bottom: 80px;
  }
    .header-menu li:not(:last-child) a.elementor-item {
    margin-right: 19px !important;
  }
  li.menu-item-1701::after {
    width: 4px;
    height: 4px;
    right: 10%;
  }
  .bs-industry-left .bs-industry-title{
    font-size: 13px;
  }
  ul#menu-1-18c5c1b li.menu-item.menu-item-1701::after {
    right: 11%;
    width: 5px;
    height: 5px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;

  }



}

/* 20" large Screens */
@media only screen and (max-width : 1263px) { }

/* Ubuntu, Medium Screens */
@media only screen and (max-width : 1198px) { 


  .home-arrow {
    left: 3%;
  }



}

/* 12" Notebook & iPad landscape  · width: 1024px */
@media only screen and (max-width : 1024px) { 


.sliderInner .inner-content {
  padding-left: 20px;
}
  .sliderInner .inner-content h2 {
    font-size: 50px;
    line-height: 55px;
  }
    .sliderInner .inner-content p {
    font-size: 15px;
}
.pspace p:not(:last-child) {
  padding-bottom: 20px;
}
div#commiyt{
  width: 100%;
  padding: 20px;
}
#threehead h3 {
  font-size: 20px;
  line-height: 30px;
}
div#threehead .elementor-widget-icon-box .elementor-icon-box-content{
  gap: 10px;
}
.mrbtm p:not(:last-child) {
  margin-bottom: 25px;
}
.lispace li:not(:last-child) {
  margin-bottom: 15px;
}
.projectover li,
.acf-key-features li{
  font-size: 16px;
  line-height: 26px;
}
#bs-industry-popup{
  display: none !important;
}




}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {  

li.menu-item-1701 span.bs-dropdown-icon{
  display: none;
}


}

/*Landscape*/
@media only screen and (max-width : 960px) {  }

/* Kindel Fire HD 8.9in (800x1280) Tablets */
@media only screen and (max-width : 800px) {  }

/* iPad (All) (768x1024) Portrait Tablets */
@media only screen and (max-width : 768px) {  

.animate-text {
  opacity: 1;
  border-right: 3px solid transparent;
  animation: typing 3.5s steps(40, end) forwards, fadeIn 1s ease-in-out forwards;
}




}

/* Lower then iPad (All) (767x---) */
@media only screen and (max-width : 767px) {  


#mbhead .elementor-nav-menu--dropdown {
  margin-top: 20px;
}


li.menu-item-1701::after{
  display:none !important;
}
.job-card{
  display: block;
  padding: 20px;
}
.job-meta li{
  font-size: 13px;
}
.job-meta{
  gap: 20px;
}
.job-right {
  margin-top: 30px;
}
div#commiyt h3, div#driving h3, div#looking h3, #comment h3{
  font-size: 30px;
  line-height: 40px;
}
.bs-post-nav-wrapper{
  display: block;
}
.bs-post-title h2{
  font-size: 20px;
  margin-bottom: 28px;
  line-height: 30px;
}
.bs-post-share span{
  font-size: 13px;
}
.bs-post-share a{
  width: 40px;
  height: 40px;
}
#comment h3{
  margin-bottom: 20px;
}
#threehead h3{
  position: relative;
    top: 8%;
}
.formbg{
  padding: 20px;
}
.projects-grid-2{
  grid-template-columns: repeat(1, 1fr);
}
  .acf-image-slider img {
    height: 250px;
  }

.single-projects .e-con-inner h4{
  font-size: 20px;
  line-height: 30px;
}
.single-projects .e-con-inner p:not(:first-child){
  font-size: 16px;
  line-height: 26px;
}
.acf-key-features{
  column-count: 1;
}
.acf-key-features li{
  margin-bottom: 15px;
  font-size: 13px;
    line-height: 23px;
}
.bs-industry-image{
  max-width: 100%;
}
.bs-industry-row{
  gap: 20px;
  margin-bottom: 40px;
}
 .bs-industry-content {
    padding: 0;
  }
div#serind h4{
  font-size: 20px;
  line-height: 30px;
}
div#detind h2, div#serind h2, div#proind h2{
  font-size: 30px;
  line-height: 40px;
}
div#detind p,
.bs-projects-details{
  font-size: 16px;
  line-height: 26px;
}
div#detind p:not(:last-child) {
  padding-bottom: 15px;
}
.bs-projects-details{
  width: 100%;
}
.bs-project-title{
  left: 20px;
  bottom: 20px;
  font-size: 25px;
}
#indusbox .elementor-widget-icon-box,
#indusbox.second-row .elementor-widget-icon-box{
  width: 100%;
}
#indusbox .elementor-icon-box-description{
  text-align: center !important;
  margin: 0 auto;
  display: inline-block;
}
.second-row .industry_box:first-child{
  margin-right: 0 !important;
}
.second-row .industry_box:last-child{
  margin-left: 0px;
}
.project-head{
  bottom: 7px;
  padding: 0 10px;
}
.project-head h3{
  font-size: 16px;
}
.projectsBox .projects-link {
  position: relative;
  right: -15px !important;
  top: -10px;
}
.projectsBox .projects-link img {
  width: 50%;
}
.service-arrow .slick-arrow{
  width: 44px;
  height: 44px;
  font-size: 12px;
}
    .homeslider img {
        height: 500px;
        object-fit: cover;
    }
  
    .sliderInner .inner-content {
        padding-left: 20px;
        padding-right: 20px;
    }
  
.learn-more a {
    padding: 5px 7px 5px 15px;
    font-size: 14px;
}
  
  .sliderInner .inner-content .slide-cont {
    width: 100%;
  }
    .sliderInner .inner-content h2 {
    font-size: 30px;
    line-height: 40px;
  }
   .sliderInner .inner-content p {
    font-size: 14px;
    line-height: 20px;
  }
.home-arrow{
  bottom: 20px;
  left: 5%;
}
 .rightContainer .elementor-widget-shortcode {
    margin-left: 0;
  }
.topbannerarea h2,
.topbannerarea h1 {
  font-size: 30px !important;
  line-height: 40px !important;
  margin-bottom: 10px;
}
.topbannerarea .elementor-element {
  width: 100% !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.topbannerarea .elementor-element p {
  font-size: 15px !important;
  line-height: 25px !important;
}
#mediatabs .e-n-tabs-heading {
  display: flex !important;
}
#mediatabs button[tabindex="0"]{
  margin-bottom: 0 !important;
}
#mediatabs button{
  padding-right: 24px;
  padding-left: 20px;
}
#mediatabs .e-n-tabs-heading {
  margin-bottom: 10px;
}
#ftrmenu ul li a {
  display: block;
  text-align: center;
}
.job-title{
  font-size: 22px !important;
}

/* Force normal vertical flow */
.no-equal-height.e-con,
.no-equal-height .e-con-inner {
    flex-direction: column !important;
    align-items: stretch !important;
}

/* Reset ALL children */
.no-equal-height .e-con.e-child {
    width: 100% !important;
    max-width: 100% !important;
    align-self: stretch !important;
    min-height: auto !important;
}

/* Kill sticky completely on mobile */
#bgjob {
    position: static !important;
    top: auto !important;
    bottom: auto !important;
}

/* Prevent hidden sections */
.no-equal-height {
    overflow: visible !important;
}
.jobtitle h2 {
  font-size: 22px;
  line-height: 32px;
}


  /* Arrow wrapper positioning */
.home-posts .slick-arrow,
#focusedarea .slick-arrow,
.maincont .slick-arrow,
#detailsabout .slick-arrow,
.mainlogo .slick-arrow,
.industry-slider .slick-arrow,
.elementor-element-1a98530 .bs-services-grid .slick-arrow,
#proind .bs-projects-list .slick-arrow{
    position: absolute;
    bottom: -45px;
    top: auto;
    transform: none;
    z-index: 10;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    color: #fff;
    border: none;
    cursor: pointer;
}
.elementor-element-1a98530 .bs-services-grid .slick-arrow,
#proind .bs-projects-list .slick-arrow{
  bottom: 50%;
}
.maincont .slick-arrow,
.mainlogo .slick-arrow{
  bottom: 0;
}
#focusedarea .slick-arrow,
#detailsabout .slick-arrow,
.mainlogo .slick-arrow,
.industry-slider .slick-arrow{
  bottom: 0;
  top: 50%;
}
.home-posts .slick-next::before,
.home-posts .slick-prev::before,

#focusedarea .slick-next::before,
#focusedarea .slick-prev::before,

.maincont .slick-next::before,
.maincont .slick-prev::before,

#detailsabout .slick-next::before,
#detailsabout .slick-prev::before,

.mainlogo .slick-next::before,
.mainlogo .slick-prev::before,

.industry-slider .slick-next::before,
.industry-slider .slick-prev::before
 {
  color: #141941;
  opacity: 1;
  font-size: 22px;
}

#detailsabout .slick-next::before,
#detailsabout .slick-prev::before{
  color: #fff !important;
}

/* Center arrows */
.home-posts .slick-prev,
.maincont .slick-prev{
    left: 50%;
    transform: translateX(-110%);
}

.home-posts .slick-next,
.maincont .slick-next,
.maincont .slick-next{
    left: 50%;
    transform: translateX(10%);
}


#focusedarea .slick-prev,
#detailsabout .slick-prev{
  left: 15px;
}

.industry-slider .slick-prev{
  left: 0px;
}

.mainlogo .slick-prev{
  left: -15px;
}

#focusedarea .slick-next,
#detailsabout .slick-next,
.industry-slider .slick-next{
  right: 15px;
}
.mainlogo .slick-next{
  right: 0;
}

.home-posts .slick-arrow:hover,
.home-posts .slick-prev,
.home-posts .slick-next,
#focusedarea .slick-arrow:hover,
#focusedarea .slick-prev,
#focusedarea .slick-next,

.maincont .slick-arrow:hover,
.maincont .slick-prev,
.maincont .slick-next,

#detailsabout .slick-prev,
#detailsabout .slick-next,

.mainlogo .slick-prev,
.mainlogo .slick-next,

.industry-slider .slick-prev,
.industry-slider .slick-next,

.elementor-element-1a98530 .bs-services-grid .slick-prev,
.elementor-element-1a98530 .bs-services-grid .slick-next,

#proind .bs-projects-list .slick-prev,
#proind .bs-projects-list .slick-next

 {
  background: transparent !important;
}
.single-post .custom-logo img {
  content: url("../images/MainStickyLogo.svg");
}
#noload {
  padding-bottom: 35px;
}
#noload  .slick-next.home-next.slick-arrow,
#noload  .slick-prev.home-prev.slick-arrow{
  padding-top: 20px;
}




.fitem-wrapper,
.company-slider,
.industry-slider,
#proind .bs-projects-list {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.fitem-wrapper h3 {
  font-size: 20px;
  line-height: 30px;
}



#revreserow .e-con-inner {
    display: flex;
    flex-direction: column;
}

#revreserow .elementor-element-93904bd {
    order: -1;
}



.teammember h4,
.teammember h6, 
.teammember img{
  margin-bottom: 15px;
}




.animate-text {
  opacity: 1;
  animation:fadeInUp 1s ease-in forwards;
}
@keyframes fadeInUp{
  0%{transform:translate(0px, 100px); opacity: 0;}
    100%{transform:translate(0px, 0); opacity: 1;}
}
.resimoooo img{
  max-width: 120%;
  left: -10%;
  position: relative;
}


.industry_box:hover {
  transform: translateY(0px);
}

.project-arrow-2{
  width: 34px;
  height: 30px;
}
.project-card-2:hover .project-arrow-2 svg {
  transform: rotate(0deg) translate(0px, 0px);
}
.project-card-2:hover{
  transform: rotate(0deg);
}
.project-arrow-2 svg {
  width: 18px;
  height: 18px;
}
.threeboxes h6 {
  height: auto;
}
.industry-slider p {
    display: inline-flex !important;
}



/* Prevent slide merging during transition */
.home-posts .slick-track,
.fitem-wrapper .slick-track,
.company-slider .slick-track,
.industry-slider .slick-track,
.elementor-element-1a98530 .bs-services-grid .slick-track,
#proind .bs-projects-list .slick-track{
    display: flex !important;
}

.home-posts .slick-slide,
.fitem-wrapper .slick-slide,
.company-slider .slick-slide,
.industry-slider .slick-slide,
.elementor-element-1a98530 .bs-services-grid .slick-slide,
#proind .bs-projects-list .slick-slide{
    height: auto !important;
    margin-right: 15px; 
}

 
.home-posts .slick-list,
.fitem-wrapper .slick-list,
.company-slider .slick-list,
.industry-slider .slick-list,
.elementor-element-1a98530 .bs-services-grid .slick-list,
#proind .bs-projects-list .slick-list{
    margin-right: -15px;
    overflow: hidden;
}



.elementor-element-1a98530 .bs-services-grid .slick-prev,
#proind .bs-projects-list .slick-prev{
  left: -10px;
}
.elementor-element-1a98530 .bs-services-grid .slick-next,
#proind .bs-projects-list .slick-next{
  right: 0;
}





.home-posts .slick-next::before,
.industry-slider .slick-next::before,
.maincont .slick-next::before,
.mainlogo .slick-next::before,
.elementor-element-1a98530 .bs-services-grid .slick-next::before{
  content: url(../../../uploads/2026/01/Vector.svg);
}
.home-posts .slick-prev::before,
.industry-slider .slick-prev::before, 
.maincont .slick-prev::before,
.mainlogo .slick-prev::before,
.elementor-element-1a98530 .bs-services-grid .slick-prev::before{
  content: url(../../..//uploads/2026/01/Vector-1.svg);
}


#detailsabout .slick-next::before,
#proind .bs-projects-list .slick-next::before{
  content: url(../../../uploads/2026/01/Vector-2.svg);
} 
#detailsabout .slick-prev::before,
#proind .bs-projects-list .slick-prev::before{
  content: url(../../../uploads/2026/01/Vector-3.svg);
}

.home-posts .slick-next,
.home-posts .slick-prev{
  padding-top: 20px;
  padding-bottom: 20px;
}

.elementor-10 .elementor-element.elementor-element-9f4e144{
  margin-top: 70px;
}


#fukkkk {
  width: 100% !important;
}

#bgjob:nth-child(2) {
  display: none !important;
}
#subsidiaries .fitem-wrapper img {
  margin-bottom: 10px;
}


.topbannerarea .e-con-inner {
  padding-top: 100px;
}
.topbannerarea .icnhai {
  bottom: 15px !important;
}
.topbannerarea .txthai {
  padding-bottom: 50px !important;
}




}

/*iPhone 6 Plus landscape · width: 736px */
@media only screen and (max-width : 736px) {  }

/*iPhone 6 landscape · width: 667px */
@media only screen and (max-width : 667px) {  }

/*iPhone4 and iPhone5 Galaxy S2 and S3  */
@media only screen and (max-width : 640px) {  } 

/* Google Nexus 7 603x966 | Samsung Galaxy Tab 600x1024  */
@media only screen and (max-width : 603px) {  }

/* iPhone 5 Landscape · 320x568px */
@media only screen and (max-width : 568px) {  }

/* Kindel Fire HD 8.9in (533x853) Tablets */
@media only screen and (max-width : 533px) {  }

/*iPhone3 Landscape*/
@media only screen and (max-width : 480px) {  }

/* iPhone 6 PLUS (414x736) */
@media only screen and (max-width : 414px) {  }

/* iPhone 6 portrait (375x667) */
@media only screen and (max-width : 375px ) { }

/* Galaxy S5 (360x640) */
@media only screen and (max-width : 360px) {  }

/* iPhone 3/4 Blackberry8300 / LG/ AUSUS / S3 S4 */
@media only screen and (max-width : 320px) {  }

/*Galaxy Y*/
@media only screen and (max-width : 240px) {  }